/* ==========================================================================
   YOZMA ROMÂNIA — sistem de design "editorial off-road"
   Newsreader (display serif) · Inter (body) · IBM Plex Mono (date de teren)
   Fotografie dominantă · structură pe linii subțiri · UI minimă
   PRO = canvas închis, accent lut ars.  IN 10 = canvas deschis, accent mușchi.
   ========================================================================== */

:root{
  --ink:#16181c;
  --ink-2:#22252b;
  --ink-soft:#4a4d54;
  --field:#e8e5dd;
  --field-2:#f1eee7;
  --paper:#fcfbf8;
  --dust:#8b8579;          /* text secundar / captions pe fundal deschis */
  --line:#d3cec2;          /* linii subțiri pe deschis */
  --line-dark:#32353c;     /* linii subțiri pe închis */
  --accent:#c0451f;        /* PRO — lut ars (portocaliul Yozma, tras spre pământ) */
  --ok:#2f7d52;
  --danger:#b23b2b;

  --maxw:1200px;
  --gutter:clamp(20px,5.2vw,68px);
  --measure:66ch;

  --f-display:"Newsreader",Georgia,"Times New Roman",serif;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --step--1:clamp(.78rem,.74rem + .2vw,.86rem);
  --step-0:clamp(1rem,.96rem + .2vw,1.08rem);
  --step-1:clamp(1.18rem,1.05rem + .6vw,1.4rem);
  --step-2:clamp(1.5rem,1.25rem + 1.2vw,2.1rem);
  --step-3:clamp(1.9rem,1.5rem + 2vw,3.4rem);
  --step-4:clamp(2.15rem,1.55rem + 3.4vw,4.8rem);
}
body[data-model="std"]{ --accent:#3f6b4a; }   /* IN 10 — verde mușchi */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
body{
  font-family:var(--f-body);
  font-size:var(--step-0);
  line-height:1.65;
  color:var(--ink);
  background:var(--field);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,video{max-width:100%;display:block;height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--accent);color:#fff}

:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}

/* ---------- structură ---------- */
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:clamp(56px,9vw,120px)}
.section--tight{padding-block:clamp(40px,6vw,72px)}
.rule{border:0;border-top:1px solid var(--line)}
.band-dark .rule{border-color:var(--line-dark)}

