/* Home 2 — runda 4 (14.10.2026): antet nou cu logo mare, titlu mai mare, căutare în stoc + la comandă.
   Se încarcă după style.min.css; nu schimbă nimic altceva. */

/* ---------- Antet ---------- */
.lh-in { height: 96px; gap: 32px; }
.lh-logo img { height: 60px; width: auto; }
.lh-nav ul { gap: 2px; justify-content: center; position: relative; }
.lh-nav li { flex: none; }
.lh-nav a { font: 600 15.5px/1 var(--font-t); letter-spacing: -.005em; padding: 12px 12px; border-radius: 6px; color: #2A2A2D; white-space: nowrap;
  transition: background-color .14s ease, transform .14s var(--ease); }
.lh-nav a:active { transform: scale(.96); }
.lh-nav a[aria-current="page"] { box-shadow: none; color: var(--ink); position: relative; }
.lh-nav a[aria-current="page"]::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 2px; height: 2.5px; border-radius: 2px; background: var(--red); }
/* Sublinierea care alunecă (fisa.js, `spy`): o singură linie, mutată cu transform de pe un link pe altul, după secțiunea
   de pe ecran. Fără JS rămâne ::after de mai sus, pe pagina curentă. Lățimea de bază e 100px, scalată la linkul real. */
.lh-nav.spy a[aria-current="page"]::after { content: none; }
.lh-ind { position: absolute; left: 0; bottom: 2px; width: 100px; height: 2.5px; border-radius: 2px; background: var(--red);
  transform-origin: 0 50%; opacity: 0; pointer-events: none; }
.lh-nav.spy-on .lh-ind { transition: transform .26s var(--ease), opacity .16s ease; }
/* Ancora se oprește sub antetul lipicios (96px + rigla de 3px), cu puțin aer; fisa-base pune 92px, prea puțin aici. */
html { scroll-padding-top: 116px; }
.lh-act { display: flex; align-items: center; gap: 14px; flex: none; }
.lh-tel { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); }
.lh-tel i { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--field); color: var(--red); flex: none; }
.lh-tel svg { width: 18px; height: 18px; }
.lh-tel span { display: flex; flex-direction: column; font: 700 15.5px/1.15 var(--font-t); letter-spacing: -.01em; white-space: nowrap; }
.lh-tel small { font: 400 12px/1.2 var(--font-b); color: var(--label); letter-spacing: 0; }
.lh-tel:hover i { background: #FBE9EA; }
.lh-cta { display: inline-flex; align-items: center; height: 46px; padding: 0 20px; border-radius: 6px; background: var(--red); color: #fff; text-decoration: none;
  font: 600 15px/1 var(--font-t); white-space: nowrap; transition: background .16s; }
.lh-cta:hover { background: var(--red-press); }
.lh-rule { height: 3px; }
.tools { top: 108px; }
@media (max-width: 1360px) { .lh-tel small { display: none; } }
@media (max-width: 1240px) { .lh-in { gap: 18px; } .lh-nav a { padding: 12px 9px; font-size: 15px; } }
@media (max-width: 1080px) { .lh-tel span { display: none; } }
@media (max-width: 900px) {
  .lh-in { height: 72px; gap: 10px; }
  .lh-logo img { height: 46px; }
  .lh-nav a { font-size: 17px; padding: 15px 4px; transition: none; }
  .lh-nav a:active { transform: none; }
  .lh-nav a[aria-current="page"]::after { display: none; }
  .lh-ind { display: none; }
  html { scroll-padding-top: 92px; }
  .lh-cta { display: none; }
  .lh-tel i { width: 40px; height: 40px; }
  .tools { top: auto; }
}
@media (max-width: 400px) { .lh-logo img { height: 40px; } .lh .lang button { min-width: 30px; padding: 6px 7px; } .menu-btn span { display: none; } }

/* ---------- Hero ---------- */
@media (min-width: 901px) { .hero-grid { grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr); } }
.hero h1 { font-size: clamp(40px, 4.6vw, 66px); line-height: 1.03; letter-spacing: -.032em; max-width: none; }
.hero .lead { font-size: clamp(18px, 1.5vw, 21px); line-height: 1.55; max-width: 44ch; }
.hero .award { font-size: 14.5px; padding: 7px 16px 7px 9px; }
@media (max-width: 900px) { .hero h1 { font-size: clamp(38px, 10.6vw, 60px); } }

/* ---------- Căutarea cu două taburi ---------- */
.hero .hs { --hs-red: var(--red); --hs-ink: var(--ink); --hs-muted: var(--label); --hs-line: var(--hair); --hs-field: var(--field); --hs-r: 6px;
  --hs-head: var(--font-t); margin-top: 28px; max-width: 640px; border: 0; box-shadow: var(--sh-1); }
.hero .hs-grid { grid-template-columns: 1fr 1fr; }
.hero .hs-order .console { margin: 0; max-width: none; padding: 0; box-shadow: none; }
.hero .hs-order .con-h { display: none; }
@media (max-width: 380px) { .hero .hs-grid { grid-template-columns: 1fr; } }

/* ---------- Stoc: două filtre noi (Model, Stoc) ---------- */
@media (min-width: 761px) { .tools { grid-template-columns: repeat(4, minmax(0, 1fr)); } .tools-x { grid-column: span 1; justify-content: flex-end; flex-wrap: wrap; } }
@media (min-width: 761px) and (max-width: 1080px) { .tools-x { grid-column: 1 / -1; justify-content: space-between; } }
/* „Resetează filtrele” apare când vii cu filtre din căutarea din hero: locul lui e rezervat, ca bara să nu sară */
@media (min-width: 1081px) { .tools-x { flex-wrap: nowrap; gap: 8px; } .tools-x .reset[hidden] { display: inline-block; visibility: hidden; } .tools-x .reset { font-size: 13px; white-space: nowrap; } }
@media (max-width: 760px) { .tools-x, .tools-x:has(.reset:not([hidden])) { grid-column: 1 / -1; justify-content: space-between; } .tools-x .reset[hidden] { display: inline-block; visibility: hidden; } }

/* =========================================================
   Runda 5 (14.10.2026): birou cald, ritm pe o scară, roșul cu curaj în două momente
   (ștampila firmei pe fiecare ofertă + banda roșie „Nu ai găsit ce căutai?”).
   Valorile OKLCH sunt în comentarii; în cod stau ca hex, pentru browserele mai vechi.
   ========================================================= */
:root {
  --desk: #E0DAD4;        /* oklch(.892 .010 72): linoleum cald, masă de lucru; nu crem */
  --desk-2: #D7D0CA;      /* oklch(.862 .0115 70) */
  --desk-3: #C3BCB5;      /* oklch(.80 .0125 66): linii și rame pe birou */
  --paper: #FFFDFC;       /* oklch(.995 .0025 70) */
  --ink: #1F1B19;         /* oklch(.225 .008 40) */
  --ink-press: #100C0B;
  --ink-2: #443E3C;       /* oklch(.37 .009 42): text de corp pe hârtie, 10,3:1 */
  --label: #6A6360;       /* oklch(.505 .011 45): 5,8:1 pe hârtie */
  --label-desk: #534B48;  /* oklch(.42 .012 45): 6,1:1 pe birou */
  --hair: #E7E3E0;
  --hair-2: #D4CFCB;
  --field: #F5F2EF;
  --field-h: #EFEBE8;
  --red-ink: #A51E21;     /* oklch(.47 .17 26): roșu pentru text mic pe birou, 5,4:1 */
  --red-wash: #FFEBE9;
  --on-red: #FEF0EE;      /* text pe roșu: 5,0:1 */
  --sh-0: 0 1px 1px rgba(60, 36, 28, .06), 0 3px 8px -4px rgba(60, 36, 28, .12);
  --sh-1: 0 1px 1px rgba(60, 36, 28, .05), 0 2px 6px -1px rgba(60, 36, 28, .06), 0 18px 34px -16px rgba(60, 36, 28, .18);
  --sh-2: 0 1px 1px rgba(60, 36, 28, .06), 0 4px 10px -2px rgba(60, 36, 28, .07), 0 30px 54px -20px rgba(60, 36, 28, .26), 0 60px 96px -48px rgba(60, 36, 28, .22);
  /* Scara de spațiere: strâns în grup, generos între secțiuni */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;
  --gap-s: clamp(40px, 5vw, 64px);
  --gap-m: clamp(64px, 7.5vw, 104px);
  --gap-l: clamp(80px, 10.5vw, 144px);
}
body {
  background-color: var(--desk);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32  0 0 0 0 .24  0 0 0 0 .2  0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 220px 220px;
}
h1, h2, h3 { text-wrap: balance; }

