/* Fișa: scara de mărimi a textului (Arthur, 20 oct 2026: „uniformizează mărimea fonturilor… fă polish pe toate”).
   Stratul ăsta se încarcă ULTIMUL (layout.html) și decide mărimile pentru tot ce e text de citit. Straturile de dinainte
   (base, r6, port) ajunseseră la 42 de mărimi distincte pe desktop (13 / 13,5 / 14 / 14,4 / 14,5 / 15 / 15,5…), iar
   cele trei formulare aveau trei mărimi de etichetă (13, 14, 15). O mărime nouă se alege din scara de mai jos, aici.
   Rămân în afara scării, deliberat: titlul primei pagini (calibrat pe 3 rânduri la 1440px), meniul din antet (potrivit
   pe lățimi) și butoanele (15px, ca „Cere ofertă” din antet; la 16px se despart pe două rânduri pe /multumim/ la
   390px), comutatorul RO/EN, legenda diplomelor (11,5px, ca „Top Afaceri România” să încapă pe un rând), telefonul
   mare din Contact, prețul din fișa mașinii, codul 404, fișa în miniatură din primul ecran (.os-*, scalată cu
   containerul) și textul din fișa serviciilor desenată (.bp-*, în unitățile desenului; vezi jos). */
:root {
  --fs-xs: 12px;                          /* etichete mici: TVA, „În stoc”, caroserie, limbă */
  --fs-s: 13px;                           /* note și explicații: „Fără TVA: …”, subsol, versiune, antetul foii */
  --fs-m: 14px;                           /* text de interfață: etichete de formular, tabele, liste dense, dotări */
  --fs-b: 16px;                           /* textul de citit */
  --fs-l: 18px;                           /* introduceri și sub-titluri: lead, h3, titlul mașinii pe card */
  --fs-h3: 22px;                          /* titlul unei părți din foaie */
  --fs-h2s: clamp(26px, 2.6vw, 34px);     /* titlul unei foi / benzi: „Mașini disponibile acum” */
  --fs-h2: clamp(30px, 3.4vw, 44px);      /* titlul unei secțiuni de pe birou: „Totul CLAR de la A la Z” */
  --fs-h1: clamp(32px, 3.4vw, 46px);      /* titlul paginii; sub titlul primei pagini (48), 29.10.2026; era clamp(34px, 4.2vw, 52px) */
}

/* Titluri */
.page-h h1, .ord-hero h1, .prose h1, .note-sheet h1, .about-page h1 { font-size: var(--fs-h1); }
.desk-h, .band-red-full h2 { font-size: var(--fs-h2); }
.doc-h, .band-red h2 { font-size: var(--fs-h2s); }
.doc-title h1 { font-size: clamp(28px, 3.2vw, 40px); }   /* numele mașinii = prețul de lângă el (.price b) */
.prose h2, .aside h2, .doc-sec h2, .dips h3, .ms-fill h3, .about-page h2, .ct-team h3 { font-size: var(--fs-h3); }
.ledger dd, .band-tone .ledger dd { font-size: var(--fs-h2s); }   /* „În cifre”: cifrele = titlul foii */
.step-n b, .route .step-n b { font-size: var(--fs-h3); }   /* .route .step-n b (r6, 0,2,1) bătea regula scurtă */

/* Introduceri și sub-titluri */
.lead, .hero .lead, .ord-hero .lead, .red-band .lead, .band-red-full .lead { font-size: var(--fs-l); }
@media (max-width: 760px) { .hero .lead, .ord-hero .lead { font-size: var(--fs-b); } }   /* căutarea rămâne pe primul ecran */
.steps h3, .steps4 h3, .route h3, .how-fin-t h3, .svc-wrap .svc dt, .about .values dt, .prose h3,
.faq summary, .faq-wrap .faq summary, .incl-h, .req-side h3, .note-sheet .next-h { font-size: var(--fs-l); }
.ms-t, .pl-name b, .dip-a b, .rq-h, .dece dt, .tm-i b { font-size: var(--fs-l); }
@media (max-width: 1100px) { .pl-name b { font-size: var(--fs-b); } }   /* lista: între 860 și 1100px numele lungi („Volkswagen Multivan”) se rup la 18px */
.ms-p, .pl-p b { font-size: var(--fs-h3); }   /* prețul rămâne mai mare decât numele mașinii (era 20, numele 17) */
@media (max-width: 860px) { .pl-p b { font-size: var(--fs-l); } }
@media (min-width: 700px) {
  .mgrid.feat > li:first-child .ms-t, .mgrid.feat > li:first-child .ms-p { font-size: var(--fs-h3); }
  .mgrid.feat > li:first-child .ms-v, .mgrid.feat > li:first-child .ms dl { font-size: var(--fs-m); }
  .mgrid.feat > li:first-child .ms-n { font-size: var(--fs-s); }
}

/* Text de citit */
.steps4 p, .values dd, .svc dd, .next-ol li, .incl-list li, .ledger dt, .ct-team .tm-sub { font-size: var(--fs-b); }
.tools .inp { font-size: var(--fs-b); }   /* filtrele din stoc, ca selecturile din formularul de comandă; sub 16px iOS mărește pagina la atingere */