/* Eyebrow — categorie de conținut, atârnă în marginea stângă pe ecrane mari */
.eyebrow{
  font-family:var(--f-mono);
  font-size:var(--step--1);
  font-weight:500;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--dust);
  display:flex;align-items:center;gap:.7em;
  margin-bottom:1.4rem;
}
.eyebrow::before{content:"";width:1.8em;height:1px;background:currentColor;flex:0 0 auto}
.band-dark .eyebrow{color:#9a958a}

/* Titluri */
h1,h2,h3,h4{font-family:var(--f-display);font-weight:400;line-height:1.08;letter-spacing:-.012em;
  text-wrap:balance;overflow-wrap:break-word}
.h-xl{font-size:var(--step-4);line-height:1}
.h-lg{font-size:var(--step-3)}
.h-md{font-size:var(--step-2);line-height:1.12}
.h-sm{font-size:var(--step-1);line-height:1.2}
.serif-i{font-style:italic}
.lede{font-size:var(--step-1);line-height:1.5;max-width:var(--measure);color:var(--ink-soft)}
.band-dark .lede{color:#c8c4ba}
p{max-width:var(--measure)}
.prose p{margin-bottom:1rem}
.prose p:last-child{margin-bottom:0}

/* linkuri text */
.tlink{
  color:inherit;text-decoration:none;
  background-image:linear-gradient(currentColor,currentColor);
  background-size:100% 1px;background-repeat:no-repeat;background-position:0 100%;
  padding-bottom:2px;transition:background-size .25s ease;
}
.tlink:hover{background-size:0% 1px;background-position:100% 100%}
.tlink--accent{color:var(--accent)}

/* ---------- benzi de culoare ---------- */
.band-dark{background:var(--ink);color:var(--field)}
.band-ink2{background:var(--ink-2);color:var(--field)}
.band-field2{background:var(--field-2)}
.band-paper{background:var(--paper)}

/* ---------- buton ---------- */
.btn{
  --btn-bg:var(--accent);--btn-fg:#fff;
  display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  font-family:var(--f-mono);font-size:var(--step--1);font-weight:500;
  letter-spacing:.06em;text-transform:uppercase;text-decoration:none;
  padding:1.05em 1.9em;border:1px solid var(--btn-bg);background:var(--btn-bg);color:var(--btn-fg);
  cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn--ghost{--btn-bg:transparent;--btn-fg:currentColor;border-color:currentColor}
.btn--ghost:hover{background:var(--ink);color:var(--field)}
.band-dark .btn--ghost:hover{background:var(--field);color:var(--ink)}
.btn--block{display:flex;width:100%}
.btn--lg{padding:1.2em 2.2em;font-size:var(--step-0)}

/* ---------- HERO ---------- */
.hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:clamp(560px,92svh,880px);overflow:hidden}
.hero__media{position:absolute;inset:0;z-index:-2}
.hero__media img,.hero__media video{width:100%;height:100%;object-fit:cover}
.hero__scrim{position:absolute;inset:0;z-index:-1}
.hero--dark .hero__scrim{background:linear-gradient(180deg,rgba(12,13,15,.35) 0%,rgba(12,13,15,.15) 38%,rgba(12,13,15,.86) 100%)}
.hero--dark{color:#f4f2ec}
.hero--light{background:var(--field)}
.hero__inner{padding-block:clamp(40px,7vw,88px)}
.hero__kicker{font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent);margin-bottom:1.1rem}
.hero--dark .hero__kicker{color:#fff;mix-blend-mode:normal}
.hero h1{font-size:var(--step-4);max-width:18ch}
.hero__tagline{margin-top:1.2rem;font-family:var(--f-display);font-size:var(--step-1);line-height:1.35;
  max-width:34ch;font-style:italic;color:inherit;opacity:.92}
.hero--light .hero__tagline{opacity:1;color:var(--ink-soft)}
.hero__meta{margin-top:1.6rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5em 1.1em;
  font-family:var(--f-mono);font-size:var(--step-0);letter-spacing:.02em}
.hero__price{font-weight:500}
.hero__price s{opacity:.55;margin-right:.5em;font-weight:400}
.hero__dot{opacity:.5}
.hero__cta{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.9rem 1.2rem;align-items:center}
.hero__scrolldown{font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;
  text-decoration:none;opacity:.8;display:inline-flex;gap:.5em;align-items:center}
.hero__scrolldown:hover{opacity:1}

/* hero varianta light — foto încadrată în dreapta */
.hero--light .hero__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,64px);align-items:center;
  min-height:inherit}
.hero--light .hero__media{position:static;z-index:0}
.hero--light .hero__media img{aspect-ratio:4/5;border:1px solid var(--line)}
.hero--light .hero h1{color:var(--ink)}

/* ---------- STRIP TELEMETRIE (cifre cheie) ---------- */
.telemetry{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band-dark .telemetry{border-color:var(--line-dark)}
.telemetry__cell{padding:clamp(20px,3.5vw,40px) 0;border-left:1px solid var(--line)}
.band-dark .telemetry__cell{border-color:var(--line-dark)}
.telemetry__cell:first-child{border-left:0}
.telemetry__cell{padding-left:clamp(14px,2.5vw,28px);padding-right:12px}
.telemetry__num{font-family:var(--f-display);font-size:var(--step-3);line-height:1;display:block}
.telemetry__num small{font-family:var(--f-mono);font-size:.32em;letter-spacing:.05em;vertical-align:.35em;margin-left:.25em}
.telemetry__label{font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;
  color:var(--dust);margin-top:.7rem;display:block}
.band-dark .telemetry__label{color:#948f84}

/* ---------- listă intro cu bife ---------- */
.spec-lede{list-style:none;display:grid;gap:.7rem;font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.01em;max-width:52ch}
.spec-lede li{display:flex;gap:.8em;padding-left:0}
.spec-lede li::before{content:"—";color:var(--accent);flex:0 0 auto}

/* ---------- BLOC EDITORIAL (imagine + text alternante) ---------- */
.feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center;
  padding-block:clamp(36px,6vw,76px);border-top:1px solid var(--line)}
.band-dark .feature{border-color:var(--line-dark)}
.feature:first-of-type{border-top:0}
.feature--flip .feature__media{order:2}
.feature__media img,.feature__media video{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--ink)}
.feature__body h3{font-size:var(--step-2);margin-bottom:.6rem}
.feature__tag{font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent);display:block;margin-bottom:.9rem}
.feature__body ul{list-style:none;margin-top:1rem;display:grid;gap:.5rem;font-family:var(--f-mono);font-size:var(--step--1)}
.feature__body ul li{display:flex;gap:.7em}
.feature__body ul li::before{content:"+";color:var(--accent)}