/* ---------- Tipografie și ritm ---------- */
.desk-h { font-size: clamp(32px, 3.5vw, 48px); line-height: 1.08; letter-spacing: -.028em; max-width: 20ch; }
.doc-h { font-size: clamp(26px, 2.5vw, 34px); letter-spacing: -.022em; padding-bottom: 10px; border-bottom-width: 3px; }
.lead { margin-top: var(--s3); }
.sheet .lead, .ct-act p { color: var(--label); }
.sec-top { margin-bottom: var(--s6); gap: var(--s5); }
.sec { padding-top: var(--gap-m); }
.sec-s { padding-top: var(--gap-s); }
.sec-l { padding-top: var(--gap-l); }
.foot { margin-top: var(--gap-l); }
.sheet { background: var(--paper); box-shadow: var(--sh-1); }
.sheet-main { box-shadow: var(--sh-2); }

/* ---------- Culori fixe din style.css, aduse pe paleta caldă ---------- */
.lh-nav a { color: var(--ink); }
@media (hover: hover) and (pointer: fine) { .lh-nav a:hover { background: var(--field); } }
@media (hover: none) { .lh-nav a:hover { background: none; } }   /* fisa-base are hover-ul negardat: pe touch rămânea gri după tap */
@media (prefers-reduced-motion: reduce) {
  .lh-nav a { transition: background-color .14s ease; }
  .lh-nav a:active { transform: none; }
  .lh-nav.spy-on .lh-ind { transition: opacity .16s ease; }
}
.btn-ink:hover { background: var(--ink-press); }
.desk .btn-line, .on-desk .btn-line { border-color: var(--desk-3); }
.on-desk .link { text-decoration-color: var(--desk-3); }
.on-desk .link:hover { text-decoration-color: var(--ink); }
.round { border-color: var(--desk-3); background: var(--paper); }
.os-ph, .pl-th, .ms-ph, .cover, .contact-sheet button { background: var(--field-h); }
.pl-row:hover { background: var(--field); }
.inp { background-color: var(--field); }
.inp:hover { background-color: var(--field-h); }
.inp:focus { background-color: var(--paper); }
.svc dd, .values dd, .faq details p, .chk { color: var(--ink-2); }
.hero .lead, .ord-hero .lead { color: var(--ink-2); }
.bd-r i { border-bottom-color: var(--hair-2); }
.view-toggle, .lang { background: var(--paper); }
.mbar { background: var(--paper); }
.hero .hs { --hs-bg: var(--paper); }
.award { border-color: var(--desk-3); background: var(--paper); }
.award svg { color: var(--red); }
.cb-ok svg, .incl-list svg { color: var(--red); }

/* ---------- Hero: lumina lămpii peste birou, în dreptul teancului ---------- */
@media (min-width: 901px) {
  .hero { background: radial-gradient(ellipse 40% 64% at 77% 52%, rgba(255, 251, 247, .62), rgba(255, 251, 247, 0) 72%); }
}

/* Pe pagina mașinii: subsolul fișei, cu datele firmei */
.doc-foot { margin-top: 48px; }
/* Cererea primită (comanda): eticheta „Primită”, în roșul firmei */
.stamp { border-color: var(--red); color: var(--red); border-width: 2.5px; mix-blend-mode: multiply; }

/* ---------- Cum funcționează: un traseu, nu patru cercuri ---------- */
.route { margin-top: var(--s7); }
.route .step-n { gap: 0; margin-bottom: var(--s5); }
.route li { padding-right: 22px; }
.route .step-n { margin-right: -22px; }
.route .step-n b { width: 56px; height: 56px; border: 2px solid var(--red); color: var(--red-ink); background: var(--paper);
  font: 700 21px/1 var(--font-t); box-shadow: var(--sh-0); position: relative; z-index: 1; }
.route .step-n i { height: 2px; background: var(--red); position: relative; }
.route li:last-child .step-n b { background: none; border: 0; box-shadow: none; color: transparent; overflow: visible; }
/* capătul traseului: pinul Clar Auto (semnul din logo), cu vârful pe linie */
.route li:last-child .step-n b::before { content: ""; position: absolute; left: 50%; bottom: 50%; width: 42px; height: 54px; margin-left: -21px;
  background: var(--red); -webkit-mask: url(img/mark.webp) center / contain no-repeat; mask: url(img/mark.webp) center / contain no-repeat;
  filter: drop-shadow(0 3px 3px rgba(80, 10, 10, .25)); }
.route li:last-child .step-n b::after { content: ""; position: absolute; left: 50%; top: 50%; width: 18px; height: 6px; margin: -2px 0 0 -9px; border-radius: 50%; background: rgba(60, 36, 28, .22); }
/* drumul spre București: linie întreruptă, mașina pe ea și durata deasupra */
.route li:nth-child(3) .step-n i { background: repeating-linear-gradient(90deg, var(--red) 0 12px, transparent 12px 20px); }
.eta { position: absolute; left: 16px; bottom: 12px; font: 600 14px/1 var(--font-t); color: var(--red-ink); white-space: nowrap; }
.eta-car { position: absolute; right: 22px; bottom: 1px; width: 46px; height: 20px; color: var(--ink); }
.route h3 { font-size: clamp(18px, 1.5vw, 20px); margin-bottom: var(--s2); }
.route p { color: var(--label-desk); }
@media (max-width: 1000px) and (min-width: 761px) { .route li:nth-child(2) .step-n { margin-right: 0; } }
@media (max-width: 760px) {
  .route .step-n { margin-right: 0; }
  .route li { padding-right: 0; padding-left: 74px; }
  .route .step-n i { width: 2px; height: auto; margin: 0 auto; }
  .route li:nth-child(3) .step-n i { background: repeating-linear-gradient(180deg, var(--red) 0 10px, transparent 10px 17px); margin-bottom: 30px; }
  .eta, .eta-car { display: none; }
  .route h3 { padding-top: 14px; }
}

/* ---------- Servicii: direct pe birou ---------- */
.svc-wrap { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s6) clamp(32px, 6vw, 96px); align-items: start; }
.svc-head { position: sticky; top: 132px; }
.svc-wrap .svc { margin: 0; grid-template-columns: 1fr; }
.svc-wrap .svc div { grid-template-columns: minmax(150px, 34%) 1fr; gap: var(--s5); padding: var(--s5) 0; border-top: 1px solid var(--desk-3); }
.svc-wrap .svc div:last-child { border-bottom: 1px solid var(--desk-3); }
.svc-wrap .svc dt { font-size: 19px; }
.svc-wrap .svc dd { color: var(--label-desk); font-size: 16px; }
@media (max-width: 900px) { .svc-wrap { grid-template-columns: 1fr; } .svc-head { position: static; } }
@media (max-width: 520px) { .svc-wrap .svc div { grid-template-columns: 1fr; gap: var(--s1); padding: var(--s4) 0; } }

/* ---------- Leasing: textul pe birou, partenerii pe o foaie ---------- */
.lease { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s6) clamp(32px, 6vw, 96px); }
.lease-sheet { padding: var(--s3) var(--s4); }
.lease-sheet .logos { border: 0; }
.lease-sheet .logos li { height: 104px; border-color: var(--hair); }
.lease-sheet .logos li:nth-child(3n) { border-right: 0; }
.lease-sheet .logos li:nth-last-child(-n+3) { border-bottom: 0; }
@media (max-width: 860px) { .lease { grid-template-columns: 1fr; } .lease-sheet .logos li { height: 80px; } }

