/* UTU Automobile — stilul site-ului public.
   Transpus din macheta aprobată (design/macheta-v1/macheta.css): grafit + hârtie caldă + un singur
   accent, galbenul de plăcuță. La coadă: adaosurile cerute de site-ul real (randat pe server).
   Fonturile sunt găzduite local (Barlow, Barlow Condensed, Tinos; latin + latin-ext). */

@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url('site/fonturi/barlow-400-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url('site/fonturi/barlow-400-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url('site/fonturi/barlow-500-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url('site/fonturi/barlow-500-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url('site/fonturi/barlow-600-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url('site/fonturi/barlow-600-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url('site/fonturi/barlow-700-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url('site/fonturi/barlow-700-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 500; font-display: swap; src: url('site/fonturi/barlow-condensed-500-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 500; font-display: swap; src: url('site/fonturi/barlow-condensed-500-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url('site/fonturi/barlow-condensed-600-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url('site/fonturi/barlow-condensed-600-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url('site/fonturi/barlow-condensed-700-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url('site/fonturi/barlow-condensed-700-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 800; font-display: swap; src: url('site/fonturi/barlow-condensed-800-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 800; font-display: swap; src: url('site/fonturi/barlow-condensed-800-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Tinos'; font-style: italic; font-weight: 700; font-display: swap; src: url('site/fonturi/tinos-700-italic-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Tinos'; font-style: italic; font-weight: 700; font-display: swap; src: url('site/fonturi/tinos-700-italic-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --asfalt: #0E0F11;
  --grafit: #17191C;
  --grafit-2: #202328;
  --linie-i: #30343A;
  --hartie: #F4F1EA;
  --hartie-2: #EAE6DB;
  --alb: #FFFEFA;
  --linie-h: #D8D2C3;
  --cerneala: #15171A;
  --mut-h: #575B62;      /* text secundar pe hârtie — 5.9:1 */
  --mut-i: #A9ADB4;      /* text secundar pe grafit — 8:1 */
  --galben: #FFC400;
  --galben-2: #E6B000;
  --wa: #25D366;
  --wa-text: #052E14;
  --titlu: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
  --text: 'Barlow', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --sigla: 'Tinos', 'Times New Roman', Times, serif;   /* numele din logo: serif bold italic, ca pe autocolant */
  --antet-h: 64px;
  --raza: 10px;
  /* context implicit: întunecat */
  --fg: #F1EEE7; --bg: var(--asfalt); --mut: var(--mut-i); --linie: var(--linie-i); --focus: #FFFFFF;
}
@media (min-width: 1000px) { :root { --antet-h: 84px; } }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--antet-h) + 16px); }
body { margin: 0; font: 400 17px/1.55 var(--text); color: var(--fg); background: var(--asfalt); -webkit-font-smoothing: antialiased; overflow-x: hidden; padding-bottom: 68px; }
@media (min-width: 1000px) { body { padding-bottom: 0; } }
body.fara-derulare { overflow: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
h1, h2, h3, h4, p, ul, ol, dl, dd, figure { margin: 0; }
ul, ol { padding: 0; list-style: none; }
button, input, select { font: inherit; color: inherit; }
button { cursor: pointer; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; border-radius: 4px; }
.ascuns { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.ico { flex: none; }

.lat { width: 100%; max-width: 1360px; margin-inline: auto; padding-inline: 16px; }
@media (min-width: 700px) { .lat { padding-inline: 28px; } }
@media (min-width: 1200px) { .lat { padding-inline: 40px; } }

.sari { position: absolute; left: 8px; top: -60px; z-index: 100; background: var(--galben); color: var(--asfalt); padding: 10px 14px; border-radius: 6px; font-weight: 600; }
.sari:focus { top: 8px; }

/* ── contexte de culoare ── */
.sect--hartie, .cere, .selector, .filtre, .card-m, .cere__form { --fg: var(--cerneala); --bg: var(--hartie); --mut: var(--mut-h); --linie: var(--linie-h); --focus: var(--cerneala); }
.sect { padding-block: 64px; background: var(--bg); color: var(--fg); position: relative; }
@media (min-width: 1000px) { .sect { padding-block: 104px; } }
.sect--inchis { --bg: var(--grafit); }
.sect--lipit { padding-top: 0 !important; }

/* ── tipografie ── */
.t { font: 800 clamp(38px, 5.2vw, 68px)/1.1 var(--titlu); text-transform: uppercase; letter-spacing: -.012em; text-wrap: balance; }
.t--mic { font-size: clamp(28px, 3vw, 38px); }
.idx { display: flex; align-items: center; gap: 10px; font: 600 15px/1 var(--titlu); letter-spacing: .14em; text-transform: uppercase; color: var(--mut); margin-bottom: 18px; }
.idx::after { content: ''; flex: 1; height: 1px; background: var(--linie); }
.cap { display: grid; gap: 0; margin-bottom: 36px; }
.cap__p { max-width: 56ch; margin-top: 16px; color: var(--mut); font-size: 18px; }
.cap__link { justify-self: start; display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; font: 700 17px/1 var(--titlu); letter-spacing: .06em; text-transform: uppercase; text-decoration: none; padding-bottom: 6px; border-bottom: 2px solid currentColor; }
.cap__link:hover .ico { transform: translateX(4px); }
.cap__link .ico { transition: transform .2s; }
@media (min-width: 1000px) {
  .cap { grid-template-columns: 1fr auto; align-items: end; margin-bottom: 48px; }
  .cap .idx { grid-column: 1 / -1; }
  .cap__p { grid-column: 1; }
  .cap__link { grid-column: 2; grid-row: 2 / span 2; align-self: end; justify-self: end; margin: 0; }
}

/* ── plăcuța: motivul grafic ── */
.placuta { display: inline-flex; align-items: center; font: 600 14px/1.3 var(--titlu); letter-spacing: .09em; text-transform: uppercase; font-variant-numeric: tabular-nums; padding: 3px 9px 2px; border: 1.5px solid currentColor; border-radius: 5px; white-space: nowrap; color: var(--fg); }
.placuta--galben { background: var(--galben); color: var(--asfalt); border-color: var(--asfalt); box-shadow: 0 0 0 1.5px var(--galben); }
.placuta--inchis { color: #F1EEE7; border-color: #5A5F68; }
.placuta--alb { background: #FFFEFA; color: var(--asfalt); border-color: #FFFEFA; }
.placuta--punctat { border-style: dashed; }
.placuta--mic { font-size: 12.5px; padding: 2px 7px 1px; border-width: 1px; color: var(--mut); }
.placuta--cod { padding-left: 0; overflow: hidden; }
.placuta--cod span { align-self: stretch; display: inline-flex; align-items: center; margin: -3px 8px -2px 0; padding: 0 6px; background: var(--fg); color: var(--alb); font-size: 11px; letter-spacing: .1em; }
.placute { display: flex; flex-wrap: wrap; gap: 6px; }

.eticheta { display: inline-flex; align-items: center; gap: 7px; background: var(--galben); color: var(--asfalt); font: 700 13.5px/1 var(--titlu); letter-spacing: .1em; text-transform: uppercase; padding: 7px 10px 6px; border-radius: 4px; }
.eticheta i { width: 7px; height: 7px; border-radius: 50%; background: var(--asfalt); }
.eticheta--loc { background: rgba(14, 15, 17, .9); color: #fff; gap: 6px; }
.eticheta--loc .ico { width: 15px; height: 15px; color: var(--galben); margin: -2px 0; }
.raft { display: inline-flex; flex: none; white-space: nowrap; background: var(--asfalt); color: #F1EEE7; font: 600 13.5px/1 var(--titlu); letter-spacing: .12em; text-transform: uppercase; font-variant-numeric: tabular-nums; padding: 7px 9px 6px; border-radius: 4px; }
@media (prefers-reduced-motion: no-preference) {
  .eticheta i { animation: puls 2.4s ease-in-out infinite; }
  @keyframes puls { 50% { opacity: .25; } }
}

/* ── butoane ── */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 22px; border: 1.5px solid transparent; border-radius: 7px; font: 700 18px/1 var(--titlu); letter-spacing: .05em; text-transform: uppercase; text-decoration: none; white-space: nowrap; transition: background-color .15s, border-color .15s, transform .15s; }
.btn:active { transform: translateY(1px); }
.btn--galben { background: var(--galben); color: var(--asfalt); }
.btn--galben:hover { background: var(--galben-2); }
.btn--wa { background: var(--wa); color: var(--wa-text); }
.btn--wa:hover { background: #1FBF5B; }
.btn--negru { background: var(--asfalt); color: #fff; }
.btn--negru:hover { background: #2A2D32; }
.btn--contur { border-color: currentColor; background: transparent; }
.btn--contur:hover { background: color-mix(in srgb, currentColor 8%, transparent); }
.btn--contur-inchis { border-color: #5A5F68; color: #F1EEE7; background: transparent; }
.btn--contur-inchis:hover { border-color: #F1EEE7; }
.btn--mic { min-height: 42px; padding: 0 14px; font-size: 16px; }
.btn--mare { min-height: 56px; font-size: 19px; }
.btn--lat { width: 100%; }
.buton-ico { display: inline-grid; place-items: center; width: 44px; height: 44px; border: 1.5px solid var(--linie); border-radius: 7px; background: transparent; color: var(--fg); }
.buton-ico:hover { border-color: currentColor; }

/* ── câmpuri ── */
.camp { display: grid; gap: 6px; min-width: 0; align-content: end; }
.camp label { font: 600 14px/1.2 var(--titlu); letter-spacing: .1em; text-transform: uppercase; color: var(--mut); }
.camp label small { font-size: 1em; text-transform: none; letter-spacing: .02em; }
/* Campurile optionale ale cererii stau stranse: formularul cere intai telefonul si ce cauti. */
.cere__optional { grid-column: 1 / -1; }
.cere__optional > summary { cursor: pointer; padding: 10px 0; font: 600 16px/1.3 var(--text); text-decoration: underline; text-underline-offset: 3px; }
.cere__optional-campuri { display: grid; gap: 14px; padding-top: 6px; }
.camp label > span { display: inline-grid; place-items: center; width: 18px; height: 18px; margin-right: 4px; border-radius: 3px; background: var(--fg); color: var(--bg); font-size: 12px; letter-spacing: 0; }
.camp input, .camp select { width: 100%; height: 50px; padding: 0 14px; border: 1.5px solid #8C8779; border-radius: 7px; background: var(--alb); color: var(--cerneala); font-size: 17px; font-weight: 500; }
.camp select { appearance: none; -webkit-appearance: none; padding-right: 38px; text-overflow: ellipsis; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315171A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 18px; }
.camp select:disabled { background-color: #E7E2D6; color: #6B6F76; border-color: #C5BFB0; opacity: 1; }
.camp input::placeholder { color: #6B6F76; opacity: 1; font-weight: 400; }
.camp input:hover, .camp select:not(:disabled):hover { border-color: var(--cerneala); }
.camp input:focus-visible, .camp select:focus-visible { outline: 3px solid var(--cerneala); outline-offset: 1px; border-color: var(--cerneala); }
.camp [aria-invalid="true"] { border-color: #B3261E; border-width: 2px; }
.camp__eroare { color: #8C1D18; font-weight: 600; font-size: 15px; }
.camp--cauta input { padding-left: 42px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575B62' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 12px center; background-size: 20px; }

/* ═════════ ANTET ═════════ */
.antet { position: sticky; top: 0; z-index: 50; background: rgba(14, 15, 17, .97); border-bottom: 1px solid var(--linie-i); }
.antet__in { display: flex; align-items: center; gap: 20px; height: var(--antet-h); }
.logo { display: inline-flex; align-items: center; gap: clamp(8px, 2.4vw, 14px); text-decoration: none; color: #F1EEE7; margin-right: auto; min-width: 0; }
.logo__marca { flex: none; height: clamp(22px, 6.5vw, 30px); width: auto; aspect-ratio: 3364 / 664; color: var(--galben); }
.logo__text { display: grid; line-height: 1; min-width: 0; }
.logo__nume { font: italic 800 clamp(14.5px, 4.25vw, 20px)/1 var(--sigla); letter-spacing: .025em; text-transform: uppercase; white-space: nowrap; color: #fff; }
.logo__sub { font: 600 clamp(9.5px, 2.7vw, 12px)/1.2 var(--titlu); letter-spacing: .3em; text-transform: uppercase; color: var(--mut-i); margin-top: 4px; white-space: nowrap; }
@media (min-width: 700px) {
  .logo__marca { height: 40px; }
  .logo__nume { font-size: 25px; }
  .logo__sub { font-size: 12.5px; letter-spacing: .36em; margin-top: 5px; }
}
@media (min-width: 1000px) {
  .logo { gap: 16px; }
  .logo__marca { height: 46px; }
  .logo__nume { font-size: 28px; }
  .logo__sub { font-size: 13px; letter-spacing: .4em; margin-top: 6px; }
}
/* sigla mare: emblema cu numele în golul ei, ca pe autocolantul de pe capotă */
.sigla { display: grid; justify-items: start; width: 100%; max-width: 620px; container-type: inline-size; color: #fff; }
.sigla__emblema { position: relative; width: 100%; }
.sigla__marca { display: block; width: 100%; height: auto; aspect-ratio: 3364 / 664; color: var(--galben); }
.sigla__nume { position: absolute; left: 20.6cqw; top: 12.7cqw; font: italic 800 4cqw/1 var(--sigla); letter-spacing: .03em; text-transform: uppercase; white-space: nowrap; }
.sigla__sub { font: italic 800 9cqw/1 var(--sigla); letter-spacing: .005em; text-transform: uppercase; white-space: nowrap; margin-top: 2.4cqw; }
/* filigranul cu emblema, pe secțiunile închise */
.filigran { position: absolute; z-index: 0; width: min(1100px, 150vw); color: #fff; opacity: .05; pointer-events: none; }
.filigran svg { display: block; width: 100%; height: auto; }
.filigran--dr { right: -9%; top: 50%; transform: translateY(-50%); }
.filigran--stg { left: -12%; bottom: 24px; }
[data-filigran] { position: relative; overflow: hidden; }
[data-filigran] > .lat { position: relative; z-index: 1; }
.antet__nav { display: none; }
.antet__nav ul { display: flex; gap: 4px; }
.antet__link { display: block; white-space: nowrap; padding: 10px 12px; font: 600 17px/1 var(--titlu); letter-spacing: .07em; text-transform: uppercase; text-decoration: none; color: #D9D6CF; border-radius: 6px; position: relative; }
.antet__link:hover { color: #fff; }
.antet__link[aria-current]::after, .antet__link:hover::after { content: ''; position: absolute; left: 12px; right: 12px; bottom: 2px; height: 2px; background: var(--galben); }
.antet__tel { display: none; align-items: center; gap: 10px; text-decoration: none; padding: 7px 14px 7px 12px; border: 1.5px solid var(--galben); border-radius: 7px; color: var(--galben); }
.antet__tel span { display: grid; line-height: 1; }
.antet__tel small { font: 600 11px/1 var(--titlu); letter-spacing: .14em; text-transform: uppercase; color: var(--mut-i); }
.antet__tel { flex: none; white-space: nowrap; }
.antet__tel b { font: 700 20px/1.05 var(--titlu); letter-spacing: .04em; font-variant-numeric: tabular-nums; color: #fff; }
.antet__tel:hover { background: var(--galben); color: var(--asfalt); }
.antet__tel:hover b, .antet__tel:hover small { color: var(--asfalt); }
.antet__meniu { display: inline-grid; place-items: center; width: 44px; height: 44px; border: 1.5px solid #5A5F68; border-radius: 7px; background: transparent; color: #fff; }
@media (min-width: 760px) { .antet__tel { display: inline-flex; } }
@media (min-width: 1400px) {
  .antet__nav { display: block; margin-right: 8px; }
  .antet__meniu { display: none; }
}

/* sertarul de mobil */
.sertar { position: fixed; inset: 0; z-index: 90; }
.sertar__fundal { position: absolute; inset: 0; background: rgba(0, 0, 0, .6); opacity: 0; transition: opacity .2s; }
.sertar__panou { position: absolute; top: 0; right: 0; bottom: 0; width: min(340px, 88vw); background: var(--grafit); border-left: 1px solid var(--linie-i); display: flex; flex-direction: column; padding: 14px 20px 24px; transform: translateX(100%); transition: transform .22s ease-out; overflow-y: auto; }
.sertar.e-deschis .sertar__fundal { opacity: 1; }
.sertar.e-deschis .sertar__panou { transform: none; }
.sertar__sus { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.sertar__link { display: block; padding: 17px 0; border-bottom: 1px solid var(--linie-i); font: 700 28px/1 var(--titlu); text-transform: uppercase; text-decoration: none; letter-spacing: .01em; }
.sertar__link[aria-current] { color: var(--galben); }
.sertar__jos { margin-top: auto; padding-top: 28px; display: grid; gap: 10px; }
.sertar__adresa { color: var(--mut-i); font-size: 15px; margin-top: 8px; }

/* bara fixă de jos, pe mobil */
.bara-jos { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; display: grid; grid-template-columns: 1fr 1.15fr 1.15fr; gap: 8px; padding: 8px 10px calc(8px + env(safe-area-inset-bottom)); background: rgba(14, 15, 17, .98); border-top: 1px solid var(--linie-i); }
.bara-jos__a { display: flex; align-items: center; justify-content: center; gap: 8px; height: 50px; border-radius: 7px; border: 1.5px solid #5A5F68; color: #fff; text-decoration: none; font: 700 17px/1 var(--titlu); letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }
.bara-jos__a--wa { background: var(--wa); border-color: var(--wa); color: var(--wa-text); }
.bara-jos__a--galben { background: var(--galben); border-color: var(--galben); color: var(--asfalt); }
@media (min-width: 1000px) { .bara-jos { display: none; } }

/* ═════════ HERO ═════════
   Diaporamă cu poze reale din curte. Pozele nu se tinctează: titlul stă pe grafit,
   iar poza se topește în el printr-un gradient local, doar pe marginea dinspre text. */
.hero { position: relative; background: var(--asfalt); }
.hero__grila { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); }
.hero__scena { position: relative; aspect-ratio: 3 / 2; max-height: 44vh; width: 100%; overflow: hidden; background: #1B1D21; }
.hero__cadre { position: absolute; inset: 0; }
@media (max-width: 699px) {
  .hero__legenda { display: none; }
}
.hero__cadru { position: absolute; inset: 0; display: block; opacity: 0; transition: opacity 1.2s ease; }
.hero__cadru.e-activ { opacity: 1; z-index: 1; }
.hero__cadru img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: var(--pos-m, 50% 50%); transform-origin: 60% 55%; }
@media (prefers-reduced-motion: no-preference) {
  /* zoom lent (Ken Burns); cadrul care iese își continuă mișcarea până se stinge */
  .hero__cadru.e-activ img, .hero__cadru.e-iese img { animation: hero-zoom 9s linear both; }
  .hero__scena.e-pauza .hero__cadru img { animation-play-state: paused; }
  @keyframes hero-zoom { from { transform: scale(1); } to { transform: scale(1.075); } }
}
.hero__scena::after { content: ''; position: absolute; z-index: 2; inset: auto 0 0 0; height: 52%; background: linear-gradient(to bottom, rgba(14, 15, 17, 0), var(--asfalt) 94%); pointer-events: none; }
.hero__legenda { position: absolute; left: 16px; top: 14px; z-index: 3; }
.hero__fisa { display: grid; justify-items: start; gap: 6px; text-decoration: none; }
.hero__fisa-t, .hero__fisa-d, .doar-d, .hero__p-d { display: none; }
.hero__legenda { max-width: calc(100% - 190px); }
.hero__legenda .eticheta { max-width: 100%; }
.doar-m { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hero__puncte { position: absolute; right: 12px; top: 12px; z-index: 3; display: flex; align-items: center; gap: 2px; padding: 0 2px 0 7px; border-radius: 6px; background: rgba(14, 15, 17, .72); }
.hero__punct { position: relative; width: 14px; height: 30px; padding: 0; border: 0; background: none; }
.hero__punct::before, .hero__punct i { content: ''; position: absolute; left: 3px; right: 3px; top: 11px; height: 8px; border-radius: 4px; }
.hero__punct::before { background: rgba(255, 255, 255, .42); }
.hero__punct i { background: var(--galben); transform: scaleX(0); transform-origin: left center; }
.hero__punct.e-activ { width: 30px; }
.hero__punct.e-activ::before { background: rgba(255, 255, 255, .9); }
.hero__punct:hover::before { background: #fff; }
.hero__stop { display: inline-grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; background: none; color: #fff; }
.hero__stop:hover { color: var(--galben); }
.hero__stop .i-play, .hero__stop[aria-pressed="true"] .i-pauza { display: none; }
.hero__stop[aria-pressed="true"] .i-play { display: block; }

.hero__text { position: relative; z-index: 4; margin-top: -64px; padding: 0 16px 18px; }
.hero__sus { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-bottom: 12px; }
.hero__loc { font: 600 14px/1 var(--titlu); letter-spacing: .16em; text-transform: uppercase; color: #D9D6CF; }
/* line-height 1.16: coada lui „Ș” nu mai atinge rândul de dedesubt */
.hero__t { font: 800 clamp(40px, 12vw, 60px)/1.16 var(--titlu); text-transform: uppercase; letter-spacing: -.012em; text-wrap: balance; }
.hero__t em { font-style: normal; color: var(--galben); }
.nb { white-space: nowrap; }
.hero__p { margin-top: 12px; max-width: 46ch; color: #C9C6BF; font-size: 17px; line-height: 1.5; }

/* Prima pagina, varianta „poza vorbeste”: fara titlu mare; poza tine tot locul, iar peste marginea ei
   de jos stau cele doua drumuri catre masini. */
.hero__nav { display: grid; gap: 10px; }
.hero__nav .btn { width: 100%; justify-content: space-between; text-align: left; }
.hero__nav .ico { width: 20px; height: 20px; flex: none; }
.hero__nav-v { border-color: rgba(255, 255, 255, .85); background: rgba(14, 15, 17, .72); color: #fff; }
.hero__nav-v:hover { background: rgba(14, 15, 17, .9); border-color: var(--galben); }
.hero--foto .hero__scena { aspect-ratio: auto; max-height: none; height: clamp(300px, 46vh, 440px); }
.hero--foto .hero__scena::after { height: 70%; background: linear-gradient(to bottom, rgba(14, 15, 17, 0), rgba(14, 15, 17, .78) 62%, var(--asfalt) 100%); }
.hero--foto .hero__text { margin-top: -176px; padding-bottom: 16px; }
@media (min-width: 700px) and (max-width: 999px) {
  .hero--foto .hero__scena { height: clamp(360px, 50vh, 520px); }
  .hero--foto .hero__text { margin-top: -118px; }
  .hero__nav { grid-template-columns: repeat(2, minmax(0, 320px)); }
}
@media (min-width: 1000px) {
  .hero--foto .hero__grila { align-items: end; }
  .hero--foto .hero__scena { inset: 0; height: 100%; }
  /* poza pe toata latimea: umbra numai in coltul din stanga-jos, unde stau butoanele, si pe marginea de jos */
  .hero--foto .hero__scena::after { inset: 0; height: auto; background:
    linear-gradient(90deg, rgba(14, 15, 17, .82) 0, rgba(14, 15, 17, .5) 24%, rgba(14, 15, 17, 0) 50%),
    linear-gradient(to top, rgba(14, 15, 17, .86) 0%, rgba(14, 15, 17, .35) 18%, rgba(14, 15, 17, 0) 34%); }
  .hero--foto .hero__text { margin: 0; padding: 0 0 132px var(--hero-st); width: auto; }
  .hero__nav { grid-template-columns: repeat(2, max-content); gap: 12px; }
  .hero__nav .btn { width: auto; gap: 14px; }
}

.selector { position: relative; z-index: 5; padding: 14px 16px 16px; background: var(--hartie); color: var(--cerneala); border-radius: var(--raza); border-top: 4px solid var(--galben); }
.selector__mod { display: flex; gap: 8px; margin-bottom: 14px; }
.selector__tab { flex: 0 1 auto; min-height: 44px; padding: 2px 13px 0; border: 1.5px solid #8C8779; border-radius: 7px; background: transparent; color: var(--cerneala); font: 700 16px/1.05 var(--titlu); letter-spacing: .05em; text-transform: uppercase; }
.selector__tab:first-child { flex: none; white-space: nowrap; }
.selector__tab:last-child { flex: 1 1 auto; }
@media (max-width: 389px) { .selector__tab { font-size: 14.5px; padding-inline: 10px; letter-spacing: .03em; } }
.selector__tab:hover { border-color: var(--cerneala); }
.selector__tab[aria-pressed="true"] { background: var(--cerneala); border-color: var(--cerneala); color: #fff; box-shadow: inset 0 -4px 0 var(--galben); }
.selector__form { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
.selector__form .camp:first-of-type, .selector__form .camp--lat, .selector__btn { grid-column: 1 / -1; }
.selector__form--v .camp:first-of-type { grid-column: auto; }
.selector__btn { min-height: 54px; font-size: 20px; }
.hero > .lat { padding-bottom: 32px; }

@media (min-width: 700px) and (max-width: 999px) {
  .hero__scena { aspect-ratio: 16 / 9; max-height: 52vh; }
  .hero__cadru img { object-position: var(--pos, 50% 50%); }
  .hero__text { padding-inline: 28px; }
  .selector__form { grid-template-columns: repeat(3, 1fr); }
  .selector__form .camp:first-of-type { grid-column: auto; }
  .selector__form--v { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1000px) {
  .hero__grila { align-items: center; min-height: clamp(540px, calc(100vh - var(--antet-h) - 116px), 760px); }
  .hero__grila { --hero-st: max(40px, calc((100vw - 1360px) / 2 + 40px)); --hero-text: clamp(480px, 43vw, 680px); }
  .hero__scena { position: absolute; inset: 0 0 0 calc(var(--hero-st) + 300px); width: auto; height: 100%; aspect-ratio: auto; max-height: none; }
  .hero__cadru img { object-position: var(--pos, 50% 50%); }
  /* gradient local: plin sub text, dispare înainte de mijlocul pozei; jos, o umbră pentru legendă */
  .hero__scena::after { inset: 0; height: auto; background:
    linear-gradient(90deg, var(--asfalt) 0, var(--asfalt) calc(var(--hero-text) - 420px), rgba(14, 15, 17, .93) calc(var(--hero-text) - 320px), rgba(14, 15, 17, .6) calc(var(--hero-text) - 220px), rgba(14, 15, 17, .2) calc(var(--hero-text) - 130px), rgba(14, 15, 17, 0) calc(var(--hero-text) - 40px)),
    linear-gradient(to top, rgba(14, 15, 17, .8) 0%, rgba(14, 15, 17, .3) 14%, rgba(14, 15, 17, 0) 26%); }
  .hero__legenda { left: auto; top: auto; right: max(40px, calc((100vw - 1360px) / 2 + 40px)); bottom: 128px; }
  .hero__legenda { max-width: none; }
  .hero__fisa { justify-items: end; text-align: right; gap: 8px; padding: 12px 16px 13px 18px; background: rgba(14, 15, 17, .88); border-right: 4px solid var(--galben); border-radius: 8px 0 0 8px; }
  .hero__p-d { display: inline; }
  .hero__fisa-t { display: block; font: 800 34px/1 var(--titlu); text-transform: uppercase; color: #fff; }
  .hero__fisa-d { display: block; font: 600 15px/1 var(--titlu); letter-spacing: .12em; text-transform: uppercase; color: #E4E1DA; }
  .doar-d { display: inline; } .doar-m { display: none; }
  a.hero__fisa:hover .hero__fisa-t { text-decoration: underline; text-decoration-color: var(--galben); text-underline-offset: 5px; }
  .hero__puncte { top: auto; right: max(40px, calc((100vw - 1360px) / 2 + 40px)); bottom: 84px; gap: 0; padding: 0 2px 0 10px; background: rgba(14, 15, 17, .88); }
  .hero__punct { width: 26px; margin-right: 4px; }
  .hero__punct::before, .hero__punct i { left: 0; right: 0; top: 13px; height: 4px; border-radius: 2px; }
  .hero__punct.e-activ { width: 52px; }
  .hero__text { margin: 0; width: calc(var(--hero-st) + var(--hero-text)); padding: 44px 0 124px var(--hero-st); }
  .hero__sus { margin-bottom: 22px; }
  .hero__t { font-size: clamp(58px, 5.5vw, 90px); line-height: 1.12; }
  .hero__p { margin-top: 22px; font-size: 19px; max-width: 40ch; }
  .hero > .lat { margin-top: -62px; padding-bottom: 0; }
  .selector { padding: 22px 24px 24px; box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .7); }
  .selector__mod { position: absolute; left: 24px; top: -4px; transform: translateY(-100%); margin: 0; gap: 4px; --focus: #fff; }
  .selector__tab, .selector__tab:last-child { flex: none; min-height: 38px; padding: 3px 16px 0; border: 0; border-radius: 6px 6px 0 0; background: #2A2E34; color: #E4E1DA; font-size: 16px; letter-spacing: .12em; }
  .selector__tab:hover { background: #3A3F47; color: #fff; }
  .selector__tab[aria-pressed="true"] { background: var(--galben); color: var(--asfalt); box-shadow: none; }
  .selector__form { grid-template-columns: 1fr 1fr .8fr 1.5fr auto; align-items: end; gap: 14px; }
  .selector__form--v { grid-template-columns: 1fr 1fr 1fr 1fr auto; }
  .selector__form .camp:first-of-type, .selector__form .camp--lat, .selector__btn { grid-column: auto; }
  .selector__btn { min-height: 50px; min-width: 190px; }
}

/* ═════════ CIFRE ═════════ */
.cifre { background: var(--asfalt); padding-block: 12px 44px; }
.cifre__grila { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: 1px solid var(--linie-i); }
.cifre__grila > div { display: flex; flex-direction: column; padding: 20px 12px 18px 0; border-bottom: 1px solid var(--linie-i); }
.cifre__grila > div:nth-child(even) { padding-left: 16px; border-left: 1px solid var(--linie-i); }
.cifre dd { font: 800 clamp(40px, 11vw, 68px)/.95 var(--titlu); color: var(--galben); letter-spacing: -.01em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cifre dt { order: 2; margin-top: 8px; color: var(--mut-i); font-size: 15px; line-height: 1.35; max-width: 22ch; }
@media (min-width: 1000px) {
  .cifre { padding-block: 56px 72px; }
  .cifre__grila { grid-template-columns: repeat(4, 1fr); }
  .cifre__grila > div { padding: 28px 24px 26px 28px; border-left: 1px solid var(--linie-i); }
  .cifre__grila > div:first-child { border-left: 0; padding-left: 0; }
  .cifre dt { font-size: 16px; }
}

/* ═════════ CARDUL DE MAȘINĂ ═════════ */
.card-m { background: var(--alb); color: var(--cerneala); border: 1px solid var(--linie-h); border-radius: var(--raza); overflow: hidden; display: flex; min-width: 0; transition: border-color .2s, box-shadow .2s, transform .2s; }
.card-m__a { display: flex; flex-direction: column; flex: 1; min-width: 0; text-decoration: none; color: inherit; }
.card-m__a:focus-visible { outline-offset: -3px; }
.card-m__foto { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: #24272B; }
.card-m__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.card-m__foto .eticheta { position: absolute; left: 12px; top: 12px; }
.card-m__foto .raft { position: absolute; right: 12px; bottom: 12px; }
.card-m__corp { display: flex; flex-direction: column; gap: 12px; padding: 16px 16px 14px; flex: 1 0 auto; }
.card-m__t { font: 800 29px/1 var(--titlu); text-transform: uppercase; letter-spacing: -.005em; text-wrap: balance; }
.card-m__t span { font-weight: 600; color: var(--mut-h); }
.card-m__jos { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--linie-h); font-size: 15.500px; color: var(--mut-h); }
.card-m__jos b { font: 800 22px/1 var(--titlu); color: var(--cerneala); font-variant-numeric: tabular-nums; margin-right: 2px; }
.card-m__vezi { display: inline-flex; align-items: center; gap: 6px; font: 700 15.500px/1 var(--titlu); letter-spacing: .08em; text-transform: uppercase; color: var(--cerneala); white-space: nowrap; }
.card-m__vezi .ico { transition: transform .2s; }
@media (hover: hover) {
  .card-m:hover { border-color: var(--cerneala); box-shadow: 0 18px 40px -22px rgba(21, 23, 26, .55); transform: translateY(-3px); }
  .card-m:hover .card-m__foto img { transform: scale(1.045); }
  .card-m:hover .card-m__vezi .ico { transform: translateX(4px); }
}

.recente { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: -16px; padding: 2px 16px 14px; scrollbar-width: none; }
.recente::-webkit-scrollbar { display: none; }
.recente .card-m { flex: 0 0 84%; scroll-snap-align: center; }
@media (min-width: 700px) {
  .recente { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; overflow: visible; margin: 0; padding: 0; }
  .recente .card-m--mare { grid-column: span 2; }
  .recente .card-m--mare .card-m__foto { aspect-ratio: 16 / 9; }
}
@media (min-width: 1100px) {
  .recente { grid-template-columns: repeat(4, 1fr); }
  .recente .card-m--mare { grid-row: span 2; }
  .recente .card-m--mare .card-m__foto { aspect-ratio: auto; flex: 1 1 0; min-height: 320px; }
  .recente .card-m--mare .card-m__corp { flex: none; }
  .recente .card-m--mare .card-m__t { font-size: 46px; }
  .recente .card-m--mare .card-m__corp { padding: 22px 24px 18px; }
  .recente .card-m:not(.card-m--mare) .card-m__vezi { font-size: 0; gap: 0; }
}
.catalog { display: grid; gap: 16px; }
@media (min-width: 640px) { .catalog { grid-template-columns: repeat(2, 1fr); gap: 20px; } }
@media (min-width: 1100px) { .catalog { grid-template-columns: repeat(3, 1fr); gap: 24px; } }

/* ═════════ SCHEMA PE ZONE ═════════ */
.sect--plan { --bg: var(--asfalt); background-color: var(--asfalt); background-image: linear-gradient(rgba(255, 255, 255, .032) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .032) 1px, transparent 1px); background-size: 44px 44px; border-block: 1px solid var(--linie-i); }
.schema { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.schema__desen { overflow: hidden; margin-inline: -16px; }
.schema__desen svg { display: block; width: 150%; max-width: none; margin-left: -25%; height: auto; }
.sch-axa { fill: none; stroke: #3A3F47; stroke-width: 1.5; stroke-dasharray: 3 7; }
.sch-det { fill: none; stroke: #9A9FA8; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.sch-caro { stroke: #F1EEE7; stroke-width: 3.5; }
.sch-zona { cursor: pointer; outline: none; }
.sch-forma { fill: rgba(255, 196, 0, 0); stroke: transparent; stroke-width: 3; stroke-linejoin: round; transition: fill .18s; }
.sch-zona--roti .sch-forma { fill: #2A2E34; stroke: #9A9FA8; stroke-width: 2; }
.sch-linie { fill: none; stroke: #454A53; stroke-width: 1.5; display: none; }
.sch-nume { display: none; font: 700 21px/1 var(--titlu); letter-spacing: .1em; text-transform: uppercase; fill: #B9BCC2; }
.sch-nume--dr { text-anchor: end; }
.sch-punct { fill: var(--grafit); stroke: #9A9FA8; stroke-width: 1.5; transition: fill .18s; }
.sch-nr { font: 700 16px/1 var(--titlu); fill: #F1EEE7; text-anchor: middle; dominant-baseline: central; letter-spacing: .02em; pointer-events: none; }
@media (hover: hover) {
  .sch-zona:hover .sch-forma { fill: rgba(255, 196, 0, .16); }
  .sch-zona:hover .sch-nume { fill: #fff; }
  .sch-zona:hover .sch-punct { stroke: var(--galben); }
}
.sch-zona.e-activa .sch-forma { fill: rgba(255, 196, 0, .3); stroke: var(--galben); }
.sch-zona.e-activa .sch-punct { fill: var(--galben); stroke: var(--galben); }
.sch-zona.e-activa .sch-nr { fill: var(--asfalt); }
.sch-zona.e-activa .sch-linie { stroke: var(--galben); }
.sch-zona.e-activa .sch-nume { fill: var(--galben); }
.sch-zona:focus-visible .sch-forma { stroke: #fff; stroke-width: 4; stroke-dasharray: 8 5; }
.sch-zona:focus-visible .sch-punct { stroke: #fff; stroke-width: 3; }
/* liniile mașinii se văd închise peste zona aprinsă */
.schema__desen:has(.e-activa) .sch-det { mix-blend-mode: normal; }

.schema__file { display: flex; gap: 8px; overflow-x: auto; margin-inline: -16px; padding: 4px 16px 6px; scrollbar-width: none; }
.schema__file::-webkit-scrollbar { display: none; }
.zona-fila { flex: none; display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 14px 0 8px; border: 1.5px solid #5A5F68; border-radius: 7px; background: var(--grafit); color: #F1EEE7; font: 700 17px/1 var(--titlu); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.zona-fila span { display: inline-grid; place-items: center; min-width: 28px; height: 28px; border-radius: 4px; background: #2A2E34; font-size: 15px; font-variant-numeric: tabular-nums; }
.zona-fila[aria-selected="true"] { background: var(--galben); border-color: var(--galben); color: var(--asfalt); }
.zona-fila[aria-selected="true"] span { background: var(--asfalt); color: var(--galben); }
.schema__panou { background: var(--grafit); border: 1px solid var(--linie-i); border-radius: var(--raza); padding: 22px 18px 20px; margin-top: 14px; }
.schema__nr { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.schema__stoc { font-size: 15px; color: var(--mut-i); }
.schema__stoc b { font: 800 20px/1 var(--titlu); color: #fff; font-variant-numeric: tabular-nums; }
.schema__t { font: 800 clamp(40px, 5vw, 60px)/.95 var(--titlu); text-transform: uppercase; margin-top: 14px; }
.schema__d { color: #C9C6BF; margin-top: 8px; max-width: 48ch; }
.schema__cat { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; margin: 18px 0 22px; border-top: 1px solid var(--linie-i); }
.schema__cat a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 48px; padding: 8px 0; border-bottom: 1px solid var(--linie-i); text-decoration: none; font-weight: 500; line-height: 1.2; }
.schema__cat .ico { color: #6E737C; width: 18px; height: 18px; transition: transform .2s, color .2s; }
.schema__cat a:hover { color: var(--galben); }
.schema__cat a:hover .ico { color: var(--galben); transform: translateX(3px); }
.schema__panou .btn { width: 100%; white-space: normal; text-align: center; line-height: 1.1; padding-block: 10px; }
@media (prefers-reduced-motion: no-preference) {
  .schema__panou.e-nou > * { animation: urca .28s ease-out both; }
  .schema__panou.e-nou > :nth-child(2) { animation-delay: .03s; }
  .schema__panou.e-nou > :nth-child(3) { animation-delay: .06s; }
  .schema__panou.e-nou > :nth-child(n+4) { animation-delay: .09s; }
  @keyframes urca { from { opacity: 0; transform: translateY(8px); } }
}
@media (min-width: 700px) {
  .schema__desen { margin-inline: 0; }
  .schema__desen svg { width: 100%; margin: 0; }
  .sch-linie, .sch-nume { display: block; }
  .schema__file { flex-wrap: wrap; overflow: visible; margin: 0; padding: 0; }
  .schema__panou { padding: 28px 28px 26px; }
  .schema__panou .btn { width: auto; }
}
@media (min-width: 1000px) {
  .schema { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 56px; align-items: center; }
  .schema__desen svg { max-height: 700px; }
}

/* ═════════ CUM CUMPERI ═════════ */
.cum { display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px; }
.cum__foto { position: relative; margin-inline: -16px; }
.cum__foto img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.cum__foto figcaption { display: flex; align-items: center; gap: 10px; padding: 10px 16px 0; font-size: 14.500px; color: var(--mut-h); }
.pasi { display: grid; counter-reset: pas; border-top: 2px solid var(--cerneala); }
.pasi li { display: grid; grid-template-columns: 64px 1fr; column-gap: 12px; padding: 22px 0; border-bottom: 1px solid var(--linie-h); }
.pasi__nr { grid-row: span 2; font: 800 68px/.8 var(--titlu); color: var(--cerneala); font-variant-numeric: tabular-nums; }
.pasi h3 { font: 800 28px/1 var(--titlu); text-transform: uppercase; }
.pasi p { margin-top: 8px; color: var(--mut-h); max-width: 50ch; }
@media (min-width: 700px) { .cum__foto { margin: 0; } .cum__foto img { border-radius: var(--raza); } .cum__foto figcaption { padding-inline: 0; } }
@media (min-width: 1000px) {
  .cum { grid-template-columns: minmax(0, .92fr) minmax(0, 1fr); gap: 72px; align-items: start; }
  .cum__foto { position: sticky; top: calc(var(--antet-h) + 24px); }
  .cum .cap { margin-bottom: 32px; }
  .pasi li { grid-template-columns: 96px 1fr; padding: 28px 0; }
  .pasi__nr { font-size: 96px; }
  .pasi h3 { font-size: 34px; }
}

/* ═════════ MĂRCI ═════════ */
.marci { display: grid; grid-template-columns: 1fr 1fr; border-top: 2px solid var(--cerneala); }
.marci a { display: grid; grid-template-columns: 1fr auto; align-items: center; row-gap: 2px; padding: 16px 12px 14px 0; border-bottom: 1px solid var(--linie-h); text-decoration: none; min-height: 76px; }
.marci li:nth-child(even) a { padding-left: 14px; border-left: 1px solid var(--linie-h); }
.marci span { font: 800 clamp(21px, 3.2vw, 40px)/1 var(--titlu); text-transform: uppercase; letter-spacing: -.005em; }
.marci small { grid-column: 1; font-size: 14px; color: var(--mut-h); }
.marci .ico { grid-column: 2; grid-row: 1 / span 2; color: #9B968A; transition: transform .2s, color .2s; }
.marci a:hover .ico { color: var(--cerneala); transform: translateX(4px); }
.marci a:hover span { text-decoration: underline; text-decoration-thickness: 3px; text-decoration-color: var(--galben); text-underline-offset: 5px; }
@media (min-width: 800px) {
  .marci { grid-template-columns: repeat(3, 1fr); }
  .marci a { padding: 22px 20px 20px 0; }
  .marci li a { border-left: 0; padding-left: 0; }
  .marci li:not(:nth-child(3n+1)) a { padding-left: 24px; border-left: 1px solid var(--linie-h); }
}
@media (min-width: 1200px) {
  .marci { grid-template-columns: repeat(4, 1fr); }
  .marci li a { border-left: 0; padding-left: 0; }
  .marci li:not(:nth-child(4n+1)) a { padding-left: 24px; border-left: 1px solid var(--linie-h); }
}

/* ═════════ ÎNCREDERE ═════════ */
.incredere { display: grid; gap: 0; border-top: 1px solid var(--linie-i); }
.incredere li { padding: 26px 0; border-bottom: 1px solid var(--linie-i); }
.incredere h3 { font: 800 30px/1 var(--titlu); text-transform: uppercase; margin: 16px 0 10px; text-wrap: balance; }
.incredere p { color: #C9C6BF; max-width: 44ch; }
@media (min-width: 900px) {
  .incredere { grid-template-columns: repeat(3, 1fr); }
  .incredere li { padding: 32px 32px 8px; border-bottom: 0; border-left: 1px solid var(--linie-i); }
  .incredere li:first-child { padding-left: 0; border-left: 0; }
  .incredere h3 { font-size: 36px; }
}

/* ═════════ „SPUNE-NE CE CAUȚI” ═════════ */
.cere { --bg: var(--galben); background: var(--galben); color: var(--cerneala); padding-block: 56px; position: relative; scroll-margin-top: var(--antet-h); }
.cere__grila { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
.cere .t { font-size: clamp(40px, 5.6vw, 76px); }
.cere__text > p { margin-top: 16px; font-size: 18px; max-width: 46ch; font-weight: 500; }
.cere__contact { margin-top: 24px; border-top: 2px solid var(--cerneala); }
.cere__contact li { display: grid; grid-template-columns: 92px 1fr; gap: 12px; padding: 11px 0; border-bottom: 1px solid rgba(21, 23, 26, .32); font-weight: 600; line-height: 1.35; }
.cere__contact span { font: 600 14px/1.6 var(--titlu); letter-spacing: .12em; text-transform: uppercase; }
.cere__contact a { font: 800 26px/1 var(--titlu); letter-spacing: .03em; text-decoration: none; }
.cere__contact a:hover { text-decoration: underline; }
.cere__form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 12px; padding: 20px 16px; background: var(--hartie); border-radius: var(--raza); border: 2px solid var(--cerneala); box-shadow: 8px 8px 0 var(--cerneala); margin-right: 8px; }
.camp--tot { grid-column: 1 / -1; }
.cere__mic { font-size: 14.500px; color: var(--mut-h); }
.cere__form .btn { min-height: 56px; white-space: normal; text-align: center; line-height: 1.1; }
@media (min-width: 1000px) {
  .cere { padding-block: 96px; }
  .cere__grila { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 72px; align-items: center; }
  .cere__form { padding: 32px; gap: 18px 16px; margin: 0; }
}

/* ═════════ SUBSOL ═════════ */
.subsol { position: relative; background: var(--asfalt); color: #D9D6CF; padding-top: 56px; overflow: hidden; font-size: 16px; }
.subsol__sus { display: grid; gap: 22px; padding-bottom: 40px; margin-bottom: 40px; position: relative; }
.subsol__sus::after { content: ''; position: absolute; left: 16px; right: 16px; bottom: 0; height: 1px; background: var(--linie-i); }
.subsol__sigla { display: block; text-decoration: none; max-width: 560px; }
.subsol a.subsol__sigla:hover { text-decoration: none; }
.subsol__motto { max-width: 34ch; color: var(--mut-i); font-size: 17px; }
.subsol__tel { justify-self: start; font: 800 clamp(40px, 6vw, 64px)/1 var(--titlu); letter-spacing: .02em; color: #fff; text-decoration: none; font-variant-numeric: tabular-nums; border-bottom: 4px solid var(--galben); padding-bottom: 4px; }
.subsol a.subsol__tel:hover { text-decoration: none; color: var(--galben); }
@media (min-width: 700px) { .subsol__sus::after { left: 28px; right: 28px; } }
@media (min-width: 1000px) {
  .subsol__sus { grid-template-columns: minmax(0, 560px) 1fr; column-gap: 72px; align-items: end; padding-bottom: 56px; margin-bottom: 56px; }
  .subsol__sigla { grid-row: 1 / span 2; }
  .subsol__motto { align-self: end; font-size: 18px; }
  .subsol__tel { align-self: start; }
}
@media (min-width: 1200px) { .subsol__sus::after { left: 40px; right: 40px; } }
.subsol__grila { position: relative; display: grid; gap: 36px; }
.subsol__col--logo p { max-width: 38ch; color: var(--mut-i); }
.subsol__t { font: 700 15px/1 var(--titlu); letter-spacing: .16em; text-transform: uppercase; color: var(--galben); margin-bottom: 16px; }
.subsol__lista li { display: flex; gap: 12px; align-items: flex-start; padding: 7px 0; }
.subsol__lista .ico { margin-top: 3px; color: var(--mut-i); }
.subsol__lista a[href^="tel"] { font: 800 28px/1 var(--titlu); letter-spacing: .03em; color: #fff; text-decoration: none; }
.subsol__program div { display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; border-bottom: 1px solid var(--linie-i); max-width: 300px; }
.subsol__program dd { font-variant-numeric: tabular-nums; color: #fff; font-weight: 600; }
.subsol__mic { margin-top: 12px; font-size: 14.500px; color: var(--mut-i); max-width: 34ch; }
.subsol__linkuri a { display: inline-block; padding: 6px 0; text-decoration: none; }
.subsol a:hover { color: #fff; text-decoration: underline; text-decoration-color: var(--galben); text-underline-offset: 4px; }
.subsol__jos { position: relative; display: grid; gap: 14px; margin-top: 44px; padding-block: 22px 28px; border-top: 1px solid var(--linie-i); font-size: 14.500px; color: var(--mut-i); }
.subsol__anpc { display: flex; flex-wrap: wrap; gap: 8px; }
.subsol__anpc a { display: inline-flex; align-items: center; min-height: 40px; padding: 6px 12px; border: 1px solid #5A5F68; border-radius: 6px; text-decoration: none; color: #D9D6CF; font-size: 13.500px; line-height: 1.2; }
@media (min-width: 800px) { .subsol__grila { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1100px) {
  .subsol { padding-top: 80px; }
  .subsol__grila { grid-template-columns: 1.3fr 1fr 1fr .9fr; gap: 48px; }
  .subsol__jos { grid-template-columns: 1fr auto; align-items: center; }
}

/* ═════════ CATALOG ═════════ */
.cap-pag { background: var(--asfalt); padding-block: 22px 30px; }
.cap-pag__t { font-size: clamp(44px, 7vw, 88px); margin-top: 18px; }
.cap-pag__p { margin-top: 14px; color: #C9C6BF; max-width: 58ch; font-size: 18px; }
.firimituri ol { display: flex; flex-wrap: wrap; gap: 4px 10px; font: 600 14.500px/1.3 var(--titlu); letter-spacing: .1em; text-transform: uppercase; color: var(--mut-i); }
.firimituri li + li::before { content: '/'; margin-right: 10px; color: #5A5F68; }
.firimituri a { text-decoration: none; }
.firimituri a:hover { color: #fff; }
.firimituri [aria-current] { color: #F1EEE7; }

.filtre-bara { position: sticky; top: var(--antet-h); z-index: 30; background: var(--grafit); border-block: 1px solid var(--linie-i); }
.filtre-bara.e-sus { z-index: 80; }
.filtre-bara__in { display: flex; align-items: center; gap: 14px; min-height: 60px; }
.filtre-bara__btn { color: #fff; border-color: #5A5F68; }
/* Cautarea la vedere pe telefon (pe ecran lat campul e in randul de filtre) */
.filtre-bara__in:has(> .filtre-bara__cauta) { flex-wrap: wrap; padding-block: 10px; gap: 10px 14px; }
.filtre-bara__cauta { flex: 1 1 100%; display: flex; gap: 8px; }
.filtre-bara__cauta input { flex: 1; min-width: 0; height: 48px; padding: 0 14px; border: 1.5px solid #5A5F68; border-radius: 7px; background: #FBFAF6; color: var(--cerneala); font: 500 17px/1 var(--text); }
.filtre-bara__cauta input::placeholder { color: #6B675E; }
.filtre-bara__cauta-btn { flex: 0 0 48px; height: 48px; display: grid; place-items: center; border: 0; border-radius: 7px; background: var(--galben); color: var(--asfalt); cursor: pointer; }
.filtre-bara__cauta-btn .ico { width: 22px; height: 22px; }
@media (min-width: 1000px) { .filtre-bara__cauta { display: none; } }
html:not(.js) .filtre-bara__cauta { display: none; }
.filtre-bara__nr { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 11px; background: var(--galben); color: var(--asfalt); font-size: 14px; letter-spacing: 0; }
.filtre-bara__rez { margin-left: auto; color: var(--mut-i); font-size: 15.500px; }
.filtre-bara__rez b { font: 800 22px/1 var(--titlu); color: var(--galben); font-variant-numeric: tabular-nums; }
.filtre { position: fixed; inset: 0; z-index: 80; display: flex; flex-direction: column; background: var(--hartie); color: var(--cerneala); transform: translateY(102%); visibility: hidden; transition: transform .24s ease-out, visibility 0s .24s; }
.filtre.e-deschis { transform: none; visibility: visible; transition: transform .24s ease-out; }
.filtre__sus { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--linie-h); }
.filtre__sus h2 { font: 800 30px/1 var(--titlu); text-transform: uppercase; }
.filtre__campuri { flex: 1; overflow-y: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 12px; align-content: start; padding: 18px 16px; }
.filtre__campuri .camp--cauta, .filtre__campuri .camp:nth-child(2), .filtre__campuri .camp:nth-child(3), .filtre__campuri .camp:last-child { grid-column: 1 / -1; }
.filtre__jos { padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--linie-h); }
.filtre-fundal { position: fixed; inset: 0; z-index: 70; background: rgba(0, 0, 0, .6); }
@media (min-width: 1000px) {
  .filtre-bara.e-sus { z-index: 80; }
.filtre-bara__in { flex-wrap: wrap; padding-block: 14px; gap: 10px 20px; }
  .filtre-bara__btn, .filtre__sus, .filtre__jos, .filtre-fundal { display: none !important; }
  .filtre { position: static; transform: none; visibility: visible; background: transparent; order: -1; flex: 1 1 100%; --fg: #F1EEE7; --mut: var(--mut-i); color: #F1EEE7; }
  .filtre__campuri { overflow: visible; padding: 0; grid-template-columns: 1.4fr 1.2fr 1.1fr .8fr .8fr .85fr .9fr 1.45fr; gap: 12px; }
  .filtre__campuri .camp { grid-column: auto !important; }
  .filtre .camp input, .filtre .camp select { height: 46px; border-color: transparent; }
  .filtre .camp input:focus-visible, .filtre .camp select:focus-visible { outline-color: var(--galben); }
  .filtre-bara__rez { margin: 0; }
}

.sect--catalog { padding-block: 24px 64px; min-height: 40vh; }
@media (min-width: 1000px) { .sect--catalog { padding-block: 32px 96px; } }
.active { display: flex; flex-wrap: wrap; gap: 8px; }
.active:not(:empty) { margin-bottom: 20px; }
.cip { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 8px 0 12px; border: 1.5px solid var(--cerneala); border-radius: 6px; background: var(--alb); font: 600 16px/1 var(--titlu); letter-spacing: .06em; text-transform: uppercase; }
.cip .ico { width: 16px; height: 16px; }
.cip:hover { background: var(--cerneala); color: #fff; }
.cip--gol { border-color: transparent; background: transparent; text-decoration: underline; padding-inline: 8px; }
.cauti { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 12px 12px 12px 14px; margin-bottom: 20px; background: var(--alb); border: 1.5px solid var(--cerneala); border-radius: var(--raza); line-height: 1.35; }
.cauti b { text-transform: capitalize; }
.cauti__x { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 6px; }
.cauti__x:hover { background: var(--hartie-2); }
.gol { grid-column: 1 / -1; padding: 40px 0 16px; max-width: 640px; }
.gol h2, .gol h3 { font: 800 clamp(32px, 4.4vw, 52px)/1 var(--titlu); text-transform: uppercase; margin: 18px 0 12px; text-wrap: balance; }
.gol p { color: var(--mut-h); margin-bottom: 22px; font-size: 18px; }
.gol--mic { padding: 28px 0; }
.gol--mic h3 { font-size: 30px; margin-top: 0; }
.cere.e-sus { }

/* ═════════ PAGINA MAȘINII ═════════ */
.fisa-pag { background: var(--asfalt); padding-block: 18px 36px; }
.fisa-pag__grila { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 16px; }
@media (min-width: 1000px) {
  .fisa-pag { padding-block: 24px 72px; }
  .fisa-pag__grila { grid-template-columns: minmax(0, 1.42fr) minmax(0, 1fr); gap: 48px; align-items: start; margin-top: 22px; }
}
.gal { min-width: 0; }
/* Pagina piesei, pe telefon: intai ce piesa e, cat costa si butonul de contact; pozele masinii dupa. */
@media (max-width: 999px) {
  .fisa-pag__grila:has(> .produs) { gap: 0; }
  .fisa-pag__grila > .produs { display: contents; }
  .fisa-pag__grila > .produs > * { order: 3; }
  .fisa-pag__grila > .produs > .masina__sus,
  .fisa-pag__grila > .produs > .masina__t,
  .fisa-pag__grila > .produs > .produs__pret,
  .fisa-pag__grila > .produs > .produs__sub,
  .fisa-pag__grila > .produs > .produs__atentie,
  .fisa-pag__grila > .produs > .masina__act { order: 1; }
  .fisa-pag__grila:has(> .produs) > .gal { order: 2; margin-block: 22px 6px; }
}
.produs__atentie { margin-top: 14px; padding: 11px 14px; border: 1.5px solid var(--galben); border-radius: 7px; background: rgba(255, 196, 0, .08); color: #F1EEE6; font-size: 15.5px; line-height: 1.45; max-width: 52ch; }
.produs__atentie strong { color: var(--galben); }
.gal__scena { position: relative; aspect-ratio: 1 / 1; overflow: hidden; background: #000; margin-inline: -16px; }
.gal__fundal { position: absolute; inset: -8%; width: 116%; height: 116%; max-width: none; object-fit: cover; filter: blur(26px) brightness(.5); }
.gal__poza { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; cursor: zoom-in; }
.gal__mareste { position: absolute; right: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 14px 0 12px; border: 0; border-radius: 6px; background: rgba(14, 15, 17, .88); color: #fff; font: 700 15px/1 var(--titlu); letter-spacing: .1em; text-transform: uppercase; }
.gal__nr { position: absolute; left: 12px; bottom: 12px; padding: 8px 10px 7px; border-radius: 6px; background: rgba(14, 15, 17, .88); color: #fff; font: 700 15px/1 var(--titlu); letter-spacing: .1em; font-variant-numeric: tabular-nums; }
.eticheta--gal { position: absolute; left: 12px; top: 12px; }
.gal__sag { position: absolute; top: 50%; display: none; place-items: center; width: 48px; height: 48px; margin-top: -24px; border: 0; border-radius: 50%; background: rgba(14, 15, 17, .88); color: #fff; }
.gal__sag--stg { left: 14px; } .gal__sag--dr { right: 14px; }
.gal__sag:hover, .gal__mareste:hover { background: var(--galben); color: var(--asfalt); }
.gal__mini { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; padding: 4px; margin-inline: -4px; scrollbar-width: thin; scrollbar-color: #454A53 transparent; }
.gal__mini li { flex: none; }
.gal__mini button { display: block; width: 84px; height: 64px; padding: 0; border: 0; border-radius: 6px; overflow: hidden; background: #24272B; opacity: .62; transition: opacity .15s; }
.gal__mini img { width: 100%; height: 100%; object-fit: cover; }
.gal__mini button:hover { opacity: 1; }
.gal__mini button.e-activa { opacity: 1; outline: 3px solid var(--galben); outline-offset: 1px; }
@media (min-width: 700px) { .gal__scena { margin: 0; border-radius: var(--raza); aspect-ratio: 4 / 3; } .gal__sag { display: grid; } .gal__mini button { width: 108px; height: 81px; } }

.masina { min-width: 0; }
.masina__sus { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.masina__data { font-size: 15px; color: var(--mut-i); }
.masina__data b { color: #F1EEE7; font-weight: 600; }
.masina__t { font: 800 clamp(46px, 5.4vw, 76px)/1.08 var(--titlu); text-transform: uppercase; letter-spacing: -.012em; margin: 16px 0 18px; text-wrap: balance; }
.masina__t span { display: block; font-weight: 600; font-size: .58em; line-height: 1.1; color: var(--mut-i); letter-spacing: 0; margin-top: 4px; }
.masina .placuta { font-size: 16px; padding: 4px 11px 3px; }
.masina .placuta--cod span { font-size: 12px; margin: -4px 9px -3px 0; color: var(--asfalt); }
.masina__nota { margin-top: 18px; padding: 12px 14px; border-left: 3px solid var(--galben); background: var(--grafit); color: #D9D6CF; font-size: 15.500px; line-height: 1.45; border-radius: 0 6px 6px 0; }
.fisa { margin-top: 22px; border-top: 1px solid #5A5F68; }
.fisa div { display: grid; grid-template-columns: 124px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--linie-i); align-items: baseline; }
.fisa dt { font: 600 14px/1.3 var(--titlu); letter-spacing: .14em; text-transform: uppercase; color: var(--mut-i); }
.fisa dd { font-weight: 600; color: #F1EEE7; }
.masina__nr { margin-top: 20px; color: var(--mut-i); display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.masina__nr b { font: 800 40px/1 var(--titlu); color: var(--galben); font-variant-numeric: tabular-nums; }
.masina__nr a { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; color: #F1EEE7; font: 700 16px/1 var(--titlu); letter-spacing: .08em; text-transform: uppercase; text-underline-offset: 4px; }
.masina__act { display: grid; gap: 10px; margin-top: 20px; }
.masina__mic { margin-top: 14px; font-size: 14.500px; color: var(--mut-i); }
@media (min-width: 480px) { .masina__act { grid-template-columns: 1.35fr 1fr; } }

/* piesele */
.cap--piese { display: block; }
.legenda { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 22px; font-size: 15px; color: var(--mut-h); }
.legenda div { display: flex; align-items: center; gap: 8px; }
.stare { display: inline-flex; align-items: center; gap: 8px; font-size: 14.500px; color: var(--mut-h); line-height: 1.25; }
.stare b { flex: none; display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 5px; border: 1.5px solid var(--cerneala); font: 800 17px/1 var(--titlu); color: var(--cerneala); }
.stare--A b { background: var(--cerneala); color: var(--hartie); }
.stare--C b { border-style: dashed; }
.unelte { position: sticky; top: var(--antet-h); z-index: 20; display: grid; gap: 12px; padding-block: 12px; margin-inline: -16px; padding-inline: 16px; background: var(--hartie); border-bottom: 2px solid var(--cerneala); }
.file { display: flex; gap: 6px; overflow-x: auto; margin-inline: -16px; padding: 3px 16px; scrollbar-width: none; }
.file::-webkit-scrollbar { display: none; }
.fila { flex: none; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 12px; border: 1.5px solid #8C8779; border-radius: 6px; background: transparent; font: 700 17px/1 var(--titlu); letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; color: var(--cerneala); }
.fila span { font-weight: 600; font-size: 14px; color: var(--mut-h); font-variant-numeric: tabular-nums; }
.fila:hover { border-color: var(--cerneala); }
.fila[aria-selected="true"] { background: var(--cerneala); border-color: var(--cerneala); color: #fff; }
.fila[aria-selected="true"] span { color: var(--galben); }
.unelte__dr { display: grid; gap: 10px; }
.camp--faraet input { height: 46px; }
.bifa { display: inline-flex; align-items: center; gap: 10px; min-height: 32px; font-weight: 500; font-size: 16px; cursor: pointer; }
.bifa input { width: 22px; height: 22px; accent-color: var(--cerneala); margin: 0; }
.piese__nr { margin: 18px 0 0; font: 600 14.500px/1 var(--titlu); letter-spacing: .12em; text-transform: uppercase; color: var(--mut-h); }
.piese__nota, .piese__lipsa { margin-top: 28px; color: var(--mut-h); font-size: 15.500px; max-width: 70ch; }
.piese__lipsa { padding: 14px 16px; border: 1.5px dashed #8C8779; border-radius: var(--raza); }
@media (min-width: 700px) { .unelte { margin-inline: 0; padding-inline: 0; } .file { flex-wrap: wrap; overflow: visible; margin: 0; padding: 0; } }
@media (min-width: 1000px) {
  .unelte { grid-template-columns: 1fr auto; align-items: center; }
  .unelte__dr { grid-template-columns: 300px auto; align-items: center; gap: 18px; }
}
.zona { margin-top: 30px; }
.zona__cap { display: flex; align-items: center; gap: 12px; padding-bottom: 10px; }
.zona__cap .placuta--inchis { color: var(--cerneala); border-color: var(--cerneala); }
.zona__cap h3 { font: 800 30px/1 var(--titlu); text-transform: uppercase; }
.zona__linie { flex: 1; height: 1px; background: var(--linie-h); }
.zona__nr { font: 600 14.500px/1 var(--titlu); letter-spacing: .12em; text-transform: uppercase; color: var(--mut-h); white-space: nowrap; }
.piese { border-top: 1px solid var(--linie-h); }
.piesa { display: grid; grid-template-columns: 68px auto 1fr; grid-template-areas: 'foto info info' 'foto stare stoc' 'pret pret act'; gap: 6px 12px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--linie-h); }
.piesa__foto { grid-area: foto; align-self: start; width: 68px; height: 68px; border-radius: 6px; overflow: hidden; background: var(--hartie-2); }
.piesa__foto img { width: 100%; height: 100%; object-fit: cover; }
.piesa__farapoza { display: grid; place-items: center; align-content: center; gap: 3px; width: 100%; height: 100%; border: 1px dashed #A8A293; border-radius: 6px; color: #55524A; text-align: center; font: 600 10.500px/1.15 var(--titlu); letter-spacing: .08em; text-transform: uppercase; padding: 4px; }
.piesa__farapoza .ico { width: 18px; height: 18px; }
.piesa__info { grid-area: info; min-width: 0; }
.piesa__n { font: 700 22px/1.1 var(--titlu); letter-spacing: .005em; }
.piesa__n a { text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--galben); text-underline-offset: 4px; }
.piesa__n a:hover { text-decoration-color: var(--cerneala); }
.piesa__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-top: 6px; }
.piesa__nota { font-size: 14px; color: var(--mut-h); }
.piesa__stare { grid-area: stare; }
.piesa__stare .stare__t { display: none; }
.piesa__stare .stare b { width: 24px; height: 24px; font-size: 15px; }
.piesa__stoc { grid-area: stoc; }
.stoc { display: inline-flex; align-items: center; gap: 7px; font-size: 14.500px; font-weight: 600; white-space: nowrap; }
.stoc i { width: 10px; height: 10px; border-radius: 50%; border: 1.5px solid var(--cerneala); background: var(--galben); }
.stoc--rezervata { color: var(--mut-h); } .stoc--rezervata i { background: transparent; border-color: var(--mut-h); }
.stoc--vanduta i { background: transparent; border-style: dashed; }
.piesa__pret { grid-area: pret; margin-top: 4px; }
.pret { font: 800 28px/1 var(--titlu); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pret small { font-size: .6em; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.pret--cerere { font-size: 18px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--mut-h); }
.pret--vandut { font-size: 20px; text-decoration: line-through; }
.piesa__act { grid-area: act; justify-self: end; margin-top: 4px; }
.piesa__vanduta { font-size: 14px; color: var(--mut-h); }
.piesa--vanduta { color: #6E6A5F; }
.piesa--vanduta .piesa__n { text-decoration: line-through; text-decoration-thickness: 1.5px; font-weight: 600; }
.piesa--vanduta .piesa__foto, .piesa--vanduta .piesa__stare, .piesa--vanduta .piesa__meta { opacity: .55; }
.piesa--vanduta .stare b { color: inherit; border-color: currentColor; background: transparent; }
@media (min-width: 900px) {
  .piesa { grid-template-columns: 76px minmax(0, 1fr) 230px 130px 150px 164px; grid-template-areas: 'foto info stare stoc pret act'; gap: 20px; padding: 12px 0; }
  .piesa__foto { width: 76px; height: 76px; align-self: center; }
  .piesa__stare .stare__t { display: inline; }
  .piesa__pret { justify-self: end; margin: 0; }
  .piesa__act { margin: 0; }
  .piesa__n { font-size: 24px; }
  .piesa:hover { background: color-mix(in srgb, var(--alb) 70%, transparent); }
}

/* ═════════ PAGINA PIESEI ═════════ */
.produs__pret { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 20px; margin-top: 6px; }
.pret--mare { font-size: 68px; color: var(--galben); }
.fisa-pag .stoc { color: #F1EEE7; font-size: 16px; }
.fisa-pag .stoc i { border-color: var(--galben); }
.produs__sub { margin-top: 8px; color: var(--mut-i); font-size: 15.500px; max-width: 46ch; }
.produs__stare { margin-top: 26px; }
.produs__stare h2 { font: 600 14px/1 var(--titlu); letter-spacing: .14em; text-transform: uppercase; color: var(--mut-i); margin-bottom: 10px; }
.produs__stare li { display: flex; gap: 12px; align-items: flex-start; padding: 10px 12px; border: 1px solid transparent; border-radius: 7px; font-size: 15.500px; color: var(--mut-i); line-height: 1.4; }
.produs__stare strong { color: #F1EEE7; }
.produs__stare em { font-style: normal; color: var(--galben); font-weight: 600; white-space: nowrap; }
.produs__stare .stare b { border-color: #8A8F98; color: #D9D6CF; background: transparent; }
.produs__stare .e-aleasa { border-color: var(--galben); background: var(--grafit); }
.produs__stare .e-aleasa .stare b { background: var(--galben); border-color: var(--galben); color: var(--asfalt); }
.detalii { display: grid; grid-template-columns: minmax(0, 1fr); gap: 56px; }
.detalii .cap { margin-bottom: 24px; display: block; }
.provine .card-m { max-width: 520px; }
.potriveste { border-top: 2px solid var(--cerneala); }
.potriveste li { display: flex; align-items: center; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--linie-h); }
.potriveste strong { display: block; font: 700 22px/1.1 var(--titlu); text-transform: uppercase; }
.potriveste small { font-size: 14.500px; color: var(--mut-h); }
.potriveste__nota { margin-top: 14px; color: var(--mut-h); font-size: 15.500px; max-width: 60ch; }
.conditii { margin-top: 32px; display: grid; gap: 0; border-top: 2px solid var(--cerneala); }
.conditii li { display: grid; gap: 4px; padding: 14px 0; border-bottom: 1px solid var(--linie-h); }
.conditii h3 { font: 700 15px/1.4 var(--titlu); letter-spacing: .14em; text-transform: uppercase; }
.conditii p { color: var(--mut-h); font-size: 16px; }
@media (min-width: 700px) { .conditii li { grid-template-columns: 124px 1fr; gap: 16px; } }
@media (min-width: 1000px) { .detalii { grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); gap: 80px; } }

/* ═════════ MAȘINI DE VÂNZARE ═════════
   Alt tratament decât cardul de dezmembrare: card închis, etichetă albă, preț mare galben. */
.sect--vanzare { --bg: var(--grafit); --fg: #F1EEE7; --mut: var(--mut-i); --linie: var(--linie-i); --focus: #fff; border-block: 1px solid var(--linie-i); }
.card-v { --fg: #F1EEE7; --focus: #fff; display: flex; min-width: 0; background: #1D2024; color: #F1EEE7; border: 1px solid #3A3F47; border-radius: var(--raza); overflow: hidden; transition: border-color .2s, box-shadow .2s, transform .2s; }
.card-v__a { display: flex; flex-direction: column; flex: 1; min-width: 0; text-decoration: none; color: inherit; }
.card-v__a:focus-visible { outline-offset: -3px; }
.card-v__foto { position: relative; aspect-ratio: 16 / 10.5; overflow: hidden; background: #24272B; }
.card-v__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.eticheta-v { position: absolute; left: 12px; top: 12px; display: inline-flex; align-items: center; background: #FFFEFA; color: var(--asfalt); font: 700 13.5px/1 var(--titlu); letter-spacing: .12em; text-transform: uppercase; padding: 7px 10px 6px 9px; border-radius: 4px; border-left: 5px solid var(--galben); }
.card-v__banda { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 12px 8px; background: rgba(14, 15, 17, .92); color: #fff; font: 700 15px/1 var(--titlu); letter-spacing: .2em; text-transform: uppercase; text-align: center; border-top: 2px solid var(--galben); }
.card-v__banda--gal { left: auto; right: 12px; bottom: auto; top: 12px; border: 0; border-radius: 4px; padding: 8px 10px 6px; font-size: 13.5px; letter-spacing: .12em; }
.card-v__corp { display: flex; flex-direction: column; gap: 14px; padding: 16px 16px 16px; flex: 1 0 auto; }
.card-v__t { font: 800 28px/1 var(--titlu); text-transform: uppercase; letter-spacing: -.005em; text-wrap: balance; }
.card-v__t span { font-weight: 600; color: var(--mut-i); }
.card-v__date { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #3A3F47; }
.card-v__date div { padding: 8px 0 7px; border-bottom: 1px solid #3A3F47; min-width: 0; }
.card-v__date div:nth-child(even) { padding-left: 12px; border-left: 1px solid #3A3F47; }
.card-v__date dt { font: 600 11.5px/1.2 var(--titlu); letter-spacing: .16em; text-transform: uppercase; color: var(--mut-i); }
.card-v__date dd { font: 700 19px/1.2 var(--titlu); letter-spacing: .02em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.card-v__jos { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-top: auto; }
.card-v__pret { display: grid; gap: 3px; }
.pret-v { font: 800 42px/.9 var(--titlu); color: var(--galben); font-variant-numeric: tabular-nums; letter-spacing: -.005em; white-space: nowrap; }
.pret-v small { font-size: .62em; font-weight: 700; }
.pret-v__lei { font-size: 14px; color: var(--mut-i); white-space: nowrap; }
.pret-v--vandut { color: #8A8F98; text-decoration: line-through; text-decoration-thickness: 2px; }
.stoc-v { display: inline-flex; align-items: center; gap: 7px; flex: none; padding: 7px 9px 6px; border: 1.5px solid #6E737C; border-radius: 4px; color: #F1EEE7; font: 700 13.5px/1 var(--titlu); letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.stoc-v i { width: 8px; height: 8px; border-radius: 50%; background: var(--galben); }
.stoc-v--rezervata i { background: transparent; box-shadow: inset 0 0 0 1.5px #F1EEE7; }
.stoc-v--vanduta { color: var(--mut-i); border-style: dashed; }
.stoc-v--vanduta i { background: #6E737C; }
@media (hover: hover) {
  .card-v:hover { border-color: var(--galben); box-shadow: 0 18px 40px -22px rgba(0, 0, 0, .8); transform: translateY(-3px); }
  .card-v:hover .card-v__foto img { transform: scale(1.045); }
}
.vanzare { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: -16px; padding: 2px 16px 14px; scrollbar-width: none; }
.vanzare::-webkit-scrollbar { display: none; }
.vanzare .card-v { flex: 0 0 84%; scroll-snap-align: center; }
@media (min-width: 700px) { .vanzare { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; overflow: visible; margin: 0; padding: 0; } }
@media (min-width: 1100px) { .vanzare { grid-template-columns: repeat(4, 1fr); } .vanzare--3 { grid-template-columns: repeat(3, 1fr); gap: 24px; } }
@media (min-width: 1100px) and (max-width: 1320px) { .vanzare:not(.vanzare--3) .pret-v { font-size: 36px; } .vanzare:not(.vanzare--3) .card-v__t { font-size: 25px; } }

/* lista de vânzare */
.cap-pag--v { border-bottom: 0; }
.filtre--v .filtre__campuri .camp { grid-column: auto; }
.filtre--v .filtre__campuri .camp:first-child, .filtre--v .filtre__campuri .camp:last-child { grid-column: 1 / -1; }
@media (min-width: 1000px) { .filtre--v .filtre__campuri { grid-template-columns: 1.1fr 1fr .9fr 1fr 1fr 1.5fr; } }
.gol__act { display: flex; flex-wrap: wrap; gap: 10px; }
.sect--cumperi { border-top: 1px solid var(--linie-i); }
.cumperi__act { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
@media (max-width: 520px) { .cumperi__act .btn { width: 100%; } }

/* pagina unei mașini de vânzare */
.masina--v .masina__sus { gap: 10px 12px; }
.masina--v .placuta--alb { font-size: 15px; }
.mv-pret { margin-top: 20px; padding: 16px 18px 15px; background: var(--grafit); border: 1px solid var(--linie-i); border-left: 5px solid var(--galben); border-radius: 0 var(--raza) var(--raza) 0; }
.mv-pret__et { font: 600 14px/1 var(--titlu); letter-spacing: .16em; text-transform: uppercase; color: var(--mut-i); margin-bottom: 8px; }
.pret-v--mare { display: block; font-size: clamp(64px, 7vw, 88px); }
.mv-pret__lei { margin-top: 8px; color: var(--mut-i); font-size: 15.5px; }
.mv-viz { display: flex; align-items: center; gap: 12px; min-height: 54px; margin-top: 10px; padding: 0 16px; border: 1.5px solid #5A5F68; border-radius: 7px; color: #F1EEE7; text-decoration: none; font: 700 18px/1 var(--titlu); letter-spacing: .05em; text-transform: uppercase; }
.mv-viz span { flex: 1; }
.mv-viz:hover { border-color: var(--galben); color: var(--galben); }
.masina--v .fisa div { grid-template-columns: 150px 1fr; }
.masina--v .masina__act .btn { padding-inline: 12px; }
@media (min-width: 1000px) and (max-width: 1239px) { .masina--v .masina__act { grid-template-columns: 1fr; } }
.mv-detalii { display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; }
.mv-descriere { font-size: 19px; line-height: 1.55; max-width: 60ch; }
.mv-sub { font: 800 28px/1 var(--titlu); text-transform: uppercase; margin: 36px 0 14px; }
.mv-dotari { display: grid; grid-template-columns: 1fr; column-gap: 32px; border-top: 2px solid var(--cerneala); }
.mv-dotari li { position: relative; padding: 11px 0 11px 30px; border-bottom: 1px solid var(--linie-h); font-weight: 500; line-height: 1.35; }
.mv-dotari li::before { content: ''; position: absolute; left: 3px; top: 17px; width: 12px; height: 6px; border-left: 2.5px solid var(--cerneala); border-bottom: 2.5px solid var(--cerneala); transform: rotate(-45deg); }
.mv-viz-form { align-self: start; }
.mv-viz-form__t { font: 800 clamp(30px, 3.4vw, 40px)/1 var(--titlu); text-transform: uppercase; }
.mv-viz-form__m { margin-top: 8px; font: 600 15px/1.3 var(--titlu); letter-spacing: .1em; text-transform: uppercase; color: var(--mut-h); }
.mv-viz-form input[type="date"] { min-width: 0; padding-right: 8px; }
@media (min-width: 600px) { .mv-dotari { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1000px) {
  .mv-detalii { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 80px; }
  .mv-viz-form { position: sticky; top: calc(var(--antet-h) + 24px); }
}

/* ═════════ LIGHTBOX ═════════ */
.lb { position: fixed; inset: 0; z-index: 100; background: #08090A; color: #fff; --focus: #fff; }
.lb__sus { position: absolute; inset: 0 0 auto 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; }
.lb__x { color: #fff; border-color: #5A5F68; background: rgba(14, 15, 17, .8); }
.lb__scena { position: absolute; inset: 64px 0 76px; display: grid; place-items: center; }
.lb__poza { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.lb__sag { position: absolute; bottom: 14px; z-index: 2; display: grid; place-items: center; width: 52px; height: 52px; border: 1.5px solid #5A5F68; border-radius: 50%; background: rgba(14, 15, 17, .8); color: #fff; }
.lb__sag:hover, .lb__x:hover { background: var(--galben); border-color: var(--galben); color: var(--asfalt); }
.lb__sag--stg { left: 14px; } .lb__sag--dr { right: 14px; }
.lb__alt { position: absolute; left: 76px; right: 76px; bottom: 14px; min-height: 52px; display: grid; place-items: center; text-align: center; font-size: 14px; line-height: 1.3; color: var(--mut-i); }
@media (min-width: 900px) {
  .lb__scena { inset: 64px 96px 56px; }
  .lb__sag { top: 50%; bottom: auto; margin-top: -26px; }
  .lb__sag--stg { left: 22px; } .lb__sag--dr { right: 22px; }
  .lb__alt { left: 96px; right: 96px; bottom: 8px; min-height: 40px; }
}

/* ═════════ APARIȚII ═════════ */
@media (prefers-reduced-motion: no-preference) {
  .js .apare { opacity: 0; transform: translateY(14px); transition: opacity .45s ease-out, transform .45s ease-out, border-color .2s, box-shadow .2s; }
  .js .apare.e-vazut { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   ADAOSURI FAȚĂ DE MACHETĂ — ce cere site-ul real, randat pe server
   (fără JS trebuie să meargă tot; CSP interzice stilurile inline)
   ═══════════════════════════════════════════════════════════════════════════ */
.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
picture { display: contents; }
.capcana { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
textarea { font: inherit; color: inherit; }
a.btn, a.fila, a.cip, a.zona-fila, a.selector__tab, a.antet__meniu, a.gal__mareste { text-decoration: none; }
.sigla__emblema { display: block; }
.subsol__sigla .sigla { display: grid; }

/* diaporama: poziția fiecărui cadru (în machetă era pusă inline) */
.hero__cadru--1 img { --pos: 62% 46%; --pos-m: 50% 40%; }
.hero__cadru--2 img { --pos: 70% 30%; --pos-m: 60% 30%; }
.hero__cadru--3 img { --pos: 40% 40%; --pos-m: 45% 40%; }
.hero__cadru--4 img { --pos: 55% 50%; --pos-m: 50% 50%; }
.hero__cadru--5 img { --pos: 50% 20%; --pos-m: 40% 20%; }
.hero__cadru--6 img { --pos: 60% 50%; --pos-m: 55% 50%; }
.hero__cadru img:not([src]) { visibility: hidden; }
.hero__puncte:empty { display: none; }
/* fără JS: cele două formulare ale selectorului stau unul sub altul */
.selector__form + .selector__form { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--linie-h); }
.js .selector__form + .selector__form { margin-top: 0; padding-top: 0; border-top: 0; }
@media (min-width: 1000px) { .selector__tab, .selector__tab:last-child { display: inline-flex; align-items: center; } }
.selector__tab { display: inline-flex; align-items: center; justify-content: center; text-align: center; }

/* cifrele: câte sunt, atâtea coloane */
@media (min-width: 1000px) {
  .cifre__grila--1 { grid-template-columns: 1fr; }
  .cifre__grila--2 { grid-template-columns: repeat(2, 1fr); }
  .cifre__grila--3 { grid-template-columns: repeat(3, 1fr); }
}

/* „Intrate recent” cu mai puțin de 5 mașini */
@media (min-width: 1100px) {
  .recente--1, .recente--2 { grid-template-columns: repeat(2, 1fr); }
  .recente--3 { grid-template-columns: 2fr 1fr 1fr; }
  .recente--1 .card-m--mare, .recente--2 .card-m--mare, .recente--3 .card-m--mare { grid-row: auto; }
  .recente--1 .card-m--mare .card-m__foto, .recente--2 .card-m--mare .card-m__foto { flex: none; aspect-ratio: 16 / 9; min-height: 0; }
  .recente--4 { grid-template-columns: repeat(3, 1fr); }
  .recente--4 .card-m--mare { grid-column: span 3; grid-row: auto; }
  .recente--4 .card-m--mare .card-m__foto { flex: none; aspect-ratio: 21 / 9; min-height: 0; }
}

/* pozele sunt majoritar portret: în cadrele late, mașina stă în jumătatea de jos a pozei */
.card-m__foto.e-portret img, .card-v__foto.e-portret img { object-position: 50% 62%; }
.fara-poza { position: absolute; inset: 0; display: grid; place-items: center; align-content: center; gap: 8px; color: #B9BCC2; font: 600 14px/1.2 var(--titlu); letter-spacing: .12em; text-transform: uppercase; }
.fara-poza .ico { width: 34px; height: 34px; }
.gal__scena--gol { background: #1B1D21; }
a.gal__mareste { color: #fff; }
.gal__mini a { display: block; width: 84px; height: 64px; border-radius: 6px; overflow: hidden; background: #24272B; opacity: .62; transition: opacity .15s; }
.gal__mini a:hover { opacity: 1; }
.gal__mini a.e-activa { opacity: 1; outline: 3px solid var(--galben); outline-offset: 1px; }
@media (min-width: 700px) { .gal__mini a { width: 108px; height: 81px; } }
.eticheta--gal.eticheta--loc { max-width: calc(100% - 24px); white-space: normal; line-height: 1.2; }

/* schema pe zone: panourile sunt toate în pagină; cu JS se vede doar cel ales */
.schema__panou + .schema__panou { margin-top: 14px; }
.js .schema__panou:not(.e-ales) { display: none; }
.js .schema__panou.e-ales { margin-top: 14px; }
.schema__panou { scroll-margin-top: calc(var(--antet-h) + 16px); }
.schema__gol { margin: 18px 0 22px; color: #C9C6BF; max-width: 48ch; }
.schema__act { display: flex; flex-wrap: wrap; gap: 10px; }
.zona-fila.e-aleasa { background: var(--galben); border-color: var(--galben); color: var(--asfalt); }
.zona-fila.e-aleasa span { background: var(--asfalt); color: var(--galben); }
a.sch-zona { text-decoration: none; }

/* filtrele fără JS: pe telefon stau în pagină, nu într-un panou care are nevoie de buton */
html:not(.js) .filtre-bara { position: static; }
html:not(.js) .filtre-bara__btn, html:not(.js) .filtre__sus { display: none; }
html:not(.js) .filtre-bara__in { flex-wrap: wrap; padding-block: 12px; }
html:not(.js) .filtre { position: static; transform: none; visibility: visible; order: 2; flex: 1 1 100%; border-radius: var(--raza); }
html:not(.js) .filtre__campuri { overflow: visible; }
.filtre--p .filtre__campuri .camp { grid-column: 1 / -1; }
@media (min-width: 1000px) {
  .filtre--p .filtre__campuri { grid-template-columns: 2fr 1fr 1fr auto; }
  html:not(.js) .filtre { order: -1; }
  /* fără JS, pe ecran lat, e nevoie de un buton de trimitere */
  html:not(.js) .filtre__jos { display: block !important; padding: 12px 0 0; border: 0; }
  html:not(.js) .filtre__jos .btn { width: auto; }
}
.piesa__farapoza, .cip, .fila { cursor: default; }
a.piesa__foto { display: block; }
a.piesa__foto:hover img { opacity: .88; }
.piesa__farapoza--cere { cursor: pointer; border-color: #1FA855; color: #14713A; }
a.piesa__foto:hover .piesa__farapoza--cere { background: #E9F7EE; }
a.cip, a.fila { cursor: pointer; }
.fila[aria-current="true"] { background: var(--cerneala); border-color: var(--cerneala); color: #fff; }
.fila[aria-current="true"] span { color: var(--galben); }
html:not(.js) [data-cu-js] { display: none; }
.zona { scroll-margin-top: calc(var(--antet-h) + 90px); }
.piesa__n a { color: inherit; }
.piesa__masina { font-size: 14.5px; font-weight: 600; color: var(--cerneala); text-underline-offset: 3px; }
.piese--lista { margin-top: 4px; }
.produs__nota { margin-top: 10px; padding: 10px 12px; border-left: 3px solid var(--galben); background: var(--grafit); color: #D9D6CF; font-size: 15.5px; border-radius: 0 6px 6px 0; }
.pret--cerere-mare { font-size: clamp(34px, 5vw, 46px); line-height: 1.05; text-transform: uppercase; }
.masina__act-tot { grid-column: 1 / -1; }
.cauti a:not(.cauti__x) { font-weight: 600; text-underline-offset: 3px; }

/* paginare */
.paginare { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 14px; margin-top: 40px; }
.paginare ol { display: flex; flex-wrap: wrap; gap: 6px; }
.paginare__nr { display: inline-grid; place-items: center; min-width: 42px; height: 42px; padding: 0 8px; border: 1.5px solid #8C8779; border-radius: 6px; font: 700 17px/1 var(--titlu); text-decoration: none; font-variant-numeric: tabular-nums; }
a.paginare__nr:hover { border-color: var(--cerneala); }
.paginare__nr.e-curenta { background: var(--cerneala); border-color: var(--cerneala); color: #fff; }
.paginare__gol { display: inline-grid; place-items: center; min-width: 20px; height: 42px; color: var(--mut-h); }

/* formularul de cerere (real: nume, telefon, acord) */
.camp textarea { width: 100%; padding: 12px 14px; border: 1.5px solid #8C8779; border-radius: 7px; background: var(--alb); color: var(--cerneala); font-size: 17px; font-weight: 500; line-height: 1.4; resize: vertical; min-height: 96px; }
.camp textarea:hover { border-color: var(--cerneala); }
.camp textarea:focus-visible { outline: 3px solid var(--cerneala); outline-offset: 1px; border-color: var(--cerneala); }
.camp textarea::placeholder { color: #6B6F76; opacity: 1; font-weight: 400; }
.bifa--acord { align-items: flex-start; font-size: 15px; line-height: 1.4; font-weight: 400; }
.bifa--acord input { flex: none; margin-top: 1px; }
.bifa--acord a { text-underline-offset: 3px; }
.cere__form--mare { margin: 0; box-shadow: 8px 8px 0 var(--cerneala); }
.formular-pag { display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; }
.formular-pag__form { display: grid; gap: 16px; align-content: start; padding-right: 8px; }
.formular-pag__lat .mv-sub { margin-top: 0; }
.formular-pag__tel { display: grid; gap: 4px; margin: 24px 0 14px; color: var(--mut-h); }
.formular-pag__tel a { font: 800 34px/1 var(--titlu); letter-spacing: .03em; color: var(--cerneala); text-decoration: none; }
.pasi--mici li { grid-template-columns: 52px 1fr; padding: 18px 0; }
.pasi--mici .pasi__nr { font-size: 52px; }
.pasi--mici h3 { font-size: 24px; }
@media (min-width: 1000px) {
  .formular-pag { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 72px; align-items: start; }
  .formular-pag__form { padding-right: 0; }
  .pasi--mici li { grid-template-columns: 60px 1fr; padding: 20px 0; }
  .pasi--mici .pasi__nr { font-size: 60px; }
  .pasi--mici h3 { font-size: 26px; }
}
.mesaj { padding: 14px 16px; border: 1.5px solid var(--cerneala); border-radius: var(--raza); background: var(--alb); display: grid; gap: 8px; line-height: 1.45; }
.mesaj ul { display: grid; gap: 6px; padding-left: 2px; }
.mesaj--ok { border-left: 6px solid var(--galben); max-width: 720px; padding: 22px 22px 20px; font-size: 18px; }
.mesaj--eroare { border-color: #B3261E; border-left: 6px solid #B3261E; color: #5F1410; font-weight: 600; }
.mv-descriere p + p { margin-top: 12px; }

/* pagini de text: legale, contact, cerere */
.sect--text { padding-block: 40px 72px; }
@media (min-width: 1000px) { .sect--text { padding-block: 56px 104px; } }
.cap-pag__t--mic { font-size: clamp(38px, 5.4vw, 68px); }
.legal { max-width: 76ch; font-size: 18px; line-height: 1.6; }
.legal h2 { font: 800 28px/1.05 var(--titlu); text-transform: uppercase; margin: 36px 0 10px; padding-top: 14px; border-top: 2px solid var(--cerneala); }
.legal h2:first-child { margin-top: 0; }
.legal p + p, .legal ol + p, .legal ul + p { margin-top: 12px; }
.legal ol, .legal ul { margin: 10px 0 0; padding-left: 24px; list-style: revert; display: grid; gap: 6px; }
.legal a { text-underline-offset: 3px; font-weight: 600; }
.legal__act { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.cap-pag--eroare { padding-block: 56px 96px; min-height: 52vh; }
.cap-pag--eroare .idx { margin-bottom: 0; }
.cap-pag--eroare .cumperi__act { margin-top: 30px; }

/* bara de jos când firma nu are telefon în setări */
.bara-jos--una { grid-template-columns: 1fr; }
.subsol__lista a { text-underline-offset: 4px; }

/* legenda diaporamei pe telefon: textul lung se taie cu „…”, nu intră sub puncte */
@media (max-width: 999px) {
  .hero__legenda { width: calc(100% - 190px); }
  .hero__fisa { grid-template-columns: minmax(0, 1fr); }
  .hero__legenda .eticheta { min-width: 0; }
}