/* ---------- captions de teren (sub fotografii) ---------- */
.fieldnote{font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.02em;color:var(--dust);
  margin-top:.7rem;display:flex;gap:.7em;align-items:baseline}
.fieldnote span:first-child{color:var(--accent);flex:0 0 auto}
.band-dark .fieldnote{color:#948f84}

/* ---------- media full-bleed ---------- */
.plate{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--ink)}
.media-band{position:relative;overflow:hidden}
.media-band video,.media-band img{width:100%;max-height:78svh;object-fit:cover}

/* ---------- GALERIE (catalog al obiectului) ---------- */
.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(6px,1vw,12px)}
.gallery button{border:0;padding:0;background:none;cursor:pointer;overflow:hidden;display:block}
.gallery img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;transition:transform .5s ease}
.gallery button:hover img{transform:scale(1.04)}
.gallery button:nth-child(1){grid-column:span 3;grid-row:span 2}
.gallery button:nth-child(1) img{aspect-ratio:auto;height:100%}
.gallery button:nth-child(2),.gallery button:nth-child(3){grid-column:span 3}
.gallery figcaption{display:none}

/* lightbox */
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(10,10,11,.95);display:none;
  align-items:center;justify-content:center;padding:clamp(12px,4vw,40px)}
.lightbox.is-open{display:flex}
.lightbox img{max-width:min(94vw,1100px);max-height:88svh;object-fit:contain}
.lightbox__btn{position:absolute;background:none;border:1px solid rgba(255,255,255,.4);color:#fff;
  width:46px;height:46px;cursor:pointer;font-family:var(--f-mono);font-size:1.1rem;transition:background .18s}