/* ---------- De ce noi: coloana noastră e pe hârtie, în scris; cealaltă rămâne pe birou ---------- */
.cmp-wrap { position: relative; isolation: isolate; margin-top: var(--s6); }
.cmp-wrap::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 50%; z-index: -1; background: var(--paper); border-radius: var(--r); box-shadow: var(--sh-1); }
.cmp { margin-top: 0; }
.cmp th { padding: 24px 28px 18px; vertical-align: bottom; border-bottom: 0; }
.cmp th:first-child { background: linear-gradient(var(--red), var(--red)) no-repeat left 28px bottom / calc(100% - 56px) 2px; }
.cmp th:first-child img { height: 40px; width: auto; }
.cmp th + th { color: var(--label-desk); padding-left: 36px; background: linear-gradient(var(--desk-3), var(--desk-3)) no-repeat left 36px bottom / calc(100% - 36px) 1px; }
.cmp td { padding: 17px 28px; font-size: 16px; border-bottom: 1px solid var(--hair); }
.cmp td:first-child { color: var(--ink); }
.cmp td:first-child svg { color: var(--red); }
.cmp td + td { color: var(--label-desk); padding-left: 36px; border-bottom-color: var(--desk-3); }
.cmp td + td svg { color: var(--label-desk); }
.cmp tbody tr:last-child td { border-bottom: 0; }
.cmp tbody tr:last-child td:first-child { padding-bottom: 26px; }
@media (max-width: 600px) {
  .cmp th { padding: 16px 12px 12px; }
  .cmp th:first-child { background-position: left 12px bottom; background-size: calc(100% - 24px) 2px; }
  .cmp th + th { padding-left: 16px; background-position: left 16px bottom; background-size: calc(100% - 16px) 1px; }
  .cmp th:first-child img { height: 30px; }
  .cmp td { padding: 12px; font-size: 14.5px; }
  .cmp td + td { padding-left: 16px; }
}

/* ---------- Banda roșie: momentul de cerere ---------- */
.btn-paper { background: var(--paper); color: var(--red-press); }
.btn-paper:hover { background: var(--red-wash); }
.btn-ghost { background: transparent; color: var(--paper); border: 1.5px solid rgba(255, 253, 252, .72); }
.btn-ghost:hover { border-color: var(--paper); background: rgba(255, 253, 252, .1); }
.red-band :focus-visible, .band-red :focus-visible { outline-color: var(--paper); }
.red-band { margin-top: var(--gap-l); background: var(--red); color: var(--on-red); padding: clamp(64px, 8.5vw, 120px) 0; overflow: hidden; }
.red-band .band { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(40px, 6vw, 96px); }
.red-band h2 { color: var(--paper); font-size: clamp(34px, 4.3vw, 58px); line-height: 1.03; letter-spacing: -.032em; max-width: 13ch; }
.red-band .lead { color: var(--on-red); font-size: clamp(17px, 1.4vw, 20px); max-width: 40ch; margin-top: var(--s4); }
.red-band .hero-cta { margin-top: var(--s6); }
.band-pile { position: relative; justify-self: center; width: 100%; max-width: 380px; }
.band-under { position: absolute; inset: 10px -8px -10px 8px; background: var(--paper); border-radius: 4px; transform: rotate(-4deg); box-shadow: 0 24px 44px -20px rgba(70, 8, 10, .5); opacity: .9; }
.red-band .band-doc { color: var(--ink); position: relative; max-width: none; transform: rotate(2deg); border: 0; box-shadow: 0 2px 2px rgba(70, 8, 10, .12), 0 34px 60px -22px rgba(70, 8, 10, .6); padding: 26px 28px 22px; }
.red-band .bd-r { padding: 11px 0; font-size: 13.5px; }
@media (max-width: 800px) {
  .red-band .band { grid-template-columns: 1fr; }
  .band-pile { max-width: 300px; justify-self: start; margin-left: 8px; }
}
@media (max-width: 400px) { .red-band .hero-cta .btn { flex: 1 1 100%; } }

/* ---------- Despre noi: valorile pe birou, cifrele ca un registru pe foaie, diplomele pe perete ---------- */
.about { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s7) clamp(32px, 6vw, 96px); align-items: start; margin-top: 0; }
.about .values { display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--s6); margin-top: var(--s7); }
.about .values div, .about .values div:first-child { padding: var(--s5) 0; border-top: 1px solid var(--desk-3); }
.about .values dt { font-size: 19px; }
.about .values dd { color: var(--label-desk); }
.ledger-sheet { padding: clamp(24px, 3vw, 40px); margin-top: var(--s2); }
.ledger { margin: var(--s5) 0 0; }
.ledger div { display: flex; align-items: baseline; gap: var(--s3); padding: var(--s4) 0; border-top: 1px solid var(--hair); }
.ledger div:first-child { border-top: 0; }
.ledger div::before { content: ""; order: 2; flex: 1 1 12px; min-width: 12px; }   /* doar spațiu: cifra stă la dreapta, fără linia punctată (Arthur, 21 oct) */
.ledger dt { order: 1; flex: 0 1 auto; font-size: 16px; color: var(--ink-2); }
.ledger dt::first-letter { text-transform: uppercase; }
.ledger dd { order: 3; margin: 0; flex: none; font: 700 clamp(30px, 3.1vw, 44px)/1 var(--font-t); letter-spacing: -.03em; color: var(--red); }
.dips { margin-top: var(--gap-s); }
.dips-h { display: flex; align-items: baseline; gap: var(--s2) var(--s4); flex-wrap: wrap; }
.dips h3 { font-size: 20px; }
.dips .rq-hint { margin: 0; color: var(--label-desk); }
.dips .dip-list { grid-template-columns: repeat(9, minmax(0, 1fr)); gap: var(--s3); margin-top: var(--s5); }
.dip { background: var(--paper); border-color: var(--desk-3); outline-color: var(--hair-2); box-shadow: var(--sh-0); padding: 18px 6px 14px; }
.dip small { color: var(--label); }
.dip.gold { border-color: var(--red); outline-color: var(--red); }
.dip.gold span { color: var(--red); }
@media (max-width: 1100px) { .dips .dip-list { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 860px) { .about { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .dips .dip-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s2); } .about .values { grid-template-columns: 1fr; } }
@media (max-width: 400px) { .ledger dt { font-size: 15px; } .ledger dd { font-size: 28px; } }

/* ---------- Vinde-ți mașina ---------- */
.cs { gap: var(--s6) clamp(32px, 5vw, 72px); }

/* ---------- Contact: numărul mare pe birou, datele pe o filă cu antet ---------- */
.ct { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s7) clamp(32px, 6vw, 96px); align-items: center; }
.ct .lead { max-width: 40ch; }
/* telefonul din Contact: mai mic (Arthur, 29.10.2026; era clamp(34px, 4.2vw, 58px)) */
.ct-tel { display: inline-block; margin-top: var(--s6); font: 700 clamp(26px, 2.4vw, 34px)/1 var(--font-t); letter-spacing: -.03em; color: var(--ink); text-decoration: none; white-space: nowrap; }
.ct-tel:hover { color: var(--red); }
.ct-btns { display: flex; flex-wrap: wrap; gap: var(--s3); margin-top: var(--s6); }
.ct-card { padding: clamp(24px, 3vw, 40px); }
.ct-card .rule { margin: var(--s4) 0 var(--s3); }
.ct-map { display: inline-block; margin-top: var(--s5); }
@media (max-width: 900px) { .ct { grid-template-columns: 1fr; } }
@media (max-width: 460px) { .ct-btns .btn { flex: 1 1 100%; } .ct-card .kv th { width: 34%; } }

/* ---------- Stoc ---------- */
.page-h { padding: clamp(40px, 5vw, 72px) 0 var(--s5); }
.page-h h1 { font-size: clamp(36px, 4vw, 56px); line-height: 1.04; letter-spacing: -.03em; }
.tools { box-shadow: var(--sh-1); }
.results { margin-top: var(--s4); }
.results.sheet { box-shadow: var(--sh-2); }
.band-red { margin-top: var(--gap-s); background: var(--red); color: var(--on-red); border-radius: var(--r); padding: clamp(24px, 4vw, 48px); gap: var(--s5); box-shadow: var(--sh-1); }
.band-red h2 { color: var(--paper); font-size: clamp(24px, 2.6vw, 34px); letter-spacing: -.022em; }
.band-red .lead { color: var(--on-red); margin-top: var(--s2); }

