/* ==========================================================================
   site.css — Nitro Auto (nitroauto.ro)
   --------------------------------------------------------------------------
   Ordinea: fonturi -> tokenuri (variabile) -> bază -> componente -> pagini.
   Mobil întâi: regulile de bază sunt pentru telefon; @media (min-width: …)
   adaugă doar ce se schimbă pe ecrane mari.
   Culori și fonturi DOAR din variabile — nicio culoare „aruncată" prin cod,
   ca o schimbare de brand să însemne o singură editare, aici sus.
   ========================================================================== */

/* ── Fonturi găzduite local ────────────────────────────────────────────────
   De ce nu de la Google Fonts: fiecare încărcare de acolo trimite IP-ul
   vizitatorului la Google (problemă GDPR — instanțele germane au dat amenzi
   pentru asta). Local = fără terți și mai rapid. Licență: SIL OFL (liberă). */
@font-face {
  font-family: "Figtree";
  font-style: normal; font-display: swap; font-weight: 300 900;
  src: url("../fonturi/figtree-latin-ext-wght-normal.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Figtree";
  font-style: normal; font-display: swap; font-weight: 300 900;
  src: url("../fonturi/figtree-latin-wght-normal.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: "Bricolage Grotesque";
  font-style: normal; font-display: swap; font-weight: 200 800;
  src: url("../fonturi/bricolage-grotesque-latin-ext-wght-normal.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal; font-display: swap; font-weight: 200 800;
  src: url("../fonturi/bricolage-grotesque-latin-wght-normal.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;
}

/* ── Tokenuri ──────────────────────────────────────────────────────────────
   light-dark(a, b): culoarea „a" pe tema deschisă, „b" pe cea întunecată,
   aleasă automat după setarea telefonului. Antetul și subsolul rămân bleumarin
   în ambele teme (sunt identitatea vizuală). */
:root {
  color-scheme: light dark;

  /* brand (fix) */
  --albastru: #0F2547;
  --albastru-inchis: #0A1A33;
  --albastru-deschis: #1E3A6B;
  --rosu: #DC2626;
  --rosu-hover: #B91C1C;
  --rosu-logo: #F87171;
  --gri-vanduta: #64748B;

  /* suprafețe și text (se adaptează la tema întunecată) */
  --fundal: light-dark(#F3F5F8, #0B1220);
  --suprafata: light-dark(#FFFFFF, #131C2E);
  --bordura: light-dark(#E2E8F0, #26324A);
  --bordura-tare: light-dark(#CBD5E1, #3A4863);
  --text: light-dark(#0F172A, #E5EAF2);
  --text-secundar: light-dark(#475569, #A9B4C6);
  --titlu: light-dark(#0F2547, #DCE6F7);
  --pret: light-dark(#0F2547, #FFFFFF);
  --link: light-dark(#B91C1C, #FCA5A5);
  --contur-buton: light-dark(#0F2547, #DCE6F7);

  /* tipografie */
  --font-text: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-titlu: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;

  /* spațieri și forme */
  --raza: 12px;
  --raza-mare: 14px;
  --spatiu: 16px;
  --latime-max: 1200px;
  --inaltime-buton: 52px;
  --tinta-minima: 44px;      /* zonă de atingere minimă (WCAG 2.2 + recomandări Apple/Google) */
  --umbra: 0 6px 18px rgb(15 23 42 / 0.12);
}

/* ── Bază ──────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 80px; }
body {
  margin: 0;
  font-family: var(--font-text);
  font-size: 16px;
  line-height: 1.55;
  color: var(--text);
  background: var(--fundal);
}
img { max-width: 100%; height: auto; display: block; }
h1, h2, h3 { font-family: var(--font-titlu); color: var(--titlu); line-height: 1.12; margin: 0; }
h1 { font-size: clamp(1.75rem, 1.2rem + 2.6vw, 3.4rem); font-weight: 800; }
h2 { font-size: clamp(1.35rem, 1.1rem + 1vw, 2rem); font-weight: 700; }
h3 { font-size: 1.1rem; font-weight: 700; }
p { margin: 0 0 1em; }
a { color: var(--link); }
a:hover { color: var(--rosu-hover); }

/* Focus vizibil la navigarea cu tastatura (nu dispare niciodată). */
:focus-visible { outline: 3px solid var(--rosu); outline-offset: 3px; border-radius: 4px; }

.ascuns-vizual {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* Skip link: primul element la Tab, sare peste meniu direct la conținut. */
.skip-link {
  position: absolute; left: 12px; top: -100px; z-index: 100;
  padding: 12px 16px; background: var(--rosu); color: #fff; font-weight: 700;
  border-radius: var(--raza); text-decoration: none;
}
.skip-link:focus { top: 12px; color: #fff; }

.container { width: 100%; max-width: var(--latime-max); margin: 0 auto; padding: 0 var(--spatiu); }
.sectiune { padding: 32px 0; }
.text-secundar { color: var(--text-secundar); }

/* Banda galbenă din previzualizare (nu apare în producție). */
.banda-previzualizare {
  background: #FEF3C7; color: #78350F; text-align: center; font-size: 14px;
  padding: 8px 16px; border-bottom: 1px solid #F59E0B;
}

/* ── Butoane și etichete ───────────────────────────────────────────────── */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: var(--inaltime-buton); padding: 0 20px;
  border-radius: var(--raza); border: 2px solid transparent;
  font: 700 16px/1 var(--font-text); text-decoration: none; cursor: pointer;
}
.btn svg { flex-shrink: 0; }
.btn-rosu { background: var(--rosu); color: #fff; }
.btn-rosu:hover { background: var(--rosu-hover); color: #fff; }
.btn-contur { background: transparent; color: var(--contur-buton); border-color: var(--contur-buton); }
.btn-contur:hover { background: var(--contur-buton); color: var(--suprafata); }
.btn-neutru { background: var(--suprafata); color: var(--text); border-color: var(--bordura-tare); font-weight: 600; }
.btn-lat { width: 100%; }

.eticheta {
  display: inline-block; padding: 3px 10px; border-radius: 999px;
  background: var(--rosu); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.5;
}
.eticheta-vanduta { background: var(--gri-vanduta); }

/* ── Antet ─────────────────────────────────────────────────────────────── */
.antet { position: sticky; top: 0; z-index: 50; background: var(--albastru); color: #fff; }
.antet-interior { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px; }
.logo { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; }
.logo-insigna { display: inline-flex; align-items: center; background: #fff; border-radius: 8px; padding: 5px 9px; line-height: 0; }
.logo-insigna img { display: block; height: 32px; width: auto; }
.logo-oras { font-size: 12px; font-weight: 600; color: #CBD5E1; }

.antet-actiuni { display: flex; align-items: center; gap: 4px; }
.buton-icon {
  width: var(--tinta-minima); height: var(--tinta-minima); display: inline-flex;
  align-items: center; justify-content: center; border-radius: var(--raza);
  border: 0; background: transparent; color: #fff; cursor: pointer;
}
.buton-icon.rosu { background: var(--rosu); }
.buton-icon.rosu:hover { background: var(--rosu-hover); color: #fff; }

.nav-desktop { display: none; }
.nav-desktop a {
  color: #E2E8F0; text-decoration: none; font-weight: 600; padding: 10px 12px; border-radius: 10px;
}
.nav-desktop a:hover, .nav-desktop a[aria-current="page"] { color: #fff; background: var(--albastru-deschis); }

/* Meniul de pe telefon: element [popover] nativ — deschis/închis de browser,
   se închide la tap în afară și la Esc, fără cod propriu. */
.meniu-mobil {
  margin: 0; inset: 0 0 auto auto; height: 100dvh; width: min(84vw, 340px);
  border: 0; padding: 20px; background: var(--albastru-inchis); color: #fff;
  box-shadow: var(--umbra);
}
.meniu-mobil::backdrop { background: rgb(10 26 51 / 0.55); }
.meniu-mobil:is(:popover-open, .deschis) { display: flex; flex-direction: column; gap: 4px; }
.meniu-mobil a { color: #fff; text-decoration: none; font-size: 18px; font-weight: 600; padding: 12px 8px; border-radius: 10px; }
.meniu-mobil a:hover { background: var(--albastru-deschis); }
.meniu-mobil .inchide { align-self: flex-end; }
.meniu-mobil .btn { margin-top: 12px; }

@media (min-width: 900px) {
  .nav-desktop { display: flex; gap: 2px; }
  .buton-meniu { display: none; }
}

/* ── Subsol ────────────────────────────────────────────────────────────── */
.subsol { background: var(--albastru-inchis); color: #CBD5E1; padding: 40px 0 32px; margin-top: 40px; }
.subsol a { color: #E2E8F0; }
.subsol a:hover { color: #fff; }
.subsol-grila { display: grid; gap: 28px; }
.subsol h2 { color: #fff; font-size: 18px; margin-bottom: 10px; }
.logo-insigna-subsol { margin-bottom: 14px; padding: 6px 11px; }
.logo-insigna-subsol img { height: 40px; }
.subsol ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.subsol-legal { margin-top: 28px; padding-top: 20px; border-top: 1px solid #26324A; font-size: 13px; color: #94A3B8; }
.anpc { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.anpc a { display: inline-block; }
.anpc img { width: 250px; height: 50px; }
.anpc a.anpc-text { display: inline-flex; align-items: center; min-height: 50px; padding: 0 14px; border: 1px solid #3A4863; border-radius: 8px; font-size: 13px; color: #E2E8F0; text-decoration: none; }
@media (min-width: 760px) { .subsol-grila { grid-template-columns: 1.4fr 1fr 1fr; } }

/* ── Card mașină (catalog, carusel, asemănătoare) ──────────────────────── */
.carduri { display: grid; gap: 12px; }
.card {
  position: relative; display: flex; background: var(--suprafata); color: var(--text);
  border: 1px solid var(--bordura); border-radius: var(--raza-mare); overflow: hidden;
  text-decoration: none;
}
/* dev.27.2: cardurile filtrate se ascund (display:flex de mai sus bătea atributul hidden) */
.card[hidden] { display: none !important; }
.card:hover { color: var(--text); border-color: var(--bordura-tare); box-shadow: var(--umbra); }
/* aspect-ratio pe container: cardul își păstrează forma și când poza lipsește sau încă se încarcă (fără „săritură" — CLS) */
.card-poza { position: relative; width: 132px; flex-shrink: 0; align-self: flex-start; aspect-ratio: 4 / 3; background: var(--albastru-deschis); }
.card-poza img { width: 100%; height: 100%; object-fit: cover; }
.card-poza .eticheta { position: absolute; top: 8px; left: 8px; }
.card-corp { flex: 1; padding: 12px 12px 12px 14px; display: flex; flex-direction: column; gap: 2px; justify-content: center; min-width: 0; }
.card-titlu { font-weight: 700; font-size: 16px; line-height: 1.25; margin: 0; color: var(--text); font-family: var(--font-text); }
.card-detalii { font-size: 13px; color: var(--text-secundar); }
.card-pret { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
.pret { font: 800 21px/1.1 var(--font-titlu); color: var(--pret); }
.pret-vechi { font-size: 13px; color: var(--text-secundar); text-decoration: line-through; }
.card.vanduta .pret { color: var(--gri-vanduta); }

/* Pe ecrane de la 600 px, cardurile devin verticale, în grilă. */
@media (min-width: 600px) {
  .carduri { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
  .carduri .card { flex-direction: column; }
  .carduri .card-poza { width: 100%; }
  .carduri .card-corp { padding: 14px 16px 16px; }
}

/* ── Prima pagină ──────────────────────────────────────────────────────── */
.erou { background: linear-gradient(160deg, var(--albastru) 0%, var(--albastru-inchis) 100%); color: #fff; padding: 36px 0 40px; }
.erou h1 { color: #fff; max-width: 18ch; }
.erou p { color: #CBD5E1; font-size: 17px; max-width: 52ch; margin-top: 12px; }
.cautare {
  margin-top: 22px; background: var(--suprafata); color: var(--text); border-radius: var(--raza-mare);
  padding: 16px; display: grid; gap: 12px; box-shadow: var(--umbra);
}
.camp { display: flex; flex-direction: column; gap: 4px; }
.camp label { font-size: 13px; font-weight: 600; color: var(--text-secundar); }
.camp select, .camp input {
  height: 48px; padding: 0 12px; border: 1px solid var(--bordura-tare); border-radius: 10px;
  background: var(--suprafata); color: var(--text); font: 16px var(--font-text); width: 100%;
}
@media (min-width: 760px) { .cautare { grid-template-columns: repeat(3, 1fr) auto; align-items: end; } }

.titlu-sectiune { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 14px; }

/* Carusel „Proaspăt sosite": derulare laterală cu degetul, fără mișcare automată. */
.carusel-cadru { position: relative; }
.carusel {
  display: grid; grid-auto-flow: column; grid-auto-columns: 78%; gap: 12px;
  overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory;
  padding-bottom: 8px; scrollbar-width: thin;
}
.carusel > * { scroll-snap-align: start; }
.carusel .card { flex-direction: column; height: 100%; }
.carusel .card-poza { width: 100%; }
.carusel-sageti { display: none; gap: 8px; }
.carusel-sageti button {
  width: var(--tinta-minima); height: var(--tinta-minima); border-radius: 999px;
  border: 1px solid var(--bordura-tare); background: var(--suprafata); color: var(--text); cursor: pointer;
}
@media (min-width: 600px) { .carusel { grid-auto-columns: calc((100% - 24px) / 3); } }
@media (min-width: 900px) { .carusel-sageti { display: flex; } .carusel { grid-auto-columns: calc((100% - 36px) / 4); } }

.pasi { display: grid; gap: 12px; counter-reset: pas; }
.pas { background: var(--suprafata); border: 1px solid var(--bordura); border-radius: var(--raza-mare); padding: 18px; }
.pas h3::before { counter-increment: pas; content: counter(pas) ". "; color: var(--rosu); }
@media (min-width: 760px) { .pasi { grid-template-columns: repeat(3, 1fr); } }

.vizita { background: var(--suprafata); border: 1px solid var(--bordura); border-radius: var(--raza-mare); padding: 20px; display: grid; gap: 14px; }
.vizita dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; }
.vizita dt { color: var(--text-secundar); }
.vizita dd { margin: 0; font-weight: 600; }
.butoane { display: flex; flex-wrap: wrap; gap: 10px; }
.butoane .btn { flex: 1 1 220px; text-align: center; }

/* ── Catalog ───────────────────────────────────────────────────────────── */
.cap-pagina { padding: 22px 0 10px; }
/* dev.27.2: căutarea liberă de deasupra filtrelor */
.cautare-libera { margin: 8px 0 0; }
.cautare-libera input { width: 100%; font: inherit; font-size: 17px; padding: 12px 14px; border-radius: var(--raza); border: 1px solid var(--bordura-tare); background: var(--suprafata); color: var(--text); }
.cautare-libera input:focus { outline: 2px solid var(--rosu); outline-offset: 1px; }
.filtre { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 8px 0 16px; }
.filtre .camp-lat { grid-column: 1 / -1; }
@media (min-width: 900px) { .filtre { grid-template-columns: repeat(6, 1fr); } .filtre .camp-lat { grid-column: auto; } }
.rezultate { font-size: 15px; color: var(--text-secundar); margin: 0 0 12px; }
/* dev.27.1: rândul cu numărul de rezultate + „Resetează filtrele” */
.rand-rezultate { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin: 0 0 12px; }
.rand-rezultate .rezultate { margin: 0; }
.btn-mic { padding: 6px 12px; font-size: 14px; }
.fara-rezultate { padding: 24px; text-align: center; background: var(--suprafata); border-radius: var(--raza-mare); border: 1px dashed var(--bordura-tare); }

/* ── Fișa mașinii ──────────────────────────────────────────────────────── */
.firimituri { font-size: 14px; padding: 12px 0; color: var(--text-secundar); }
.firimituri ol { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; }
.firimituri li + li::before { content: "›"; margin-right: 6px; }
.firimituri a { color: var(--text-secundar); }

.banner-vanduta {
  background: var(--gri-vanduta); color: #fff; border-radius: var(--raza); padding: 14px 16px; margin-bottom: 14px;
}
.banner-vanduta a { color: #fff; font-weight: 700; }

.galerie { position: relative; background: var(--albastru-inchis); border-radius: var(--raza-mare); overflow: hidden; }
.galerie-pista {
  display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
  overscroll-behavior-x: contain;
}
.galerie-pista::-webkit-scrollbar { display: none; }
.galerie-pista figure { flex: 0 0 100%; margin: 0; scroll-snap-align: center; aspect-ratio: 4 / 3; }
.galerie-pista img { width: 100%; height: 100%; object-fit: contain; }
.galerie-contor {
  position: absolute; right: 12px; bottom: 12px; background: rgb(10 26 51 / 0.8); color: #fff;
  font-size: 13px; font-weight: 600; padding: 4px 10px; border-radius: 999px;
}
.galerie .eticheta { position: absolute; top: 12px; left: 12px; }
.galerie-sageata {
  position: absolute; top: 50%; translate: 0 -50%; width: var(--tinta-minima); height: var(--tinta-minima);
  border-radius: 999px; border: 0; background: rgb(255 255 255 / 0.9); color: #0F172A; cursor: pointer;
  display: none; align-items: center; justify-content: center;
}
.galerie-sageata.inapoi { left: 12px; }
.galerie-sageata.inainte { right: 12px; }
@media (min-width: 900px) and (hover: hover) { .galerie-sageata { display: inline-flex; } }

.miniaturi { display: flex; gap: 8px; overflow-x: auto; padding: 10px 0; scrollbar-width: thin; }
.miniaturi a { flex: 0 0 auto; border-radius: 8px; border: 2px solid transparent; overflow: hidden; }
.miniaturi a[aria-current="true"] { border-color: var(--rosu); }
.miniaturi img { width: 72px; height: 54px; object-fit: cover; }

.fisa-titlu { margin-top: 14px; }
.fisa-rezumat { color: var(--text-secundar); font-size: 15px; margin-top: 6px; }
.fisa-pret { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.fisa-pret .pret { font-size: 38px; }
.fisa-pret .pret-vechi { font-size: 18px; }
.mentiune-tva { font-size: 13px; color: var(--text-secundar); margin: 2px 0 0; }
.fisa-cta { display: flex; gap: 10px; margin-top: 16px; }
.fisa-cta .btn { flex: 1; }
.fisa-cod { font-size: 13px; color: var(--text-secundar); margin-top: 10px; }

.bloc { margin-top: 28px; }
.bloc h2 { margin-bottom: 12px; }
.specificatii { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
.specificatii div { background: var(--suprafata); border: 1px solid var(--bordura); border-radius: var(--raza); padding: 10px 12px; }
.specificatii dt { font-size: 12px; color: var(--text-secundar); }
.specificatii dd { margin: 0; font-weight: 700; }
@media (min-width: 600px) { .specificatii { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.grupa-dotari + .grupa-dotari { margin-top: 14px; }
.grupa-dotari h3 { font-family: var(--font-text); font-size: 14px; color: var(--text-secundar); margin-bottom: 8px; }
.cipuri { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.cipuri li { padding: 6px 12px; background: var(--suprafata); border: 1px solid var(--bordura-tare); border-radius: 999px; font-size: 14px; }

.lista-oferta { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.lista-oferta li { position: relative; padding-left: 28px; }
.lista-oferta li::before { content: ""; position: absolute; left: 4px; top: 0.45em; width: 12px; height: 7px; border-left: 2.5px solid var(--rosu); border-bottom: 2.5px solid var(--rosu); rotate: -45deg; }
.calculator { background: var(--suprafata); border: 1px solid var(--bordura); border-radius: var(--raza-mare); padding: 18px; display: grid; gap: 12px; }
.calculator .randuri { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.calculator output { font: 800 26px/1.1 var(--font-titlu); color: var(--pret); }
.nota-mica { font-size: 12px; line-height: 1.45; color: var(--text-secundar); margin: 0; }

/* Bara fixă de jos, doar pe telefon: „Sună" și „WhatsApp" mereu la îndemână. */
.bara-contact {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; display: flex; gap: 10px;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: var(--suprafata);
  border-top: 1px solid var(--bordura-tare); box-shadow: 0 -6px 18px rgb(15 23 42 / 0.12);
}
.bara-contact .btn { flex: 1; }
.are-bara-contact { padding-bottom: 96px; }

@media (min-width: 960px) {
  .fisa-grila {
    display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(320px, 1fr); column-gap: 32px;
    grid-template-areas: "media lateral" "detalii lateral";
  }
  .fisa-media { grid-area: media; }
  .fisa-detalii { grid-area: detalii; }
  .fisa-lateral { grid-area: lateral; align-self: start; position: sticky; top: 84px; background: var(--suprafata); border: 1px solid var(--bordura); border-radius: var(--raza-mare); padding: 20px; }
  .fisa-lateral .fisa-titlu { margin-top: 0; }
  .bara-contact { display: none; }
  .are-bara-contact { padding-bottom: 0; }
}

/* ── Pagini de text (contact, legale, finanțare) ───────────────────────── */
.pagina-text { max-width: 760px; }
.pagina-text h1 { margin: 24px 0 16px; }
.pagina-text h2 { margin: 28px 0 10px; font-size: 1.35rem; }
.pagina-text ul { padding-left: 1.2em; }
.pagina-text .de-completat { background: #FEF3C7; color: #78350F; padding: 0 4px; border-radius: 4px; }

/* ── Blog (dev.30) — reutilizează .pagina-text; doar poza și CTA-ul de mașină sunt noi ── */
.poza-articol { margin: 20px 0; border-radius: var(--raza-mare); overflow: hidden; }
.poza-articol img { width: 100%; height: auto; display: block; }
.cta-articol { background: var(--suprafata); border: 1px solid var(--bordura); border-radius: var(--raza-mare); padding: 20px; margin-top: 28px; }
.cta-articol p { margin-top: 0; }

/* Pentru cine preferă mai puțină mișcare: fără derulare animată. */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}