.lightbox__btn:hover{background:rgba(255,255,255,.14)}
.lightbox__close{top:clamp(12px,3vw,28px);right:clamp(12px,3vw,28px)}
.lightbox__prev{left:clamp(8px,2vw,24px);top:50%;transform:translateY(-50%)}
.lightbox__next{right:clamp(8px,2vw,24px);top:50%;transform:translateY(-50%)}
.lightbox__count{position:absolute;bottom:clamp(12px,3vw,28px);left:50%;transform:translateX(-50%);
  color:#fff;font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.1em}

/* ---------- DETALII (panouri oficiale Yozma) ---------- */
.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.4vw,28px);align-items:start}
.panel{margin:0}
.panel img{width:100%;display:block;object-fit:cover;object-position:left center;
  background:#0c0d0f;border:1px solid var(--line)}
.band-dark .panel img{border-color:var(--line-dark)}
/* rapoartele forțate = ≈ native → crop practic zero, dar rândurile rămân aliniate */
.panel--land img{aspect-ratio:7/3}    /* suspensie, cuplu — native ~2.32 */
.panel--tall img{aspect-ratio:3/4}    /* baterie, autonomie — native ~0.73 */
.panel--wide img{height:auto}         /* marșarier / lumini — raport nativ, benzi late */
.panel figcaption{font-family:var(--f-mono);font-size:var(--step--1);color:var(--dust);margin-top:.7rem;
  line-height:1.5;display:flex;gap:.6em}
.panel figcaption::before{content:"—";color:var(--accent);flex:0 0 auto}
.band-dark .panel figcaption{color:#948f84}
@media (max-width:700px){
  .panel-grid{grid-template-columns:1fr}
  .panel img{aspect-ratio:auto;height:auto}   /* raport nativ, zero crop pe mobil */
}

/* ---------- SPEC SHEET ---------- */
.specsheet{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(24px,5vw,72px)}
.specsheet dl{display:contents}
.specrow{grid-column:span 1;display:flex;justify-content:space-between;gap:1.5em;
  padding:.95rem 0;border-top:1px solid var(--line);font-family:var(--f-mono);font-size:var(--step--1)}
.band-dark .specrow{border-color:var(--line-dark)}
.specrow dt{color:var(--dust);letter-spacing:.04em;text-transform:uppercase;font-size:.78em}
.band-dark .specrow dt{color:#948f84}
.specrow dd{text-align:right;font-weight:500}

/* geometrie */
.geo{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,60px);align-items:center}
.geo__img{border:1px solid var(--line);padding:clamp(14px,2.5vw,26px);background:var(--paper)}
.geo__list{display:grid}
.geo__row{display:grid;grid-template-columns:2.2em 1fr auto;align-items:center;gap:1em;
  padding:.85rem 0;border-top:1px solid var(--line);font-family:var(--f-mono);font-size:var(--step--1)}
.geo__row:first-child{border-top:0}
.geo__key{width:2.2em;height:2.2em;display:grid;place-items:center;border:1px solid currentColor;
  color:var(--accent);font-weight:500}
.geo__val{font-weight:500}

/* ---------- TABEL COMPARATIV ---------- */
.compare{width:100%;border-collapse:collapse;font-family:var(--f-mono);font-size:var(--step--1)}
.compare caption{text-align:left;color:var(--dust);margin-bottom:1rem;letter-spacing:.04em}
.compare th,.compare td{padding:.95rem 1rem;text-align:right;border-top:1px solid var(--line)}
.compare thead th{border-top:0;border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:.08em;
  font-weight:500;vertical-align:bottom}
.compare tbody th{text-align:left;font-weight:400;color:var(--dust);text-transform:uppercase;font-size:.82em;letter-spacing:.05em}
.compare .is-focus{border-left:2px solid var(--accent);border-right:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}
.compare thead .is-focus{border-top:2px solid var(--accent)}
.compare tbody tr:last-child .is-focus{border-bottom:2px solid var(--accent)}
.compare .model-name{font-family:var(--f-display);font-size:var(--step-0);display:block}

/* ---------- CAROUSEL COMUNITATE ---------- */
.reel{display:flex;gap:clamp(8px,1.4vw,16px);overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.reel__item{flex:0 0 auto;width:clamp(150px,42vw,196px);scroll-snap-align:start;background:var(--ink)}
.reel__item video{width:100%;aspect-ratio:9/16;object-fit:cover}
.reel-nav{display:flex;gap:.6rem;margin-top:.4rem}
.reel-nav button{width:44px;height:44px;border:1px solid var(--line);background:none;cursor:pointer;
  font-family:var(--f-mono);transition:background .18s}
.reel-nav button:hover{background:var(--ink);color:var(--field)}
.band-dark .reel-nav button{border-color:var(--line-dark)}

.photostrip{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.4vw,16px);margin-top:clamp(20px,3vw,36px)}
.photostrip img{width:100%;aspect-ratio:3/4;object-fit:cover}

/* ---------- CE PRIMEȘTI ---------- */
.checklist{columns:2;column-gap:clamp(24px,5vw,72px);font-family:var(--f-mono);font-size:var(--step--1)}
.checklist li{list-style:none;break-inside:avoid;padding:.7rem 0;border-top:1px solid var(--line);display:flex;gap:.7em}
.checklist li::before{content:"✓";color:var(--accent)}
.band-dark .checklist li{border-color:var(--line-dark)}

/* ---------- RATE ---------- */
.finance{border:1px solid var(--line);background:var(--paper)}
.band-dark .finance{border-color:var(--line-dark);background:var(--ink-2)}
.finance__head{display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:clamp(16px,2.5vw,24px) clamp(18px,3vw,32px);border-bottom:1px solid var(--line)}
.band-dark .finance__head{border-color:var(--line-dark)}
.finance__head img{height:22px;width:auto}
.finance__tabs{display:flex;flex-wrap:wrap;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.band-dark .finance__tabs{background:var(--line-dark);border-color:var(--line-dark)}
.finance__tab{flex:1 0 auto;min-width:64px;padding:.9rem .6rem;border:0;background:var(--paper);cursor:pointer;
  font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.03em;transition:background .16s,color .16s}
.band-dark .finance__tab{background:var(--ink-2)}
.finance__tab[aria-selected="true"]{background:var(--accent);color:#fff}
.finance__out{display:flex;justify-content:space-between;gap:1rem;padding:clamp(20px,3.5vw,36px) clamp(18px,3vw,32px);
  font-family:var(--f-mono)}
.finance__rate{font-family:var(--f-display);font-size:var(--step-3);line-height:1;color:var(--accent)}
.finance__k{font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--dust);display:block;margin-bottom:.5rem}
.finance__total{font-family:var(--f-display);font-size:var(--step-2);line-height:1;text-align:right}
.finance__note{padding:0 clamp(18px,3vw,32px) clamp(18px,3vw,28px);font-family:var(--f-mono);font-size:.74rem;
  color:var(--dust);line-height:1.7;max-width:none}

/* ---------- AVERTISMENTE ---------- */
.notices{display:grid;gap:1px;background:var(--line);border-block:1px solid var(--line)}
.band-dark .notices{background:var(--line-dark);border-color:var(--line-dark)}
.notice{background:var(--field);padding:clamp(20px,3vw,32px) 0}
.band-dark .notice{background:var(--ink)}
.notice__grid{display:grid;grid-template-columns:14ch 1fr;gap:clamp(12px,3vw,40px)}
.notice h4{font-family:var(--f-mono);font-size:var(--step--1);font-weight:500;letter-spacing:.06em;
  text-transform:uppercase;color:var(--accent);line-height:1.4}
.notice p{font-size:var(--step--1);color:var(--ink-soft)}
.band-dark .notice p{color:#c8c4ba}

/* ---------- FAQ ---------- */
.qa{border-top:1px solid var(--line)}
.band-dark .qa{border-color:var(--line-dark)}
.qa details{border-bottom:1px solid var(--line)}
.band-dark .qa details{border-color:var(--line-dark)}
.qa summary{list-style:none;cursor:pointer;padding:1.3rem 2.5rem 1.3rem 0;position:relative;
  font-family:var(--f-display);font-size:var(--step-1);line-height:1.3}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:0;top:1.25rem;font-family:var(--f-mono);font-size:1.3rem;
  color:var(--accent);transition:transform .2s}
.qa details[open] summary::after{transform:rotate(45deg)}
.qa .qa__body{padding:0 2.5rem 1.4rem 0;color:var(--ink-soft);font-size:var(--step--1);max-width:var(--measure)}
.band-dark .qa .qa__body{color:#c8c4ba}

/* ---------- FORMULAR COMANDĂ ---------- */
.order__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,5vw,64px);align-items:start}
.order__offer{font-family:var(--f-mono);font-size:var(--step--1)}
.order__offer h3{font-family:var(--f-display);font-size:var(--step-2);margin-bottom:1.2rem}
.order__price{display:flex;align-items:baseline;gap:.7em;font-family:var(--f-display);margin-bottom:1.4rem}
.order__price .now{font-size:var(--step-3);line-height:1}
.order__price .was{font-size:var(--step-1);opacity:.5;text-decoration:line-through}
.order__incl{display:grid;gap:.5rem}
.order__incl li{list-style:none;display:flex;gap:.7em}
.order__incl li::before{content:"✓";color:var(--accent)}

.form-row{display:grid;gap:.5rem;margin-bottom:1rem}
.form-row label{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dust)}
.band-dark .form-row label{color:#948f84}
.form-row input{padding:1rem 1.1rem;border:1px solid var(--line);background:var(--paper);color:var(--ink);
  font-family:var(--f-mono);font-size:16px;transition:border-color .16s}
.form-row input:focus{outline:none;border-color:var(--accent)}
.form-row input:user-invalid{border-color:var(--danger)}
.form-two{display:grid;grid-template-columns:1fr 1.2fr;gap:1rem}

.color-choice{display:flex;gap:.8rem;margin-bottom:1.2rem}
.color-choice label{position:relative;flex:1;cursor:pointer}
.color-choice input{position:absolute;opacity:0;inset:0;cursor:pointer}
.color-choice span{display:flex;align-items:center;justify-content:center;gap:.6em;padding:.9rem;
  border:1px solid var(--line);font-family:var(--f-mono);font-size:var(--step--1)}
.color-choice input:checked + span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}
.color-choice input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
.dot{width:.85em;height:.85em;border-radius:50%;border:1px solid rgba(0,0,0,.25)}
.dot--negru{background:#191919}
.dot--rosu{background:#b0201d}

.recap{border:1px solid var(--line);padding:1.2rem 1.3rem;margin:1.4rem 0;font-family:var(--f-mono);font-size:var(--step--1)}
.band-dark .recap{border-color:var(--line-dark)}
.recap__line{display:flex;justify-content:space-between;padding:.35rem 0;color:var(--dust)}
.band-dark .recap__line{color:#a8a49a}
.recap__line .ok{color:var(--ok)}
.recap__total{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:.6rem;
  padding-top:.7rem;font-family:var(--f-display);font-size:var(--step-1);color:var(--ink)}
.band-dark .recap__total{border-color:var(--line-dark);color:var(--field)}

.form-msg{border:1px solid var(--line);padding:1.4rem;margin-top:1.2rem;font-family:var(--f-mono);font-size:var(--step--1)}
.form-msg h4{font-family:var(--f-display);font-size:var(--step-1);margin-bottom:.4rem}
.form-msg--ok{border-color:var(--ok)}
.form-msg--err{border-color:var(--danger)}
.form-hint{font-family:var(--f-mono);font-size:.72rem;color:var(--dust);margin-top:.9rem;letter-spacing:.02em}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* ---------- HEADER ---------- */
.site-head{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--field) 90%,transparent);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.site-head--dark{background:color-mix(in srgb,var(--ink) 82%,transparent);border-color:var(--line-dark);color:var(--field)}
.site-head__in{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  max-width:var(--maxw);margin-inline:auto;padding:.9rem var(--gutter)}
.brand{font-family:var(--f-display);font-size:var(--step-1);text-decoration:none;letter-spacing:-.01em;display:flex;align-items:baseline;gap:.5em}
.brand small{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dust)}
.site-head__nav{display:flex;align-items:center;gap:clamp(1rem,3vw,2.4rem);font-family:var(--f-mono);font-size:var(--step--1);
  letter-spacing:.04em}
.site-head__nav a{text-decoration:none}
.site-head__nav a:hover{color:var(--accent)}
.site-head__phone{white-space:nowrap}

/* ---------- STICKY CTA MOBIL ---------- */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;
  grid-template-columns:1fr auto auto;gap:.7rem;align-items:center;
  padding:.7rem var(--gutter);background:var(--ink);color:var(--field);border-top:1px solid var(--line-dark)}
.sticky-cta__price{font-family:var(--f-mono);font-size:.72rem;line-height:1.2;min-width:0}
.sticky-cta__price b{font-family:var(--f-display);font-size:var(--step-0);display:block}
.sticky-cta__price s{opacity:.5}
.sticky-cta__phone{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;
  border:1px solid var(--line-dark);text-decoration:none;font-size:1.1rem}
.sticky-cta .btn{padding:.9em 1.15em;white-space:nowrap}

/* ---------- FOOTER ---------- */
.site-foot{background:var(--ink);color:#9a958a;font-family:var(--f-mono);font-size:var(--step--1);
  padding-block:clamp(40px,6vw,72px)}
.site-foot a{text-decoration:none}
.site-foot a:hover{color:var(--field)}
.site-foot__top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;align-items:baseline;
  padding-bottom:1.6rem;border-bottom:1px solid var(--line-dark)}