/* ---------- Mașina și comanda ---------- */
.similar { margin-top: var(--gap-m); }
.similar h2 { margin-bottom: var(--s5); }
.chips li, .status { background: var(--field); }
.ord-hero h1 { font-size: clamp(36px, 4.4vw, 60px); }

/* ---------- Subsol cald ---------- */
.foot { background: #1B1614; color: #CCC6C2; }
.foot a { color: #EBE7E4; }
.foot-top { border-bottom-color: #38312F; }
.foot-ct span, .foot-in, .foot-low { color: #ABA39F; }
.foot-links a, .foot-low a { color: #CCC6C2; }
/* Întrebările frecvente (comanda): pe birou, titlul în stânga */
.faq-wrap .faq { margin-top: 0; max-width: none; }
.faq-wrap .faq details { border-top-color: var(--desk-3); }
.faq-wrap .faq details:last-child { border-bottom-color: var(--desk-3); }
.faq-wrap .faq summary { padding-top: var(--s5); padding-bottom: var(--s5); font-size: 17.5px; }
.faq-wrap .faq summary::after { top: 30px; }
.faq-wrap .faq details[open] summary::after { top: 34px; }
.faq-wrap .faq details p { color: var(--label-desk); padding-bottom: var(--s5); }

/* =========================================================
   Runda 6 (14.10.2026, recenzia Claude Chrome): nu mai e „panou de admin”.
   Suprafețe alternate în loc de cutii albe pe taupe: piatră deschisă caldă (fundal), hârtie doar unde înseamnă document
   (teancul de oferte, căutarea, lista de prețuri, formularul de consignație, registrul, diplomele, fila de contact),
   un singur moment roșu plin (procesul, spus o singură dată), un ton mai adânc la „Despre noi”, subsolul închis.
   ========================================================= */
:root {
  /* 29.10.2026 (Arthur: „bejul mai deschis, să arate mai uniform”): fundalul s-a apropiat de hârtie (#FFFDFC), ca benzile
     alternate să nu mai sară; înainte --base #F6F0EB, --tone #ECE2DC, --line #D8CFC9, --line-tone #D1C6C1 */
  --base: #FAF7F4;        /* oklch(.978 .005 60): piatră foarte deschisă, caldă; nu crem */
  --tone: #F3EEEA;        /* oklch(.95 .008 55) */
  --line: #E2DBD6;        /* oklch(.89 .010 52): linii pe fundal */
  --line-tone: #DAD2CD;   /* oklch(.865 .011 50): linii pe ton */
  --desk: var(--base); --desk-2: var(--tone); --desk-3: var(--line-tone);
  /* ritmul secțiunilor: strâns sub hero, generos între capitole, nu egal peste tot */
  --pad-s: clamp(40px, 5vw, 64px);
  --pad-m: clamp(56px, 6.2vw, 88px);
  --pad-l: clamp(64px, 7.6vw, 112px);
}
body { background-color: var(--base); background-image: none; }
.hero { background: none; }
body[data-page="home"] .foot { margin-top: 0; }

/* ---------- Hero: căutarea urcă deasupra pliului (1440×900 și 1180×800) ---------- */
body[data-page="home"] .hero { padding: clamp(18px, 2.5vw, 36px) 0 var(--pad-s); }
.hero .award { margin: 0; font-size: 13.5px; padding: 5px 14px 5px 7px; gap: 8px; }
.hero .award svg { width: 22px; height: 22px; }
/* 29.10.2026 (Arthur: „textul mai mic”): titlul „Automobilul dorit. Expertiza noastră.”, era clamp(38px, 4.15vw, 60px) */
body[data-page="home"] .hero h1 { font-size: clamp(36px, 3.4vw, 48px); line-height: 1.06; margin-top: clamp(14px, 1.5vw, 22px); }
.hero .hs { margin-top: clamp(18px, 2.1vw, 30px); }
.hero .hs-order { padding: 14px 20px 18px; }
.hero .hs-stock { padding: 16px 20px 18px; gap: 12px; }
.hero .hs-order-note { margin-bottom: 12px; }
.hero .bodies .bd { padding: 6px 4px 5px; gap: 2px; }
.hero .con-grid { margin-top: 12px; gap: 8px 12px; }
.hero .con-foot { margin-top: 14px; }
.stack-ctl { margin-top: 34px; }
@media (max-width: 900px) {
  body[data-page="home"] .hero h1 { font-size: clamp(32px, 4.4vw, 38px); }   /* pe tabletă sub desktop (36 la 1000 px) */
  .stack-zone { margin-top: 48px; }
}
@media (max-width: 560px) { .hero .hs-order, .hero .hs-stock { padding: 14px; } }

/* ---------- Subsolul fișei: datele firmei; tabelul cu date rămâne liber la orice lățime ---------- */
.os-ph { aspect-ratio: 16 / 7.6; }
.os-rule { margin: 3.8cqi 0 3.6cqi; }
.os-f > span:first-child { flex: 1 1 auto; min-width: 0; }

/* ---------- Procesul, spus o singură dată: momentul roșu plin al paginii ---------- */
.band-red-full { background: var(--red); color: var(--paper); padding: var(--pad-m) 0 var(--pad-l); }
.band-red-full :focus-visible { outline-color: var(--paper); }
.band-red-full h2 { color: var(--paper); font-size: clamp(34px, 4vw, 56px); line-height: 1.04; letter-spacing: -.03em; }
.band-red-full .lead { color: var(--on-red); font-size: clamp(17px, 1.35vw, 19px); max-width: 44ch; }
.how-top { margin-bottom: 0; align-items: flex-end; gap: var(--s5) var(--s7); }
.how-cta { display: flex; flex-wrap: wrap; gap: var(--s3); }
.band-red-full .route { margin-top: clamp(40px, 5vw, 72px); }
.band-red-full .route .step-n b { background: var(--paper); border-color: var(--paper); color: var(--red-ink); box-shadow: 0 8px 18px -8px rgba(70, 8, 10, .55); }
.band-red-full .route .step-n i { background: rgba(255, 253, 252, .62); }
.band-red-full .route li:nth-child(3) .step-n i { background: repeating-linear-gradient(90deg, var(--paper) 0 12px, transparent 12px 20px); }
.band-red-full .eta, .band-red-full .eta-car { color: var(--paper); }
.band-red-full .route li:last-child .step-n b { background: none; border: 0; box-shadow: none; }
.band-red-full .route li:last-child .step-n b::before { background: var(--paper); filter: drop-shadow(0 4px 4px rgba(70, 8, 10, .4)); }
.band-red-full .route li:last-child .step-n b::after { background: rgba(70, 8, 10, .35); }
.band-red-full .route h3 { color: var(--paper); }
.band-red-full .route p { color: var(--on-red); }
@media (max-width: 760px) {
  .band-red-full .route li:nth-child(3) .step-n i { background: repeating-linear-gradient(180deg, var(--paper) 0 10px, transparent 10px 17px); }
  .how-cta { width: 100%; }
}
@media (max-width: 400px) { .how-cta .btn { flex: 1 1 100%; } }

/* Mașina pe traseu (fisa.js, routeDrive; doar cu JS, fără mișcare redusă): drumul din față e punctat și stins, în urma
   mașinii e plin; mașina trece PE SUB cercurile pașilor (z-index 1), care se aprind când trece ea; pinul sare o dată la sosire. */
.route, .rd-host { position: relative; }
.route.drive .eta-car { visibility: hidden; }
.rd-car, .rd-trail { display: none; }
.rd-host.drive .rd-car { display: block; position: absolute; left: 0; top: 0; z-index: 0; width: 56px; height: 24px; color: var(--paper);
  transform-origin: 50% 50%; will-change: transform; pointer-events: none; filter: drop-shadow(0 3px 3px rgba(70, 8, 10, .35)); }
.rd-svg { display: block; width: 100%; height: 100%; }
.rd-host.drive .rd-trail { display: block; position: absolute; left: 0; top: 0; z-index: 0; width: 1px; height: 2px; background: var(--paper);
  transform-origin: 0 0; will-change: transform; pointer-events: none; }
.rd-host.drive-v .rd-trail { width: 2px; height: 1px; }
.band-red-full .route.drive .step-n i,
.band-red-full .route.drive li:nth-child(3) .step-n i { background: repeating-linear-gradient(90deg, rgba(255, 253, 252, .5) 0 8px, transparent 8px 16px); }
.band-red-full .route.drive-v .step-n i,
.band-red-full .route.drive-v li:nth-child(3) .step-n i { background: repeating-linear-gradient(180deg, rgba(255, 253, 252, .5) 0 8px, transparent 8px 16px); }
.route.drive .step-n b { transition: transform .45s var(--ease), opacity .3s var(--ease); }
.route.drive li:not(.rd-on) .step-n b { transform: scale(.82); opacity: .55; }
.route.drive.rd-end li:last-child .step-n b::before { animation: rdPin .7s var(--ease) both; }
@keyframes rdPin { 0% { transform: translateY(0); } 35% { transform: translateY(-12px); } 70% { transform: translateY(0); } 85% { transform: translateY(-3px); } 100% { transform: translateY(0); } }

/* Finanțarea, spusă la vedere sub traseu (Arthur, 20.10.2026) */
.how-fin { margin-top: clamp(40px, 4.6vw, 64px); display: flex; flex-wrap: wrap; align-items: center; gap: var(--s4) var(--s6);
  padding: clamp(18px, 2vw, 26px) clamp(18px, 2.4vw, 32px); border: 1.5px solid rgba(255, 253, 252, .45); border-radius: var(--r); }
.how-fin-ic { flex: none; width: 48px; height: 48px; border-radius: 50%; background: var(--paper); color: var(--red-ink); display: grid; place-items: center; }
.how-fin-ic svg { width: 26px; height: 26px; }
.how-fin-t { flex: 1 1 380px; min-width: 0; }
.how-fin-t h3 { color: var(--paper); margin-bottom: 4px; }   /* mărimea: fisa-type.css (--fs-l), ca la pași */
.how-fin-t p { color: var(--on-red); max-width: 70ch; }
@media (max-width: 560px) { .how-fin .btn { flex: 1 1 100%; } }

/* ---------- Benzi de hârtie (lista de prețuri, consignația) și secțiuni deschise pe fundal ---------- */
.band-paper { background: var(--paper); padding: var(--pad-m) 0; }
.band-tone { background: var(--tone); padding: var(--pad-l) 0; }
/* Prima pagină pe DOUĂ fundaluri deschise, alternate (Arthur, 20.10.2026: „stick to two colors”): piatra caldă (--base)
   și hârtia (--paper), plus banda roșie. Tonul mai adânc de la „Despre noi” nu mai apare aici. Ordinea secțiunilor e a
   meniului: hero piatră · comandă roșu · stoc hârtie · servicii piatră · consignație hârtie · despre piatră · contact hârtie. */
body[data-page="home"] #despre { background: none; }
body[data-page="home"] #contact { background: var(--paper); }
.sec-open { padding: var(--pad-l) 0 var(--pad-m); }
#contact.sec-open { padding: var(--pad-m) 0 var(--pad-l); }
.stock-band .sec-top { margin-bottom: clamp(28px, 3.2vw, 44px); }
.stock-band .pl-more { margin-top: clamp(28px, 3vw, 40px); }

/* Fișele de stoc pe hârtie: fără cutie; regula roșie și tabelul le țin împreună */
.band-paper .ms, .results .ms { background: none; border: 0; border-radius: 0; padding: 0; box-shadow: none; }
.band-paper .ms:hover, .results .ms:hover { box-shadow: none; }
.ms .ms-ph img { transition: transform .5s var(--ease); }
@media (hover: hover) { .ms:hover .ms-ph img { transform: scale(1.025); } .ms:hover .ms-t { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; } }
@media (prefers-reduced-motion: reduce) { .ms .ms-ph img { transition: none; } .ms:hover .ms-ph img { transform: none; } }

/* Prima pagină: prima mașină e fișa mare, pe un rând, ca o ofertă (poza + tabelul cu date); celelalte patru stau dedesubt.
   1 + 4 umplu exact grila (4 coloane pe desktop, 2 pe tabletă), fără gol. */
@media (min-width: 700px) {
  .mgrid.feat { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 24px; }
  .mgrid.feat > li:first-child { grid-column: 1 / -1; }
  .mgrid.feat > li:first-child .ms { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-auto-rows: min-content; column-gap: clamp(28px, 3.4vw, 48px); align-content: center; }
  .mgrid.feat > li:first-child .ms > * { grid-column: 2; }
  .mgrid.feat > li:first-child .ms-ph { grid-column: 1; grid-row: 1 / span 7; aspect-ratio: 16 / 9.6; align-self: center; }
  .mgrid.feat > li:first-child .ms-rule { margin-top: 0; }
  .mgrid.feat > li:first-child .ms-t { font-size: clamp(22px, 2vw, 30px); letter-spacing: -.018em; }
  .mgrid.feat > li:first-child .ms-v { font-size: 15px; }
  .mgrid.feat > li:first-child .ms-p { font-size: clamp(24px, 2.1vw, 32px); margin-top: 12px; }
  .mgrid.feat > li:first-child .ms-n { font-size: 13.5px; }
  .mgrid.feat > li:first-child .ms dl { margin-top: 20px; font-size: 15px; }
  .mgrid.feat > li:first-child .ms dl div { padding: 9px 0; }
  .mgrid.feat > li:not(:first-child) .ms dl div:not(:last-child) { display: none; }
}
@media (min-width: 1000px) { .mgrid.feat { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 44px 28px; } }

/* Pagina de stoc, modul „Fișe”: ultima fișă e cererea la comandă și umple restul ultimului rând (oricâte mașini rămân după filtre) */
@media (min-width: 700px) {
  .mgrid.fill { --cols: 2; --cg: 22px; display: flex; flex-wrap: wrap; gap: 36px var(--cg); }
  .mgrid.fill > li { flex: 0 0 calc((100% - (var(--cols) - 1) * var(--cg)) / var(--cols)); min-width: 0; }
  .mgrid.fill > li.ms-fill { flex: 1 1 calc((100% - (var(--cols) - 1) * var(--cg)) / var(--cols)); }
}
@media (min-width: 900px) { .mgrid.fill { --cols: 3; } }
@media (min-width: 1200px) { .mgrid.fill { --cols: 4; } }
.ms-fill { display: flex; }
.ms-fill-in { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: var(--s3);
  background: var(--red); color: var(--on-red); border-radius: var(--r); padding: clamp(22px, 2.4vw, 36px); }
.ms-fill h3 { color: var(--paper); font-size: clamp(20px, 1.8vw, 26px); line-height: 1.15; letter-spacing: -.02em; max-width: 16ch; }
.ms-fill p { color: var(--on-red); max-width: 34ch; }
.ms-fill .btn { margin-top: var(--s2); max-width: 100%; white-space: normal; text-align: center; line-height: 1.25; padding-top: 12px; padding-bottom: 12px; }
.ms-fill :focus-visible { outline-color: var(--paper); }
/* când fișa de cerere e în grilă, banda roșie de sub rezultate nu se mai repetă */
.results.is-grid + .band-red { display: none; }

/* Telefon (sub 700 px): carduri compacte, poză + nume + preț + trei date; tabelul complet rămâne pe pagina mașinii */
@media (max-width: 699px) {
  .view-toggle { display: none; }
  .mgrid, .mgrid.feat, .mgrid.fill { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
  .mgrid > li:not(.ms-fill) + li:not(.ms-fill) { border-top: 1px solid var(--hair); }
  .mgrid.on-desk > li:not(.ms-fill) + li:not(.ms-fill) { border-top-color: var(--line); }
  .mgrid .ms { display: grid; grid-template-columns: 118px minmax(0, 1fr); grid-template-rows: auto 1fr auto; column-gap: 14px; align-items: start;
    height: auto; padding: 14px 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
  .mgrid .ms:hover { box-shadow: none; }
  .mgrid .ms-ph { grid-column: 1; grid-row: 1 / 3; }
  .mgrid .ms-rule, .mgrid .ms-v, .mgrid .ms-n { display: none; }
  .mgrid .ms-t { grid-column: 2; grid-row: 1; font-size: 16px; line-height: 1.25; }
  .mgrid .ms-p { grid-column: 2; grid-row: 2; font-size: 18px; margin-top: 4px; }
  .mgrid .ms dl { grid-column: 1 / -1; grid-row: 3; margin: 12px 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 12px; font-size: 14px; }
  .mgrid .ms dl div { display: flex; flex-direction: column; gap: 1px; padding: 7px 0 0; border-top: 1px solid var(--hair); }
  .mgrid.on-desk .ms dl div { border-top-color: var(--line); }
  .mgrid .ms dl div:nth-child(3) { display: none; }
  .mgrid .ms dt { font-size: 12px; }
  .mgrid .ms dd { text-align: left; font-weight: 600; }
  .mgrid > li.ms-fill { margin-top: var(--s4); }
}

/* ---------- Servicii + leasing: două coloane echilibrate (serviciile stânga, partenerii de leasing dreapta) ---------- */
@media (min-width: 901px) { #servicii .svc-wrap { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); align-items: end; } }
#servicii .svc-head { position: static; margin-bottom: var(--s6); }
#servicii .svc div { border-top-color: var(--line); }
#servicii .svc div:last-child { border-bottom: 1px solid var(--line); }
.lease-h { font: 600 18px/1.3 var(--font-t); color: var(--ink); margin-bottom: var(--s4); max-width: 26ch; }
@media (max-width: 900px) { .lease2 { margin-top: var(--s5); } }
/* fișa serviciilor desenată (_svc_plan.html) deasupra leasingului, ambele lipite de capătul listei: când lista e mai
   înaltă (titlul pe două rânduri, EN), locul rămas stă lângă titlu, nu între desen și leasing.
   Până la 900 px foaia nu apare: coloanele stau una sub alta, deci nu există gol de umplut. */
.svc-side { display: flex; flex-direction: column; justify-content: flex-end; gap: var(--s5); align-self: stretch; }
@media (min-width: 901px) { .svc-side .lease-h { max-width: none; } }
.bp { margin: 0; background: linear-gradient(var(--field) 1px, transparent 1px) 0 0 / 22px 22px,
  linear-gradient(90deg, var(--field) 1px, transparent 1px) 0 0 / 22px 22px, var(--paper); border-radius: var(--r); box-shadow: var(--sh-1);
  padding: var(--s4) var(--s5) var(--s2); }
.bp-h { display: flex; justify-content: space-between; gap: var(--s4); font-family: var(--font-t); font-weight: 600; line-height: 1; letter-spacing: .1em;
  text-transform: uppercase; color: var(--label-desk); background: var(--paper); padding: var(--s1) 0 var(--s3); border-bottom: 1px solid var(--ink); }
.bp svg { display: block; width: 100%; height: auto; overflow: visible; }
.bp-b, .bp-d, .bp-g { fill: none; stroke: var(--ink); stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; transition: stroke .3s var(--ease), stroke-width .3s var(--ease); }
.bp-b { fill: var(--paper); }
.bp-d, .bp-g { stroke: var(--slate); stroke-width: 1; }
.bp-p { fill: none; stroke: var(--ink); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: stroke .3s var(--ease), stroke-width .3s var(--ease); }
.bp-l { stroke: var(--slate); stroke-width: 1; stroke-dasharray: 3 3; transition: stroke .3s var(--ease); }
.bp-o { fill: var(--paper); stroke: var(--ink); stroke-width: 1.4; transition: fill .3s var(--ease), stroke .3s var(--ease); }
.bp-n { font-family: var(--font-t); font-weight: 700; fill: var(--red); }
.bp-t { font-family: var(--font-t); font-weight: 600; fill: var(--ink); transition: fill .3s var(--ease); }
.bp-s { font-family: var(--font-b); fill: var(--label-desk); }
.bp-a { font-family: var(--font-t); font-weight: 700; fill: var(--ink); }
.bp-m { fill: none; stroke: var(--ink); stroke-width: 1; }
.bp-k { fill: var(--paper); }
/* rândul din listă și trimiterea lui se aprind împreună (fisa.js, svcPlan()); „Vânzare” aprinde toată mașina */
.bp-co.on .bp-p { stroke: var(--red); stroke-width: 2.4; }
.bp-co.on .bp-l { stroke: var(--red); stroke-dasharray: none; }
.bp-co.on .bp-o { fill: var(--red); stroke: var(--red); }
.bp-co.on .bp-t { fill: var(--red); }
.bp.all .bp-b { stroke: var(--red); stroke-width: 2.2; }
#servicii .svc div dt { transition: color .3s var(--ease); }
#servicii .svc div.bp-on dt { color: var(--red); }
/* 901–1239 px: coloana din dreapta ar fi prea îngustă pentru desen (textul sub 12 px), iar lista mai înaltă decât ea, deci
   golul ar reveni între desen și leasing. Lista trece pe toată lățimea, iar dedesubt stau desenul și leasingul; desenul
   păstrează doar numerele și numele serviciilor, mai mari (fisa-type.css). */
@media (min-width: 901px) and (max-width: 1239px) {
  #servicii .svc-wrap { grid-template-columns: 1fr; }
  .svc-side { flex-direction: row; align-items: center; gap: var(--s7); }
  .svc-side > * { flex: 1 1 0; min-width: 0; }
  .bp-co .bp-s { display: none; }
}
@media (max-width: 900px) { .bp { display: none; } }
/* 21.10.2026 (Arthur: varianta A cu un Porsche 911 nou, „add a little color… animate it… when you press”). Mașina e o
   ilustrație pe straturi (_svc_plan.html, static/img/911/):
   - „Vânzare” (toată mașina): sub linii apare stratul colorat (caroseria roșie, geamuri și cauciucuri închise). Roțile NU se
     rotesc: etrierele sunt desenate în ele, sub spițe, și s-ar învârti odată cu janta (verificarea vizuală, 21.10);
   - celelalte: partea lor se umple cu roșu deschis, punctul pulsează o dată (bp-r) la fiecare aprindere sau apăsare. */
.bp-fill { opacity: 0; transition: opacity .3s var(--ease); }
.bp.all .bp-fill { opacity: 1; transition: none; }
/* 29.10.2026 (ca la caroserii și la 812): la „Vânzare” roșul se întinde de la bot spre spate în 0,9 s, cu o linie de
   lumină pe margine. Masca (.bp-sw, degrade negru→alb) alunecă 612 unități spre stânga: marginea ei trece de la botul
   (x 526) la spatele mașinii (x 14). La stingere roșul se estompează, iar masca revine abia după (fără să se vadă). */
.bp-sw { transition: transform 0s linear .3s; }
.bp.all .bp-sw { transform: translateX(-612px); transition: transform .9s cubic-bezier(.4, .15, .6, .9); }
.bp-gl { opacity: 0; }
.bp.all .bp-gl { animation: bpGlint .9s cubic-bezier(.4, .15, .6, .9) both; }
@keyframes bpGlint { from { opacity: 0; transform: none; } 15%, 85% { opacity: 1; } to { opacity: 0; transform: translateX(-612px); } }
.bp-p { fill: transparent; transition: stroke .3s var(--ease), stroke-width .3s var(--ease), fill .3s var(--ease); }
.bp-co.on .bp-p { fill: rgba(204, 32, 42, .14); }
.bp-p.bp-zone { stroke: transparent; }                 /* zonele se văd doar aprinse: desenul are deja liniile lor */
.bp.all .bp-p { stroke: transparent; fill: transparent; }   /* pe mașina roșie zonele nu desenează nimic */
.bp.all .bp-co.on .bp-o { stroke: var(--paper); stroke-width: 2; }   /* 01 roșu pe plafonul roșu */
.bp-r { fill: none; stroke: var(--red); stroke-width: 1.5; opacity: 0; transform-box: fill-box; transform-origin: center; }
.bp-co.on .bp-r { animation: bpRing .9s var(--ease); }
@keyframes bpRing { from { opacity: .9; transform: scale(1); } to { opacity: 0; transform: scale(3.6); } }
@media (prefers-reduced-motion: reduce) {
  .bp-co.on .bp-r { animation: none; }
  .bp-sw, .bp.all .bp-sw { transition: none; }
  .bp.all .bp-gl { animation: none; }
}

.logos2 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.logos2 li { height: 92px; display: grid; place-items: center; padding: 0 14px; border-bottom: 1px solid var(--line); }
.logos2 li:not(:nth-child(3n)) { border-right: 1px solid var(--line); }
/* mărimea optică: înălțimea fiecărui logo vine din proporția lui (--h, calculat ca 50,5 × raport^-0,4), ca toate să pară la fel de mari */
.logos2 img { height: calc(var(--h) * 1.12px); width: auto; max-width: 100%; object-fit: contain; }
@media (max-width: 640px) {
  .logos2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .logos2 li { height: 76px; padding: 0 10px; }
  .logos2 li:not(:nth-child(3n)) { border-right: 0; }
  .logos2 li:nth-child(odd) { border-right: 1px solid var(--line); }
  .logos2 li:last-child { grid-column: 1 / -1; border-right: 0; }
  .logos2 img { height: calc(var(--h) * 1px); }
}

/* ---------- Despre noi pe ton ---------- */
.band-tone .about { margin-top: 0; }
.band-tone .about .values div, .band-tone .about .values div:first-child { border-top-color: var(--line-tone); }
.band-tone .dip { border-color: var(--line-tone); outline-color: var(--line); }
.band-tone .dip.gold { border-color: var(--red); outline-color: var(--red); }
.band-tone .dips { margin-top: var(--pad-s); }
.band-tone .ledger-sheet { box-shadow: var(--sh-1); }

/* ---------- Consignația pe hârtie, fără cutie ---------- */
.band-paper .cs { align-items: start; }
.band-paper .cs .lead { color: var(--label); }


/* Runda 6, strângere: ritmul rămâne (strâns în grup, aerisit între capitole), dar fără goluri moarte */
.band-red-full { padding: var(--pad-m) 0; }
.band-tone { padding: var(--pad-m) 0; }
.band-tone .about .values { margin-top: var(--s6); }
.band-tone .about .values div, .band-tone .about .values div:first-child { padding: var(--s4) 0 var(--s5); }
.band-tone .dips { margin-top: var(--s7); }
.band-tone .ledger-sheet { padding: clamp(24px, 2.6vw, 36px); margin-top: 0; }
.band-tone .ledger div { padding: var(--s3) 0; }
.band-tone .ledger dd { font-size: clamp(28px, 2.6vw, 38px); }
#contact.sec-open { padding: var(--pad-m) 0; }
.ct-tel { margin-top: var(--s5); }
.ct-btns { margin-top: var(--s5); }

/* Telefon: finanțarea și butoanele procesului vin după pași; diplomele pe un singur rând care se derulează (se vede marginea următoarei);
   formularul de consignație pe două coloane pentru câmpurile scurte */
@media (max-width: 760px) {
  #cum .wrap { display: flex; flex-direction: column; }
  #cum .how-top { display: contents; }
  #cum .route { order: 2; }
  #cum .how-fin { order: 3; }
  #cum .how-cta { order: 4; margin-top: var(--s7); }
}
@media (max-width: 640px) {
  .band-tone .dips .dip-list { display: flex; gap: var(--s2); overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
    margin-left: calc(-1 * var(--g)); margin-right: calc(-1 * var(--g)); padding: 4px var(--g) 12px; scroll-padding-left: var(--g); scrollbar-width: thin; }
  .band-tone .dips .dip { flex: 0 0 29%; scroll-snap-align: start; }
  .band-paper .cs-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px 12px; }
}
/* Antetul între 901 și 1270 px ieșea peste lățime (până la 117 px la 910, exista și în runda 5): pragurile strâng antetul treptat */
@media (min-width: 901px) and (max-width: 1270px) { .lh-in { gap: 18px; } .lh-nav a { padding: 12px 9px; font-size: 15px; } }
@media (min-width: 901px) and (max-width: 1170px) { .lh-tel span { display: none; } .lh-in { gap: 14px; } }
@media (min-width: 901px) and (max-width: 1060px) {
  .lh-in { gap: 10px; }
  .lh-logo img { height: 50px; }
  .lh-nav a { padding: 12px 5px; font-size: 14px; }
  .lh-cta { padding: 0 14px; font-size: 14px; }
  .lh .lang button { min-width: 30px; padding: 6px 7px; }
}
@media (min-width: 901px) and (max-width: 960px) { .lh-tel { display: none; } }
/* Aceeași regulă fără goluri pe celelalte grile de fișe: 3 mașini asemănătoare (pagina mașinii) pe 3 coloane, 4 mașini recente (comanda) pe 4 sau 2 */
@media (min-width: 700px) {
  #sim.mgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #recent.mgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1000px) { #recent.mgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
/* „Cere ofertă” de pe prima pagină: marca și modelul într-un singur câmp, pe tot rândul (20.10.2026) */
.con-grid .con-wide { grid-column: 1 / -1; }
/* „Cum funcționează” mai compactă (Arthur, 21.10.2026: „this is way too big”): doar spațiile, mărimile de text rămân
   cele din fisa-type.css; cercurile pașilor nu se schimbă (traseul mașinii din fisa.js e calculat pe ele) */
#cum.band-red-full { padding: clamp(40px, 3.8vw, 56px) 0; }
#cum .route { margin-top: clamp(28px, 2.7vw, 40px); }
#cum .how-fin { margin-top: clamp(24px, 2.2vw, 32px); padding-top: 16px; padding-bottom: 16px; }
@media (min-width: 761px) { #cum .route .step-n { margin-bottom: var(--s4); } }
/* 21.10.2026: „Vinde-ți mașina” e cu ~60 px mai lung decât „Servicii”; între 901 și 1370 px antetul ieșea din pagină
   (verificarea funcțională). Meniul se strânge pe trepte (≤1410, ≤1290, ≤1010); telefonul și „Cere ofertă” rămân. */
@media (min-width: 901px) and (max-width: 1410px) { .lh-nav a { padding: 12px 8px; font-size: 15px; } }
@media (min-width: 901px) and (max-width: 1290px) { .lh-in { gap: 12px; } .lh-nav a { padding: 12px 6px; font-size: 14.5px; } }
@media (min-width: 1171px) and (max-width: 1190px) { .lh-tel span { display: none; } }
@media (min-width: 901px) and (max-width: 1010px) { .lh-in { gap: 8px; } .lh-nav a { padding: 12px 4px; font-size: 14px; } }

/* ---------- Stoc: căutarea ca un singur card (Arthur, 21.10.2026, macheta „În stoc — căutarea”) ----------
   Doar aspect: markupul, data-f și fisa.js (stockInit, compactTools) rămân. Mărcile și filtrele nu se pot învelește într-un
   container comun: .tools e lipicioasă (sticky) și s-ar opri la capătul containerului, deci se lipesc doar vizual. */
@media (min-width: 761px) {
  .grp-nav.grp-stock { margin: 0; padding: 16px 24px 14px; background: var(--paper); border-radius: 8px 8px 0 0;
    border-bottom: 1px solid var(--hair); box-shadow: var(--sh-1); clip-path: inset(-40px -40px 0 -40px); }
  .grp-stock + .tools { border-radius: 0 0 8px 8px; }
  .tools:not(.is-compact) { padding: 20px 24px; gap: 16px 18px; }
  .tools:not(.is-compact) .tools-x { align-self: end; justify-content: flex-end; gap: 12px; }
  .tools label { text-transform: uppercase; letter-spacing: .04em; font-weight: 600; color: var(--label-desk); }
  .tools .inp { height: 46px; border-radius: 6px; }
  .tools .view-toggle button { height: 36px; }
  /* un filtru setat (altă valoare decât prima, „Toate”): marginea și eticheta roșii; „Ordine” nu e filtru.
     :has() nu se poate pune în alt :has(), deci condiția e pe opțiunea goală care NU e aleasă */
  .tools div:not(.f-sort) > select.inp:has(> option[value=""]:not(:checked)) { background-color: var(--paper); box-shadow: inset 0 0 0 1.5px var(--red); }
  .tools div:not(.f-sort):has(> select.inp > option[value=""]:not(:checked)) > label { color: var(--red); }
}
/* 761–1080: trei coloane (șapte câmpuri = 3 + 3 + 1), iar „Resetează” și Listă/Fișe stau în restul ultimului rând */
@media (min-width: 761px) and (max-width: 1080px) {
  .tools:not(.is-compact) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tools:not(.is-compact) .tools-x { grid-column: 2 / -1; }
}
/* ≥1081: patru coloane; „Resetează” și Listă/Fișe în celula a patra a rândului doi, lângă „Ordine” (fără bandă separată,
   ca înălțimea cardului să nu sară când alegi un filtru) */
@media (min-width: 1081px) { .tools:not(.is-compact) .tools-x { grid-column: 4; } }
/* comanda: aer egal deasupra și dedesubtul benzii „Cum funcționează”, ca pe prima pagină (verificarea vizuală) */
.ord-hero { padding-bottom: clamp(40px, 4.4vw, 64px); }
#cum + #cerere { padding-top: clamp(56px, 5.8vw, 88px); }
/* 1241–1300 cu un filtru setat: „Resetează filtrele” + Listă/Fișe cu text nu încap în celula a patra; comutatorul rămâne
   doar cu iconițe, ca la 1081–1240 (fisa-port.css; textul rămâne pentru cititoarele de ecran) */
@media (min-width: 1241px) and (max-width: 1300px) {
  .tools-x .view-toggle button span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

/* ---------- „Cum funcționează” cu desenele animate în cercuri (Arthur, 21.10.2026; _fisa.html step_media, img/pasi/) ----------
   Cercul ține desenul pasului (poster + clip, rulat o dată de routeDrive când ajunge mașina), ca pătrat înscris (desenul
   întreg, fundalul alb topit în disc cu multiply); numărul într-o bulină pe inel. Ultimul pas nu mai e pinul, ci cercul
   cu camionul; la sosire face un mic salt. Pașii încă neatinși: discul rămâne alb, desenul e estompat. */
.route.ill .step-n b, .band-red-full .route.ill .step-n b,
.route.ill li:last-child .step-n b, .band-red-full .route.ill li:last-child .step-n b {
  width: 104px; height: 104px; padding: 0; border: 0; border-radius: 50%; background: var(--paper); color: var(--red-ink);
  box-shadow: 0 0 0 2px var(--red), var(--sh-0); overflow: visible; position: relative; z-index: 1; }
.band-red-full .route.ill .step-n b, .band-red-full .route.ill li:last-child .step-n b { box-shadow: 0 8px 18px -8px rgba(70, 8, 10, .55); }
.route.ill li:last-child .step-n b::before, .route.ill li:last-child .step-n b::after { content: none; }
.route.ill .step-v { position: absolute; left: 15%; top: 15%; width: 70%; height: 70%; object-fit: contain; background: transparent;
  pointer-events: none; mix-blend-mode: multiply; transition: opacity .35s var(--ease), filter .35s var(--ease); }
.route.ill .step-no { position: absolute; right: -3px; top: -3px; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center;
  background: var(--red); color: var(--paper); font-family: var(--font-t); font-weight: 700; line-height: 1; box-shadow: 0 0 0 2px var(--paper); }
.band-red-full .route.ill .step-no { background: var(--ink); }
.route.drive.ill li:not(.rd-on) .step-n b { opacity: 1; transform: scale(.9); }
.route.drive.ill li:not(.rd-on) .step-v { opacity: .35; filter: grayscale(1); }
.route.drive.rd-end.ill li:last-child .step-n b { animation: rdArrive .7s var(--ease) both; }
@keyframes rdArrive { 0% { transform: translateY(0); } 35% { transform: translateY(-10px); } 70% { transform: translateY(0); } 85% { transform: translateY(-3px); } 100% { transform: translateY(0); } }
@media (max-width: 760px) {
  .route.ill .step-n b, .band-red-full .route.ill .step-n b,
  .route.ill li:last-child .step-n b, .band-red-full .route.ill li:last-child .step-n b { width: 72px; height: 72px; }
  .route.ill li { padding-left: 92px; }
  .route.ill .step-no { width: 22px; height: 22px; right: -4px; top: -4px; }
}
@media (prefers-reduced-motion: reduce) { .route.drive.rd-end.ill li:last-child .step-n b { animation: none; } }
/* 404: desenul animat deasupra codului (Higgsfield, 21.10.2026) */
.nf-v { display: block; width: min(100%, 520px); height: auto; aspect-ratio: 16 / 8; object-fit: cover; object-position: left 30%;
  margin: var(--s4) 0 -8px; pointer-events: none; mix-blend-mode: multiply; }
/* cercurile de detaliu (30.10.2026; _svc_plan.html .bp-dt): la un rând sau la o trimitere aprinsă, schița serviciului apare
   într-un cerc ca în desenele tehnice, de partea opusă punctului; etichetele celelalte se estompează, ca cercul să nu stea
   peste text citibil. Fără mouse: cercul nu primește atingerea, dedesubt rămâne de apăsat. */
.bp-dt { pointer-events: none; }
.bp-dt-in { opacity: 0; transform: scale(.88); transform-box: fill-box; transform-origin: center;
  transition: opacity .2s var(--ease), transform .3s var(--ease); }
.bp-dt.on .bp-dt-in { opacity: 1; transform: none; transition: opacity .3s var(--ease) .05s, transform .45s cubic-bezier(.2, .9, .3, 1.15) .05s; }
.bp-dt-c { fill: var(--paper); stroke: var(--ink); stroke-width: 1.4; filter: drop-shadow(0 4px 10px rgba(20, 22, 30, .12)); }
.bp-dt-n { fill: var(--red); stroke: var(--paper); stroke-width: 2; }
.bp-dt-t { font-family: var(--font-t); font-weight: 700; fill: #fff; }
.bp-co :is(.bp-n, .bp-t, .bp-s) { transition: fill .3s var(--ease), opacity .25s var(--ease); }
.bp-l { transition: stroke .3s var(--ease), opacity .25s var(--ease); }
.bp.dt .bp-co:not(.on) :is(.bp-n, .bp-t, .bp-s, .bp-l) { opacity: .18; }
.bp.dt .bp-co.sub :is(.bp-n, .bp-t, .bp-s, .bp-l) { opacity: 0; }   /* eticheta de sub cerc: nu rămân bucăți palide pe lângă el */
.bp-hit { fill: transparent; pointer-events: all; }
/* cât desenul încă apare (.mo, fisa.js moments()), mașina roșie și cercul nu se arată peste o foaie fără linii */
.bp.mo :is(.bp-fill, .bp-dt) { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
  .bp-dt-in, .bp-dt.on .bp-dt-in { transform: none; transition: opacity .2s linear; }
}

/* ── WCAG 2.1 AA, auditul din 6.11.2026 (vault: „Audit WCAG 2.1 AA — Fișa (2026-11-06)”) ── */
/* M1 (1.4.11): câmpurile au un contur de 1px ≥ 3:1 (#857D78: 3,98:1 pe hârtie, 3,62:1 pe --field); focusul, 2px */
.inp { box-shadow: inset 0 0 0 1px #857D78; }
.inp:focus { box-shadow: inset 0 0 0 2px var(--ink); }
/* M2 (2.4.7): pe telefon bara fixă de jos (.mbar, ~68px) nu mai acoperă elementul focusat */
@media (max-width: 900px) { html { scroll-padding-bottom: 84px; } }
/* m1 (2.4.7): un element care apare la derulare e vizibil din clipa în care primește focusul */
.rv:focus-within, .mo:focus-within { opacity: 1 !important; transform: none !important; transition: none !important; }
/* m4 (1.4.10): fișa mașinii la 320px nu mai depășește cu 2px */
@media (max-width: 340px) { .sheet > *, .doc.sheet > * { min-width: 0; } .sheet td, .sheet dd { overflow-wrap: anywhere; } }
/* m4, a doua trecere (lansarea, 07.11.2026): la 320px coloana din .car-grid tot avea 306px în loc de 288 (elementul
   grilei avea min-width: auto), deci foile, bara de jos și pagina ieșeau cu 2px peste ecran (scrollWidth 322) */
@media (max-width: 340px) { .car-grid > * { min-width: 0; } }
/* m5 (3.3.2): convenția câmpurilor obligatorii */
.req-note { margin: 0 0 12px; line-height: 1.4; color: var(--label); }   /* mărimea: fisa-type.css */