/* Text de interfață */
.ff label, .lbl, .radios label, .con-grid label, .cs-grid label, .fld label, .tools label,
.kv, .doc .kv, .req-side .kv, .ca-specs, .chips li, .prose table,
.pl-c, .pl-fuel, .pl-more, .aside .intro, .page-h .count, .req-side p, .foot-nav, .foot-ct, .hs-order-note, .tm-l { font-size: var(--fs-m); }
@media (max-width: 560px) { .hs-tabs [role="tab"] { font-size: var(--fs-m); } }
/* Legenda teancului de pe prima pagină („Maserati Levante Trofeo” · „Fișa 3 din 7 · Vezi mașina”), mărită pe 30.10.2026.
   Titlul stă pe un rând (nowrap + „…”). Cel mai lung din teanc are la 18px 299 (Chromium) – 315px (Firefox). Legenda are
   354px la 761–900 și 347–354px de la 1240 în sus, dar între 901 și 1239 hero-ul are două coloane și ea se strânge (347 la 1239, 301 la 1120,
   254 la 1000, 215 la 901), iar pe telefon are 242 la 390. Titlul e 16px (cel mai lung ~280px) și coboară la 14px la
   901–1119 și pe telefon, ca să nu taie numele lungi. Măsurat cu toate cele 7 titluri, în Chromium, WebKit și Firefox. */
.stack-cap .t { font-size: var(--fs-b); }
.stack-cap .n { font-size: var(--fs-m); }
@media (min-width: 901px) and (max-width: 1119px), (max-width: 760px) { .stack-cap .t { font-size: var(--fs-m); } }

/* Note și explicații */
.award, .hero .award, .rq-hint, .dip span, .foot-ct span, .status, .ms-n, .pl-p span, .mini-lh .meta,
.doc-foot, .prose .updated, .foot-low, .view-toggle span, .view-toggle button,
.ms dl,   /* datele de pe card: la 14px „Hibrid plug-in (benzină/electric)” se rupe la 1024px și rândurile nu mai stau la aceeași înălțime */
.ms-v { font-size: var(--fs-s); }   /* varianta de pe card: la 14px „3.0 V6 TDI 4Motion DPF Automatik…” trece pe două rânduri și prețurile nu mai stau la aceeași înălțime */
@media (max-width: 860px) { .pl-p span { font-size: var(--fs-s); } }
@media (max-width: 460px) { .mini-lh .meta { font-size: var(--fs-xs); } }

/* Etichete mici */
.pl-name .pl-tag, .pl-name .origin, .ms-p .vat, .pl-p .vat, .contact-sheet .fr,
.stamp .today { font-size: var(--fs-xs); }
.price b .vat { font-size: var(--fs-m); }

/* „Despre noi”: trei mărimi în foaie, titlul, secțiunile și textul (Arthur, 20 oct 2026). Sub-titlurile (h3, dt) se
   deosebesc prin grosime, introducerea prin culoare. Specificitatea (0,2,0) bate .prose h3 / .prose .lead. */
.page-despre :is(.lead, h3, dt, dd, p, li) { font-size: var(--fs-b); }
/* 29.10.2026, pagina fără foaie: aceleași trei mărimi (titlul, titlurile părților = --fs-h3, textul); prima frază din
   introducere stă la mărimea titlurilor de parte, iar cifrele rămân excepția deliberată de mai sus (fisa-port.css) */
.page-despre.about-page .page-intro .lead strong { display: block; font: 700 var(--fs-h3)/1.3 var(--font-t); letter-spacing: -.01em; }
/* povestea: textul de citit mai mare, ca un citat; îndemnul de la final la mărimea titlului unei foi */
.page-despre.about-page .ap-story p { font-size: var(--fs-l); line-height: 1.6; }
.ap-end h2 { font-size: var(--fs-h2s); }

/* Fișa serviciilor desenată (_svc_plan.html, prima pagină): mărimile textului din SVG sunt în unitățile desenului
   (viewBox 540 lat) și scad odată cu el, deci nu se trec pe scara de sus. Pe coloana de la 1240 px în sus (460–476 px de
   desen) ies 11,9–12,7 px; între 901 și 1239 px desenul stă sub listă, fără rândurile mici, cu numele mai mari. */
.bp-h { font-size: var(--fs-xs); }
.bp-t { font-size: 16px; } .bp-n { font-size: 14px; } .bp-s { font-size: 14.5px; } .bp-a { font-size: 17px; }
.bp-dt-t { font-size: 12px; }
@media (min-width: 901px) and (max-width: 1239px) {
  .bp-t { font-size: 21px; } .bp-n { font-size: 19px; } .bp-z .bp-s { font-size: 18px; } .bp-a { font-size: 20px; }
  /* cu literele mai mari: numele se dă la o parte de cifră, iar trimiterile de sus coboară în locul rândului mic
     ascuns, ca să stea lângă capătul liniei (px = unități ale desenului) */
  .bp-co .bp-t { transform: translateX(8px); }
  .bp-co:is([data-bp="1"], [data-bp="2"], [data-bp="5"]) .bp-n { transform: translateY(16px); }
  .bp-co:is([data-bp="1"], [data-bp="2"], [data-bp="5"]) .bp-t { transform: translate(8px, 16px); }
}
/* bulina cu numărul pasului pe cercul cu desen („Cum funcționează”, 21.10.2026) */
.route.ill .step-no { font-size: var(--fs-s); }
@media (max-width: 760px) { .route.ill .step-no { font-size: var(--fs-xs); } }
/* „Câmpurile fără (opțional) sunt obligatorii” (WCAG m5, 06.11.2026): mărimea stătea în fisa-r6.css; tot 13px */
.req-note { font-size: var(--fs-s); }