.site-foot__brand{font-family:var(--f-display);font-size:var(--step-2);color:var(--field)}
.site-foot__links{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem}
.site-foot__legal{margin-top:1.6rem;line-height:1.8;font-size:.74rem}

/* ---------- COOKIE ---------- */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--paper);border-top:1px solid var(--ink);
  padding:1rem var(--gutter);display:none}
.cookie.is-shown{display:block}
.cookie__in{max-width:var(--maxw);margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;
  font-family:var(--f-mono);font-size:.78rem}
.cookie__in p{flex:1 1 300px;color:var(--ink-soft);max-width:none}
.cookie__actions{display:flex;gap:.6rem}
.cookie__actions button{border:1px solid var(--ink);background:none;padding:.7rem 1.1rem;cursor:pointer;
  font-family:var(--f-mono);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}
.cookie__actions .is-primary{background:var(--ink);color:var(--field)}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-in{opacity:1;transform:none}

/* ---------- MODEL PLATE (homepage) ---------- */
.models{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,32px)}
.model-plate{display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--line);
  background:var(--paper);transition:transform .3s ease,border-color .3s ease}
.model-plate:hover{transform:translateY(-4px);border-color:var(--ink)}
.model-plate__img{aspect-ratio:5/4;object-fit:cover;width:100%}
.model-plate__body{padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:.9rem;flex:1}
.model-plate__name{font-family:var(--f-display);font-size:var(--step-2);line-height:1.05}
.model-plate__line{font-family:var(--f-mono);font-size:var(--step--1);color:var(--dust)}
.model-plate__specs{display:flex;gap:1.4em;font-family:var(--f-mono);font-size:var(--step--1);margin-top:auto;
  padding-top:1rem;border-top:1px solid var(--line)}
.model-plate__specs b{font-family:var(--f-display);font-weight:400;font-size:var(--step-0);display:block}
.model-plate__foot{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--f-mono);
  font-size:var(--step--1);padding-top:1rem;border-top:1px solid var(--line)}
.model-plate__price{font-family:var(--f-display);font-size:var(--step-1)}
.model-plate__go{color:var(--accent)}
.model-plate--pro{--accent:#c0451f}
.model-plate--std{--accent:#3f6b4a}

/* ---------- utilitare ---------- */
.center{text-align:center}
.mt-xl{margin-top:clamp(32px,5vw,64px)}
.mono{font-family:var(--f-mono)}
.stack > * + *{margin-top:1rem}

/* ========================================================================
   RESPONSIVE
   ==================================================================== */
@media (max-width:1000px){
  .hero--light .hero__inner{grid-template-columns:1fr;gap:28px}
  .hero--light .hero__media{order:-1}
  .hero--light .hero__media img{aspect-ratio:16/10}
  .feature{grid-template-columns:1fr;gap:20px}
  .feature--flip .feature__media{order:-1}
  .geo{grid-template-columns:1fr}
  .order__grid{grid-template-columns:1fr}
  .gallery button:nth-child(1){grid-column:span 6;grid-row:auto}
  .gallery button:nth-child(2),.gallery button:nth-child(3){grid-column:span 3}
  .models{grid-template-columns:1fr}
}
@media (max-width:820px){
  .site-head__nav{display:none}
  .sticky-cta{display:grid}
  body{padding-bottom:74px}
  .telemetry{grid-template-columns:1fr}
  .telemetry__cell{border-left:0;border-top:1px solid var(--line);padding-left:0}
  .band-dark .telemetry__cell{border-color:var(--line-dark)}
  .telemetry__cell:first-child{border-top:0}
  .specsheet{grid-template-columns:1fr}
  .checklist{columns:1}
  .compare{font-size:.74rem}
  .compare th,.compare td{padding:.7rem .5rem}
}
@media (max-width:560px){
  .gallery{grid-template-columns:repeat(2,1fr)}
  .gallery button:nth-child(1),.gallery button:nth-child(2),.gallery button:nth-child(3){grid-column:span 2}
  .gallery button:nth-child(1) img{aspect-ratio:4/3}
  .photostrip{grid-template-columns:1fr 1fr}
  .form-two{grid-template-columns:1fr}
  .notice__grid{grid-template-columns:1fr;gap:.5rem}
  .finance__out{flex-direction:column;gap:1.5rem}
  .finance__total{text-align:left}
  .order__price .now{font-size:var(--step-2)}
}