/* OSCAR Downstream – stiluri comune.
   Grafit + albastru și verde-lime din siglă; roșu RO doar pe hartă/franciză. Sora (titluri) + Inter (text). */

@font-face { font-family: "Sora"; src: url("../fonts/sora-wght.woff2") format("woff2"); font-weight: 100 800; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-latin-ext-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-display: swap; unicode-range: U+0100-02AF, U+0218-021B, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  --carbune: #0f1214;
  --grafit: #16191c;
  --grafit-2: #1f2427;
  --grafit-3: #2b3135;
  --albastru: #4dafe3;
  --albastru-2: #2f8fc4;
  --lime: #c3d63b;
  --lime-2: #a9bb22;
  --rosu-ro: #e2273d;
  --fortis: #ec5b3c;
  --actis: #8cc63f;
  --hartie: #f3f4f0;
  --hartie-2: #e8eae4;
  --alb: #ffffff;
  --text: #1b1f22;
  --text-2: #4d555b;
  --text-3: #666f76; /* mai închis, contrast ≥ 4,5 la textul mic gri (2026-10-28) */
  --linie: rgba(22, 25, 28, .12);
  --linie-deschis: rgba(255, 255, 255, .14);
  --titlu: "Sora", "Inter", system-ui, sans-serif;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --latime: 1320px;
  --margine: clamp(16px, 4.5vw, 64px);
  --antet: 84px;
  --raza: 18px;
  --lin: cubic-bezier(.22, .8, .24, 1);
  --umbra: 0 24px 60px -24px rgba(15, 18, 20, .35);
  /* titlul și textul din zona de sus (erou) – aceeași mărime pe toate paginile */
  --erou-titlu: var(--f-h1); /* scara unică de fonturi, la final */
  --erou-intro: var(--f-intro);
  --titlu-sectiune: var(--f-h2);
  --sectiune: 40px; /* spațiul secțiunilor: 40 desktop / 28 telefon (regula lui Mihai) */
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--antet) + 12px); }
body { margin: 0; font: 400 var(--f-text)/1.42 var(--sans); /* spațiul dintre rânduri: ~1,4 × litera (Mihai, 2026-10-27) */ color: var(--text); background: var(--hartie); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: clip; }
img, svg, video { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; }
button, input, select, textarea { font: inherit; color: inherit; }
h1, h2, h3, h4 { font-family: var(--titlu); font-weight: 650; line-height: 1.08; letter-spacing: -.025em; margin: 0 0 .5em; }
p { margin: 0 0 1em; }
:focus-visible { outline: 2.5px solid var(--albastru); outline-offset: 3px; border-radius: 4px; }
.vizual-ascuns { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sari { position: fixed; left: 12px; top: -60px; z-index: 200; padding: 10px 16px; background: var(--lime); color: var(--grafit); font-weight: 700; border-radius: 8px; text-decoration: none; transition: top .2s; }
.sari:focus { top: 12px; }
main:focus { outline: none; }
.icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }

/* ---------- Butoane, etichete, titluri ---------- */
.buton { --b-fond: var(--lime); --b-text: var(--grafit); display: inline-flex; align-items: center; gap: 12px; min-height: 52px; padding: 0 12px 0 24px; border: 0; border-radius: 99px; background: var(--b-fond); color: var(--b-text); font: 650 15.5px/1 var(--sans); letter-spacing: -.005em; text-decoration: none; cursor: pointer; white-space: nowrap; transition: background .3s, color .3s, transform .3s var(--lin), box-shadow .3s; }
.buton .icon { width: 30px; height: 30px; padding: 7px; border-radius: 50%; background: var(--grafit); color: var(--lime); transition: transform .35s var(--lin), background .3s, color .3s; }
.buton:hover { transform: translateY(-1px); box-shadow: 0 12px 28px -12px rgba(195, 214, 59, .7); }
.buton:hover .icon { transform: translateX(3px); }
.buton--mic { min-height: 42px; padding: 0 18px; font-size: 14.5px; }
.buton--alb { --b-fond: #fff; }
.buton--alb .icon { background: var(--grafit); color: #fff; }
.buton--sticla { --b-fond: rgba(255, 255, 255, .12); --b-text: #fff; padding: 0 22px 0 18px; border: 1px solid rgba(255, 255, 255, .3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.buton--sticla .icon { width: 20px; height: 20px; padding: 0; background: none; color: var(--lime); }
.buton--sticla:hover { --b-fond: rgba(255, 255, 255, .22); box-shadow: none; }
.buton--contur { --b-fond: transparent; --b-text: #fff; padding: 0 24px 0 18px; border: 1px solid rgba(255, 255, 255, .35); }
.buton--contur .icon { width: 20px; height: 20px; padding: 0; background: none; color: var(--lime); }
.buton--contur:hover { --b-fond: rgba(255, 255, 255, .08); box-shadow: none; }
.buton--contur-inchis { --b-fond: transparent; --b-text: var(--grafit); padding: 0 10px 0 22px; border: 1.5px solid var(--grafit); }
.buton--contur-inchis .icon { background: var(--grafit); color: var(--lime); }
.buton--contur-inchis:hover { --b-fond: var(--grafit); --b-text: #fff; box-shadow: none; }
.buton--contur-inchis:hover .icon { background: var(--lime); color: var(--grafit); }

.eticheta { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px; font: 650 12.5px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--text-2); }
.eticheta::before { content: ""; width: 26px; height: 6px; flex: none; background: linear-gradient(var(--lime) 0 2px, transparent 2px 4px, var(--albastru) 4px 6px); }
.eticheta--deschis { color: rgba(255, 255, 255, .78); }
.titlu { font-size: clamp(32px, 4.2vw, 58px); margin-bottom: .35em; text-wrap: balance; }
.titlu em { font-style: normal; color: var(--text-3); }
.titlu--deschis { color: #fff; }
.titlu--deschis em { color: rgba(255, 255, 255, .55); }
/* titlu pe un rând (cât încape), cu partea a doua colorată: albastru pe fundal deschis, lime pe închis */
.titlu--un-rand { max-width: none; font-size: clamp(28px, 3.6vw, 52px); }
.titlu--un-rand em { color: var(--albastru-2); }
.titlu--deschis.titlu--un-rand em { color: var(--lime); }
.sectiune__cap--plin .sectiune__intro { max-width: none; margin-top: 4px; }

.sectiune { padding: var(--sectiune) var(--margine); }
.sectiune__in { max-width: var(--latime); margin: 0 auto; }
.sectiune--inchis { background: var(--grafit); color: #fff; }
.sectiune__cap { margin-bottom: clamp(20px, 1.8vw, 24px); }
.sectiune__cap--lat { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px 64px; flex-wrap: wrap; }
.sectiune__cap--lat .titlu { margin-bottom: 0; }
.sectiune__intro { color: var(--text-2); margin: 0; font-size: 17.5px; }

/* ---------- Antet ---------- */
.antet { position: fixed; inset: 0 0 auto; z-index: 100; height: var(--antet); color: #fff; transition: background .35s, color .35s, box-shadow .35s, height .35s; }
.antet__in { height: 100%; max-width: calc(var(--latime) + 2 * var(--margine)); margin: 0 auto; padding: 0 var(--margine); display: flex; align-items: center; gap: 28px; }
.antet__logo { position: relative; display: block; width: 168px; flex: none; }
.antet__logo img { width: 100%; height: auto; transition: opacity .3s; }
.antet__logo-inchis { position: absolute; inset: 0; opacity: 0; }
.antet.este-derulat, body:not(.p-acasa):not(.p-inchis) .antet { background: rgba(243, 244, 240, .9); color: var(--grafit); box-shadow: 0 1px 0 var(--linie); backdrop-filter: saturate(1.5) blur(16px); -webkit-backdrop-filter: saturate(1.5) blur(16px); }
.antet.este-derulat .antet__logo-alb, body:not(.p-acasa):not(.p-inchis) .antet .antet__logo-alb { opacity: 0; }
.antet.este-derulat .antet__logo-inchis, body:not(.p-acasa):not(.p-inchis) .antet .antet__logo-inchis { opacity: 1; }

.nav { flex: 1; display: flex; justify-content: center; }
.nav__lista { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 2px; }
.nav__lista > li > a, .nav__deschide { display: inline-flex; align-items: center; gap: 6px; height: 42px; padding: 0 14px; border: 0; border-radius: 99px; background: none; font: 550 15px/1 var(--sans); text-decoration: none; cursor: pointer; white-space: nowrap; transition: background .25s, color .25s; }
.nav__lista > li > a:hover, .nav__deschide:hover, .nav__deschide[aria-expanded="true"] { background: rgba(255, 255, 255, .12); }
.antet.este-derulat .nav__lista > li > a:hover, .antet.este-derulat .nav__deschide:hover, .antet.este-derulat .nav__deschide[aria-expanded="true"],
body:not(.p-acasa):not(.p-inchis) .nav__lista > li > a:hover, body:not(.p-acasa):not(.p-inchis) .nav__deschide:hover, body:not(.p-acasa):not(.p-inchis) .nav__deschide[aria-expanded="true"] { background: rgba(22, 25, 28, .07); }
/* pagina activă: linie lime sub buton (pseudo-element), ca butonul să-și păstreze forma ovală la hover */
.nav__lista > li > a[aria-current], .nav__deschide[data-activ] { position: relative; }
.nav__lista > li > a[aria-current]::after, .nav__deschide[data-activ]::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: -6px; height: 2px; border-radius: 2px; background: var(--lime); }
.nav__deschide .icon { width: 15px; height: 15px; transition: transform .3s; }
.nav__deschide[aria-expanded="true"] .icon { transform: rotate(180deg); }
.nav__acasa a { width: 42px; padding: 0 !important; justify-content: center; }
.nav__acasa span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.nav__acasa .icon { width: 19px; height: 19px; }
.nav__grup { position: relative; }
.nav__mobil-jos { display: none; }

.panou { position: absolute; top: calc(100% + 14px); left: 50%; z-index: 5; width: min(880px, 92vw); padding: 14px; display: grid; grid-template-columns: 1.35fr 1fr; gap: 14px; border-radius: 22px; background: #fff; color: var(--text); box-shadow: 0 30px 80px -20px rgba(15, 18, 20, .45), 0 0 0 1px var(--linie); opacity: 0; visibility: hidden; transform: translate(calc(-50% + var(--dx, 0px)), 8px); transition: opacity .25s, transform .3s var(--lin), visibility 0s .3s; }
.nav__deschide[aria-expanded="true"] + .panou { opacity: 1; visibility: visible; transform: translate(calc(-50% + var(--dx, 0px)), 0); transition: opacity .25s, transform .3s var(--lin); }
.panou::before { content: ""; position: absolute; inset: -16px 0 auto; height: 16px; }
/* 4 servicii pe 2×2, cât cardul cu oferta din dreapta */
.panou__servicii { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: 6px; }
.panou__servicii li { display: flex; }
.panou__servicii li > a { flex: 1; padding: 14px 16px; box-shadow: inset 0 0 0 1px var(--linie); }
.panou__servicii a { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-content: start; align-items: center; gap: 0 12px; padding: 14px; border-radius: 14px; text-decoration: none; transition: background .2s; }
.panou__servicii a > span { display: contents; }
.panou__servicii small { grid-column: 1 / -1; margin-top: 8px; }
.panou__servicii a:hover, .panou__servicii a[aria-current] { background: var(--hartie); }
.panou__servicii .icon { width: 40px; height: 40px; padding: 9px; border-radius: 12px; background: var(--grafit); color: var(--lime); }
.panou__servicii strong { display: block; font: 650 15.5px/1.25 var(--titlu); letter-spacing: -.01em; }
.panou__servicii small { display: block; font-size: 13px; line-height: 1.4; color: var(--text-2); }
.panou__oferta { position: relative; display: flex; align-items: flex-end; min-height: 100%; border-radius: 16px; overflow: hidden; color: #fff; text-decoration: none; isolation: isolate; }
.panou__oferta .panou__poza { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .8s var(--lin); }
.panou__oferta::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(15, 18, 20, 0) 25%, rgba(15, 18, 20, .88)); }
.panou__oferta:hover .panou__poza { transform: scale(1.05); }
.panou__oferta > span { display: block; padding: 22px; }
.panou__oferta small { display: block; font: 650 11.5px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--lime); margin-bottom: 10px; }
.panou__oferta strong { display: block; font: 600 21px/1.2 var(--titlu); letter-spacing: -.02em; margin-bottom: 14px; }
.panou__oferta .icon { width: 36px; height: 36px; padding: 8px; border-radius: 50%; background: var(--lime); color: var(--grafit); }
.panou--arii { width: min(760px, 92vw); display: block; }
.panou__arii { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.panou__arii a { position: relative; display: flex; align-items: flex-end; aspect-ratio: 3 / 4; border-radius: 14px; overflow: hidden; color: #fff; text-decoration: none; isolation: isolate; }
.panou__arii .panou__poza { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .8s var(--lin); }
.panou__arii a::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 40%, rgba(15, 18, 20, .85)); }
.panou__arii a:hover .panou__poza { transform: scale(1.07); }
.panou__arii span { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 14px; font: 600 16px/1.2 var(--titlu); }
.panou__arii .icon { width: 18px; height: 18px; color: var(--lime); }
.panou--mic { width: 300px; display: block; padding: 8px; }
.panou__simplu { list-style: none; margin: 0; padding: 0; }
.panou__simplu a { display: block; padding: 11px 14px; border-radius: 10px; text-decoration: none; font-weight: 550; font-size: 15px; transition: background .2s, padding .25s var(--lin); }
.panou__simplu a:hover, .panou__simplu a[aria-current] { background: var(--hartie); padding-left: 18px; }

.antet__actiuni { display: flex; align-items: center; gap: 10px; flex: none; margin-left: auto; }
.antet__actiuni > * { flex-shrink: 0; }
.antet__limba { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; border: 1px solid currentColor; border-color: rgba(127, 127, 127, .35); font: 650 13px/1 var(--sans); letter-spacing: .04em; text-decoration: none; transition: background .25s, border-color .25s; }
.antet__limba:hover { border-color: currentColor; }
.antet__statie { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 16px 0 12px; border-radius: 99px; border: 1px solid rgba(127, 127, 127, .35); font: 600 14.5px/1 var(--sans); text-decoration: none; transition: border-color .25s, background .25s; }
.antet__statie:hover { border-color: currentColor; }
.antet__statie .icon { width: 18px; height: 18px; color: var(--albastru); }
.antet__meniu { display: none; width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; background: var(--lime); color: var(--grafit); cursor: pointer; }
.antet__burger { display: grid; gap: 5px; width: 18px; margin: 0 auto; }
.antet__burger i { display: block; height: 2px; border-radius: 2px; background: currentColor; transition: transform .35s var(--lin); }
.meniu-deschis .antet__burger i:first-child { transform: translateY(3.5px) rotate(45deg); }
.meniu-deschis .antet__burger i:last-child { transform: translateY(-3.5px) rotate(-45deg); }

/* ---------- Erou (acasă) ---------- */
.erou { position: relative; min-height: max(640px, 100svh); display: grid; grid-template-rows: 1fr auto; color: #fff; background: var(--carbune); overflow: hidden; isolation: isolate; }
.erou__poze { position: absolute; inset: 0; z-index: -1; }
.erou__poza { position: absolute; inset: 0; opacity: 0; transition: opacity 1.4s ease; }
.erou__poza.activ { opacity: 1; }
.erou__poza img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.12); transition: transform 9s linear; }
.erou__poza.activ img { transform: scale(1.02); }
.erou__umbra { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15, 18, 20, .86) 0%, rgba(15, 18, 20, .55) 42%, rgba(15, 18, 20, .08) 75%), linear-gradient(180deg, rgba(15, 18, 20, .55) 0%, rgba(15, 18, 20, 0) 22%, rgba(15, 18, 20, 0) 60%, rgba(15, 18, 20, .85) 100%); }
.erou__linii { position: absolute; left: 0; right: 0; bottom: 0; height: 100%; pointer-events: none; z-index: 0; }
.erou__linii i { position: absolute; left: calc(var(--margine) - 1px); top: calc(var(--antet) + 20px); bottom: 0; width: 3px; background: var(--lime); transform-origin: top; animation: linie-in 1.6s var(--lin) .3s both; }
.erou__linii i + i { left: calc(var(--margine) + 6px); background: var(--albastru); animation-delay: .45s; }
@keyframes linie-in { from { transform: scaleY(0); } }
.erou__in { position: relative; align-self: center; width: 100%; max-width: calc(var(--latime) + 2 * var(--margine)); margin: 0 auto; padding: calc(var(--antet) + 40px) var(--margine) 40px calc(var(--margine) + 44px); }
.erou__slide { max-width: 860px; }
.erou__slide[hidden] { display: none; }
.erou__slide.activ > * { animation: urca .9s var(--lin) both; }
.erou__slide.activ > :nth-child(2) { animation-delay: .08s; }
.erou__slide.activ > :nth-child(3) { animation-delay: .16s; }
.erou__slide.activ > :nth-child(4) { animation-delay: .24s; }
@keyframes urca { from { opacity: 0; transform: translateY(26px); } }
.erou__titlu { font: 650 var(--erou-titlu)/1.04 var(--titlu); letter-spacing: -.02em; margin: 0 0 24px; text-wrap: balance; }
.erou__titlu em { font-style: normal; color: var(--lime); }
.erou__text { max-width: 54ch; font-size: var(--erou-intro); color: rgba(255, 255, 255, .84); margin-bottom: 34px; }
.erou__butoane { display: flex; flex-wrap: wrap; gap: 12px; }
.erou__file { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); max-width: calc(var(--latime) + 2 * var(--margine)); width: 100%; margin: 0 auto; padding: 0 var(--margine) 34px calc(var(--margine) + 44px); gap: 18px; }
.erou__fila { display: grid; grid-template-columns: auto 1fr; gap: 4px 10px; padding: 14px 0 0; border: 0; background: none; color: rgba(255, 255, 255, .6); text-align: left; cursor: pointer; font: 600 14px/1.3 var(--sans); transition: color .3s; }
.erou__fila:hover, .erou__fila[aria-selected="true"] { color: #fff; }
.erou__nr { font: 600 12px/1.3 var(--titlu); color: var(--lime); }
.erou__bara { grid-column: 1 / -1; order: -1; height: 2px; background: rgba(255, 255, 255, .22); overflow: hidden; margin-bottom: 8px; }
.erou__bara i { display: block; height: 100%; background: var(--lime); transform: scaleX(0); transform-origin: left; }
.erou__fila[aria-selected="true"] .erou__bara i { animation: bara var(--durata, 7s) linear forwards; }
.erou.pauza .erou__fila[aria-selected="true"] .erou__bara i { animation-play-state: paused; }
.erou__fila.trecut .erou__bara i { transform: scaleX(1); }
@keyframes bara { to { transform: scaleX(1); } }

/* ---------- Cifre ---------- */
.cifre { background: var(--grafit); color: #fff; padding: 0 var(--margine); border-top: 1px solid var(--linie-deschis); }
.cifre__lista { list-style: none; margin: 0 auto; padding: 0; max-width: var(--latime); display: grid; grid-template-columns: repeat(6, 1fr); }
.cifre__lista li { padding: 36px 20px 38px; border-left: 1px solid var(--linie-deschis); }
.cifre__lista li:first-child { border-left: 0; padding-left: 0; }
.cifre__lista strong { display: block; white-space: nowrap; font: 650 clamp(26px, 2.6vw, 40px)/1 var(--titlu); letter-spacing: -.03em; margin-bottom: 10px; color: #fff; }
.cifre__lista li:nth-child(odd) strong { color: var(--lime); }
.cifre__lista strong small { font-size: .55em; letter-spacing: 0; margin-left: 2px; }
.cifre__lista li > span { display: block; font-size: 14px; line-height: 1.4; color: rgba(255, 255, 255, .62); }
/* cifrele și textul de sub ele pe mijlocul fiecărei coloane, textul pe un rând */
.cifre__lista li, .cifre__lista li:first-child { padding-left: 12px; padding-right: 12px; text-align: center; }
.cifre__lista li > span { white-space: nowrap; font-size: clamp(12.5px, 1vw, 14px); }

/* ---------- Soluția după consum ---------- */
.solutii { background: var(--hartie); }
.consum { padding: clamp(22px, 3vw, 40px); border-radius: 28px; background: #fff; box-shadow: var(--umbra), 0 0 0 1px var(--linie); }
.consum__intrebare { margin: 0 0 14px; font: 650 13px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--text-2); }
.consum__optiuni { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); padding: 6px; border-radius: 20px; background: var(--hartie); isolation: isolate; }
.consum__opt { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 16px 10px; border: 0; border-radius: 15px; background: none; cursor: pointer; transition: color .3s; }
.consum__opt span { font: 650 clamp(17px, 2vw, 24px)/1.15 var(--titlu); letter-spacing: -.02em; }
.consum__opt small { font-size: 13px; color: var(--text-3); transition: color .3s; }
.consum__opt[aria-checked="true"] { color: #fff; }
.consum__opt[aria-checked="true"] small { color: rgba(255, 255, 255, .65); }
.consum__glisor { position: absolute; z-index: 0; top: 6px; bottom: 6px; left: 6px; width: calc((100% - 12px) / 3); border-radius: 15px; background: var(--grafit); box-shadow: 0 10px 24px -10px rgba(15, 18, 20, .6); transition: transform .5s var(--lin); }
.consum__glisor::after { content: ""; position: absolute; left: 22%; right: 22%; bottom: 8px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, var(--lime) 50%, var(--albastru) 50%); }
.consum__solutii { list-style: none; margin: 22px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.solutie { transition: opacity .45s, transform .5s var(--lin), filter .45s; }
.solutie[data-ascuns] { transform: scale(.97); }
.solutie[data-ascuns] .solutie__poza, .solutie[data-ascuns] .solutie__sageata { opacity: .3; filter: grayscale(1); } /* doar poza se estompează: textul rămâne lizibil (contrast) */
.solutie__poza, .solutie__sageata { transition: opacity .45s, filter .45s; }
.solutie a { display: flex; flex-direction: column; height: 100%; border-radius: 20px; overflow: hidden; background: var(--hartie); text-decoration: none; transition: box-shadow .3s, transform .3s var(--lin); }
.solutie:not([data-ascuns]) a:hover { transform: translateY(-3px); box-shadow: var(--umbra); }
.solutie__poza { display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.solutie__poza img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--lin); }
.solutie a:hover .solutie__poza img { transform: scale(1.05); }
.solutie__text { display: block; padding: 20px 22px 8px; flex: 1; }
.solutie__text strong { display: block; font: 650 19px/1.25 var(--titlu); letter-spacing: -.015em; margin-bottom: 6px; }
.solutie__text span { display: block; font-size: 15px; line-height: 1.42; color: var(--text-2); }
.solutie__sageata { padding: 8px 22px 22px; }
.solutie__sageata .icon { width: 36px; height: 36px; padding: 8px; border-radius: 50%; background: var(--grafit); color: var(--lime); transition: transform .3s var(--lin); }
.solutie a:hover .solutie__sageata .icon { transform: translateX(4px); }
.consum__jos { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 26px; }
.consum__jos p { margin: 0; color: var(--text-3); font-size: 14.5px; }

/* ---------- Arii de expertiză ---------- */
.arii { padding-bottom: var(--sectiune); }
.arii__lista { list-style: none; margin: 0; padding: 0; display: flex; gap: 14px; height: clamp(460px, 60vh, 620px); }
.arie { position: relative; flex: 1; min-width: 0; border-radius: 24px; overflow: hidden; isolation: isolate; cursor: pointer; transition: flex 0.8s var(--lin); }
.arie.deschis { flex: 3.4; cursor: default; }
.arie__poza { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transform: scale(1.08); transition: transform 1.4s var(--lin); }
.arie.deschis .arie__poza { transform: scale(1); }
.arie::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(15, 18, 20, .15) 0%, rgba(15, 18, 20, .2) 40%, rgba(15, 18, 20, .9) 100%); transition: background .6s; }
.arie:not(.deschis)::after { background: linear-gradient(180deg, rgba(15, 18, 20, .45), rgba(15, 18, 20, .82)); }
.arie__in { position: absolute; inset: auto 0 0; padding: clamp(20px, 2.6vw, 36px); }
.arie__nr { display: block; font: 600 13px/1 var(--titlu); color: var(--lime); margin-bottom: 14px; }
.arie__titlu { display: flex; align-items: center; gap: 12px; font-size: clamp(22px, 2.3vw, 34px); margin: 0; white-space: nowrap; }
.arie__titlu .icon { width: 30px; height: 30px; color: var(--lime); stroke-width: 1.5; }
.arie__detalii { max-height: 0; overflow: hidden; opacity: 0; transition: max-height .7s var(--lin), opacity .4s; }
.arie.deschis .arie__detalii { max-height: 600px; opacity: 1; transition-delay: .25s; }
.arie__detalii p { margin: 16px 0 22px; color: rgba(255, 255, 255, .82); font-size: 16px; }
.arie__link { position: absolute; inset: 0; z-index: 1; }
.arie.deschis .arie__link { display: none; }
.arie:not(.deschis) .arie__titlu { writing-mode: vertical-rl; transform: rotate(180deg); }
.arie:not(.deschis) .arie__titlu .icon { transform: rotate(90deg); }

/* ---------- Carburant ---------- */
.carburant { background: #fff; }
.carburant__grila { display: grid; grid-template-columns: .9fr 1.4fr; gap: clamp(40px, 6vw, 96px); align-items: center; }
.carburant__text p { color: var(--text-2); margin-bottom: 30px; }
.produse { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.produs a { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; min-height: 380px; padding: 26px 24px; border-radius: 22px; color: #fff; text-decoration: none; overflow: hidden; isolation: isolate; transition: transform .45s var(--lin), box-shadow .45s; }
.produs a::before { content: ""; position: absolute; inset: 0; z-index: -1; background: repeating-linear-gradient(135deg, transparent 0 22px, rgba(255, 255, 255, .07) 22px 23px); }
.produs a:hover { transform: translateY(-6px); box-shadow: 0 30px 50px -24px rgba(15, 18, 20, .6); }
.produs--actis a { background: var(--actis); color: var(--grafit); }
.produs--actis a::before { background: repeating-linear-gradient(135deg, transparent 0 22px, rgba(22, 25, 28, .08) 22px 23px); }
.produs--fortis a { background: var(--fortis); }
.produs--optim a { background: var(--grafit-2); }
.produs__marca { font: 700 clamp(30px, 3vw, 44px)/1 var(--titlu); letter-spacing: .02em; }
.produs__marca small { display: block; font-size: 12px; letter-spacing: .3em; margin-bottom: 8px; opacity: .8; }
.produs__text { font-size: 15px; line-height: 1.42; opacity: .9; }
.produs__sageata .icon { width: 40px; height: 40px; padding: 10px; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--grafit); transition: transform .3s var(--lin); }
.produs a:hover .produs__sageata .icon { transform: translateX(5px); }

/* ---------- Lanț logistic ---------- */
.lant { background: var(--hartie); }
.lant__pasi { position: relative; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; counter-reset: pas; }
.lant__pasi::before, .lant__pasi::after { content: ""; position: absolute; left: 36px; right: 36px; top: 35px; height: 3px; background: var(--hartie-2); }
.lant__pasi::after { background: linear-gradient(90deg, var(--lime), var(--albastru)); transform: scaleX(var(--progres, 0)); transform-origin: left; transition: transform 1.8s var(--lin); }
.lant__pasi.vizibil { --progres: 1; }
.lant__pas { position: relative; z-index: 1; }
.lant__cerc { display: grid; place-items: center; width: 72px; height: 72px; margin-bottom: 22px; border-radius: 50%; background: var(--grafit); color: var(--lime); box-shadow: 0 0 0 8px var(--hartie); transform: scale(.6); opacity: 0; transition: transform .7s var(--lin), opacity .5s; }
.lant__cerc .icon { width: 30px; height: 30px; stroke-width: 1.5; }
.lant__pasi.vizibil .lant__cerc { transform: none; opacity: 1; }
.lant__pasi.vizibil .lant__pas:nth-child(2) .lant__cerc { transition-delay: .35s; }
.lant__pasi.vizibil .lant__pas:nth-child(3) .lant__cerc { transition-delay: .7s; }
.lant__pasi.vizibil .lant__pas:nth-child(4) .lant__cerc { transition-delay: 1.05s; background: var(--lime); color: var(--grafit); }
.lant__pas strong { display: block; font: 650 22px/1.2 var(--titlu); letter-spacing: -.02em; margin-bottom: 8px; }
.lant__pas > span:not(.lant__cerc) { display: block; color: var(--text-2); font-size: 15.5px; max-width: 30ch; }

/* ---------- Rețea (teaser) ---------- */
.retea-teaser { position: relative; padding: var(--sectiune) var(--margine); background: radial-gradient(120% 90% at 85% 40%, #22292e 0%, var(--carbune) 62%); color: #fff; overflow: hidden; }
.retea-teaser__in { max-width: var(--latime); margin: 0 auto; display: grid; grid-template-columns: 1fr 1.15fr; gap: clamp(32px, 5vw, 80px); align-items: center; }
.retea-teaser__in > * { min-width: 0; }
.retea-teaser__tipuri { list-style: none; margin: 8px 0 30px; padding: 0; display: flex; flex-wrap: wrap; gap: 12px 28px; }
.retea-teaser__tipuri li { display: flex; align-items: center; gap: 12px; color: rgba(255, 255, 255, .78); font-size: 15.5px; }
.retea-teaser__tipuri strong { color: #fff; font: 650 20px/1 var(--titlu); }
.retea-teaser__tipuri img { width: 34px; height: 34px; padding: 4px; border-radius: 50%; background: #fff; }
.retea-teaser__cauta { position: relative; display: flex; align-items: center; gap: 8px; padding: 6px 6px 6px 18px; border-radius: 99px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); max-width: 540px; transition: border-color .3s, background .3s; }
.retea-teaser__cauta:focus-within { border-color: var(--lime); background: rgba(255, 255, 255, .12); }
.retea-teaser__cauta > .icon { color: rgba(255, 255, 255, .6); }
.retea-teaser__cauta input { flex: 1; min-width: 0; height: 48px; border: 0; background: none; color: #fff; font-size: 16px; outline: none; }
.retea-teaser__cauta input::placeholder { color: rgba(255, 255, 255, .5); }
.retea-teaser__aproape { display: inline-flex; align-items: center; gap: 10px; margin-top: 18px; color: var(--lime); font-weight: 600; font-size: 15px; text-decoration: none; }
.retea-teaser__aproape:hover { text-decoration: underline; text-underline-offset: 4px; }
.romania { width: 100%; height: auto; overflow: visible; }
.romania__contur { fill: rgba(255, 255, 255, .035); stroke: rgba(255, 255, 255, .35); stroke-width: 1.2; stroke-linejoin: round; }
.romania__punct { fill: var(--lime); stroke: var(--carbune); stroke-width: 1.4; opacity: 0; transform-box: fill-box; transform-origin: center; transform: scale(0); transition: opacity .4s, transform .6s var(--lin); }
.romania__punct--dpa { fill: var(--albastru); }
.romania.vizibil .romania__punct { opacity: 1; transform: none; }
.romania.vizibil .romania__punct:nth-child(3n) { animation: puls 3.2s ease-in-out infinite; }
@keyframes puls { 50% { opacity: .5; } }

/* ---------- Noutăți (acasă) ---------- */
.noutati-acasa { background: #fafafa; }
.stiri { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1.5fr 1fr 1fr; grid-template-rows: auto auto; gap: 28px 24px; }
.stire--mare { grid-row: span 2; }
.stire a { display: block; text-decoration: none; }
.stire__poza { display: block; aspect-ratio: 16 / 10; border-radius: 18px; overflow: hidden; margin-bottom: 16px; background: var(--hartie-2); }
.stire--mare .stire__poza { aspect-ratio: 4 / 3.4; }
.stire__poza img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--lin); }
.stire a:hover .stire__poza img { transform: scale(1.05); }
.stire time { display: block; font: 600 12.5px/1 var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--text-3); margin-bottom: 8px; }
.stire strong { display: block; font: 600 18px/1.3 var(--titlu); letter-spacing: -.015em; transition: color .2s; }
.stire--mare strong { font-size: clamp(22px, 2.2vw, 30px); }
.stire a:hover strong { color: var(--albastru-2); }
.stiri .stire:nth-child(4) { grid-column: 2 / span 2; }
.stiri .stire:nth-child(4) a { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; align-items: center; }
.stiri .stire:nth-child(4) .stire__poza { grid-row: span 2; margin: 0; }

/* ---------- 404 / în lucru ---------- */
.pagina-404 { min-height: 72vh; display: grid; align-items: center; padding-top: calc(var(--antet) + 60px); }
.pagina-404__butoane { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }

/* ---------- Subsol ---------- */
.subsol { background: var(--carbune); color: rgba(255, 255, 255, .7); }
.subsol__chemare { padding: var(--sectiune) var(--margine); background: var(--grafit); border-bottom: 1px solid var(--linie-deschis); position: relative; overflow: hidden; }
.subsol__chemare::after { content: ""; position: absolute; right: -80px; top: 50%; width: 520px; height: 520px; transform: translate(var(--bx, 0px), calc(-50% + var(--by, 0px))) rotate(var(--br, 0deg)) scale(var(--bs, 1)); background: url("../img/semn.svg") no-repeat center / contain; opacity: var(--bo, .09); transition: transform 1.1s cubic-bezier(.2, .8, .2, 1), opacity .6s; pointer-events: none; }
.subsol__chemare-in { position: relative; z-index: 1; max-width: var(--latime); margin: 0 auto; }
.subsol__titlu { font: 650 clamp(32px, 4.4vw, 60px)/1.05 var(--titlu); letter-spacing: -.02em; color: #fff; margin-bottom: 34px; }
.subsol__titlu em { font-style: normal; color: var(--lime); }
.subsol__butoane { display: flex; flex-wrap: wrap; gap: 12px; }
.subsol__in { max-width: calc(var(--latime) + 2 * var(--margine)); margin: 0 auto; padding: var(--sectiune) var(--margine); display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.3fr; gap: 40px; }
.subsol__marca img { width: 180px; margin-bottom: 20px; }
.subsol__marca p { font-size: 15px; max-width: 34ch; }
.subsol__grup { display: inline-block; margin-top: 4px; font-size: 14px; color: rgba(255, 255, 255, .6); text-decoration: none; }
.subsol__grup strong { color: #fff; }
.subsol__cap { font: 650 12.5px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: #fff; margin-bottom: 12px; }
.subsol__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; } /* rânduri mai strânse (Mihai: −50%) */
.subsol__col a { text-decoration: none; font-size: 15px; transition: color .2s; }
.subsol__col a:hover { color: var(--lime); }
.subsol__contact a, .subsol__adresa { display: inline-flex; align-items: flex-start; gap: 10px; font-size: 15px; }
.subsol__contact .icon { width: 17px; height: 17px; margin-top: 3px; color: var(--lime); }
.subsol__retele { display: flex; gap: 8px; margin-top: 22px; }
.subsol__retele a { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--linie-deschis); transition: border-color .2s, color .2s; }
.subsol__retele a:hover { border-color: var(--lime); color: var(--lime); }
.subsol__retele .icon { width: 18px; height: 18px; }
.subsol__jos { width: min(var(--latime), 100% - 2 * var(--margine)); margin: 0 auto; padding: 22px 0 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; border-top: 1px solid var(--linie-deschis); font-size: 13.5px; color: rgba(255, 255, 255, .5); }
.subsol__jos p { margin: 0; }
.subsol__jos ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; }
.subsol__jos a { text-decoration: none; }
.subsol__jos a:hover { color: #fff; }

/* ---------- Apariția la derulare ---------- */
.js .dezvaluie { opacity: 0; transform: translateY(22px); transition: opacity .8s var(--lin), transform .9s var(--lin); }
.js .dezvaluie.vizibil { opacity: 1; transform: none; }

/* ---------- Ecrane mai mici ---------- */
/* meniul are aceeași lățime ca restul paginii (--latime); „Găsește o stație” e doar iconiță pe desktop, ca să intre tot;
   sub 1280 px meniul de telefon (burger) */
.antet__statie span { display: none; }
.antet__statie { width: 42px; padding: 0; justify-content: center; }
.antet__in { gap: 20px; }
.nav__lista > li > a, .nav__deschide { padding: 0 11px; font-size: 14.5px; }
@media (max-width: 1440px) {
  .antet__in { gap: 14px; }
  .nav__lista > li > a, .nav__deschide { padding: 0 9px; font-size: 14px; }
}
@media (max-width: 1280px) {
  :root { --antet: 72px; }
  .antet__meniu { display: block; }
  .antet__cta { display: none; }
  .nav { position: fixed; inset: 0; z-index: -1; display: block; padding: calc(var(--antet) + 16px) var(--margine) 32px; background: var(--grafit); color: #fff; overflow-y: auto; overscroll-behavior: contain; opacity: 0; visibility: hidden; transform: translateY(-12px); transition: opacity .35s, transform .45s var(--lin), visibility 0s .45s; }
  .meniu-deschis .nav { opacity: 1; visibility: visible; transform: none; transition: opacity .35s, transform .45s var(--lin); }
  html.meniu-deschis { overflow: hidden; scroll-behavior: auto; }
  body.meniu-deschis { position: fixed; left: 0; right: 0; width: 100%; overflow: hidden; }
  .meniu-deschis .antet { background: transparent !important; color: #fff !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; transform: none; filter: none; }
  .meniu-deschis .antet .antet__logo-alb { opacity: 1 !important; }
  .meniu-deschis .antet .antet__logo-inchis { opacity: 0 !important; }
  .nav__lista { flex-direction: column; align-items: stretch; gap: 0; }
  .nav__lista > li > a[aria-current]::after, .nav__deschide[data-activ]::after { display: none; }
  .nav__lista > li { border-bottom: 1px solid var(--linie-deschis); }
  .nav__lista > li > a, .nav__deschide { width: 100%; height: auto; padding: 18px 0 !important; justify-content: space-between; font: 600 21px/1.2 var(--titlu); letter-spacing: -.015em; border-radius: 0; background: none !important; box-shadow: none !important; }
  .nav__lista > li > a[aria-current], .nav__deschide[data-activ] { color: var(--lime); }
  .nav__acasa a { width: 100%; justify-content: flex-start !important; gap: 12px; }
  .nav__acasa span { position: static; width: auto; height: auto; clip: auto; overflow: visible; }
  .panou, .panou--arii, .panou--mic { position: static; width: auto; display: none; padding: 0 0 16px; transform: none; opacity: 1; visibility: visible; background: none; color: #fff; box-shadow: none; transition: none; }
  .nav__deschide[aria-expanded="true"] + .panou { display: block; transform: none; }
  .panou__servicii { grid-template-columns: 1fr; }
  .panou__servicii a:hover, .panou__servicii a[aria-current], .panou__simplu a:hover, .panou__simplu a[aria-current] { background: rgba(255, 255, 255, .06); }
  .panou__servicii small { color: rgba(255, 255, 255, .6); }
  .panou__servicii .icon { background: rgba(255, 255, 255, .08); }
  .panou__oferta { display: none; }
  .panou__arii { grid-template-columns: 1fr 1fr; }
  .panou__arii a { aspect-ratio: 16 / 10; }
  .nav__mobil-jos { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-top: 28px; }
  .nav__tel { display: inline-flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; font-weight: 600; }
  .nav__tel .icon { color: var(--lime); }
  .cifre__lista { grid-template-columns: repeat(3, 1fr); }
  .cifre__lista li:nth-child(4) { border-left: 0; }
  .cifre__lista li:nth-child(n+4) { border-top: 1px solid var(--linie-deschis); }
  .carburant__grila { grid-template-columns: 1fr; }
  .subsol__in { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
  .erou__file { grid-template-columns: repeat(5, 1fr); gap: 10px; }
  .erou__nume { display: none; }
  .consum__solutii { grid-template-columns: 1fr; }
  .solutie a { flex-direction: row; align-items: stretch; }
  .solutie__poza { width: 34%; aspect-ratio: auto; flex: none; }
  .solutie__text { padding: 16px 16px 16px 18px; }
  .solutie__sageata { display: none; }
  .solutie[data-ascuns] { display: none; }
  .arii__lista { flex-direction: column; height: auto; }
  .arie, .arie.deschis { flex: none; min-height: 132px; transition: min-height .7s var(--lin); }
  .arie.deschis { min-height: 440px; }
  .arie:not(.deschis) .arie__titlu { writing-mode: horizontal-tb; transform: none; }
  .arie:not(.deschis) .arie__titlu .icon { transform: none; }
  .produse { grid-template-columns: 1fr; }
  .produs a { min-height: 0; flex-direction: row; align-items: center; flex-wrap: wrap; }
  .produs__text { flex: 1 1 100%; order: 3; }
  /* iconița în stânga, titlul lângă ea, textul dedesubt din stânga (regula lui Mihai) */
  .lant__pasi { grid-template-columns: 1fr; gap: 10px; }
  .lant__pasi::before, .lant__pasi::after { display: none; }
  .lant__pas { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 0 14px; padding: 16px; border-radius: 16px; background: var(--hartie); }
  .lant__cerc { width: 48px; height: 48px; margin: 0; box-shadow: none; }
  .lant__cerc .icon { width: 24px; height: 24px; }
  .lant__pas strong { margin: 0; font-size: 18px; }
  .lant__pas > span:not(.lant__cerc) { grid-column: 1 / -1; margin-top: 8px; max-width: none; }
  .retea-teaser__in { grid-template-columns: 1fr; }
  .retea-teaser__harta { order: -1; max-width: 560px; }
  .stiri { grid-template-columns: 1fr 1fr; }
  .stire--mare { grid-column: 1 / -1; grid-row: auto; }
  .stiri .stire:nth-child(4) { grid-column: auto; }
  .stiri .stire:nth-child(4) a { display: block; }
  .stiri .stire:nth-child(4) .stire__poza { margin-bottom: 16px; }
}
@media (max-width: 640px) {
  body { font-size: 16px; }
  .antet__logo { width: 164px; }
  .antet__limba, .antet__statie, .antet__meniu { width: 36px; height: 36px; }
  .antet__limba { font-size: 12px; }
  .antet__statie .icon { width: 17px; height: 17px; }
  .antet__burger { width: 16px; gap: 4px; }
  .meniu-deschis .antet__burger i:first-child { transform: translateY(3px) rotate(45deg); }
  .meniu-deschis .antet__burger i:last-child { transform: translateY(-3px) rotate(-45deg); }
  .antet__actiuni { gap: 8px; }
  .erou { min-height: max(600px, 100svh); }
  .erou__in { padding-left: calc(var(--margine) + 22px); padding-bottom: 24px; }
  .erou__linii i { left: calc(var(--margine) - 4px); }
  .erou__linii i + i { left: calc(var(--margine) + 2px); }
  .erou__file { padding-left: calc(var(--margine) + 22px); padding-bottom: 24px; gap: 8px; }
  .erou__umbra { background: linear-gradient(180deg, rgba(15, 18, 20, .55) 0%, rgba(15, 18, 20, .25) 30%, rgba(15, 18, 20, .75) 62%, rgba(15, 18, 20, .95) 100%); }
  .erou__butoane .buton { flex: 1 1 auto; justify-content: space-between; }
  .cifre__lista { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .cifre__lista li > span { white-space: normal; }
  .cifre__lista li, .cifre__lista li:first-child { padding: 24px 8px; }
  .cifre__lista li:nth-child(odd) { border-left: 0; }
  .cifre__lista li:nth-child(4) { border-left: 1px solid var(--linie-deschis); }
  .cifre__lista li:nth-child(n+3) { border-top: 1px solid var(--linie-deschis); }
  .consum { padding: 14px; border-radius: 22px; }
  .consum__opt { padding: 12px 4px; }
  .consum__opt span { font-size: 15px; }
  .consum__jos .buton { width: 100%; justify-content: space-between; }
  .stiri { grid-template-columns: 1fr; }
  .retea-teaser__cauta { padding-left: 14px; }
  .retea-teaser__cauta .buton { padding: 0 6px 0 14px; gap: 8px; }
  .subsol__in { grid-template-columns: 1fr; gap: 32px; }
  .subsol__butoane .buton { width: 100%; justify-content: space-between; }
}
@media (max-width: 370px) {
  .antet__logo { width: 142px; }
  .antet__limba, .antet__statie, .antet__meniu { width: 34px; height: 34px; }
  .antet__in { gap: 10px; }
  .antet__actiuni { gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .js .dezvaluie { opacity: 1; transform: none; }
  .romania__punct { opacity: 1; transform: none; }
  .lant__cerc { opacity: 1; transform: none; }
}

/* ---------- Despre: filmul de prezentare ---------- */
.film { background: var(--grafit); color: #fff; padding-top: var(--antet); }
.film__cadru { position: relative; margin: 0 auto; width: min(100%, 1920px, calc((100svh - var(--antet)) * 16 / 9)); aspect-ratio: 16 / 9; }
.film__video { width: 100%; height: 100%; object-fit: cover; background: var(--grafit); -webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); }
.film__control { position: absolute; right: clamp(16px, 4%, 64px); bottom: clamp(14px, 4%, 52px); display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 16px 0 14px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 99px; background: rgba(22, 25, 28, .6); color: rgba(255, 255, 255, .85); font: 600 13px/1 var(--sans); letter-spacing: .04em; cursor: pointer; transition: border-color .25s, background .25s; }
.film__control::before { content: ""; width: 10px; height: 12px; border-left: 3px solid currentColor; border-right: 3px solid currentColor; }
.film__control[aria-pressed="true"]::before { width: 0; height: 0; border: 0; border-left: 10px solid currentColor; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.film__control:hover { border-color: #fff; background: rgba(22, 25, 28, .85); }
.film__porneste, .film__control[aria-pressed="true"] .film__pauza { display: none; }
.film__control[aria-pressed="true"] .film__porneste { display: inline; }
.film__text { max-width: calc(var(--latime) + 2 * var(--margine)); margin: 0 auto; padding: clamp(40px, 5vw, 72px) var(--margine) clamp(56px, 6vw, 88px); display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; border-top: 1px solid var(--linie-deschis); } /* titlul pe un rând, textul dedesubt (Mihai, 2026-10-28) */
.film__text .eticheta { grid-column: 1 / -1; margin: 0; }
.film__titlu { font-size: var(--erou-titlu); line-height: 1.04; margin: 0; text-wrap: pretty; }
.film__titlu em { font-style: normal; color: var(--lime); }
.film__intro { margin: 0; font-size: var(--erou-intro); color: rgba(255, 255, 255, .7); }

.despre-intro { background: var(--hartie); }
.despre-intro .despre-intro__mare { font: 500 clamp(18px, 1.5vw, 22px)/1.42 var(--sans); color: var(--text); }
.despre-intro .titlu { margin-bottom: 20px; }
.doua.despre-intro__rand { align-items: stretch; } /* poza cât coloana de text, aliniată sus și jos */
.despre-intro__text { align-self: start; }
.despre-intro__text p { color: var(--text-2); }
.despre-intro__text p:last-child { margin-bottom: 0; }
.despre-intro__text strong, .despre-intro__carduri strong { color: var(--grafit); font-weight: 650; }
.cf-concept.despre-intro__carduri { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.despre-intro .titlu { text-wrap: pretty; }
.despre-intro__mare a { color: inherit; text-decoration-color: var(--lime); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.despre-intro__poza { position: relative; margin: 0; border-radius: 24px; overflow: hidden; min-height: 340px; }
.despre-intro__poza img { position: absolute; inset: 0; }
.despre-intro__poza img { width: 100%; height: 100%; object-fit: cover; }
.despre-intro__poza figcaption { position: absolute; left: 16px; bottom: 16px; display: grid; gap: 4px; padding: 18px 22px; border-radius: 16px; background: var(--grafit); color: #fff; max-width: 260px; }
.despre-intro__poza figcaption strong { font: 650 30px/1 var(--titlu); letter-spacing: -.03em; color: var(--lime); }
.despre-intro__poza figcaption span { font-size: 14px; line-height: 1.4; color: rgba(255, 255, 255, .7); }

.principii { background: var(--hartie); padding-top: var(--sectiune); }
.principii__lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.principiu { position: relative; padding: clamp(28px, 3vw, 40px); border-radius: 22px; background: #fff; box-shadow: 0 0 0 1px var(--linie); }
.principiu::before { content: ""; position: absolute; left: clamp(28px, 3vw, 40px); top: 0; width: 44px; height: 8px; background: linear-gradient(var(--lime) 0 3px, transparent 3px 5px, var(--albastru) 5px 8px); }
.principiu__nr { display: block; font: 650 13px/1 var(--sans); letter-spacing: .14em; color: var(--text-2); margin: 6px 0 22px; }
.principiu__titlu { font-size: clamp(24px, 2vw, 30px); margin-bottom: 14px; }
.principiu p { margin: 0; color: var(--text-2); font-size: 16px; }

.valori__grila { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.valori__cap .eticheta, .valori__cap .titlu { margin: 0; }
.valori__cap.bloc__cap .valori__intro { color: rgba(255, 255, 255, .72); margin: 0; }
.valori__cap.bloc__cap .eticheta--deschis { color: rgba(255, 255, 255, .78); }
.valori__lista { list-style: none; margin: 0; padding: 0; counter-reset: v; }
.valoare { border-top: 1px solid var(--linie-deschis); }
.valoare:last-child { border-bottom: 1px solid var(--linie-deschis); }
.valoare h3 { margin: 0; }
.valoare__btn { width: 100%; display: flex; align-items: baseline; gap: 20px; padding: clamp(18px, 2.2vw, 28px) 0; border: 0; background: none; color: #fff; text-align: left; cursor: pointer; }
.valoare__nr { font: 600 14px/1 var(--sans); color: var(--lime); letter-spacing: .06em; flex: none; width: 26px; }
.valoare__nume { flex: 1; min-width: 0; font: 650 clamp(26px, 4.6vw, 72px)/1 var(--titlu); letter-spacing: -.02em; transition: color .35s, transform .45s var(--lin); }
.valoare--lime .valoare__nume { color: var(--lime); }
.valoare--albastru .valoare__nume { color: var(--albastru); }
.valoare:not(.deschis) .valoare__nume { color: rgba(255, 255, 255, .38); }
.valoare__btn:hover .valoare__nume { transform: translateX(6px); color: #fff; }
.valoare__semn { position: relative; width: 22px; height: 22px; flex: none; align-self: center; }
.valoare__semn::before, .valoare__semn::after { content: ""; position: absolute; left: 0; right: 0; top: 10px; height: 2px; background: currentColor; transition: transform .35s var(--lin); }
.valoare__semn::after { transform: rotate(90deg); }
.valoare.deschis .valoare__semn::after { transform: rotate(0); }
.valoare__text { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .5s var(--lin); }
.valoare.deschis .valoare__text { grid-template-rows: 1fr; }
.valoare__text > div { overflow: hidden; }
.valoare__text p { margin: 0 0 clamp(22px, 2.4vw, 32px) 46px; color: rgba(255, 255, 255, .72); font-size: 17px; }

.lume { position: relative; min-height: clamp(460px, 62vw, 760px); display: flex; align-items: flex-end; color: #fff; isolation: isolate; overflow: hidden; }
.lume__poza { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.lume::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(15, 18, 20, .1) 20%, rgba(15, 18, 20, .82) 88%); }
.lume__in { width: 100%; max-width: calc(var(--latime) + 2 * var(--margine)); margin: 0 auto; padding: 0 var(--margine) clamp(48px, 6vw, 88px); }
.lume__titlu { font-size: clamp(30px, 3.8vw, 54px); max-width: 22ch; text-wrap: balance; }
.lume__in p { max-width: 54ch; color: rgba(255, 255, 255, .8); margin: 0; }

.istoric { background: var(--hartie); }

.despre-mai { background: var(--hartie); padding-top: 0; }
.despre-mai__grila { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.mai { position: relative; display: flex; align-items: flex-end; gap: 16px; min-height: 340px; padding: 26px; border-radius: 22px; overflow: hidden; color: #fff; text-decoration: none; isolation: isolate; }
.mai__poza { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .8s var(--lin); }
.mai::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 30%, rgba(15, 18, 20, .85)); }
.mai:hover .mai__poza { transform: scale(1.05); }
/* cardul Rețeaua OSCAR: harta animată în loc de poză */
.mai--harta { background: radial-gradient(120% 90% at 70% 30%, #22292e 0%, var(--carbune) 70%); }
.mai__harta { position: absolute; inset: 18px 22px 92px; z-index: -2; display: grid; place-items: center; transition: transform .8s var(--lin); }
.mai__harta .romania { width: 100%; height: 100%; }
.mai--harta:hover .mai__harta { transform: scale(1.04); }
.mai__text { flex: 1; display: grid; gap: 6px; }
.mai__text strong { font: 650 26px/1.1 var(--titlu); letter-spacing: -.02em; }
.mai__text span { font-size: 15px; color: rgba(255, 255, 255, .78); }
.mai__sageata .icon { width: 44px; height: 44px; padding: 11px; border-radius: 50%; background: var(--lime); color: var(--grafit); transition: transform .35s var(--lin); }
.mai:hover .mai__sageata .icon { transform: translateX(4px); }

@media (max-width: 900px) {
  .film__text { grid-template-columns: 1fr; }
  .principii__lista, .despre-mai__grila { grid-template-columns: 1fr; }
  .despre-intro__poza { min-height: 0; aspect-ratio: 4 / 3; }
  .cf-concept.despre-intro__carduri { grid-template-columns: minmax(0, 1fr); }
  .mai { min-height: 260px; }
}
@media (max-width: 767px) {
  .film__cadru { aspect-ratio: 9 / 16; width: min(100%, calc((100svh - var(--antet)) * 9 / 16)); }
  .film__video { -webkit-mask-image: none; mask-image: none; }
  .film__control { height: 34px; padding: 0 12px; font-size: 12px; }
  .valoare__text p { margin-left: 0; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
}

/* ---------- Noutăți: redacția, totemul și drumul ---------- */
.tema { display: inline-flex; align-items: center; gap: 7px; font: 650 11.5px/1 var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--text-2); }
.tema::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--c, var(--lime)); }
.tema--fortis { --c: var(--fortis); } .tema--actis { --c: var(--actis); } .tema--albastru { --c: var(--albastru); } .tema--lime { --c: var(--lime); }

.redactie { background: var(--grafit); color: #fff; padding: calc(var(--antet) + clamp(24px, 3vw, 40px)) var(--margine) var(--sectiune); position: relative; overflow: hidden; }
.redactie::before { content: ""; position: absolute; left: 50%; top: -30%; width: 1100px; height: 1100px; transform: translateX(-10%); border-radius: 50%; border: 1px dashed rgba(255, 255, 255, .06); pointer-events: none; }
.redactie__in { position: relative; max-width: var(--latime); margin: 0 auto; }
.redactie__cap { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px 64px; flex-wrap: wrap; margin-bottom: clamp(28px, 3.5vw, 48px); }
.redactie__titlu { font-size: var(--erou-titlu); line-height: 1.04; margin: 0; letter-spacing: -.02em; }
.redactie__titlu em { font-style: normal; color: var(--lime); }
.redactie__intro { max-width: 40ch; margin: 0; color: rgba(255, 255, 255, .68); font-size: var(--erou-intro); }
.redactie__grila { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, 1fr); gap: 20px; }

.lead__link { display: flex; flex-direction: column; height: 100%; border-radius: 26px; overflow: hidden; color: #fff; text-decoration: none; background: #1f2427; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); }
.lead__poza { display: block; aspect-ratio: 16 / 7.4; overflow: hidden; background: #0d1012; }
.lead__poza img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--lin); }
.lead__link:hover .lead__poza img { transform: scale(1.03); }
.lead__text { flex: 1; display: grid; align-content: center; gap: 10px; padding: clamp(20px, 2.2vw, 30px) clamp(22px, 2.6vw, 36px); }
.lead__meta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.lead__meta .tema { color: rgba(255, 255, 255, .85); }
.lead__meta time { font: 600 13px/1 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .55); }
.lead__titlu { font: 650 clamp(24px, 2.6vw, 38px)/1.1 var(--titlu); letter-spacing: -.03em; text-wrap: balance; transition: color .2s; }
.lead__link:hover .lead__titlu { color: var(--lime); }
.lead__rezumat { color: rgba(255, 255, 255, .68); font-size: 16px; max-width: 70ch; }
.lead__citeste { display: inline-flex; align-items: center; gap: 10px; font-weight: 650; color: var(--lime); }
.lead__citeste .icon { transition: transform .35s var(--lin); }
.lead__link:hover .lead__citeste .icon { transform: translateX(4px); }

.totem { position: relative; display: flex; flex-direction: column; border-radius: 26px 26px 14px 14px; background: linear-gradient(180deg, #1f2427, #1a1e21); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); overflow: hidden; }
.totem::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 6px; background: linear-gradient(90deg, var(--lime) 0 50%, var(--albastru) 50%); }
.totem__cap { display: flex; align-items: center; gap: 14px; padding: 26px 26px 18px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.totem__semn { width: 34px; height: 34px; }
.totem__cap p { margin: 0; font: 650 13px/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: rgba(255, 255, 255, .8); }
.totem__lista { list-style: none; margin: 0; padding: 0; flex: 1; display: flex; flex-direction: column; }
.totem__lista li { flex: 1; border-bottom: 1px solid rgba(255, 255, 255, .07); }
.totem__lista a { display: flex; gap: 18px; align-items: center; height: 100%; padding: 14px 22px 14px 18px; text-decoration: none; transition: background .25s; }
.totem__lista a:hover { background: rgba(255, 255, 255, .04); }
.totem__data { flex: none; display: grid; justify-items: center; gap: 4px; width: 88px; padding: 10px 0 8px; border-radius: 10px; background: #0d1012 radial-gradient(rgba(195, 214, 59, .1) 1px, transparent 1.4px) 0 0 / 4px 4px; box-shadow: inset 0 0 0 1px rgba(195, 214, 59, .18); }
.totem__data b { font: 700 25px/1 var(--titlu); letter-spacing: .02em; color: var(--lime); text-shadow: 0 0 12px rgba(195, 214, 59, .55); font-variant-numeric: tabular-nums; }
.totem__data small { font: 600 10.5px/1 var(--sans); letter-spacing: .3em; color: rgba(195, 214, 59, .6); padding-left: .3em; }
.totem__text { font: 600 15.5px/1.35 var(--titlu); letter-spacing: -.01em; color: rgba(255, 255, 255, .9); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: color .2s; }
.totem__lista a:hover .totem__text { color: var(--lime); }
.totem__jos { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; font: 600 14px/1 var(--sans); color: rgba(255, 255, 255, .75); text-decoration: none; background: rgba(0, 0, 0, .18); }
.totem__jos .icon { color: var(--lime); }
.totem__jos:hover { color: #fff; }

.filtre-n { position: sticky; top: var(--antet); z-index: 20; background: rgba(243, 244, 240, .92); backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); border-bottom: 1px solid var(--linie); padding: 0 var(--margine); }
.filtre-n__in { max-width: var(--latime); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; padding: 14px 0; }
.filtre-n__teme { display: flex; gap: 8px; flex-wrap: wrap; }
.cip-n { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border: 1px solid var(--linie); border-radius: 99px; background: #fff; font: 600 14px/1 var(--sans); cursor: pointer; transition: background .2s, color .2s, border-color .2s; white-space: nowrap; }
.cip-n i { width: 8px; height: 8px; border-radius: 50%; background: var(--c, var(--lime)); }
.cip-n small { font-size: 12px; color: var(--text-3); font-weight: 600; }
.cip-n--fortis { --c: var(--fortis); } .cip-n--actis { --c: var(--actis); } .cip-n--albastru { --c: var(--albastru); } .cip-n--lime { --c: var(--lime); }
.cip-n:hover { border-color: var(--grafit); }
.cip-n[aria-pressed="true"] { background: var(--grafit); border-color: var(--grafit); color: #fff; }
.cip-n[aria-pressed="true"] small { color: rgba(255, 255, 255, .6); }
.filtre-n__dreapta { display: flex; gap: 8px; flex: none; }
.filtre-n select { height: 40px; padding: 0 34px 0 14px; border: 1px solid var(--linie); border-radius: 99px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316191c' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center / 14px; font: 600 14px/1 var(--sans); appearance: none; cursor: pointer; }
.filtre-n__cauta { position: relative; }
.filtre-n__cauta .icon { position: absolute; left: 13px; top: 11px; width: 18px; height: 18px; color: var(--text-3); }
.filtre-n__cauta input { width: 200px; height: 40px; padding: 0 14px 0 38px; border: 1px solid var(--linie); border-radius: 99px; background: #fff; font-size: 14.5px; }

.drum { background: var(--hartie); padding: var(--sectiune) var(--margine); }
.drum__in { position: relative; max-width: var(--latime); margin: 0 auto; }
.drum__sosea { position: absolute; left: 50%; top: 0; bottom: 30px; width: 14px; margin-left: -7px; border-radius: 7px; background: var(--grafit); overflow: hidden; }
.drum__sosea::before { content: ""; position: absolute; left: 6px; top: 0; bottom: 0; width: 2px; background: repeating-linear-gradient(180deg, rgba(255, 255, 255, .35) 0 14px, transparent 14px 28px); }
.drum__sosea i { position: absolute; left: 6px; top: 0; bottom: 0; width: 2px; background: repeating-linear-gradient(180deg, var(--lime) 0 14px, transparent 14px 28px); transform-origin: top; transform: scaleY(var(--progres, 0)); box-shadow: 0 0 10px rgba(195, 214, 59, .6); }
.drum__an { position: relative; padding-bottom: clamp(24px, 4vw, 56px); }
.drum__an[hidden] { display: none; }
.borna { position: relative; z-index: 2; width: 132px; margin: 0 auto clamp(28px, 3vw, 44px); padding: 34px 0 16px; border-radius: 66px 66px 12px 12px; background: #fff; text-align: center; box-shadow: 0 0 0 6px var(--hartie), 0 18px 40px -18px rgba(15, 18, 20, .35); overflow: hidden; letter-spacing: 0; }
.borna::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 22px; background: var(--lime); }
.borna__an { display: block; font: 700 36px/1 var(--titlu); letter-spacing: -.04em; color: var(--grafit); }
.borna small { display: block; margin-top: 6px; font: 600 12px/1 var(--sans); letter-spacing: .06em; color: var(--text-3); }
.drum__lista { list-style: none; margin: 0; padding: 0 0 70px; display: grid; grid-template-columns: 1fr 1fr; column-gap: 112px; row-gap: 24px; }
.drum-art { position: relative; }
.drum-art--dreapta { translate: 0 70px; }
.drum-art[hidden] { display: none; }
.drum-art::before { content: ""; position: absolute; top: calc(50% - 9px); right: -64px; width: 18px; height: 18px; border-radius: 50%; background: var(--hartie); border: 4px solid var(--grafit); z-index: 1; transition: background .3s, transform .3s var(--lin); }
.drum-art::after { content: ""; position: absolute; top: calc(50% - 1px); right: -46px; width: 46px; height: 2px; background: var(--linie); }
.drum-art--dreapta::before { right: auto; left: -64px; }
.drum-art--dreapta::after { right: auto; left: -46px; }
.drum-art:hover::before { background: var(--lime); transform: scale(1.2); }
.drum-art a { display: grid; grid-template-columns: minmax(150px, 40%) 1fr; gap: 6px 20px; align-items: center; padding: 10px; border-radius: 20px; background: #fff; box-shadow: 0 0 0 1px var(--linie); text-decoration: none; transition: transform .35s var(--lin), box-shadow .35s; }
.drum-art a:hover { transform: translateY(-3px); box-shadow: 0 0 0 1px var(--linie), var(--umbra); }
.drum-art__poza { grid-row: span 3; align-self: stretch; min-height: 150px; border-radius: 13px; overflow: hidden; background: var(--hartie-2); }
.drum-art__poza img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--lin); }
.drum-art a:hover .drum-art__poza img { transform: scale(1.05); }
.drum-art__meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding-right: 8px; align-self: end; }
.drum-art__meta time { font: 600 12px/1 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--text-3); }
.drum-art__titlu { display: block; padding-right: 8px; font: 650 clamp(17px, 1.35vw, 19.5px)/1.25 var(--titlu); letter-spacing: -.015em; text-wrap: balance; transition: color .2s; }
.drum-art a:hover .drum-art__titlu { color: var(--albastru-2); }
.drum-art__rezumat { align-self: start; padding-right: 8px; font-size: 14px; line-height: 1.42; color: var(--text-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.drum__start { position: relative; z-index: 2; width: 64px; height: 64px; margin: 0 auto; display: grid; place-items: center; border-radius: 50%; background: var(--grafit); box-shadow: 0 0 0 6px var(--hartie); }
.drum__start img { width: 40px; height: 40px; }
.drum__gol { max-width: var(--latime); margin: 0 auto; text-align: center; }
.drum__gol[hidden] { display: none; }

@media (max-width: 1000px) {
  .redactie__grila { grid-template-columns: 1fr; }
  .filtre-n__in { flex-direction: column; align-items: stretch; }
  .filtre-n__teme { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 calc(-1 * var(--margine)); padding: 0 var(--margine); }
  .filtre-n__teme::-webkit-scrollbar { display: none; }
  .filtre-n__cauta { flex: 1; }
  .filtre-n__cauta input { width: 100%; }
  .drum__sosea { left: 7px; }
  .borna { display: inline-flex; align-items: baseline; gap: 10px; width: auto; margin: 0 0 20px; padding: 10px 16px 10px 22px; border-radius: 12px; }
  .borna::before { inset: 0 auto 0 0; width: 8px; height: auto; }
  .borna__an { font-size: 26px; }
  .borna small { margin: 0; }
  .drum__lista { grid-template-columns: 1fr; row-gap: 24px; padding: 0 0 0 44px; }
  .drum-art--dreapta { translate: none; }
  .drum-art::before, .drum-art--dreapta::before { left: -47px; right: auto; top: calc(50% - 7px); width: 14px; height: 14px; border-width: 3px; }
  .drum-art::after, .drum-art--dreapta::after { left: -30px; right: auto; top: calc(50% - 1px); width: 30px; }
  .drum__start { margin-left: -18px; width: 50px; height: 50px; }
  .drum__start img { width: 30px; height: 30px; }
}
@media (max-width: 640px) {
  .lead__link { border-radius: 20px; }
  .drum-art a { display: block; padding: 8px 8px 16px; }
  .drum-art__poza { display: block; min-height: 0; margin-bottom: 14px; }
  .drum-art__poza img { height: auto; }
  .drum-art__meta, .drum-art__titlu, .drum-art__rezumat { padding: 0 8px; }
  .drum-art__meta { margin-bottom: 8px; }
  .drum-art__titlu { font-size: 18px; margin-bottom: 6px; }
  .drum-art::before, .drum-art--dreapta::before { top: 28px; }
  .drum-art::after, .drum-art--dreapta::after { top: 34px; }
  .totem__data { width: 76px; }
  .totem__data b { font-size: 21px; }
  .filtre-n__in { padding: 10px 0; gap: 8px; }
  .cip-n, .filtre-n select, .filtre-n__cauta input { height: 38px; }
  .filtre-n__cauta .icon { top: 10px; }
}
#drum { scroll-margin-top: 120px; }

/* ---------- Articol ---------- */
.art { background: var(--hartie); padding: calc(var(--antet) + clamp(28px, 4vw, 56px)) var(--margine) clamp(48px, 6vw, 88px); }
.art__cap { max-width: 980px; margin: 0 auto clamp(28px, 3vw, 40px); text-align: center; }
.art__fir { display: flex; justify-content: center; gap: 10px; margin-bottom: 22px; font-size: 14px; color: var(--text-3); }
.art__fir a { color: var(--text-2); text-decoration: none; }
.art__fir a:hover { color: var(--grafit); text-decoration: underline; }
.art__meta { display: flex; justify-content: center; align-items: center; gap: 18px; margin: 0 0 18px; }
.art__meta time { font: 600 13px/1 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--text-3); }
.art__titlu { font-size: var(--erou-titlu); line-height: 1.04; letter-spacing: -.02em; text-wrap: balance; margin: 0; }
.art__poza { max-width: 1100px; margin: 0 auto clamp(36px, 5vw, 64px); border-radius: 24px; overflow: hidden; background: var(--hartie-2); }
.art__poza img { width: 100%; }
.art__grila { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 200px minmax(0, 720px); gap: clamp(32px, 6vw, 96px); justify-content: center; }
.art__lateral { position: sticky; top: calc(var(--antet) + 32px); align-self: start; }
.art__inapoi { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 32px; font: 600 14.5px/1 var(--sans); color: var(--grafit); text-decoration: none; }
.art__inapoi .icon { transform: rotate(180deg); width: 30px; height: 30px; padding: 7px; border-radius: 50%; background: var(--grafit); color: var(--lime); transition: transform .3s var(--lin); }
.art__inapoi:hover .icon { transform: rotate(180deg) translateX(3px); }
.art__eticheta { margin: 0 0 12px; font: 650 12px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--text-3); }
.art__share { display: flex; gap: 8px; }
.art__share a, .art__share button { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--linie); border-radius: 50%; background: #fff; color: var(--grafit); cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.art__share a:hover, .art__share button:hover { background: var(--grafit); border-color: var(--grafit); color: var(--lime); }
.art__share .icon { width: 18px; height: 18px; }
.art__stare { min-height: 1.5em; margin: 10px 0 0; font-size: 13px; color: var(--text-2); }
.art__corp { font-size: 18px; line-height: 1.5; color: #2b3135; overflow-wrap: anywhere; } /* adrese lungi din articolele vechi */
.art__corp > p:first-child { font: 500 clamp(19px, 1.7vw, 22px)/1.45 var(--sans); color: var(--text); }
.art__corp p { margin: 0 0 1.2em; }
.art__corp h2, .art__corp h3 { font-size: clamp(22px, 2vw, 28px); margin: 1.6em 0 .6em; line-height: 1.2; }
.art__corp ul, .art__corp ol { margin: 0 0 1.3em; padding-left: 1.3em; }
.art__corp li { margin-bottom: .45em; }
.art__corp li::marker { color: var(--lime-2); }
.art__corp a { color: #1d6f9c; /* varianta închisă: contrast 4,5 pe hârtie */ text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.art__corp img { border-radius: 16px; margin: 1.6em 0; }
.art__corp strong { color: var(--text); }
.art__nav { background: var(--hartie); padding: 0 var(--margine) clamp(48px, 6vw, 80px); }
.art__nav-in { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding-top: clamp(32px, 4vw, 48px); border-top: 1px solid var(--linie); }
.art__vecin { display: grid; gap: 8px; padding: 22px 24px; border-radius: 18px; background: #fff; box-shadow: 0 0 0 1px var(--linie); text-decoration: none; transition: box-shadow .3s, transform .3s var(--lin); }
.art__vecin:hover { transform: translateY(-2px); box-shadow: 0 0 0 1px var(--linie), var(--umbra); }
.art__vecin small { font: 650 12px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--text-3); }
.art__vecin strong { font: 650 18px/1.3 var(--titlu); letter-spacing: -.015em; }
.art__vecin--urm { text-align: right; }
.art__inrudite { background: #fff; }
.stiri--3 { grid-template-columns: repeat(3, 1fr); }
.stiri--3 .stire:nth-child(n) { grid-column: auto; }
.stiri--3 .stire:nth-child(n) a { display: block; }
.stiri--3 .stire:nth-child(n) .stire__poza { margin-bottom: 16px; }
@media (max-width: 900px) {
  .art__grila { grid-template-columns: 1fr; }
  .art__lateral { position: static; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-bottom: 20px; border-bottom: 1px solid var(--linie); }
  .art__inapoi { margin: 0; }
  .art__eticheta, .art__stare { display: none; }
  .art__nav-in, .stiri--3 { grid-template-columns: 1fr; }
  .art__vecin--urm { text-align: left; }
  .art__corp { font-size: 15px; }
}
.art__poza img { max-height: min(72vh, 680px); object-fit: cover; }
.valori__grila > * { min-width: 0; }
@media (max-width: 400px) { .valoare__nume { font-size: clamp(24px, 8.4vw, 34px); } .valoare__btn { gap: 12px; } }

/* ---------- Erou: cortina cu liniile + animațiile de pe fiecare poză ---------- */
.erou__poza.intra { z-index: 1; opacity: 1; transition: none; }
.erou__umbra { z-index: 2; }
.erou__cortina { position: absolute; inset: 0; z-index: 3; pointer-events: none; opacity: 0; }
.erou__cortina i { position: absolute; top: 0; bottom: 0; left: 0; width: 5px; background: var(--lime); box-shadow: 0 0 24px 2px rgba(195, 214, 59, .55); }
.erou__cortina i + i { left: 10px; background: var(--albastru); box-shadow: 0 0 24px 2px rgba(77, 175, 227, .5); }
.erou__cortina::before { content: ""; position: absolute; top: 0; bottom: 0; right: 100%; width: 38vw; background: linear-gradient(90deg, transparent, rgba(195, 214, 59, .1)); }

.erou__slide.activ > .erou__scena { animation: none; }
.erou__scena { position: absolute; right: var(--margine); top: calc(50% + var(--antet) / 2 - 20px); width: min(500px, 35vw); transform: translateY(-50%); pointer-events: none; }
.erou__slide { position: static; }
.sc { position: relative; }
.sc__svg { width: 100%; height: auto; overflow: visible; }
.sc__card { position: absolute; left: -8%; bottom: -6%; display: grid; gap: 4px; padding: 16px 20px; border-radius: 16px; background: rgba(22, 25, 28, .55); border: 1px solid rgba(255, 255, 255, .16); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 24px 50px -20px rgba(0, 0, 0, .6); animation: sc-card .9s var(--lin) 1.1s both; white-space: nowrap; }
.sc__card b { font: 650 22px/1.1 var(--titlu); letter-spacing: -.02em; color: var(--lime); }
.sc__card span { font-size: 14px; color: rgba(255, 255, 255, .78); }
@keyframes sc-card { from { opacity: 0; transform: translateY(18px) scale(.96); } }
@keyframes sc-apare { from { opacity: 0; } }
@keyframes sc-deseneaza { from { stroke-dashoffset: 1; } }
@keyframes sc-pop { from { opacity: 0; transform: scale(0); } }
@keyframes sc-puls { 0% { transform: scale(.6); opacity: .8; } 100% { transform: scale(1.6); opacity: 0; } }
.sc-puls { fill: none; stroke: var(--lime); stroke-width: 2; transform-box: fill-box; transform-origin: center; animation: sc-puls 2s ease-out 2s infinite both; }

/* 0 traseu */
.sc-traseu__fond { fill: none; stroke: rgba(255, 255, 255, .35); stroke-width: 2; stroke-dasharray: 3 9; stroke-linecap: round; }
.sc-traseu__linie { fill: none; stroke: var(--lime); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 0; filter: drop-shadow(0 0 6px rgba(195, 214, 59, .6)); animation: sc-deseneaza 2s var(--lin) .5s both; }
.sc-traseu__depozit circle { fill: var(--grafit); stroke: #fff; stroke-width: 2.5; }
.sc-traseu__depozit path { fill: none; stroke: var(--lime); stroke-width: 2.5; stroke-linecap: round; }
.sc-traseu__depozit { animation: sc-apare .6s .2s both; }
.sc-traseu__tinta path { fill: var(--lime); }
.sc-traseu__gol { fill: var(--grafit); }
.sc-traseu__tinta { transform-box: fill-box; transform-origin: bottom center; animation: sc-pop .7s cubic-bezier(.3, 1.6, .5, 1) 2.2s both; }
.sc-traseu__camion circle { fill: #fff; }
.sc-traseu__camion .sc-traseu__halo { fill: rgba(255, 255, 255, .18); }
.sc-traseu__camion { opacity: 0; }
.sc-traseu__camion.merge { opacity: 1; }

/* 1 recoltă */
.sc-recolta__luni line { stroke: rgba(255, 255, 255, .45); stroke-width: 3; stroke-linecap: round; }
.sc-recolta__fond { fill: rgba(22, 25, 28, .35); stroke: rgba(255, 255, 255, .2); stroke-width: 14; }
.sc-recolta__arc { fill: none; stroke: var(--lime); stroke-width: 14; stroke-linecap: round; stroke-dasharray: 1; animation: sc-deseneaza 3s cubic-bezier(.5, 0, .3, 1) .5s both; filter: drop-shadow(0 0 8px rgba(195, 214, 59, .5)); }
.sc-recolta__spic { fill: none; stroke: #fff; stroke-width: .9; stroke-linecap: round; stroke-linejoin: round; }
.sc-recolta__spic path { animation: sc-apare 1s 1.2s both; }
.sc-recolta__indicator { transform-origin: 200px 200px; animation: sc-roteste 3s cubic-bezier(.5, 0, .3, 1) .5s both; }
.sc-recolta__indicator circle { fill: #fff; stroke: var(--lime); stroke-width: 4; }
@keyframes sc-roteste { from { transform: rotate(-360deg); } }

/* 2 card */
.sc-card { perspective: 1200px; padding: 30px 0 70px; }
.sc-card__fata, .sc-card__spate { position: relative; width: 100%; aspect-ratio: 1.586; border-radius: 22px; }
.sc-card__spate { position: absolute; left: 9%; top: 6px; width: 92%; background: linear-gradient(135deg, #2f8fc4, #4dafe3); transform: rotate(8deg); opacity: .85; animation: sc-card-spate 1.2s var(--lin) .3s both; }
@keyframes sc-card-spate { from { transform: rotate(0); opacity: 0; } }
.sc-card__fata { overflow: hidden; background: linear-gradient(140deg, #2b3135 0%, #16191c 60%, #0f1214 100%); box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .8), inset 0 0 0 1px rgba(255, 255, 255, .12); transform: rotateY(var(--ry, -14deg)) rotateX(var(--rx, 6deg)); transition: transform .5s var(--lin); animation: sc-card-in 1.1s var(--lin) .2s both, sc-plutire 6s ease-in-out 1.3s infinite; }
@keyframes sc-card-in { from { opacity: 0; transform: rotateY(-50deg) translateY(30px); } }
@keyframes sc-plutire { 50% { translate: 0 -10px; } }
.sc-card__logo { position: absolute; left: 7%; top: 10%; width: 40%; }
.sc-card__cip { position: absolute; left: 7%; top: 40%; width: 13%; aspect-ratio: 1.3; border-radius: 6px; background: linear-gradient(135deg, #e6ef9a, #c3d63b 60%, #9db024); }
.sc-card__nr { position: absolute; left: 7%; bottom: 22%; font: 600 clamp(14px, 1.45vw, 21px)/1 var(--titlu); letter-spacing: .12em; color: #fff; }
.sc-card__tip { position: absolute; left: 7%; bottom: 10%; font: 650 11px/1 var(--sans); letter-spacing: .2em; color: rgba(255, 255, 255, .55); }
.sc-card__benzi { position: absolute; right: -10%; top: -20%; width: 34%; height: 150%; transform: rotate(18deg); background: linear-gradient(90deg, var(--lime) 0 22%, transparent 22% 34%, var(--albastru) 34% 56%, transparent 56%); opacity: .9; }
.sc-card__fata::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .14) 45%, transparent 60%); transform: translateX(-100%); animation: sc-luciu 1.6s ease 1.4s both; }
@keyframes sc-luciu { to { transform: translateX(100%); } }
.sc-card .sc__card { left: -6%; bottom: 0; }

/* 3 rezervor */
.sc-rezervor__interior { fill: rgba(15, 18, 20, .55); }
.sc-rezervor__luciu { fill: rgba(255, 255, 255, .22); animation: sc-apare .5s 3.6s both; }
.sc-rezervor__linii { stroke: rgba(22, 25, 28, .35); stroke-width: 2; stroke-dasharray: 6 8; fill: none; }
.sc-rezervor__lichid { opacity: .92; }
.sc-rezervor__corp { fill: none; stroke: #fff; stroke-width: 4; }
.sc-rezervor__picior { fill: none; stroke: #fff; stroke-width: 4; stroke-linecap: round; }
.sc-rezervor__lichid { transform-box: fill-box; transform-origin: bottom; transform: scaleY(.88); animation: sc-umple 3.2s cubic-bezier(.5, 0, .3, 1) .5s both; }
@keyframes sc-umple { from { transform: scaleY(0); } 35% { transform: scaleY(.26); } 45% { transform: scaleY(.26); } 70% { transform: scaleY(.55); } 78% { transform: scaleY(.55); } }
.sc-rezervor__gradatii line { stroke: rgba(255, 255, 255, .55); stroke-width: 2; }
.sc-rezervor__gradatii text { font: 600 15px var(--sans); fill: #fff; }
.sc-rezervor__gradatii text:nth-of-type(1) { animation: sc-apare .4s 1.4s both; }
.sc-rezervor__gradatii text:nth-of-type(2) { animation: sc-apare .4s 2.4s both; }
.sc-rezervor__gradatii text:nth-of-type(3) { animation: sc-apare .4s 3.5s both; fill: var(--lime); font-weight: 700; }

/* 4 franciza RO */
.sc-ro__contur { fill: rgba(22, 25, 28, .35); stroke: rgba(255, 255, 255, .7); stroke-width: 1.6; stroke-linejoin: round; stroke-dasharray: 1; animation: sc-deseneaza 1.8s var(--lin) .2s both; }
.sc-ro__p { fill: var(--lime); stroke: #fff; stroke-width: 1.4; transform-box: fill-box; transform-origin: center; animation: sc-pop .5s cubic-bezier(.3, 1.6, .5, 1) both; }
.sc-ro .sc__card b { color: #fff; }

@media (max-width: 1100px) {
  .erou__scena { width: min(360px, 34vw); }
  .sc__card b { font-size: 18px; }
}
@media (min-width: 901px) {
  .erou__slide { max-width: min(860px, calc(100% - min(500px, 35vw) - 40px)); }
  .erou__scena::before { content: ""; position: absolute; inset: -22% -18%; z-index: -1; background: radial-gradient(closest-side, rgba(15, 18, 20, .62), rgba(15, 18, 20, .35) 55%, transparent); animation: sc-apare 1s both; }
}
@media (max-width: 900px) {
  /* pe telefon/tabletă: doar cartonașul, deasupra titlului, fără desen */
  .erou__scena { position: static; width: auto; transform: none; margin-bottom: 20px; }
  .sc__svg, .sc-card__fata, .sc-card__spate { display: none; }
  .sc, .sc-card { padding: 0; perspective: none; }
  .sc__card { position: static; display: inline-grid; padding: 10px 14px 10px 16px; border-left: 3px solid var(--lime); border-radius: 4px 12px 12px 4px; animation-delay: .5s; }
  .sc__card b { font-size: 17px; }
  .sc__card span { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .sc-traseu__camion { display: none; }
}

/* ---------- Erou varianta 2: semnul OSCAR ca fereastră (/?erou=2) ---------- */
body.p-acasa2 .antet:not(.este-derulat) { background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.erou2 { position: relative; min-height: max(660px, 100svh); display: grid; grid-template-rows: 1fr auto; background: radial-gradient(60% 70% at 74% 48%, #ffffff 0%, var(--hartie) 62%, #e9ebe4 100%); color: var(--text); overflow: hidden; isolation: isolate; }
.erou2__fundal { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.erou2__fundal i { position: absolute; left: calc(100% - var(--margine) - var(--semn) / 2); top: calc(50% + var(--antet) / 2 - 24px); width: calc(var(--semn) * var(--k)); aspect-ratio: 1; border-radius: 50%; border: 1px dashed rgba(22, 25, 28, .1); transform: translate(-50%, -50%); animation: erou2-roteste 90s linear infinite; }
.erou2__fundal i:nth-child(1) { --k: 1.32; }
.erou2__fundal i:nth-child(2) { --k: 1.7; animation-direction: reverse; border-style: dotted; border-color: rgba(22, 25, 28, .12); }
.erou2__fundal i:nth-child(3) { --k: 2.2; border-color: rgba(22, 25, 28, .06); }
@keyframes erou2-roteste { to { transform: translate(-50%, -50%) rotate(360deg); } }
.erou2 { --semn: min(calc(100svh - var(--antet) - 150px), 44vw, 680px); --erou2-lat: 1640px; } /* Acasă: textul mai spre stânga, animația mai spre dreapta pe ecranele late */
.erou2 .erou__linii i { top: calc(var(--antet) + 20px); }
.erou2__in { position: relative; width: 100%; max-width: calc(var(--erou2-lat) + 2 * var(--margine)); margin: 0 auto; padding: calc(var(--antet) + 24px) var(--margine) 24px calc(var(--margine) + 44px); display: grid; grid-template-columns: minmax(0, 1fr) var(--semn); gap: clamp(24px, 4vw, 64px); align-items: center; }
.erou2__titlu { font: 650 var(--erou-titlu)/1.04 var(--titlu); letter-spacing: -.02em; margin: 0 0 22px; text-wrap: balance; color: var(--grafit); }
.erou2__titlu em { font-style: normal; } /* fără sublinierea verde (Mihai: începea pe rânduri aiurea) */
.erou2__text { max-width: 52ch; font-size: var(--erou-intro); color: var(--text-2); margin-bottom: 30px; }
.erou2 .eticheta { color: var(--text-2); }

.erou2__semn { position: relative; width: var(--semn); aspect-ratio: 1; }
.erou2__inel { position: absolute; inset: -6%; width: 112%; height: 112%; overflow: visible; }
.erou2__inel circle:first-child { fill: none; stroke: var(--lime-2); stroke-width: .5; stroke-dasharray: .004 .012; }
.erou2__orbita { fill: var(--albastru); transform-origin: 100px 100px; animation: erou2-orbita 14s linear infinite; }
@keyframes erou2-orbita { to { transform: rotate(360deg); } }
.erou2__fereastra { position: absolute; inset: 0; pointer-events: none; }
.erou2__fereastra svg { width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 30px 40px rgba(15, 18, 20, .22)); }
.erou2__seg { transform-box: view-box; transform-origin: 51.15px 58.05px; transform: rotate(-140deg) scale(.5); opacity: 0; transition: transform 1.15s cubic-bezier(.2, .9, .2, 1), opacity .5s; }
.erou2__fereastra.activ .erou2__seg { transform: none; opacity: 1; }
.erou2__fereastra.activ .erou2__seg--1 { transition-delay: .12s; }
.erou2__fereastra.activ .erou2__seg--2 { transition-delay: .24s; }
.erou2__fereastra.iese .erou2__seg { transform: rotate(90deg) scale(.86); opacity: 0; transition-duration: .75s, .55s; }
.erou2__fereastra.iese .erou2__seg--1 { transition-delay: .06s; }
.erou2__fereastra.iese .erou2__seg--2 { transition-delay: .12s; }
/* prima încărcare: aceeași intrare ca la schimbarea slide-ului, după ce pagina s-a afișat */
.erou2__fereastra.prima .erou2__seg { animation: erou2-seg-intra 1.15s cubic-bezier(.2, .9, .2, 1) .45s both; }
.erou2__fereastra.prima .erou2__seg--1 { animation-delay: .57s; }
.erou2__fereastra.prima .erou2__seg--2 { animation-delay: .69s; }
.erou2__fereastra.prima .erou2__card { animation: erou2-card-intra .7s var(--lin) 1.25s both; }
.erou2__fereastra.prima .erou2__eticheta { animation: erou2-eticheta-intra .6s cubic-bezier(.3, 1.6, .5, 1) 1.5s both; }
@keyframes erou2-seg-intra { from { transform: rotate(-140deg) scale(.5); opacity: 0; } 40% { opacity: 1; } to { transform: none; opacity: 1; } }
@keyframes erou2-card-intra { from { opacity: 0; transform: translateY(16px); } }
@keyframes erou2-eticheta-intra { from { opacity: 0; transform: scale(.6); } }
.erou2__slide.prima > * { animation-delay: .35s; }
.erou2__slide.prima > :nth-child(2) { animation-delay: .43s; }
.erou2__slide.prima > :nth-child(3) { animation-delay: .51s; }
.erou2__slide.prima > :nth-child(4) { animation-delay: .59s; }
/* fără zoom lent pe poze: în SVG nu se randează pe GPU și tremură */
.erou2__nuanta { fill: transparent; mix-blend-mode: multiply; }
.erou2__nuanta--lime { fill: rgba(195, 214, 59, .26); }
.erou2__nuanta--albastru { fill: rgba(77, 175, 227, .28); }
.erou2__card { position: absolute; left: -10%; bottom: 6%; display: grid; gap: 4px; padding: 16px 22px 16px 20px; border-radius: 4px 16px 16px 4px; border-left: 4px solid var(--lime); background: rgba(255, 255, 255, .82); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 24px 50px -22px rgba(15, 18, 20, .45); white-space: nowrap; opacity: 0; transform: translateY(16px); transition: opacity .5s, transform .7s var(--lin); }
.erou2__card b { font: 650 22px/1.1 var(--titlu); letter-spacing: -.02em; color: var(--grafit); }
.erou2__card span { font-size: 14px; color: var(--text-2); }
.erou2__eticheta { position: absolute; right: -2%; top: 8%; padding: 10px 16px; border-radius: 99px; background: var(--grafit); color: var(--lime); font: 650 15px/1 var(--titlu); letter-spacing: -.01em; opacity: 0; transform: scale(.6); transition: opacity .4s, transform .6s cubic-bezier(.3, 1.6, .5, 1); }
.erou2__fereastra.activ .erou2__card { opacity: 1; transform: none; transition-delay: .8s; }
.erou2__fereastra.activ .erou2__eticheta { opacity: 1; transform: none; transition-delay: 1.05s; }

.erou2__file { padding-bottom: 30px; }
.erou2 .erou__fila { color: var(--text-3); }
.erou2 .erou__fila:hover, .erou2 .erou__fila[aria-selected="true"] { color: var(--grafit); }
.erou2 .erou__nr { color: var(--albastru-2); }
.erou2 .erou__bara { background: rgba(22, 25, 28, .14); }
.erou2 .erou__bara i { background: var(--grafit); }

@media (max-width: 900px) {
  .erou2 { --semn: min(74vw, 44svh); }
  .erou2__in { grid-template-columns: 1fr; padding-top: calc(var(--antet) + 12px); padding-left: calc(var(--margine) + 22px); gap: 18px; }
  .erou2__semn { order: -1; justify-self: center; margin: 4px 0 10px; }
  .erou2__fundal i { left: 50%; top: calc(var(--antet) + 16px + var(--semn) / 2); }
  .erou2__card { left: -14%; bottom: -2%; padding: 10px 14px; }
  .erou2__card b { font-size: 16px; }
  .erou2__card span { font-size: 12.5px; }
  .erou2__eticheta { font-size: 13px; padding: 8px 12px; right: -8%; }
  .erou2__file { padding-left: calc(var(--margine) + 22px); padding-bottom: 22px; }
  .erou2 .erou__butoane .buton { flex: 1 1 auto; justify-content: space-between; }
}
@media (prefers-reduced-motion: reduce) {
  .erou2__seg, .erou2__img, .erou2__card, .erou2__eticheta { transition: none; }
}
.erou2__slide.erou__slide { max-width: 680px; }
.erou2__contur { fill: none; stroke-width: 1.6; stroke-linejoin: round; }
.erou2__contur--lime { stroke: var(--lime); }
.erou2__contur--albastru { stroke: var(--albastru); }
.erou2__contur--alb { stroke: #fff; }

/* ---------- Acasă, noutăți: carduri cu contur fin în cele 3 culori ale siglei ---------- */
.noutati-acasa .stire a { position: relative; height: 100%; background: #fff; padding: 10px 10px 20px; border-radius: 22px; transition: transform .35s var(--lin), box-shadow .35s; }
.noutati-acasa .stire a::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background: var(--c, var(--lime)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); opacity: .55; transition: opacity .35s; pointer-events: none; }
.noutati-acasa .stire a:hover { transform: translateY(-3px); box-shadow: 0 22px 44px -26px rgba(15, 18, 20, .35); }
.noutati-acasa .stire a:hover::before { opacity: 1; }
.noutati-acasa .stire:nth-child(3n+1) a { --c: var(--lime); }
.noutati-acasa .stire:nth-child(3n+2) a { --c: var(--albastru); }
.noutati-acasa .stire:nth-child(3n) a { --c: #23272b; }
.noutati-acasa .stire__poza { border-radius: 14px; }
.noutati-acasa .stire time, .noutati-acasa .stire strong { padding: 0 8px; }
.noutati-acasa .stiri .stire:nth-child(4) a { padding: 10px; }
.noutati-acasa .stiri .stire:nth-child(4) time, .noutati-acasa .stiri .stire:nth-child(4) strong { padding: 0 8px 0 0; }
.noutati-acasa .stiri .stire:nth-child(4) a { grid-template-rows: 1fr auto auto 1fr; }
.noutati-acasa .stiri .stire:nth-child(4) .stire__poza { grid-row: 1 / span 4; }
.noutati-acasa .stiri .stire:nth-child(4) time { grid-row: 2; align-self: end; }
.noutati-acasa .stiri .stire:nth-child(4) strong { grid-row: 3; align-self: start; }

/* ---------- Pagini interioare: antet, blocuri, carduri (produse, arii, OSCAR, formulare) ---------- */
/* Spații mici (max 40 px desktop / 28 px telefon); blocurile se despart prin nuanța fundalului. */
.cap { position: relative; overflow: hidden; background: var(--grafit); color: #fff; padding: calc(var(--antet) + 28px) var(--margine) 36px; }
.cap::before { content: ""; position: absolute; right: -8%; top: -40%; width: 900px; height: 900px; border-radius: 50%; border: 1px dashed rgba(255, 255, 255, .06); pointer-events: none; }
.cap::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 6px; background: linear-gradient(var(--lime) 0 2px, transparent 2px 4px, var(--albastru) 4px 6px); opacity: .9; }
.cap__in { position: relative; max-width: var(--latime); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 28px 56px; align-items: center; }
.cap--fara-poza .cap__in { grid-template-columns: minmax(0, 1fr); }
.cap__text .eticheta { margin-bottom: 14px; }
.cap__titlu { font-size: var(--erou-titlu); line-height: 1.04; margin: 0 0 16px; letter-spacing: -.02em; text-wrap: balance; max-width: 18ch; }
.cap--fara-poza .cap__titlu { max-width: none; }
.cap__titlu em { font-style: normal; color: var(--lime); }
.cap__intro { margin: 0; max-width: 52ch; font-size: var(--erou-intro); color: rgba(255, 255, 255, .72); }
.cap__butoane { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.cap__poza { margin: 0; border-radius: 24px; overflow: hidden; aspect-ratio: 16 / 11; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6); }
.cap__poza img { width: 100%; height: 100%; object-fit: cover; }
.fir ol { display: flex; flex-wrap: wrap; gap: 4px 0; margin: 0 0 18px; padding: 0; list-style: none; font-size: 13.5px; color: rgba(255, 255, 255, .55); }
.fir li + li::before { content: "/"; margin: 0 9px; opacity: .5; }
.fir a { color: rgba(255, 255, 255, .75); text-decoration: none; }
.fir a:hover { color: var(--lime); }

.bloc { padding: 40px var(--margine); background: var(--hartie); }
.bloc:nth-of-type(even) { background: var(--hartie-2); }
.bloc--alb { background: #fff !important; }
.bloc--inchis { background: var(--grafit) !important; color: #fff; }
.bloc__in { max-width: var(--latime); margin: 0 auto; }
.bloc__cap { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; } /* titlul pe toată lățimea, textul dedesubt (Mihai, 2026-10-28) */
.bloc__cap .bloc__titlu { margin: 0; }
.bloc__cap p { margin: 0; color: var(--text-2); }
.bloc__titlu { font-size: clamp(26px, 2.7vw, 40px); margin: 0 0 20px; text-wrap: balance; } /* fără max-width: titlul folosește toată lățimea (Mihai) */
.bloc__titlu em { font-style: normal; color: var(--text-3); }
.bloc--inchis .bloc__titlu em { color: var(--lime); }
.bloc--inchis .bloc__cap p, .bloc--inchis p { color: rgba(255, 255, 255, .72); }

.doua { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px 56px; align-items: center; }
.doua--invers > :first-child { order: 2; }
.doua__poza { margin: 0; border-radius: 22px; overflow: hidden; aspect-ratio: 4 / 3; }
.doua__poza img { width: 100%; height: 100%; object-fit: cover; }
.text { }
.text p { color: var(--text-2); }
.text p:last-child { margin-bottom: 0; }
.text .mare { font: 500 clamp(18.5px, 1.5vw, 21px)/1.42 var(--sans); color: var(--text); }
.text a, .notita a { color: inherit; text-decoration-color: var(--lime); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.text h3 { font-size: 21px; margin: 22px 0 8px; }
.notita { display: flex; gap: 12px; align-items: flex-start; margin: 18px 0 0; padding: 14px 18px; border-radius: 14px; background: rgba(77, 175, 227, .1); color: var(--text); font-size: 15.5px; }
.notita .icon { color: var(--albastru-2); margin-top: 2px; }

.carduri { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.carduri--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.carduri--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.card { display: flex; flex-direction: column; padding: 20px 22px; border-radius: 18px; background: #fff; box-shadow: inset 0 0 0 1px var(--linie); }
.bloc--alb .card { background: var(--hartie); box-shadow: none; }
.bloc--inchis .card { background: var(--grafit-2); box-shadow: inset 0 0 0 1px var(--linie-deschis); }
.card__cap { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.card__ic { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--grafit); color: var(--lime); }
.card__ic .icon { width: 20px; height: 20px; }
.card:nth-child(3n+2) .card__ic { color: var(--albastru); }
.card:nth-child(3n) .card__ic { background: var(--lime); color: var(--grafit); }
.bloc--inchis .card__ic { background: rgba(255, 255, 255, .08); }
.card h3 { margin: 0; font-size: 18.5px; line-height: 1.2; letter-spacing: -.015em; }
.card p { margin: 0; color: var(--text-2); font-size: 15.5px; }
.bloc--inchis .card p { color: rgba(255, 255, 255, .7); }
.card__link { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 14px; font-weight: 650; font-size: 15px; text-decoration: none; color: var(--text); }
.card__link .icon { width: 18px; height: 18px; color: var(--albastru-2); transition: transform .3s var(--lin); }
.card__link:hover .icon { transform: translateX(3px); }

.bife { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.bife--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 28px; }
.bife li { display: flex; gap: 12px; align-items: flex-start; color: var(--text-2); }
.bife .icon { width: 24px; height: 24px; padding: 4px; border-radius: 50%; background: var(--lime); color: var(--grafit); stroke-width: 2.4; margin-top: 1px; }
.bloc--inchis .bife li { color: rgba(255, 255, 255, .78); }

.documente { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.documente a { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1px var(--linie); text-decoration: none; transition: box-shadow .25s, transform .25s var(--lin); }
.documente a:hover { box-shadow: inset 0 0 0 1.5px var(--grafit); transform: translateY(-1px); }
.documente a > .icon:first-child { width: 36px; height: 36px; padding: 8px; border-radius: 10px; background: var(--hartie-2); color: var(--grafit); }
.documente span { flex: 1; display: grid; gap: 2px; min-width: 0; }
.documente strong { font-size: 15.5px; font-weight: 600; line-height: 1.3; }
.documente small { font-size: 13px; color: var(--text-3); }
.documente a > .icon:last-child { color: var(--albastru-2); }

.game { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.gama a { --c: var(--albastru); position: relative; display: grid; gap: 6px; padding: 22px 56px 22px 22px; border-radius: 18px; background: var(--grafit); color: #fff; text-decoration: none; overflow: hidden; height: 100%; }
.gama a::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--c); }
.gama strong { font: 700 26px/1 var(--titlu); letter-spacing: -.02em; color: var(--c); }
.gama span { font-size: 15px; color: rgba(255, 255, 255, .72); }
.gama .icon { position: absolute; right: 18px; bottom: 20px; width: 26px; height: 26px; color: var(--c); transition: transform .3s var(--lin); }
.gama a:hover .icon { transform: translateX(4px); }
.gama--optim a { --c: var(--lime); } .gama--actis a { --c: var(--actis); } .gama--fortis a { --c: var(--fortis); } .gama--adblue a { --c: var(--albastru); }

.continua { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.continua .mai { min-height: 240px; }
.continua .mai__text strong { font-size: 22px; }

.banda { padding: var(--sectiune) var(--margine); background: var(--grafit); color: #fff; position: relative; overflow: hidden; }
.banda__in { max-width: var(--latime); margin: 0 auto; display: flex; justify-content: space-between; align-items: center; gap: 20px 48px; flex-wrap: wrap; }
.banda__titlu { font-size: clamp(24px, 2.5vw, 36px); margin: 0 0 6px; }
.banda__titlu em { font-style: normal; color: var(--lime); }
.banda p { margin: 0; color: rgba(255, 255, 255, .7); }
.banda__butoane { display: flex; flex-wrap: wrap; gap: 12px; }

.tabel-cadru { overflow-x: auto; border-radius: 16px; box-shadow: inset 0 0 0 1px var(--linie); background: #fff; }
.tabel { width: 100%; border-collapse: collapse; font-size: 15px; }
.tabel th, .tabel td { padding: 12px 16px; text-align: left; border-bottom: 1px solid var(--linie); vertical-align: top; }
.tabel th { font: 650 12.5px/1.2 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--text-3); background: var(--hartie); }
.tabel tr:last-child td { border-bottom: 0; }

.pastile { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pastile li { padding: 7px 13px; border-radius: 99px; background: #fff; box-shadow: inset 0 0 0 1px var(--linie); font-size: 14.5px; font-weight: 550; }

@media (max-width: 900px) {
  .cap__in, .doua { grid-template-columns: minmax(0, 1fr); }
  .doua--invers > :first-child { order: 0; }
  .cap__poza { aspect-ratio: 16 / 9; }
  .carduri--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .cap { padding: calc(var(--antet) + 20px) var(--margine) 28px; }
  .cap__intro { font-size: var(--erou-intro); }
  .cap__butoane { display: grid; grid-template-columns: minmax(0, 1fr); }
  .cap__butoane .buton, .banda__butoane .buton { justify-content: space-between; }
  .bloc { padding: 28px var(--margine); }
  .bloc__titlu { margin-bottom: 16px; }
  .carduri, .carduri--2, .carduri--3, .bife--2 { grid-template-columns: minmax(0, 1fr); }
  .card { padding: 18px; }
  .banda { padding: 28px var(--margine); }
  .banda__butoane { display: grid; width: 100%; }
  .continua .mai { min-height: 200px; }
}

/* Paginile gamelor de carburant: câte un card mare pe produs, cu dunga în culoarea gamei */
.fise { --c: var(--albastru); display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.fise--actis { --c: var(--actis); } .fise--fortis { --c: var(--fortis); } .fise--optim { --c: var(--lime-2); }
.fisa { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 24px 24px 20px 30px; border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px var(--linie); overflow: hidden; }
.fisa::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--c); }
.fisa__nume { margin: 0 0 6px; font-size: clamp(26px, 2.6vw, 36px); letter-spacing: -.03em; }
.fisa p { color: var(--text-2); margin-bottom: 16px; }
.fisa .documente { margin-top: auto; grid-template-columns: minmax(0, 1fr); }
.fisa .documente a { background: var(--hartie); box-shadow: none; }

/* Card flotă: cele două carduri (Easy, Energy), cu fața cardului desenată */
/* Card flotă: cardurile reale EASY/ENERGY (grafica de pe oscars.ro, nemodificată), înclinate 3D după mouse */
.p-card .cap__poza img { object-position: 96% 50%; } /* cardurile din poza eroului rămân întregi în cadru */
.cf-pachet { position: relative; width: 75%; margin: 0 auto; aspect-ratio: 5 / 4; perspective: 1400px; }
.cf-pachet__in { position: absolute; inset: 0; transform-style: preserve-3d; transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.cf-carte { position: absolute; width: 76%; display: block; pointer-events: none; transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.cf-carte img { display: block; width: 100%; height: auto; filter: drop-shadow(0 26px 30px rgba(20, 24, 26, .32)); animation: cf-pluteste 7s ease-in-out infinite; }
.cf-carte--energy { left: 0; top: 4%; transform: translateZ(-30px) rotate(-8deg); }
.cf-carte--easy { right: 0; bottom: 4%; transform: translateZ(40px) rotate(5deg); }
.cf-carte--easy img { animation-delay: -3.5s; }
.cf-pachet:hover .cf-carte--energy { transform: translateZ(-30px) translate(-3%, -4%) rotate(-11deg); }
.cf-pachet:hover .cf-carte--easy { transform: translateZ(60px) translate(3%, 4%) rotate(7deg); }
@keyframes cf-pluteste { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } }
.cf-luciu { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .28) 46%, transparent 62%); background-size: 260% 100%; background-position: calc(100% - var(--lx, 0%)) 0; opacity: 0; transition: opacity .4s; mix-blend-mode: soft-light; }
.cf-tip__tip { margin: 0 0 6px; font: 650 12px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--albastru-2); }
@media (prefers-reduced-motion: reduce) { .cf-carte img { animation: none; } .cf-pachet__in, .cf-carte { transition: none; } }

/* Card flotă – eroul: poza aprobată ca un card mare înclinat 3D, harta stațiilor în spate, etichete care apar pe rând, banda „Live” */
.p-card .cap--scena, .p-statii .cap--scena, .p-en-gross .cap--scena, .p-cariera .cap--scena, .p-lant .cap--scena, .p-qhse .cap--scena, .p-sustenabilitate .cap--scena, .p-contact .cap--scena { display: block; min-height: 0; }
.p-card .cap--scena .cap__in, .p-statii .cap--scena .cap__in, .p-en-gross .cap--scena .cap__in, .p-cariera .cap--scena .cap__in, .p-lant .cap--scena .cap__in, .p-qhse .cap--scena .cap__in, .p-sustenabilitate .cap--scena .cap__in, .p-contact .cap--scena .cap__in { position: relative; display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 20px 56px; align-items: center; }
.p-card .cap--scena::before, .p-statii .cap--scena::before, .p-en-gross .cap--scena::before, .p-cariera .cap--scena::before, .p-lant .cap--scena::before, .p-qhse .cap--scena::before, .p-sustenabilitate .cap--scena::before, .p-contact .cap--scena::before { display: block; }
.cf-erou { position: relative; padding: 34px 0 30px; }
.cf-erou__harta { position: absolute; left: 6%; right: -8%; top: 50%; translate: 0 -50%; opacity: .45; pointer-events: none; }
.cf-erou__harta .romania__contur { fill: rgba(255, 255, 255, .02); stroke: rgba(255, 255, 255, .22); }
.cf-erou__card { position: relative; z-index: 1; perspective: 1400px; animation: cf-erou-intra 1.4s var(--lin) .15s both; }
@keyframes cf-erou-intra { from { opacity: 0; translate: 60px 0; rotate: y -35deg; } }
.cf-erou__in { position: relative; display: block; aspect-ratio: 16 / 10.5; border-radius: 22px; overflow: hidden; transform: rotateX(var(--rx, 3deg)) rotateY(var(--ry, -9deg)); transition: transform .6s cubic-bezier(.2, .7, .2, 1); box-shadow: 0 50px 80px -30px rgba(0, 0, 0, .75), inset 0 0 0 1px rgba(255, 255, 255, .12); }
.cf-erou__in img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 96% 50%; }
.cf-erou__in::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; background: linear-gradient(var(--lime) 0 2px, transparent 2px 4px, var(--albastru) 4px 6px); }
.cf-erou__luciu { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, .26) 50%, transparent 62%); background-size: 260% 100%; mix-blend-mode: soft-light; animation: cf-luciu 6s ease-in-out 1.6s infinite; background-position: 120% 0; }
@keyframes cf-luciu { 0% { background-position: 120% 0; } 30%, 100% { background-position: -20% 0; } }
.cf-erou__nfc { position: absolute; left: 20px; bottom: 22px; width: 46px; height: 46px; padding: 6px; border-radius: 50%; background: rgba(22, 25, 28, .55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); fill: none; stroke: #fff; stroke-width: 2.6; stroke-linecap: round; }
.cf-erou__nfc circle { fill: var(--lime); stroke: none; }
.cf-erou__nfc path { animation: cf-unda 2.4s ease-out infinite; }
.cf-erou__nfc path:nth-of-type(2) { animation-delay: .2s; }
.cf-erou__nfc path:nth-of-type(3) { animation-delay: .4s; }
.cf-erou__etichete { margin: 0; padding: 0; list-style: none; }
.cf-erou__et { position: absolute; z-index: 2; display: flex; align-items: center; gap: 10px; padding: 9px 16px 9px 9px; border-radius: 16px; background: rgba(22, 25, 28, .82); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 18px 40px rgba(0, 0, 0, .45), inset 0 0 0 1px var(--linie-deschis); animation: cf-et-in .7s cubic-bezier(.3, 1.5, .5, 1) var(--d, 1s) both, cf-pluteste 6s ease-in-out calc(var(--d, 1s) + .7s) infinite; }
.cf-erou__et > span:last-child { display: flex; flex-direction: column; gap: 2px; }
.cf-erou__et b { font: 650 16px/1.1 var(--titlu); color: #fff; letter-spacing: -.01em; }
.cf-erou__et small { font-size: 12.5px; color: rgba(255, 255, 255, .7); }
.cf-erou__ic { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: var(--lime); color: var(--grafit); }
.cf-erou__ic .icon { width: 19px; height: 19px; }
.cf-erou__et--1 { --d: 1.3s; left: -6%; top: 12%; }
.cf-erou__et--1 .cf-erou__ic { animation: cf-puls 2.4s ease-out 2.2s infinite; }
.cf-erou__et--2 { --d: 1.7s; left: -8%; bottom: 14%; }
.cf-erou__et--2 .cf-erou__ic { background: var(--albastru); }
.cf-erou__et--3 { --d: 2.1s; left: 34%; top: 4px; }
.cf-erou__et--3 .cf-erou__ic { background: #fff; }
@keyframes cf-et-in { from { opacity: 0; transform: translateY(14px) scale(.85); } }
.cf-flux { grid-column: 1 / -1; display: flex; align-items: center; gap: 18px; padding-top: 16px; border-top: 1px solid var(--linie-deschis); min-width: 0; }
.cf-flux__live { flex: none; display: inline-flex; align-items: center; gap: 8px; font: 650 11.5px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--lime); }
.cf-flux__live::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); animation: cf-clipeste 1.4s ease-in-out infinite; }
.cf-flux__banda { display: flex; flex: 1; min-width: 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }
.cf-flux__banda ul { flex: none; display: flex; gap: 36px; margin: 0; padding: 0 36px 0 0; list-style: none; animation: cf-curge 32s linear infinite; }
.cf-flux__banda li { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; font: 500 14px/1 var(--sans); color: rgba(255, 255, 255, .62); font-variant-numeric: tabular-nums; }
.cf-flux__banda li b { color: #fff; font-weight: 650; }
.cf-flux__banda .icon { width: 16px; height: 16px; color: var(--lime); }
@keyframes cf-curge { to { transform: translateX(-100%); } }
@media (max-width: 900px) {
  .p-card .cap--scena .cap__in, .p-statii .cap--scena .cap__in, .p-en-gross .cap--scena .cap__in, .p-cariera .cap--scena .cap__in, .p-lant .cap--scena .cap__in, .p-qhse .cap--scena .cap__in, .p-sustenabilitate .cap--scena .cap__in, .p-contact .cap--scena .cap__in { grid-template-columns: minmax(0, 1fr); }
  .cf-erou { order: -1; padding: 16px 0 22px; }
  .cf-erou__et { padding: 7px 12px 7px 7px; border-radius: 13px; gap: 8px; }
  .cf-erou__ic { width: 30px; height: 30px; border-radius: 9px; }
  .cf-erou__ic .icon { width: 16px; height: 16px; }
  .cf-erou__et b { font-size: 14px; }
  .cf-erou__et small { font-size: 11.5px; }
  .cf-erou__et--1 { left: -2%; top: 8px; }
  .cf-erou__et--2 { left: -2%; bottom: 4px; }
  .cf-erou__et--3 { left: auto; right: 6%; top: 8px; }
  .cf-erou__in { border-radius: 16px; }
  .cf-erou__nfc { display: none; }
  .cf-flux__banda li { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .cf-erou__card, .cf-erou__luciu, .cf-erou__nfc path, .cf-erou__et, .cf-erou__ic, .cf-flux__banda ul, .cf-flux__live::before { animation: none !important; }
  .cf-flux__banda { overflow-x: auto; }
}

/* Card flotă – „Cum funcționează”: scenă în 4 pași, în stilul filmului de la Despre ([data-cf-film]; datele din ecrane sunt ilustrative) */
.bloc.cf-film { background: var(--grafit); color: #fff; }
.cf-film__cap p { color: rgba(255, 255, 255, .72); }
.cf-film__ecran { --durata: 5.2s; position: relative; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 22px; padding: 22px; border-radius: 24px; background: var(--grafit-2); box-shadow: inset 0 0 0 1px var(--linie-deschis); }
.cf-film__pasi { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; justify-content: center; gap: 4px; }
.cf-film__pas { border-radius: 16px; transition: background .4s; }
.cf-film__pas.activ { background: rgba(255, 255, 255, .05); }
.cf-film__buton { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 14px; width: 100%; padding: 14px 16px 12px; border: 0; background: none; color: rgba(255, 255, 255, .55); font: inherit; text-align: left; cursor: pointer; transition: color .3s; }
.cf-film__buton:hover, .cf-film__pas.activ .cf-film__buton { color: #fff; }
.cf-film__nr { font: 650 15px/1.3 var(--titlu); color: var(--lime); }
.cf-film__t { font: 600 18px/1.3 var(--titlu); letter-spacing: -.015em; }
.cf-film__bara { grid-column: 2; display: block; height: 2px; margin-top: 8px; border-radius: 2px; background: rgba(255, 255, 255, .12); overflow: hidden; }
.cf-film__bara i { display: block; height: 100%; background: linear-gradient(90deg, var(--lime), var(--albastru)); transform: scaleX(0); transform-origin: left; }
.cf-film__pas.activ .cf-film__bara i { animation: cf-bara var(--durata) linear both; }
.cf-film__d { display: grid; grid-template-rows: 0fr; margin: 0; padding: 0 16px 0 calc(16px + 14px + 1.4em); color: rgba(255, 255, 255, .72); font-size: 15.5px; transition: grid-template-rows .5s var(--lin), padding .5s var(--lin); overflow: hidden; }
.cf-film__pas.activ .cf-film__d { grid-template-rows: 1fr; padding-bottom: 14px; }
.cf-film__d > span { min-height: 0; }
@keyframes cf-bara { to { transform: none; } }
.cf-film__control { right: 34px; bottom: 34px; }
.cf-film__ecran.oprit *, .cf-film__ecran.oprit *::before, .cf-film__ecran.oprit *::after { animation-play-state: paused !important; }

.cf-scena { position: relative; min-height: 440px; border-radius: 18px; overflow: hidden; background: radial-gradient(70% 70% at 50% 50%, rgba(77, 175, 227, .14), transparent 70%), var(--carbune); }
.cf-scena__inele { position: absolute; left: 50%; top: 50%; width: 130%; translate: -50% -50%; fill: none; stroke: rgba(255, 255, 255, .07); stroke-width: 1.5; stroke-dasharray: 2 10; animation: cf-roteste 60s linear infinite; }
@keyframes cf-roteste { to { rotate: 360deg; } }
.cf-cadru { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .5s, visibility 0s .5s; }
.cf-film__ecran[data-pas="0"] .cf-cadru--1, .cf-film__ecran[data-pas="1"] .cf-cadru--2, .cf-film__ecran[data-pas="2"] .cf-cadru--3, .cf-film__ecran[data-pas="3"] .cf-cadru--4, .cf-film__ecran[data-pas="4"] .cf-cadru--5 { opacity: 1; visibility: visible; transition: opacity .5s .15s; }

/* 1: cardul atinge terminalul, apar undele contactless, apoi bifa */
.cf-terminal { position: absolute; left: 56%; top: 50%; width: 30%; translate: 0 -50%; padding: 12px; border-radius: 20px; background: var(--grafit-3); box-shadow: 0 30px 50px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(255, 255, 255, .08); }
.cf-terminal__ecran { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 14px 12px; border-radius: 10px; background: var(--carbune); font: 600 13px/1.2 var(--sans); color: rgba(255, 255, 255, .6); }
.cf-terminal__ecran b { font: 700 15px/1 var(--titlu); letter-spacing: .12em; color: var(--lime); }
.cf-terminal__bifa { position: absolute; right: 10px; top: 50%; width: 30px; height: 30px; translate: 0 -50%; padding: 5px; border-radius: 50%; background: var(--lime); fill: none; stroke: var(--grafit); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; transform: scale(0); }
.cf-terminal__taste { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 12px; }
.cf-terminal__taste i { height: 16px; border-radius: 6px; background: rgba(255, 255, 255, .08); }
.cf-unde { position: absolute; left: 47%; top: 50%; width: 14%; translate: 0 -50%; fill: none; stroke: var(--lime); stroke-width: 6; stroke-linecap: round; }
.cf-unde path { opacity: 0; }
.cf-cadru__card { position: absolute; left: 6%; top: 50%; width: 46%; translate: 0 -50%; }
.cf-cadru__card img { display: block; width: 100%; height: auto; filter: drop-shadow(0 24px 30px rgba(0, 0, 0, .55)); }
.cf-film__ecran[data-pas="0"] .cf-cadru__card { animation: cf-atinge 2.2s var(--lin) both; }
.cf-film__ecran[data-pas="0"] .cf-unde path { animation: cf-unda 1.4s ease-out 1.5s 2 both; }
.cf-film__ecran[data-pas="0"] .cf-unde path:nth-child(2) { animation-delay: 1.65s; }
.cf-film__ecran[data-pas="0"] .cf-unde path:nth-child(3) { animation-delay: 1.8s; }
.cf-film__ecran[data-pas="0"] .cf-terminal__bifa { animation: cf-apare .5s cubic-bezier(.3, 1.6, .5, 1) 2.9s both; }
.cf-film__ecran[data-pas="0"] .cf-terminal { animation: cf-lumina 1s ease-out 2.9s both; }
@keyframes cf-atinge { 0% { transform: translateX(-70%) rotate(-14deg); opacity: 0; } 30% { opacity: 1; } 100% { transform: translateX(6%) rotate(-4deg); } }
@keyframes cf-unda { 0% { opacity: 0; } 30% { opacity: 1; } 100% { opacity: 0; } }
@keyframes cf-apare { from { transform: scale(0); } to { transform: none; } }
@keyframes cf-lumina { 0% { box-shadow: 0 30px 50px rgba(0, 0, 0, .45), 0 0 0 0 rgba(195, 214, 59, .6); } 100% { box-shadow: 0 30px 50px rgba(0, 0, 0, .45), 0 0 0 26px rgba(195, 214, 59, 0); } }

/* 2–3: aplicația online (tranzacții, limite) */
.cf-app { position: absolute; left: 50%; top: 50%; width: min(88%, 560px); translate: -50% -50%; padding: 0 0 14px; border-radius: 16px; background: var(--grafit-2); box-shadow: 0 30px 60px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .08); overflow: hidden; }
.cf-app__bara { display: flex; align-items: center; gap: 7px; padding: 12px 16px; background: rgba(255, 255, 255, .04); border-bottom: 1px solid rgba(255, 255, 255, .06); }
.cf-app__bara > i { width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, .16); }
.cf-app__live { margin-left: auto; display: inline-flex; align-items: center; gap: 7px; font: 650 11.5px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--lime); }
.cf-app__live::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); animation: cf-clipeste 1.4s ease-in-out infinite; }
@keyframes cf-clipeste { 50% { opacity: .25; } }
.cf-app__randuri { margin: 0; padding: 8px 12px 0; list-style: none; }
.cf-app__randuri li { display: grid; grid-template-columns: 1.1fr 1fr 1fr auto; gap: 12px; align-items: center; padding: 12px; border-radius: 10px; font: 500 14.5px/1.2 var(--sans); color: rgba(255, 255, 255, .72); font-variant-numeric: tabular-nums; }
.cf-app__randuri li + li { border-top: 1px solid rgba(255, 255, 255, .06); }
.cf-app__randuri b { color: #fff; font-weight: 650; }
.cf-film__ecran[data-pas="1"] .cf-app__randuri li { animation: cf-rand .6s var(--lin) both; }
.cf-film__ecran[data-pas="1"] .cf-app__randuri li:nth-child(1) { animation: cf-rand .6s var(--lin) 1.6s both, cf-nou 2.4s ease-out 2.2s both; }
.cf-film__ecran[data-pas="1"] .cf-app__randuri li:nth-child(2) { animation-delay: .2s; }
.cf-film__ecran[data-pas="1"] .cf-app__randuri li:nth-child(3) { animation-delay: .4s; }
.cf-film__ecran[data-pas="1"] .cf-app__randuri li:nth-child(4) { animation-delay: .6s; }
@keyframes cf-rand { from { opacity: 0; transform: translateY(-14px); } }
@keyframes cf-nou { 0% { background: rgba(195, 214, 59, .22); } 100% { background: transparent; } }
.cf-limite { margin: 0; padding: 14px 20px 4px; list-style: none; display: grid; gap: 16px; }
.cf-limite li { display: grid; grid-template-columns: 92px minmax(0, 1fr) 44px; gap: 14px; align-items: center; font: 500 14.5px/1.2 var(--sans); color: rgba(255, 255, 255, .72); font-variant-numeric: tabular-nums; }
.cf-limite b { color: #fff; font-weight: 650; }
.cf-limite span:last-child { text-align: right; }
.cf-limite__bara { height: 10px; border-radius: 99px; background: rgba(255, 255, 255, .08); overflow: hidden; }
.cf-limite__bara i { display: block; width: var(--p); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--albastru), var(--lime)); transform-origin: left; }
.cf-film__ecran[data-pas="2"] .cf-limite__bara i { animation: cf-umple 1.6s var(--lin) both; }
.cf-film__ecran[data-pas="2"] .cf-limite li:nth-child(2) .cf-limite__bara i { animation-delay: .25s; }
.cf-film__ecran[data-pas="2"] .cf-limite li:nth-child(3) .cf-limite__bara i { animation-delay: .5s; }
.cf-film__ecran[data-pas="2"] .cf-limite li:nth-child(4) .cf-limite__bara i { animation-delay: .75s; }
@keyframes cf-umple { from { transform: scaleX(0); } }

/* 4: factura se completează, apoi ștampila */
.cf-factura { position: absolute; left: 50%; top: 50%; width: min(56%, 320px); translate: -50% -50%; padding: 22px 22px 26px; border-radius: 12px; background: #fff; color: var(--grafit); box-shadow: 0 30px 60px rgba(0, 0, 0, .5); }
.cf-factura__cap { display: flex; justify-content: space-between; align-items: center; padding-bottom: 14px; margin-bottom: 12px; border-bottom: 2px solid var(--grafit); }
.cf-factura__cap b { font: 700 16px/1 var(--titlu); letter-spacing: .12em; }
.cf-factura__cap span { width: 34%; height: 8px; border-radius: 4px; background: var(--hartie-2); }
.cf-factura__rand { display: flex; justify-content: space-between; gap: 16px; padding: 7px 0; }
.cf-factura__rand i { display: block; height: 7px; border-radius: 4px; background: #d9dcd5; transform-origin: left; }
.cf-factura__rand i:first-child { width: 52%; }
.cf-factura__rand i:last-child { width: 18%; transform-origin: right; }
.cf-factura__total { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding-top: 12px; border-top: 1px solid #d9dcd5; }
.cf-factura__total i { width: 30%; height: 9px; border-radius: 4px; background: var(--grafit); }
.cf-factura__total b { width: 26%; height: 14px; border-radius: 4px; background: var(--lime); }
.cf-factura__stampila { position: absolute; right: -18px; bottom: -18px; width: 64px; height: 64px; padding: 10px; border-radius: 50%; background: var(--albastru); fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; box-shadow: 0 14px 30px rgba(0, 0, 0, .4); }
.cf-film__ecran[data-pas="3"] .cf-factura { animation: cf-rand .7s var(--lin) both; }
.cf-film__ecran[data-pas="3"] .cf-factura__rand i, .cf-film__ecran[data-pas="3"] .cf-factura__total > * { animation: cf-umple .7s var(--lin) both; }
.cf-film__ecran[data-pas="3"] .cf-factura__rand:nth-child(3) i { animation-delay: .35s; }
.cf-film__ecran[data-pas="3"] .cf-factura__rand:nth-child(4) i { animation-delay: .5s; }
.cf-film__ecran[data-pas="3"] .cf-factura__rand:nth-child(5) i { animation-delay: .65s; }
.cf-film__ecran[data-pas="3"] .cf-factura__rand:nth-child(6) i { animation-delay: .8s; }
.cf-film__ecran[data-pas="3"] .cf-factura__rand:nth-child(2) i { animation-delay: .2s; }
.cf-film__ecran[data-pas="3"] .cf-factura__total > * { animation-delay: 1.1s; }
.cf-film__ecran[data-pas="3"] .cf-factura__stampila { animation: cf-stampila .6s cubic-bezier(.3, 1.6, .5, 1) 1.8s both; }
@keyframes cf-stampila { from { transform: scale(2.2) rotate(-25deg); opacity: 0; } }

/* Portofoliu: reperele (500 litri, 24/7) și cele 3 idei pe carduri, pe toată lățimea */
.cf-repere { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0 0; padding: 0; list-style: none; }
.cf-repere__item { display: flex; flex-direction: column; gap: 6px; min-width: 180px; padding: 16px 22px; border-radius: 18px; background: var(--grafit); color: #fff; }
.cf-repere__item b { font: 700 clamp(28px, 2.6vw, 38px)/1 var(--titlu); letter-spacing: -.03em; color: var(--lime); }
.cf-repere__item--albastru b { color: var(--albastru); }
.cf-repere__item span { font-size: 15px; color: rgba(255, 255, 255, .75); }
.cf-concept { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 28px; margin-bottom: 0; padding: 0; list-style: none; }
.cf-concept__item { position: relative; padding: 26px 22px 20px; border-radius: 18px; background: #fff; box-shadow: inset 0 0 0 1px var(--linie); }
.cf-concept__item::before { content: ""; position: absolute; left: 22px; top: 0; width: 44px; height: 8px; background: linear-gradient(var(--lime) 0 3px, transparent 3px 5px, var(--albastru) 5px 8px); }
.cf-concept__item p { margin: 0; color: var(--text-2); }
.cf-concept__item strong { color: var(--grafit); font-weight: 650; }

/* Easy | Energy: ambele carduri, unul lângă altul (se înclină după mouse, luciu la hover) */
.bloc.cf-alege { background: var(--hartie-2); }
.cf-alege__grila { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.cf-alege__card { --c: 77, 175, 227; display: flex; flex-direction: column; gap: 18px; padding: 22px; border-radius: 22px; background: radial-gradient(90% 60% at 50% 0%, rgba(var(--c), .2), transparent 75%), #fff; box-shadow: inset 0 0 0 1px var(--linie); }
.cf-alege__card--energy { --c: 195, 214, 59; }
.cf-tip__card { margin: 0; perspective: 1200px; }
.cf-tip__in { position: relative; display: block; max-width: 380px; margin: 0 auto; border-radius: 3.4% / 5.4%; transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); transition: transform .5s cubic-bezier(.2, .7, .2, 1); transform-style: preserve-3d; animation: cf-pluteste 7s ease-in-out infinite; }
.cf-alege__card--energy .cf-tip__in { animation-delay: -3.5s; }
.cf-tip__in img { display: block; width: 100%; height: auto; filter: drop-shadow(0 26px 30px rgba(20, 24, 26, .3)); }
.cf-tip__card:hover .cf-luciu { opacity: 1; }
.cf-alege__text { display: flex; flex-direction: column; align-items: flex-start; flex: 1; }
.cf-alege__text h3 { margin: 0 0 10px; font-size: clamp(22px, 1.8vw, 26px); }
.cf-alege__intrebare { margin: 0 0 8px; font: 600 17px/1.35 var(--titlu); letter-spacing: -.01em; }
.cf-alege__text p:not([class]) { margin: 0 0 18px; color: var(--text-2); font-size: 15.5px; }
.cf-alege__text .buton { margin-top: auto; white-space: normal; min-height: 52px; height: auto; padding-top: 10px; padding-bottom: 10px; line-height: 1.25; }
.cf-alege__card--energy .cf-tip__tip { color: #6f7d10; }

/* A treia coloană: diferența Easy (preplătit: încarci, apoi scade la fiecare alimentare) / Energy (limită de credit: consumul urcă, factura, apoi de la zero) */
.cf-comp { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 56px; padding: 26px 22px; border-radius: 22px; background: var(--grafit); color: #fff; overflow: hidden; }
.cf-comp__linii { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: rgba(255, 255, 255, .045); stroke-width: .5; vector-effect: non-scaling-stroke; }
.cf-comp__rand { position: relative; z-index: 1; flex: 1; display: grid; align-content: center; gap: 18px; padding: 20px 18px; border-radius: 16px; background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px var(--linie-deschis); }
.cf-comp__pompa { position: absolute; z-index: 2; left: 50%; top: 50%; translate: -50% -50%; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--grafit); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .25); color: #fff; }
.cf-comp__pompa .icon { width: 22px; height: 22px; }
.cf-comp__pompa::before, .cf-comp__pompa::after { content: ""; position: absolute; left: 50%; width: 2px; height: 22px; margin-left: -1px; background: repeating-linear-gradient(transparent 0 3px, #57b9ea 3px 7px); background-size: 100% 14px; animation: cf-flux 1s linear infinite; }
.cf-comp__pompa::before { bottom: 100%; }
.cf-comp__pompa::after { top: 100%; background-image: repeating-linear-gradient(transparent 0 3px, var(--lime) 3px 7px); }
@keyframes cf-flux { to { background-position: 0 14px; } }
.cf-comp__cap { display: flex; align-items: center; gap: 14px; }
.cf-comp__card { flex: none; width: 128px; rotate: -6deg; animation: cf-pluteste 7s ease-in-out infinite; }
.cf-comp__rand--energy .cf-comp__card { rotate: 6deg; animation-delay: -3.5s; }
.cf-comp__card img { display: block; width: 100%; height: auto; border-radius: 5px; filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .5)); }
.cf-comp__nume { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.cf-comp__nume b { font: 650 12px/1.2 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: #57b9ea; }
.cf-comp__rand--energy .cf-comp__nume b { color: var(--lime); }
.cf-comp__nume span { font: 600 19px/1.2 var(--titlu); }
.cf-comp__ic { position: relative; flex: none; width: 40px; height: 40px; margin-left: auto; border-radius: 50%; background: #57b9ea; color: var(--grafit); }
.cf-comp__rand--energy .cf-comp__ic { background: var(--lime); }
.cf-comp__ic .icon { position: absolute; inset: 10px; width: 20px; height: 20px; opacity: 0; }
.cf-comp__bara { position: relative; display: block; height: 14px; border-radius: 99px; background: rgba(255, 255, 255, .08); overflow: hidden; }
.cf-comp__bara i { position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(90deg, #2f8fc4, #57b9ea); transform-origin: left; transform: scaleX(.2); }
.cf-comp__rand--energy .cf-comp__bara { background: none; box-shadow: inset 0 0 0 1.5px rgba(195, 214, 59, .5); }
.cf-comp__rand--energy .cf-comp__bara i { inset: 3px; background: linear-gradient(90deg, var(--lime-2), var(--lime)); }
/* bucla de 8 s: Easy – încărcare (+), apoi scade la alimentări (picătura) */
.cf-comp__rand--easy .cf-comp__bara i { animation: cf-debit 8s var(--lin) infinite; }
.cf-comp__rand--easy .icon:nth-child(1) { animation: cf-ic-a 8s infinite; }
.cf-comp__rand--easy .icon:nth-child(2) { animation: cf-ic-b 8s infinite; }
@keyframes cf-debit { 0% { transform: scaleX(.08); } 18%, 30% { transform: scaleX(1); } 42%, 50% { transform: scaleX(.72); } 62%, 70% { transform: scaleX(.46); } 82%, 92% { transform: scaleX(.2); } 100% { transform: scaleX(.08); } }
@keyframes cf-ic-a { 0%, 26% { opacity: 1; transform: none; } 30%, 96% { opacity: 0; transform: scale(.5); } 100% { opacity: 1; } }
@keyframes cf-ic-b { 0%, 28% { opacity: 0; transform: scale(.5); } 32%, 92% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; } }
/* Energy – consumul urcă în limita de credit (picătura), factura (document), plata (bifa) și o ia de la capăt */
.cf-comp__rand--energy .cf-comp__bara i { animation: cf-credit 8s var(--lin) infinite; }
.cf-comp__rand--energy .icon:nth-child(1) { animation: cf-ic-c 8s infinite; }
.cf-comp__rand--energy .icon:nth-child(2) { animation: cf-ic-d 8s infinite; }
.cf-comp__rand--energy .icon:nth-child(3) { animation: cf-ic-e 8s infinite; }
@keyframes cf-credit { 0%, 6% { transform: scaleX(0); } 18%, 24% { transform: scaleX(.28); } 36%, 42% { transform: scaleX(.52); } 54%, 74% { transform: scaleX(.8); } 86%, 100% { transform: scaleX(0); } }
@keyframes cf-ic-c { 0%, 56% { opacity: 1; transform: none; } 60%, 100% { opacity: 0; transform: scale(.5); } }
@keyframes cf-ic-d { 0%, 58% { opacity: 0; transform: scale(.5); } 62%, 76% { opacity: 1; transform: none; } 80%, 100% { opacity: 0; transform: scale(.5); } }
@keyframes cf-ic-e { 0%, 78% { opacity: 0; transform: scale(.5); } 82%, 96% { opacity: 1; transform: none; } 100% { opacity: 0; } }

/* Beneficiile în jurul cardului: se aprind pe rând la derulare ([data-cf-ben]) */
.bloc.cf-ben { --k: 0; background: var(--grafit); color: #fff; }
.cf-ben .bloc__titlu em { color: var(--lime); }
.cf-ben__grila { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) minmax(0, 1fr); grid-template-areas: "st centru dr"; gap: 14px 28px; align-items: center; }
.cf-ben__centru { grid-area: centru; position: relative; aspect-ratio: 1; display: grid; place-items: center; }
.cf-ben__orbita { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: rgba(255, 255, 255, .1); stroke-width: 1.5; stroke-dasharray: 2 9; rotate: -90deg; }
.cf-ben__arc { stroke: var(--lime) !important; stroke-width: 3 !important; stroke-dasharray: calc(var(--k) * 100) 100 !important; stroke-linecap: round; transition: stroke-dasharray .6s var(--lin); }
.cf-ben__card { position: relative; width: 74%; rotate: -8deg; }
.cf-ben__card img { display: block; width: 100%; height: auto; filter: drop-shadow(0 28px 34px rgba(0, 0, 0, .55)); animation: cf-pluteste 7s ease-in-out infinite; }
.cf-ben__ic { position: absolute; left: 50%; bottom: 6%; width: 68px; height: 68px; translate: -50% 0; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 8px rgba(195, 214, 59, .15); }
.cf-ben__ic > span { position: absolute; inset: 0; display: grid; place-items: center; color: var(--grafit); opacity: 0; transform: scale(.4) rotate(-30deg); transition: opacity .35s, transform .5s cubic-bezier(.3, 1.5, .5, 1); }
.cf-ben__ic > span.activ { opacity: 1; transform: none; }
.cf-ben__ic .icon { width: 30px; height: 30px; stroke-dasharray: 100; }
.cf-ben__ic > span.activ .icon * { animation: cf-deseneaza 1s var(--lin) both; }
@keyframes cf-deseneaza { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } }
.cf-ben__lista { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.cf-ben__lista--stanga { grid-area: st; }
.cf-ben__lista--dreapta { grid-area: dr; }
.cf-ben__item { padding: 16px 20px; border-radius: 18px; background: var(--grafit-2); box-shadow: inset 0 0 0 1px var(--linie-deschis); transition: box-shadow .4s, transform .4s var(--lin); }
.cf-ben__item .card__cap { margin-bottom: 6px; }
.cf-ben__item .card__ic { background: rgba(255, 255, 255, .08); color: var(--lime); transition: background .4s, color .4s; }
.cf-ben__item h3 { margin: 0; font-size: 17.5px; line-height: 1.2; color: rgba(255, 255, 255, .78); transition: color .4s; }
.cf-ben__item.activ h3, .cf-ben__item:hover h3 { color: #fff; }
.cf-ben__item p { margin: 0; font-size: 14.5px; color: rgba(255, 255, 255, .62); transition: color .4s; }
.cf-ben__item.activ p, .cf-ben__item:hover p { color: rgba(255, 255, 255, .8); }
.cf-ben__item.activ, .cf-ben__item:hover { box-shadow: inset 0 0 0 1.5px var(--lime); }
.cf-ben__item.activ .card__ic { background: var(--lime); color: var(--grafit); }
.cf-ben__lista--stanga .cf-ben__item.activ { transform: translateX(6px); }
.cf-ben__lista--dreapta .cf-ben__item.activ { transform: translateX(-6px); }

/* Acoperire națională: contorul de stații + harta pe fundal deschis */
.bloc.cf-retea { background: var(--hartie); }
.cf-retea .cf-retea__nr { margin: 0 0 6px; font: 700 clamp(64px, 8vw, 116px)/.95 var(--titlu); letter-spacing: -.05em; color: var(--grafit); font-variant-numeric: tabular-nums; }
.cf-retea__legenda { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0 0 18px; padding: 0; list-style: none; font: 500 15.5px/1.3 var(--sans); color: var(--text-2); }
.cf-retea__legenda li { display: inline-flex; align-items: center; gap: 8px; }
.cf-retea__legenda b { color: var(--grafit); font-family: var(--titlu); }
.cf-retea__p { width: 12px; height: 12px; border-radius: 50%; background: var(--lime); }
.cf-retea__p--dpa { background: var(--albastru); }
.cf-retea .text > p:not([class]) { color: var(--text-2); }
.cf-retea .buton { margin-top: 8px; }
.cf-retea__harta .romania__contur { fill: rgba(22, 25, 28, .04); stroke: rgba(22, 25, 28, .3); }
.cf-retea__harta .romania__punct { stroke: var(--grafit); stroke-width: 1; }

/* Aplicație și suport: laptop + telefon cu aplicația (ilustrativ), 24/7 care pulsează */
.cf-suport .doua { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.cf-suport__carduri { grid-template-columns: minmax(0, 1fr); }
.cf-device { position: relative; padding: 3% 8% 8% 0; }
.cf-laptop__ecran { aspect-ratio: 16 / 10; border: 10px solid var(--grafit); border-bottom-width: 14px; border-radius: 16px 16px 0 0; background: var(--grafit-2); overflow: hidden; }
.cf-laptop__baza { height: 14px; margin: 0 -6%; border-radius: 0 0 14px 14px; background: linear-gradient(#3a4146, var(--grafit)); }
.cf-laptop__grila { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 12px; padding: 14px; height: calc(100% - 35px); }
.cf-laptop__grafic { width: 100%; height: 100%; border-radius: 10px; background: rgba(255, 255, 255, .04); }
.cf-laptop__zona { fill: rgba(77, 175, 227, .18); }
.cf-laptop__linie { fill: none; stroke: var(--lime); stroke-width: 2.5; vector-effect: non-scaling-stroke; stroke-dasharray: 100; animation: cf-grafic 6s var(--lin) infinite; }
@keyframes cf-grafic { 0% { stroke-dashoffset: 100; } 45%, 85% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -100; } }
.cf-app__randuri--mic { padding: 0; }
.cf-app__randuri--mic li { grid-template-columns: 1fr auto; white-space: nowrap; padding: 9px 4px; font-size: 12.5px; }
.cf-telefon { position: absolute; right: 0; bottom: 0; width: 24%; aspect-ratio: 9 / 18; padding: 14% 7% 0; border: 7px solid var(--grafit); border-radius: 26px; background: var(--grafit-2); box-shadow: 0 30px 50px rgba(20, 24, 26, .35); display: flex; flex-direction: column; gap: 9%; }
.cf-telefon__card img { display: block; width: 100%; height: auto; border-radius: 6px; }
.cf-telefon__rand { height: 7%; border-radius: 6px; background: rgba(255, 255, 255, .08); }
.cf-telefon__rand:nth-child(2) { background: linear-gradient(90deg, var(--lime) 62%, rgba(255, 255, 255, .08) 0); }
.cf-247 { position: absolute; left: 0; top: 0; display: grid; place-items: center; width: clamp(76px, 8vw, 104px); aspect-ratio: 1; border-radius: 50%; background: var(--lime); color: var(--grafit); font: 700 clamp(20px, 2vw, 26px)/1 var(--titlu); letter-spacing: -.03em; animation: cf-puls 2.4s ease-out infinite; }
@keyframes cf-puls { 0% { box-shadow: 0 0 0 0 rgba(195, 214, 59, .55); } 100% { box-shadow: 0 0 0 28px rgba(195, 214, 59, 0); } }

@media (max-width: 1100px) {
  .cf-alege__grila { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cf-comp { grid-column: 1 / -1; flex-direction: row; gap: 56px; }
  .cf-comp__pompa::before, .cf-comp__pompa::after { display: none; }
  .cf-ben__grila { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "centru centru" "st dr"; }
  .cf-ben__centru { width: min(100%, 440px); justify-self: center; }
}
@media (max-width: 900px) {
  .cf-film__ecran { grid-template-columns: minmax(0, 1fr); padding: 12px; gap: 8px; }
  .cf-scena { order: -1; min-height: 0; aspect-ratio: 4 / 3; }
  .cf-film__buton { padding: 12px 12px 10px; }
  .cf-film__d { padding-left: calc(12px + 14px + 1.4em); padding-right: 12px; }
  .cf-film__ecran { container-type: inline-size; }
  .cf-film__control { right: 22px; top: calc(12px + (100cqw - 24px) * .75 - 48px); bottom: auto; }
  .cf-cadru__card { left: 4%; width: 52%; }
  .cf-terminal { left: 60%; width: 34%; }
  .cf-unde { left: 51%; }
  .cf-suport .doua, .cf-concept { grid-template-columns: minmax(0, 1fr); }
  .cf-alege__grila { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cf-comp { grid-column: 1 / -1; }
  .cf-concept { gap: 10px; margin-top: 20px; }
}
@media (max-width: 640px) {
  .cf-film__t { font-size: 16.5px; }
  .cf-film__d { font-size: 15px; }
  .cf-app__randuri li { grid-template-columns: 1fr 1fr auto; gap: 8px; padding: 10px 8px; font-size: 13px; }
  .cf-app__randuri li span:nth-child(2) { display: none; }
  .cf-limite { padding: 12px 14px 2px; gap: 12px; }
  .cf-limite li { grid-template-columns: 76px minmax(0, 1fr) 36px; gap: 10px; font-size: 13px; }
  .cf-terminal { padding: 8px; border-radius: 14px; }
  .cf-terminal__ecran { padding: 8px; font-size: 11px; }
  .cf-terminal__ecran b { font-size: 12px; }
  .cf-terminal__bifa { width: 22px; height: 22px; right: 6px; padding: 3px; }
  .cf-terminal__taste { gap: 4px; margin-top: 8px; }
  .cf-terminal__taste i { height: 10px; }
  .cf-factura { padding: 14px 14px 18px; }
  .cf-factura__stampila { width: 48px; height: 48px; right: -12px; bottom: -12px; padding: 7px; }
  .cf-ben__grila { grid-template-columns: minmax(0, 1fr); grid-template-areas: "centru" "st" "dr"; }
  .cf-ben__centru { width: min(100%, 340px); }
  .cf-ben__item { padding: 14px 16px; }
  .cf-alege__card { padding: 16px; gap: 16px; }
  .cf-alege__grila { grid-template-columns: minmax(0, 1fr); }
  .cf-comp { flex-direction: column; padding: 16px; gap: 40px; }
  .cf-comp__pompa::before, .cf-comp__pompa::after { display: block; }
  .cf-comp__rand { padding: 14px; }
  .cf-comp__card { width: 76px; }
  .cf-comp__nume span { font-size: 17px; }
  .cf-concept__item { padding: 22px 16px 16px; }
  .cf-concept__item::before { left: 16px; }
  .cf-repere__item { flex: 1 1 140px; min-width: 0; padding: 14px 16px; }
  .cf-telefon { border-width: 5px; border-radius: 18px; }
  .cf-device { padding: 2% 6% 0 0; }
  .cf-suport .doua { row-gap: 16px; }
  .cf-laptop__ecran { border-width: 6px; border-bottom-width: 9px; border-radius: 10px 10px 0 0; }
  .cf-laptop__grila { padding: 8px; gap: 8px; height: calc(100% - 30px); grid-template-columns: minmax(0, 1fr); }
  .cf-laptop__grila .cf-app__randuri--mic { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .cf-scena__inele, .cf-tip__in, .cf-comp__card, .cf-comp__pompa::before, .cf-comp__pompa::after, .cf-ben__card img, .cf-laptop__linie, .cf-247, .cf-app__live::before { animation: none !important; }
  .cf-film__ecran *, .cf-ben__ic .icon * { animation-duration: .01s !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; }
  .cf-unde path { opacity: 1; }
  .cf-tip__in { transition: none; }
  .cf-comp__bara i { animation: none !important; transform: scaleX(.6); }
  .cf-comp__ic .icon { animation: none !important; }
  .cf-comp__ic .icon:first-child { opacity: 1; }
}

/* Stații de incintă: capacitățile DIESELpoint, cu nivelul rezervorului (data-v → --v, din site.js) */
.dpoint { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.dpoint__el { display: flex; flex-direction: column; gap: 6px; padding: 20px; border-radius: 18px; background: var(--grafit-2); box-shadow: inset 0 0 0 1px var(--linie-deschis); }
.dpoint__el strong { font: 650 20px/1.15 var(--titlu); letter-spacing: -.015em; }
.dpoint__el > span:not(.dpoint__nivel) { font-size: 15px; color: rgba(255, 255, 255, .7); }
.dpoint__el--plus { background: linear-gradient(160deg, rgba(195, 214, 59, .16), var(--grafit-2) 60%); box-shadow: inset 0 0 0 1px rgba(195, 214, 59, .35); }
.dpoint__el .card__link { color: #fff; }
.dpoint__el .card__link .icon { color: var(--lime); }
.dpoint__nivel { position: relative; display: block; height: 64px; margin-bottom: 8px; border-radius: 32px; border: 1.5px solid rgba(255, 255, 255, .25); overflow: hidden; }
.dpoint__nivel i { position: absolute; left: 0; bottom: 0; top: 0; width: calc(var(--v, 0) * 1%); background: linear-gradient(90deg, var(--albastru-2), var(--albastru)); border-radius: 32px 0 0 32px; transition: width 1.4s var(--lin) .2s; }
.dpoint__el--plus .dpoint__nivel i { background: linear-gradient(90deg, var(--lime-2), var(--lime)); }
.js .dpoint__el:not(.vizibil) .dpoint__nivel i { width: 0; }
@media (max-width: 1100px) { .dpoint { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .dpoint { grid-template-columns: minmax(0, 1fr); } .dpoint__nivel { height: 40px; } }

/* En-gross: lista depozitelor, cu linkuri de navigare */
.depozite { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.depozit { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; align-content: start; gap: 0 12px; padding: 16px; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--linie); }
.depozit > div { display: contents; }
.depozit > div > :not(h3) { grid-column: 1 / -1; }
.depozit > div > p:first-of-type { margin-top: 10px; }
.depozit h3 { margin: 0; font-size: 17.5px; }
.depozit p { margin: 0; font-size: 15px; color: var(--text-2); }
.depozit__nav { display: flex; gap: 14px; margin-top: 8px !important; }
.depozit__nav a { font-weight: 650; font-size: 14px; color: var(--albastru-2); text-decoration: none; }
.depozit__nav a:hover { text-decoration: underline; }
.fisa { color: var(--text); }

/* Arii de expertiză: legăturile spre celelalte arii */
.alte-arii { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.alte-arii a { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 16px; background: var(--hartie); text-decoration: none; transition: background .25s; }
.alte-arii a:hover { background: var(--hartie-2); }
.alte-arii strong { flex: 1; font: 650 19px/1.2 var(--titlu); }
.alte-arii a > .icon { color: var(--albastru-2); transition: transform .3s var(--lin); }
.alte-arii a:hover > .icon { transform: translateX(3px); }
@media (max-width: 640px) { .alte-arii { grid-template-columns: minmax(0, 1fr); } }
.bloc--inchis .card__link { color: #fff; } .bloc--inchis .card__link .icon { color: var(--lime); }
.bloc.lant { background: var(--hartie); }
.bloc--inchis .text p { color: rgba(255, 255, 255, .72); } .bloc--inchis .text .mare { color: #fff; }

/* ---------- Formulare (inc/formulare.php): secțiuni numerotate, câmpuri pe două coloane ---------- */
.formular-pagina { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; align-items: start; }
.formular { display: grid; gap: 14px; min-width: 0; }
.formular__capcana { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.formular__sectiune { margin: 0; padding: 22px 24px 24px; border: 0; border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px var(--linie); min-width: 0; }
.formular__titlu { display: flex; align-items: center; gap: 12px; float: left; width: 100%; margin: 0 0 16px; padding: 0; font: 650 21px/1.2 var(--titlu); letter-spacing: -.015em; }
.formular__titlu + * { clear: both; }
.formular__titlu span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--grafit); color: var(--lime); font: 700 13px/1 var(--sans); letter-spacing: .02em; }
.formular__nota { clear: both; margin: 0 0 14px; font-size: 14.5px; color: var(--text-2); }
.formular__grila { clear: both; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; }
.camp { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.camp--tot { grid-column: 1 / -1; }
.camp[hidden] { display: none; }
.camp > label, .camp legend { font-size: 14.5px; font-weight: 600; color: var(--text); padding: 0; }
.camp fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.camp legend { margin-bottom: 8px; }
.camp__obl { color: #c2410c; }
.camp__ajutor { font-size: 13.5px; color: var(--text-2); } /* contrast ≥ 4.5 */
.camp input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), .camp select, .camp textarea {
  width: 100%; min-height: 48px; padding: 11px 14px; border: 1.5px solid rgba(22, 25, 28, .18); border-radius: 12px; background: var(--hartie); font-size: 16px; color: var(--text); transition: border-color .2s, background .2s, box-shadow .2s; }
.camp textarea { resize: vertical; min-height: 84px; line-height: 1.42; }
.camp select { appearance: none; padding-right: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316191c' stroke-width='2' stroke-linecap='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 input:focus, .camp select:focus, .camp textarea:focus { outline: none; border-color: var(--albastru-2); background-color: #fff; box-shadow: 0 0 0 4px rgba(77, 175, 227, .18); }
.camp input[type="file"] { padding: 10px; border: 1.5px dashed rgba(22, 25, 28, .25); border-radius: 12px; background: var(--hartie); font-size: 14.5px; }
.camp input[type="file"]::file-selector-button { margin-right: 12px; padding: 8px 14px; border: 0; border-radius: 99px; background: var(--grafit); color: #fff; font-weight: 600; cursor: pointer; }
.camp .gresit, .formular .gresit input, .formular .gresit select, .formular .gresit textarea { border-color: #c2410c !important; }
.camp--titlu { margin: 6px 0 -4px; font-size: 17px; }
.camp--info { margin: 0; }
.camp__optiuni { display: flex; flex-wrap: wrap; gap: 8px; }
.camp__optiuni--vertical { flex-direction: column; }
.optiune { position: relative; display: inline-flex; align-items: flex-start; gap: 10px; padding: 10px 14px; border-radius: 12px; background: var(--hartie); font-size: 15px; cursor: pointer; transition: background .2s, box-shadow .2s; }
.optiune:hover { background: var(--hartie-2); }
.optiune input { flex: none; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--grafit); }
.optiune:has(input:checked) { background: rgba(195, 214, 59, .22); box-shadow: inset 0 0 0 1.5px var(--lime-2); }
.optiune--bifa { background: transparent; padding: 4px 0; }
.optiune--bifa:hover { background: transparent; }
.optiune--bifa:has(input:checked) { background: transparent; box-shadow: none; }
.optiune a { color: inherit; text-decoration-color: var(--lime); text-decoration-thickness: 2px; }
.formular__final { display: grid; gap: 12px; padding: 22px 24px; border-radius: 20px; background: var(--grafit); color: #fff; }
.formular__final .optiune--bifa { color: rgba(255, 255, 255, .85); }
.formular__final .optiune input { accent-color: var(--lime); }
.formular__mic { margin: 0; font-size: 13.5px; color: rgba(255, 255, 255, .55); }
.formular__buton { justify-self: start; }
.formular__buton[disabled] { opacity: .6; cursor: progress; }
.formular__raspuns:empty { display: none; }
.formular__raspuns { padding: 14px 16px; border-radius: 12px; font-weight: 550; outline: none; }
.formular__raspuns.ok { background: rgba(195, 214, 59, .18); color: #fff; box-shadow: inset 0 0 0 1.5px var(--lime); }
.formular__raspuns.eroare { background: rgba(236, 91, 60, .16); color: #fff; box-shadow: inset 0 0 0 1.5px var(--fortis); }
.formular-pagina__lateral { position: sticky; top: calc(var(--antet) + 16px); display: grid; gap: 14px; }
.formular-pagina__poza { margin: 0; border-radius: 20px; overflow: hidden; aspect-ratio: 4 / 3; }
.formular-pagina__poza img { width: 100%; height: 100%; object-fit: cover; }
.formular-pagina__ajutor { padding: 20px 22px; border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px var(--linie); }
.formular-pagina__ajutor h2 { font-size: 21px; margin: 0 0 6px; }
.formular-pagina__ajutor p { font-size: 15px; color: var(--text-2); margin: 0 0 12px; }
.formular-pagina__ajutor ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.formular-pagina__ajutor a { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; text-decoration: none; }
.formular-pagina__ajutor .icon { color: var(--albastru-2); }
.formular-pagina__pas { margin: 12px 0 0 !important; padding-top: 12px; border-top: 1px solid var(--linie); }
.formular-pagina__pas a { color: var(--albastru-2); }
@media (max-width: 1100px) {
  .formular-pagina { grid-template-columns: minmax(0, 1fr); }
  .formular-pagina__lateral { position: static; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .formular__sectiune, .formular__final { padding: 18px 16px; }
  .formular__grila { grid-template-columns: minmax(0, 1fr); }
  .formular__buton { justify-self: stretch; justify-content: space-between; }
  .formular-pagina__lateral { grid-template-columns: minmax(0, 1fr); }
  .formular-pagina__poza { display: none; }
}

/* Contractare: cele două variante, cu poză */
.alegeri { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.alegere { display: flex; flex-direction: column; border-radius: 22px; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px var(--linie); }
.alegere__poza { margin: 0; aspect-ratio: 16 / 7; }
.alegere__poza img { width: 100%; height: 100%; object-fit: cover; }
.alegere__text { display: flex; flex-direction: column; gap: 12px; flex: 1; padding: 22px 24px 24px; }
.alegere__text h2 { margin: 0; font-size: 23px; }
.alegere__text > p { margin: 0; color: var(--text-2); }
.alegere__text .buton { margin-top: auto; align-self: flex-start; }
@media (max-width: 900px) { .alegeri { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) { .alegere__text { padding: 18px; } .alegere__text .buton { align-self: stretch; justify-content: space-between; } }

/* Cariere: posturile, ca acordeon (details/summary, fără JS) */
.posturi { display: grid; gap: 10px; }
.post { border-radius: 18px; background: var(--hartie); }
.post summary { display: flex; align-items: center; gap: 14px; padding: 16px 18px; cursor: pointer; list-style: none; }
.post summary::-webkit-details-marker { display: none; }
.post summary strong { flex: 1; font: 650 20px/1.2 var(--titlu); letter-spacing: -.015em; }
.post__semn { position: relative; width: 34px; height: 34px; border-radius: 50%; background: var(--grafit); flex: none; }
.post__semn::before, .post__semn::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; margin: -1px 0 0 -6px; background: var(--lime); transition: transform .3s var(--lin); }
.post__semn::after { transform: rotate(90deg); }
.post[open] .post__semn::after { transform: rotate(0); }
.post__corp { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 32px; padding: 4px 18px 20px; }
.post__corp h3 { font-size: 17px; margin: 0 0 10px; }
.post__corp .bife li { font-size: 15px; }
.bloc .formular-pagina > div > .bloc__titlu { margin-bottom: 16px; }
@media (max-width: 900px) { .post__corp { grid-template-columns: minmax(0, 1fr); } }

/* Contact: datele de contact pe patru coloane */
.contact-date { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.contact-date li { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; align-content: start; gap: 4px 12px; padding: 20px; border-radius: 18px; background: #fff; box-shadow: inset 0 0 0 1px var(--linie); }
.contact-date li > div { display: contents; }
.contact-date li > div > :not(h3) { grid-column: 1 / -1; }
.contact-date li > div > h3 + * { margin-top: 8px; }
.contact-date h3 { margin: 0; font-size: 17px; }
.contact-date div { display: grid; gap: 4px; min-width: 0; }
.contact-date a { font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.contact-date a:hover { color: var(--albastru-2); }
.contact-date span, .contact-date small { font-size: 15px; color: var(--text-2); }
.contact-date small a { font-weight: 600; }
@media (max-width: 1100px) { .contact-date { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .contact-date { grid-template-columns: minmax(0, 1fr); } }

/* QHSE: certificatele ISO */
.iso { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.iso a { display: grid; gap: 4px; padding: 22px; border-radius: 20px; background: var(--grafit); color: #fff; text-decoration: none; transition: transform .3s var(--lin), box-shadow .3s; }
.iso a:hover { transform: translateY(-3px); box-shadow: var(--umbra); }
.iso__sigiliu { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 10px; border-radius: 50%; background: var(--lime); color: var(--grafit); }
.iso__sigiliu .icon { width: 26px; height: 26px; }
.iso strong { font: 700 30px/1 var(--titlu); letter-spacing: -.02em; }
.iso a > span:not(.iso__sigiliu):not(.iso__link) { color: rgba(255, 255, 255, .7); }
.iso__link { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; font-weight: 650; font-size: 15px; color: var(--lime); }
/* Sustenabilitate: cei 5 piloni, cu poză verticală */
.piloni { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.pilon { display: flex; flex-direction: column; border-radius: 20px; overflow: hidden; background: var(--hartie); }
.pilon__poza { margin: 0; aspect-ratio: 4 / 3; }
.pilon__poza img { width: 100%; height: 100%; object-fit: cover; }
.pilon__text { padding: 16px 18px 20px; }
.pilon__text h3 { margin: 0; font-size: 17.5px; }
.pilon__text p { margin: 0; font-size: 14.5px; color: var(--text-2); }
@media (max-width: 1200px) { .piloni { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .iso { grid-template-columns: minmax(0, 1fr); } .piloni { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .piloni { grid-template-columns: minmax(0, 1fr); } .pilon__poza { aspect-ratio: 16 / 9; } }
.pilon__poza, .alegere__poza, .doua__poza, .cap__poza, .formular-pagina__poza { overflow: hidden; min-height: 0; } .pilon__poza img, .alegere__poza img { height: 100% !important; }

/* GDPR și Cookies: text lung, lizibil, cu o coloană laterală */
.legal { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 40px; align-items: start; }
.legal__text { max-width: 76ch; font-size: 16px; }
.legal__text h2 { font-size: 22px; margin: 30px 0 12px; letter-spacing: -.01em; line-height: 1.25; }
.legal__text h2:first-child { margin-top: 0; }
.legal__text h3 { font-size: 18px; margin: 22px 0 8px; }
.legal__text p, .legal__text li { color: var(--text-2); }
.legal__text ul { margin: 0 0 1em; padding-left: 22px; }
.legal__text li { margin-bottom: 4px; }
.legal__text a { color: var(--text); text-decoration-color: var(--lime); text-decoration-thickness: 2px; overflow-wrap: anywhere; }
.legal__lateral { position: sticky; top: calc(var(--antet) + 16px); display: grid; gap: 10px; padding: 20px; border-radius: 18px; background: var(--hartie); font-size: 15px; }
.legal__lateral p { margin: 0; color: var(--text-2); }
.legal__lateral a:not(.buton) { color: #1d6f9c; font-weight: 600; } /* albastru mai închis: contrast ≥ 4,5 pe fond deschis */
@media (max-width: 900px) { .legal { grid-template-columns: minmax(0, 1fr); } .legal__lateral { position: static; order: -1; } }
/* Spații: ultimul paragraf dintr-un bloc nu mai adaugă marginea lui peste padding (regula „fără goluri mari”) */
.bloc { padding-top: var(--sectiune); padding-bottom: var(--sectiune); }
.bloc p:last-child, .banda p:last-child, .card p:last-child { margin-bottom: 0; }
.bloc--continua { padding-top: var(--sectiune); }

.legal__text p, .legal__text li { overflow-wrap: anywhere; }

/* Ecrane mari (2K/4K/5K, ultrawide): paginile interioare se măresc proporțional, ca textul să nu rămână mic.
   Antetul fix nu e mărit, deci spațiul de sub el se împarte la zoom. */
/* Antetul NU se mărește (Mihai, 2026-10-26: meniul și butoanele rămân fine, ca pe Acasă); doar lățimea lui urmează conținutul mărit,
   ca marginile meniului să fie aliniate cu pagina. Subsolul se mărește odată cu conținutul. */
@media (min-width: 2200px) { body:not([class*="p-acasa"]) .subsol { zoom: 1.3; } body:not([class*="p-acasa"]) .antet__in { max-width: calc((var(--latime) + 2 * var(--margine)) * 1.3); padding: 0 calc(var(--margine) * 1.3); } }
@media (min-width: 3000px) { body:not([class*="p-acasa"]) .subsol { zoom: 1.7; } body:not([class*="p-acasa"]) .antet__in { max-width: calc((var(--latime) + 2 * var(--margine)) * 1.7); padding: 0 calc(var(--margine) * 1.7); } }
@media (min-width: 4200px) { body:not([class*="p-acasa"]) .subsol { zoom: 2.2; } body:not([class*="p-acasa"]) .antet__in { max-width: calc((var(--latime) + 2 * var(--margine)) * 2.2); padding: 0 calc(var(--margine) * 2.2); } }
@media (min-width: 2200px) {
  main > .cap, main > .bloc, main > .banda, main > .cifre { zoom: 1.3; }
  main > .cap { padding-top: calc(var(--antet) / 1.3 + 28px); }
}
@media (min-width: 3000px) {
  main > .cap, main > .bloc, main > .banda, main > .cifre { zoom: 1.7; }
  main > .cap { padding-top: calc(var(--antet) / 1.7 + 28px); }
}
@media (min-width: 4200px) {
  main > .cap, main > .bloc, main > .banda, main > .cifre { zoom: 2.2; }
  main > .cap { padding-top: calc(var(--antet) / 2.2 + 28px); }
}
.formular [hidden] { display: none !important; }

/* ---------- Ariile de expertiză (pagini/arie.php): erou pe tot ecranul cu desenul ariei, text care se umple la derulare,
   avantaje cu panou „lipit”, soluții cu poză. Îndemnul final e cel din subsol. Spații max 40/28 px; secțiunile se despart prin fundal. ---------- */
.ar-erou { position: relative; min-height: max(620px, 100svh); display: flex; flex-direction: column; justify-content: flex-end; color: #fff; background: var(--carbune); overflow: hidden; isolation: isolate; }
.ar-erou__fundal { position: absolute; inset: -8% 0 0; z-index: -3; will-change: transform; }
.ar-erou__scena { position: absolute; inset: 0; }
.ar-erou__poza { width: 100%; height: 100%; object-fit: cover; }
.ar-erou__scena .ar-semn { z-index: 1; }
/* poza și desenul se măresc împreună, ca liniile să rămână pe drum */
.js .ar-erou__scena { transform: scale(1.14); transition: transform 2.8s cubic-bezier(.2, .7, .2, 1); }
.ar-erou.gata .ar-erou__scena { transform: scale(1); }
.ar-erou::before { content: ""; position: absolute; inset: 0; z-index: -2; pointer-events: none;
  background: linear-gradient(180deg, rgba(15, 18, 20, .55), transparent 24%), linear-gradient(90deg, rgba(15, 18, 20, .8) 0%, rgba(15, 18, 20, .42) 42%, transparent 74%), linear-gradient(0deg, rgba(15, 18, 20, .88) 0%, transparent 40%); }
.ar-erou__in { position: relative; width: 100%; max-width: calc(var(--latime) + 2 * var(--margine)); margin: 0 auto; padding: calc(var(--antet) + 40px) var(--margine) 36px; }
.ar-erou .fir ol { margin-bottom: 22px; }
.ar-erou .eticheta { margin-bottom: 18px; text-shadow: 0 1px 10px rgba(0, 0, 0, .4); }
.ar-erou__nr { margin-left: 4px; color: var(--lime); letter-spacing: .12em; }
.ar-erou__titlu { font-size: var(--erou-titlu); line-height: 1.04; letter-spacing: -.02em; max-width: 14ch; margin: 0 0 22px; text-shadow: 0 2px 26px rgba(0, 0, 0, .3); }
.ar-erou__titlu em { font-style: normal; color: var(--lime); }
.ar-c { display: inline-block; vertical-align: top; overflow: hidden; padding: 0 .04em .1em; margin: 0 -.04em -.1em; }
.ar-c > span { display: inline-block; }
.js .ar-c > span { transform: translateY(112%); transition: transform 1.15s var(--lin); }
.ar-erou.gata .ar-c > span { transform: none; }
.ar-erou.gata-tot .ar-c { overflow: visible; }
.ar-erou__intro { max-width: 44ch; margin: 0; font-size: var(--erou-intro); color: rgba(255, 255, 255, .86); text-shadow: 0 1px 14px rgba(0, 0, 0, .45); }
.js .ar-erou .fir, .js .ar-erou .eticheta, .js .ar-erou__intro, .js .ar-erou__bara, .js .ar-erou__jos { opacity: 0; transform: translateY(18px); transition: opacity 1s var(--lin), transform 1.1s var(--lin); }
.ar-erou.gata .fir, .ar-erou.gata .eticheta, .ar-erou.gata .ar-erou__intro, .ar-erou.gata .ar-erou__bara, .ar-erou.gata .ar-erou__jos { opacity: 1; transform: none; }
.ar-erou .eticheta { transition-delay: .1s; }
.ar-erou__intro { transition-delay: .75s !important; }
.ar-erou__bara { transition-delay: 1.1s !important; }
.ar-erou__jos { transition-delay: 1.4s !important; }
.ar-erou__jos { position: absolute; right: var(--margine); bottom: 40px; display: flex; flex-direction: column; align-items: center; gap: 12px; color: #fff; text-decoration: none; font: 650 11.5px/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; text-shadow: 0 1px 10px rgba(0, 0, 0, .5); }
.ar-erou__jos span { writing-mode: vertical-rl; }
.ar-erou__jos i { position: relative; width: 2px; height: 64px; border-radius: 2px; background: rgba(255, 255, 255, .3); overflow: hidden; }
.ar-erou__jos i::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 40%; background: var(--lime); animation: ar-jos 2s var(--lin) infinite; }
@keyframes ar-jos { from { transform: translateY(-100%); } to { transform: translateY(260%); } }
.ar-erou__bara { border-top: 1px solid rgba(255, 255, 255, .16); background: rgba(15, 18, 20, .5); -webkit-backdrop-filter: blur(14px) saturate(1.4); backdrop-filter: blur(14px) saturate(1.4); }
.ar-erou__bara-in { max-width: calc(var(--latime) + 2 * var(--margine)); margin: 0 auto; padding: 0 var(--margine); display: flex; justify-content: space-between; align-items: center; gap: 12px 24px; }
.ar-cifre { list-style: none; margin: 0; padding: 0; display: flex; }
.ar-cifre li { padding: 20px 32px 20px 0; margin-right: 32px; border-right: 1px solid rgba(255, 255, 255, .14); }
.ar-cifre li:last-child { padding-right: 0; margin-right: 0; border-right: 0; }
.ar-cifre strong { display: block; font: 650 clamp(24px, 2.3vw, 36px)/1 var(--titlu); letter-spacing: -.03em; color: var(--lime); white-space: nowrap; font-variant-numeric: tabular-nums; }
.ar-cifre li:nth-child(2) strong { color: #fff; }
.ar-cifre strong small { margin-left: 3px; font-size: .52em; letter-spacing: 0; }
.ar-cifre li > span { display: block; margin-top: 7px; font-size: 13.5px; line-height: 1.35; color: rgba(255, 255, 255, .7); }
.ar-file { display: flex; gap: 6px; }
.ar-file a { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 15px; border: 1px solid transparent; border-radius: 99px; color: rgba(255, 255, 255, .78); font: 600 14px/1 var(--sans); text-decoration: none; transition: background .3s, color .3s, border-color .3s; }
.ar-file a .icon { width: 18px; height: 18px; }
.ar-file a:hover { color: #fff; border-color: rgba(255, 255, 255, .35); }
.ar-file a[aria-current] { background: var(--lime); color: var(--grafit); }

/* desenul ariei: linii care se trasează o dată, apoi „curg” */
.ar-semn { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: visible; -webkit-mask-image: linear-gradient(90deg, transparent 38%, #000 72%); mask-image: linear-gradient(90deg, transparent 38%, #000 72%); }
.ar-s { fill: none; stroke: rgba(255, 255, 255, .4); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ar-s--lat { stroke: var(--lime); stroke-width: 3; }
.ar-s--albastru { stroke: var(--albastru); stroke-width: 2.2; }
.ar-s--gros { stroke-width: 5; }
.ar-s--subtire { stroke: rgba(255, 255, 255, .32); stroke-width: 1.3; }
.ar-s--flux { stroke: rgba(255, 255, 255, .8); stroke-width: 2; stroke-dasharray: 2 16; animation: ar-flux 1.4s linear infinite; }
@keyframes ar-flux { to { stroke-dashoffset: -36; } }
.js .ar-semn .ar-d { stroke-dasharray: 1; stroke-dashoffset: 1; }
.ar-semn.desenat .ar-d { animation: ar-deseneaza 2.4s cubic-bezier(.6, .1, .2, 1) both; }
@keyframes ar-deseneaza { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
.js .ar-s--flux, .js .ar-plan, .js .ar-colt, .js .ar-nod { opacity: 0; transition: opacity 1.2s 1.6s; }
.ar-semn.desenat .ar-s--flux, .ar-semn.desenat .ar-plan, .ar-semn.desenat .ar-colt, .ar-semn.desenat .ar-nod { opacity: 1; }
.ar-plan path { fill: none; stroke: rgba(255, 255, 255, .09); stroke-width: 1; }
.ar-dungi rect { fill: var(--lime); transform-box: fill-box; transform-origin: 50% 100%; }
.js .ar-dungi rect { transform: scaleY(0); transition: transform .8s var(--lin); }
.ar-semn.desenat .ar-dungi rect { transform: none; }
.ar-colt { fill: none; stroke: var(--lime); stroke-width: 2.5; transform-box: fill-box; transform-origin: center; animation: ar-puls 2.6s ease-in-out infinite; }
.ar-nod { fill: var(--carbune); stroke: var(--lime); stroke-width: 2.5; transform-box: fill-box; transform-origin: center; animation: ar-puls 2.4s ease-in-out infinite; }
.ar-nod:nth-of-type(2) { animation-delay: .8s; } .ar-nod:nth-of-type(3) { animation-delay: 1.6s; }
@keyframes ar-puls { 50% { transform: scale(1.5); } }
.ar-punct { fill: var(--lime); opacity: 0; transition: opacity .5s; filter: drop-shadow(0 0 10px rgba(195, 214, 59, .95)); }
.ar-punct.merge { opacity: 1; }
.ar-punct--albastru { fill: #fff; filter: drop-shadow(0 0 10px rgba(77, 175, 227, 1)); }
.ar-semn--foto { -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .15) 24%, #000 50%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, .15) 24%, #000 50%); }
/* textul pe dreapta (Transport): camionul și drumul rămân libere în stânga */
@media (min-width: 901px) {
  .ar-erou--dreapta::before { background: linear-gradient(180deg, rgba(15, 18, 20, .55), transparent 24%), linear-gradient(270deg, rgba(15, 18, 20, .82) 0%, rgba(15, 18, 20, .45) 40%, transparent 62%), linear-gradient(0deg, rgba(15, 18, 20, .7) 0%, transparent 30%); }
  /* lățimea și începutul textului = ale filelor (dreapta) sau ale cifrelor (stânga) din bara de jos; --ar-lat/--ar-st vin din site.js */
  .ar-erou__in > :not(.ar-erou__jos) { max-width: var(--ar-lat, none); }
  .ar-erou--dreapta .ar-erou__in > :not(.ar-erou__jos) { width: var(--ar-lat, 47%); margin-left: var(--ar-st, auto); }
  .ar-erou--dreapta .eticheta { display: flex; }
  .ar-erou__titlu { max-width: none; }
  .ar-erou--dreapta .ar-erou__jos { right: auto; left: var(--margine); }
  .ar-erou--dreapta .ar-semn--foto { -webkit-mask-image: linear-gradient(90deg, #000 46%, rgba(0, 0, 0, .12) 60%); mask-image: linear-gradient(90deg, #000 46%, rgba(0, 0, 0, .12) 60%); }
}
.ar-s--drum { stroke-width: 6; }
/* contur închis fin, ca linia să se vadă și pe iarbă sau pe nisip */
.ar-semn--foto .ar-s--drum, .ar-semn--foto .ar-cerc, .ar-semn--foto .ar-s--albastru { filter: drop-shadow(0 0 2px rgba(15, 18, 20, .85)) drop-shadow(0 0 8px rgba(15, 18, 20, .45)); }
.ar-s--drum-j { stroke: url(#ar-g-j); }
.ar-s--drum-s { stroke: url(#ar-g-s); stroke-width: 5; }
.ar-s--drum-a { stroke: url(#ar-g-a); stroke-width: 10; }
.p-arie--agricultura .ar-cerc, .p-arie--constructii .ar-cerc { stroke-width: 6; }
.ar-s--brazda { stroke: rgba(255, 255, 255, .5); stroke-width: 2.5; }
/* roțile încărcătorului (construcții): cercul se trasează, apoi un inel punctat se rotește ca roata */
.ar-roata { stroke: var(--lime); stroke-width: 5; filter: drop-shadow(0 0 2px rgba(15, 18, 20, .85)) drop-shadow(0 0 8px rgba(195, 214, 59, .6)); }
.ar-roata__rot { fill: none; stroke: rgba(255, 255, 255, .85); stroke-width: 3; stroke-dasharray: 4 18; stroke-linecap: round; opacity: 0; transform-box: fill-box; transform-origin: center; transition: opacity 1s 2.8s; }
.ar-semn.desenat .ar-roata__rot { opacity: 1; animation: ar-roteste 9s linear infinite reverse; }
.ar-s--drum-i { stroke: url(#ar-g-i); }
.ar-s--lime { stroke: var(--lime); }
.ar-s--teava { stroke-width: 9; stroke-linecap: round; opacity: .5; filter: drop-shadow(0 0 2px rgba(15, 18, 20, .85)) drop-shadow(0 0 8px rgba(15, 18, 20, .4)); }
.ar-s--teava-a { stroke: #6cc4f0; }
.ar-s--teava-v { stroke: var(--lime); }
.ar-s--gramada { stroke: #7fd0ff; stroke-width: 5; opacity: .5; }
/* construcții: sub text liniile se estompează, dar partea de sus (linia de pe grămadă, pe muchia măsurată pe poză) rămâne întreagă */
/* construcții: umbrirea e pusă sub desen (în scenă), ca linia de pe grămadă să nu fie întunecată de ea */
@media (min-width: 901px) {
  .p-arie--constructii .ar-erou--dreapta::before { display: none; }
  .p-arie--constructii .ar-erou__scena::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(15, 18, 20, .55), transparent 24%), linear-gradient(270deg, rgba(15, 18, 20, .82) 0%, rgba(15, 18, 20, .45) 40%, transparent 62%), linear-gradient(0deg, rgba(15, 18, 20, .7) 0%, transparent 30%); }
  .p-arie--constructii .ar-erou__scena .ar-semn { z-index: 2; }
}
@media (min-width: 901px) { .p-arie--constructii .ar-erou--dreapta .ar-semn--foto { -webkit-mask-image: linear-gradient(90deg, #000 46%, rgba(0, 0, 0, .15) 60%), linear-gradient(180deg, #000 55%, transparent 62%); mask-image: linear-gradient(90deg, #000 46%, rgba(0, 0, 0, .15) 60%), linear-gradient(180deg, #000 55%, transparent 62%); } }
.ar-s--flux-drum { stroke: rgba(255, 255, 255, .9); stroke-width: 3; stroke-dasharray: 3 26; animation-duration: 1s; }
@keyframes ar-flux-drum { to { stroke-dashoffset: -58; } }
.ar-s--flux-drum { animation-name: ar-flux-drum; }
/* cercul de pe asfalt din jurul camionului: camionul îl acoperă (mască), apoi pulsează */
.ar-cerc { stroke: var(--lime); stroke-width: 4; filter: drop-shadow(0 0 6px rgba(195, 214, 59, .9)); }
.ar-semn.desenat .ar-cerc { animation: ar-deseneaza 1.4s cubic-bezier(.6, .1, .2, 1) 2s both; }
.ar-cerc__lumina { fill: url(#ar-g-cerc); opacity: 0; transition: opacity 1.2s 3s; }
.ar-semn.desenat .ar-cerc__lumina { opacity: 1; }
.ar-cerc__puls { fill: none; stroke: var(--lime); stroke-width: 2.5; opacity: 0; transform-box: fill-box; transform-origin: center; }
.ar-semn.desenat .ar-cerc__puls { animation: ar-cerc-puls 2.8s ease-out 3.4s infinite; }
@keyframes ar-cerc-puls { 0% { opacity: .75; transform: scale(1); } 100% { opacity: 0; transform: scale(1.45); } }

/* secțiunile de sub erou */
.ar { padding: 40px var(--margine); background: var(--hartie); }
.ar--alb { background: #fff; }
.ar--inchis { background: var(--grafit); color: #fff; }
.ar__in { max-width: var(--latime); margin: 0 auto; }
.ar__titlu { font-size: clamp(28px, 3.1vw, 46px); line-height: 1.06; letter-spacing: -.02em; margin: 0 0 22px; text-wrap: balance; }
.ar__titlu em { font-style: normal; color: var(--text-3); }
.ar--inchis .ar__titlu em { color: var(--lime); }
.ar__cap { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px 48px; flex-wrap: wrap; margin-bottom: 24px; }
.ar__cap .ar__titlu { margin: 0; }
.ar__cap p { margin: 0; color: var(--text-2); }

.ar-manifest__sus { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 16px 56px; align-items: start; margin-bottom: 36px; }
.ar-manifest .ar__titlu { font-size: var(--titlu-sectiune); margin: 0; }
.ar-manifest__mare { margin: 0; font: 600 clamp(25px, 3.1vw, 46px)/1.2 var(--titlu); letter-spacing: -.03em; text-wrap: pretty; }
.ar-manifest__mare span { transition: color .5s; }
.js .ar-manifest__mare span { color: #c3c7bd; }
.js .ar-manifest__mare span.plin { color: var(--text); }
.ar-manifest__grila { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 28px 56px; align-items: center; }
.ar-manifest__poza { position: relative; margin: 0; border-radius: 24px; overflow: hidden; aspect-ratio: 16 / 10; background: var(--hartie-2); }
.js .ar-manifest__poza { clip-path: inset(10% 14% 10% 0 round 24px); transition: clip-path 1.5s var(--lin); }
.ar-manifest__poza.vizibil { clip-path: inset(0 round 24px); }
.ar-manifest__cadru { position: absolute; inset: -9% 0; will-change: transform; }
.ar-manifest__cadru img { width: 100%; height: 100%; object-fit: cover; }
.ar-manifest__poza figcaption { position: absolute; left: 16px; bottom: 16px; display: flex; align-items: center; gap: 14px; max-width: calc(100% - 32px); padding: 14px 20px 14px 14px; border-radius: 16px; background: rgba(22, 25, 28, .82); color: rgba(255, 255, 255, .72); font-size: 14px; line-height: 1.35; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.ar-manifest__poza figcaption .card__ic { width: 44px; height: 44px; background: var(--lime); color: var(--grafit); }
.ar-manifest__poza figcaption strong { display: block; font: 650 24px/1 var(--titlu); letter-spacing: -.03em; color: #fff; margin-bottom: 3px; }
.ar-manifest__text p { font-size: 18px; color: var(--text-2); margin: 0 0 22px; }
.ar-link { display: inline-flex; align-items: center; gap: 10px; padding-bottom: 6px; border-bottom: 2px solid var(--lime); color: var(--text); font-weight: 650; text-decoration: none; }
.ar-link .icon { transition: transform .3s var(--lin); }
.ar-link:hover .icon { transform: translateX(4px); }

.ar-avantaje__grila { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 28px 72px; align-items: start; }
.ar-avantaje__panou { position: sticky; top: calc(var(--antet) + 28px); }
.ar-avantaje__panou > p { color: rgba(255, 255, 255, .66); }
.ar-avantaje__contor { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 14px 22px; margin-top: 26px; padding: 22px; border-radius: 22px; background: var(--grafit-2); box-shadow: inset 0 0 0 1px var(--linie-deschis); }
.ar-avantaje__ic { position: relative; grid-row: span 2; width: 86px; height: 86px; border-radius: 50%; background: rgba(195, 214, 59, .12); color: var(--lime); }
.ar-avantaje__ic::after { content: ""; position: absolute; inset: -7px; border-radius: 50%; border: 1px dashed rgba(195, 214, 59, .5); animation: ar-roteste 22s linear infinite; }
@keyframes ar-roteste { to { transform: rotate(360deg); } }
.ar-avantaje__ic > span { position: absolute; inset: 0; display: grid; place-items: center; opacity: 0; transform: scale(.6) rotate(-25deg); transition: opacity .45s, transform .6s var(--lin); }
.ar-avantaje__ic > span.activ { opacity: 1; transform: none; }
.ar-avantaje__ic .icon { width: 38px; height: 38px; stroke-width: 1.5; }
.ar-avantaje__nr { align-self: end; font: 600 14px/1 var(--sans); letter-spacing: .1em; color: rgba(255, 255, 255, .5); }
.ar-avantaje__nr b { font: 700 clamp(40px, 3.6vw, 56px)/1 var(--titlu); letter-spacing: -.05em; color: #fff; margin-right: 4px; font-variant-numeric: tabular-nums; }
.ar-avantaje__bara { align-self: start; display: block; height: 4px; border-radius: 2px; background: rgba(255, 255, 255, .12); overflow: hidden; }
.ar-avantaje__bara i { display: block; height: 100%; background: linear-gradient(90deg, var(--lime), var(--albastru)); transform-origin: left; transform: scaleX(var(--progres, 0)); transition: transform .6s var(--lin); }
.ar-avantaje__lista { list-style: none; margin: 0; padding: 0; }
.ar-av { position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 16px; padding: 26px 0; border-top: 1px solid var(--linie-deschis); }
.ar-av:last-child { border-bottom: 1px solid var(--linie-deschis); }
.ar-av::before { content: ""; position: absolute; left: 0; top: -1px; width: 100%; height: 2px; background: linear-gradient(90deg, var(--lime), var(--albastru)); transform: scaleX(0); transform-origin: left; transition: transform 1s var(--lin); }
.ar-av.atins::before { transform: scaleX(1); }
.ar-av__nr { padding-top: 12px; font: 600 14px/1 var(--sans); letter-spacing: .08em; color: var(--lime); }
.ar-av__titlu { display: flex; align-items: center; gap: 14px; margin: 0 0 10px; font-size: clamp(21px, 2.1vw, 30px); }
.ar-av__titlu .card__ic { background: rgba(255, 255, 255, .08); }
.ar-av p { margin: 0 0 0 52px; font-size: 16.5px; color: rgba(255, 255, 255, .8); } /* rămâne lizibil și când rândul e estompat (.6) */
.js .ar-av { opacity: .6; transition: opacity .6s; } /* pașii încă neatinși: estompați, dar lizibili (contrast) */
.js .ar-av.atins { opacity: 1; }

.ar-solutii { background: var(--hartie-2); }
.ar-sol__lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.ar-sol__lista > li { display: flex; }
.ar-sol { position: relative; flex: 1; display: flex; flex-direction: column; justify-content: flex-end; min-height: clamp(380px, 33vw, 520px); padding: 26px; border-radius: 24px; overflow: hidden; color: #fff; text-decoration: none; isolation: isolate; }
.ar-sol__poza { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1.2s var(--lin); }
.ar-sol::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(15, 18, 20, .1) 20%, rgba(15, 18, 20, .9) 88%); transition: background .6s; }
.ar-sol::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 6px; background: linear-gradient(var(--lime) 0 2px, transparent 2px 4px, var(--albastru) 4px 6px); transform: scaleX(0); transform-origin: left; transition: transform .8s var(--lin); }
.ar-sol:hover::before, .ar-sol:focus-visible::before { transform: scaleX(1); }
.ar-sol:hover .ar-sol__poza { transform: scale(1.06); }
.ar-sol:hover::after { background: linear-gradient(180deg, rgba(15, 18, 20, .2) 0%, rgba(15, 18, 20, .94) 80%); }
.ar-sol__nr { position: absolute; left: 22px; top: 22px; padding: 8px 12px; border-radius: 99px; background: rgba(15, 18, 20, .55); font: 600 12.5px/1 var(--sans); letter-spacing: .14em; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.ar-sol__text strong { display: flex; align-items: center; gap: 12px; font: 650 clamp(22px, 1.9vw, 28px)/1.15 var(--titlu); letter-spacing: -.02em; text-shadow: 0 1px 16px rgba(0, 0, 0, .45); }
.ar-sol__ic .icon { width: 42px; height: 42px; padding: 10px; border-radius: 12px; background: var(--lime); color: var(--grafit); }
.ar-sol__desc { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .6s var(--lin); }
.ar-sol__desc > span { display: block; overflow: hidden; }
.ar-sol__desc > span::before { content: ""; display: block; height: 12px; }
.ar-sol__desc { color: rgba(255, 255, 255, .85); font-size: 15.5px; line-height: 1.42; text-shadow: 0 1px 12px rgba(0, 0, 0, .5); }
.ar-sol:hover .ar-sol__desc, .ar-sol:focus-visible .ar-sol__desc { grid-template-rows: 1fr; }
@media (hover: none) { .ar-sol__desc { grid-template-rows: 1fr; } }
.ar-sol__sageata { position: absolute; right: 20px; top: 20px; }
.ar-sol__sageata .icon { width: 46px; height: 46px; padding: 12px; border-radius: 50%; background: #fff; color: var(--grafit); transform: rotate(-45deg); transition: transform .45s var(--lin), background .3s; }
.ar-sol:hover .ar-sol__sageata .icon { transform: none; background: var(--lime); }

.ar-alte__grila { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.ar-alte .mai__text { text-shadow: 0 1px 14px rgba(0, 0, 0, .5); }


@media (max-width: 1180px) {
  .ar-file span { display: none; }
  .ar-file a { width: 42px; padding: 0; justify-content: center; }
  .ar-file a[aria-current] { width: auto; padding: 0 15px; }
  .ar-file a[aria-current] span { display: inline; }
}
@media (max-width: 900px) {
  .ar-erou__jos, .ar-file { display: none; }
  .ar-erou__bara-in { display: block; }
  .ar-cifre { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ar-cifre li { padding: 16px 12px 16px 0; margin-right: 12px; }
  .ar-cifre strong { font-size: clamp(20px, 5.4vw, 28px); }
  .ar-cifre li > span { font-size: 12px; }
  .ar-manifest__sus, .ar-manifest__grila, .ar-avantaje__grila { grid-template-columns: minmax(0, 1fr); }
  .ar-avantaje__panou { position: static; }
  .ar-avantaje__contor { display: none; }
  .js .ar-av { opacity: 1; }
  .ar-sol__lista, .ar-alte__grila { grid-template-columns: minmax(0, 1fr); }
  .ar-sol { min-height: 340px; }
}
@media (max-width: 700px) {
  .ar-erou { min-height: max(560px, 100svh); }
  .ar-erou__in { padding-bottom: 24px; }
  .ar-erou::before { background: linear-gradient(180deg, rgba(15, 18, 20, .6), transparent 30%), linear-gradient(0deg, rgba(15, 18, 20, .95) 0%, rgba(15, 18, 20, .55) 55%, rgba(15, 18, 20, .2) 100%); }
  .ar-colt { display: none; }
  .ar-semn--foto.ar-semn { opacity: .9; -webkit-mask-image: none; mask-image: none; }
  .ar-semn { opacity: .55; -webkit-mask-image: linear-gradient(180deg, #000 20%, transparent 55%); mask-image: linear-gradient(180deg, #000 20%, transparent 55%); }
  .ar { padding-top: 28px; padding-bottom: 28px; }
  .ar-av { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 20px 0; }
  .ar-av__nr { padding: 0; }
  .ar-av p { margin-left: 0; }
  .ar-manifest__poza { aspect-ratio: 4 / 3; }
}
@media (prefers-reduced-motion: reduce) {
  .js .ar-c > span, .js .ar-erou__scena, .js .ar-semn .ar-d, .js .ar-dungi rect { transform: none; stroke-dashoffset: 0; transition: none; animation: none; }
  .js .ar-erou .fir, .js .ar-erou .eticheta, .js .ar-erou__intro, .js .ar-erou__bara, .js .ar-erou__jos, .js .ar-s--flux, .js .ar-plan, .js .ar-colt, .js .ar-nod { opacity: 1; transform: none; }
  .js .ar-manifest__poza { clip-path: none; }
  .js .ar-manifest__mare span { color: var(--text); }
  .js .ar-av { opacity: 1; }
  .ar-s--flux, .ar-colt, .ar-nod, .ar-avantaje__ic::after, .ar-erou__jos i::after, .ar-semn.desenat .ar-cerc__puls, .ar-semn.desenat .ar-roata__rot { animation: none; }
}
@media (min-width: 2200px) {
  main > .ar, .ar-erou__in, .ar-erou__bara-in { zoom: 1.3; }
  .ar-erou__in { padding-top: calc(var(--antet) / 1.3 + 40px); }
}
@media (min-width: 3000px) {
  main > .ar, .ar-erou__in, .ar-erou__bara-in { zoom: 1.7; }
  .ar-erou__in { padding-top: calc(var(--antet) / 1.7 + 40px); }
}
@media (min-width: 4200px) {
  main > .ar, .ar-erou__in, .ar-erou__bara-in { zoom: 2.2; }
  .ar-erou__in { padding-top: calc(var(--antet) / 2.2 + 40px); }
}

/* ---------- Franciza RO (pagini/franciza.php): benzinăria se aprinde, rețeaua crește pe hartă, drumul spre franciză ---------- */
.p-franciza { --neon: #5be35a; }
.fr-erou, .fr-final { position: relative; overflow: hidden; isolation: isolate; color: #fff; background: var(--carbune); display: flex; flex-direction: column; justify-content: flex-end; }
.fr-erou { min-height: max(640px, 100svh); }
.fr-scena { position: absolute; inset: -6% 0 0; z-index: -2; will-change: transform; }
.fr-scena img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
/* luminile „se aprind”: poza pornește stinsă, straturile decupate din ea (neon verde, lumini albe) pâlpâie ca un tub de neon */
.js .fr-scena__poza { filter: brightness(.2) saturate(.4); transition: filter 2.4s ease 2.2s; }
.aprins .fr-scena__poza { filter: brightness(.95) saturate(1.05); }
.js .fr-scena__lumini { opacity: 0; }
.aprins .fr-scena__lumini--verde { animation: fr-neon 1.7s linear .25s forwards; }
.aprins .fr-scena__lumini--alb { animation: fr-neon 1.4s linear 1s forwards; }
/* magazinul se aprinde și el, între neon și luminile albe, apoi poza se luminează (după ce toate luminile sunt aprinse) */
.fr-scena__lumini--magazin { filter: brightness(1.15) saturate(1.1); }
.aprins .fr-scena__lumini--magazin { animation: fr-neon 1.3s linear .65s forwards; }
.fr-scena__lumini--halou { filter: blur(16px) saturate(1.8) brightness(1.3); mix-blend-mode: screen; }
.aprins .fr-scena__lumini--halou { animation: fr-neon 1.7s linear .25s forwards, fr-respira 4.5s ease-in-out 2.4s infinite; }
@keyframes fr-neon { 0% { opacity: 0; } 7% { opacity: .9; } 11% { opacity: .08; } 19% { opacity: 1; } 23% { opacity: .2; } 31% { opacity: .95; } 36% { opacity: .55; } 44%, 100% { opacity: 1; } }
@keyframes fr-respira { 50% { opacity: .55; } }
.fr-erou::before, .fr-final::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.fr-erou::before { background: linear-gradient(180deg, rgba(15, 18, 20, .55), transparent 22%), linear-gradient(90deg, rgba(15, 18, 20, .85) 0%, rgba(15, 18, 20, .5) 34%, transparent 56%), linear-gradient(0deg, rgba(15, 18, 20, .85) 0%, transparent 34%); }
.fr-erou__in { width: 100%; max-width: calc(var(--latime) + 2 * var(--margine)); margin: 0 auto; padding: calc(var(--antet) + 40px) var(--margine) 36px; }
.fr-erou__in > * { max-width: 600px; }
.fr-erou .fir ol { margin-bottom: 20px; }
.fr-erou__titlu { font-size: var(--erou-titlu); line-height: 1.04; letter-spacing: -.02em; margin: 0 0 20px; text-shadow: 0 2px 26px rgba(0, 0, 0, .35); }
.fr-erou__titlu em { font-style: normal; color: var(--lime); }
.fr-erou__intro { font-size: var(--erou-intro); color: rgba(255, 255, 255, .86); margin: 0 0 24px; text-shadow: 0 1px 14px rgba(0, 0, 0, .5); }
.fr-erou.gata .ar-c > span { transform: none; }
.fr-erou.gata-tot .ar-c { overflow: visible; }
.js .fr-erou .fir, .js .fr-erou .eticheta, .js .fr-erou__intro, .js .fr-erou__in > .buton, .js .fr-erou__bara { opacity: 0; transform: translateY(18px); transition: opacity 1s var(--lin), transform 1.1s var(--lin); }
.fr-erou.gata .fir, .fr-erou.gata .eticheta, .fr-erou.gata .fr-erou__intro, .fr-erou.gata .fr-erou__in > .buton, .fr-erou.gata .fr-erou__bara { opacity: 1; transform: none; }
.fr-erou__intro { transition-delay: .8s !important; } .fr-erou__in > .buton { transition-delay: 1s !important; } .fr-erou__bara { transition-delay: 1.3s !important; }
.fr-erou__bara { border-top: 1px solid rgba(255, 255, 255, .16); background: rgba(15, 18, 20, .5); -webkit-backdrop-filter: blur(14px) saturate(1.4); backdrop-filter: blur(14px) saturate(1.4); }
.fr-erou__cifre { max-width: calc(var(--latime) + 2 * var(--margine)); margin: 0 auto; padding: 0 var(--margine); }

/* sigla de pe copertină și pompele (SVG peste poză, aceleași coordonate) */
.fr-anim { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
#fr-m-sigla, #fr-m-panou { mask-type: alpha; }
.fr-stins { filter: brightness(.26) saturate(.25); }
.fr-sigla { filter: drop-shadow(0 0 6px rgba(255, 255, 255, .35)); }
.js .fr-o { stroke-dasharray: 1; stroke-dashoffset: 1; }
.aprins .fr-o { animation: ar-deseneaza 1.3s cubic-bezier(.6, .1, .2, 1) 2.3s both; }
/* R-ul se aprinde întreg, dintr-o bucată (liniile închise din el fac parte din siglă): crește lumina, cu un mic „puls” la final */
.js .fr-sigla__r { opacity: 0; }
.aprins .fr-sigla__r { animation: fr-r 1.1s ease-out 1.3s forwards; }
@keyframes fr-r { 0% { opacity: 0; filter: brightness(.4); } 60% { opacity: 1; filter: brightness(1.35); } 100% { opacity: 1; filter: none; } }
.aprins .fr-sigla { animation: fr-sigla-halou 5s ease-in-out 3.8s infinite; }
@keyframes fr-sigla-halou { 50% { filter: drop-shadow(0 0 14px rgba(255, 255, 255, .7)) drop-shadow(0 0 30px rgba(195, 214, 59, .45)); } }
.fr-luciu { opacity: 0; }
.aprins .fr-luciu { animation: fr-luciu 6s ease-in-out 3.6s infinite; }
@keyframes fr-luciu { 0% { opacity: 1; transform: translateX(0); } 22% { opacity: 1; transform: translateX(300px); } 23%, 100% { opacity: 0; transform: translateX(300px); } }
/* panoul verde al pompei 6: după ce se umple, o bandă de lumină urcă pe el din când în când */
.fr-scan { opacity: 0; }
.aprins .fr-scan { animation: fr-scan 3.2s ease-in-out 5s infinite; }
@keyframes fr-scan { 0% { opacity: 0; transform: translateY(0); } 10% { opacity: 1; } 55% { opacity: 1; transform: translateY(-150px); } 56%, 100% { opacity: 0; transform: translateY(-150px); } }
/* pompele: fiecare bară se umple de jos în sus, ca un lichid cu val, apoi urcă bule */
.fr-lichid { transform: translateY(var(--h, 40px)); }
.aprins .fr-lichid { animation: fr-umple 1.6s cubic-bezier(.3, .1, .2, 1) calc(2.4s + var(--i, 0) * .22s) forwards; }
@keyframes fr-umple { 80% { transform: translateY(calc(var(--gol, 3px) - 2px)); } to { transform: translateY(var(--gol, 3px)); } }
/* după umplere, lichidul se clatină continuu ca într-o sticlă: suprafața se înclină stânga-dreapta și urcă/coboară puțin */
.fr-clatina { transform-box: fill-box; transform-origin: 50% 0; }
aprins .fr-clatina { animation: fr-clatina 5.5s ease-in-out calc(4s + var(--d, 0s)) infinite; }
@keyframes fr-clatina { 0%, 100% { transform: rotate(0) translateY(0); } 25% { transform: rotate(-2deg) translateY(-.4px); } 50% { transform: rotate(0) translateY(.3px); } 75% { transform: rotate(2deg) translateY(-.4px); } }
.fr-val { animation: fr-val 3.2s linear infinite; }
@keyframes fr-val { to { transform: translateX(var(--w, 20px)); } }
.fr-bula { fill: #fff; opacity: 0; }
.aprins .fr-bula { animation: fr-bula 2.4s ease-in calc(4.6s + var(--d, 0s)) infinite; }
@keyframes fr-bula { 0% { opacity: 0; transform: translateY(0); } 15% { opacity: .85; } 90% { opacity: .6; } 100% { opacity: 0; transform: translateY(calc(var(--h, 30px) * -1)); } }

/* rețeaua crește: secțiune „lipită” cât derulezi (desktop); pe telefon pornește singură */
.fr-crestere { position: relative; height: 260vh; background: radial-gradient(110% 80% at 75% 45%, #1f272b 0%, var(--carbune) 65%); color: #fff; }
.fr-crestere__lipit { position: sticky; top: 0; height: 100svh; display: flex; align-items: center; overflow: hidden; padding: var(--antet) var(--margine) 24px; }
.fr-crestere__in { width: 100%; max-width: var(--latime); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 24px 56px; align-items: center; }
.fr-crestere__titlu { font-size: clamp(28px, 3.1vw, 46px); line-height: 1.06; letter-spacing: -.02em; margin: 0 0 18px; }
.fr-crestere__titlu em { font-style: normal; color: var(--lime); }
.fr-contor { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 6px; margin-bottom: 22px; }
.fr-contor__nr { font: 700 clamp(84px, 10vw, 168px)/.85 var(--titlu); letter-spacing: -.03em; color: var(--lime); font-variant-numeric: tabular-nums; text-shadow: 0 0 40px rgba(195, 214, 59, .35); }
.fr-contor__an { display: flex; align-items: baseline; gap: 10px; }
.fr-contor__an b { font: 650 clamp(22px, 2vw, 30px)/1 var(--titlu); }
.fr-contor__an i { font-style: normal; font-size: 14px; color: rgba(255, 255, 255, .6); }
.fr-repere { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 2px; }
.fr-repere li { display: grid; grid-template-columns: 58px 1fr; gap: 12px; padding: 9px 0 9px 14px; border-left: 2px solid rgba(255, 255, 255, .12); color: rgba(255, 255, 255, .42); transition: color .5s, border-color .5s; }
.fr-repere li b { font: 650 15px/1.3 var(--titlu); }
.fr-repere li.activ { color: #fff; border-color: var(--lime); }
.fr-repere li.activ b { color: var(--lime); }
.fr-crestere__nota { margin: 0; font-size: 13.5px; color: rgba(255, 255, 255, .5); }
.fr-crestere__nota a { color: var(--lime); }
.fr-harta { position: relative; }
.fr-harta__svg { width: 100%; height: auto; overflow: visible; }
.fr-harta__contur { fill: rgba(255, 255, 255, .04); stroke: rgba(255, 255, 255, .3); stroke-width: 1.2; stroke-linejoin: round; }
.fr-pct__p { fill: rgba(255, 255, 255, .14); transition: fill .35s, filter .35s; }
.fr-pct.aprins .fr-pct__p { fill: var(--lime); filter: drop-shadow(0 0 5px rgba(195, 214, 59, .9)); }
.fr-pct__unda { fill: none; stroke: var(--lime); stroke-width: 1.5; opacity: 0; transform-box: fill-box; transform-origin: center; }
.fr-pct.nou .fr-pct__unda { animation: fr-unda .9s ease-out; }
@keyframes fr-unda { 0% { opacity: .9; transform: scale(1); } 100% { opacity: 0; transform: scale(4.5); } }
.fr-harta__ultima { position: absolute; left: 4%; bottom: 2%; display: flex; align-items: center; gap: 10px; margin: 0; padding: 8px 14px 8px 10px; border-radius: 99px; background: rgba(255, 255, 255, .07); font-size: 13.5px; color: rgba(255, 255, 255, .8); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.fr-harta__ultima i { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 10px var(--lime); }

/* promisiunea + valorile */
.fr-valori { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 28px 48px; align-items: center; }
.fr-valori__poza { position: relative; margin: 0; border-radius: 24px; overflow: hidden; aspect-ratio: 16 / 11; background: var(--hartie-2); }
.js .fr-valori__poza { clip-path: inset(10% 14% 10% 0 round 24px); transition: clip-path 1.5s var(--lin); }
.fr-valori__poza.vizibil { clip-path: inset(0 round 24px); }
.fr-valori__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.fr-valoare { position: relative; padding: 20px 22px 20px 26px; border-radius: 18px; background: #fff; box-shadow: 0 0 0 1px var(--linie); overflow: hidden; }
.fr-valoare::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--lime); }
.fr-valoare:nth-child(2)::before { background: var(--albastru); } .fr-valoare:nth-child(3)::before { background: var(--rosu-ro); }
.fr-valoare__nr { position: absolute; right: 18px; top: 14px; font: 700 34px/1 var(--titlu); color: var(--hartie-2); }
.fr-valoare .ar-av__titlu { font-size: clamp(19px, 1.6vw, 23px); margin-bottom: 8px; }
.fr-valoare p { margin: 0; font-size: 15.5px; color: var(--text-2); }
.fr-valoare.dezvaluie:nth-child(2) { transition-delay: .12s; } .fr-valoare.dezvaluie:nth-child(3) { transition-delay: .24s; }

.fr-valori__rand { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 900px) { .fr-valori__rand { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .js .fr-citat__text span { color: #fff; } }

/* servicii: inele care se umplu cu procentul din rețea */
.fr-servicii { background: var(--hartie-2); }
.fr-serv { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.fr-serv__el { display: grid; justify-items: center; text-align: center; gap: 8px; padding: 22px 12px; border-radius: 20px; background: #fff; box-shadow: 0 0 0 1px var(--linie); }
.fr-serv__inel { position: relative; width: 96px; height: 96px; display: grid; place-items: center; }
.fr-serv__inel > svg:not(.icon) { position: absolute; inset: 0; transform: rotate(-90deg); }
.fr-serv__inel circle { fill: none; stroke: var(--hartie-2); stroke-width: 7; }
.fr-serv__inel .fr-serv__plin { stroke: var(--lime); stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset 1.8s var(--lin) .2s; }
.fr-serv__el.vizibil .fr-serv__plin, .fr-serv__el:not(.dezvaluie) .fr-serv__plin { stroke-dashoffset: calc(100 - var(--v, 0)); }
.fr-serv__el:nth-child(even) .fr-serv__plin { stroke: var(--albastru); }
.fr-serv__inel .icon { width: 30px; height: 30px; color: var(--grafit); }
.fr-serv__el strong { font: 700 30px/1 var(--titlu); letter-spacing: -.02em; }
.fr-serv__el strong small { font-size: .55em; margin-left: 2px; }
.fr-serv__el > span:last-child { font-size: 13.5px; line-height: 1.35; color: var(--text-2); }
.fr-serv__el.dezvaluie:nth-child(2) { transition-delay: .08s; } .fr-serv__el.dezvaluie:nth-child(3) { transition-delay: .16s; } .fr-serv__el.dezvaluie:nth-child(4) { transition-delay: .24s; } .fr-serv__el.dezvaluie:nth-child(5) { transition-delay: .32s; } .fr-serv__el.dezvaluie:nth-child(6) { transition-delay: .4s; }

/* drumul spre franciză: linia se umple la derulare, cu un punct de lumină în față */
.fr-drum__asezare { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 28px 56px; align-items: start; }
.fr-drum__stanga { position: sticky; top: calc(var(--antet) + 28px); }
.fr-drum__stanga > p { color: var(--text-2); }
.fr-drum__poza { margin: 22px 0 0; border-radius: 22px; overflow: hidden; aspect-ratio: 4 / 3; box-shadow: 0 0 0 1px var(--linie); } /* cerul alb al pozei se pierdea pe fundalul alb */
.fr-drum__poza img { width: 100%; height: 100%; object-fit: cover; }
.fr-drum__grila { position: relative; padding-left: 76px; }
.fr-drum__linie { position: absolute; left: 25px; top: 10px; bottom: 10px; width: 4px; border-radius: 4px; background: var(--hartie-2); }
.fr-drum__linie i { position: absolute; inset: 0; border-radius: 4px; background: linear-gradient(180deg, var(--lime), var(--albastru)); transform-origin: top; transform: scaleY(var(--p, 0)); }
.fr-drum__linie b { position: absolute; left: 50%; top: calc(var(--p, 0) * 100%); width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(195, 214, 59, .25), 0 0 18px rgba(195, 214, 59, .9); }
.fr-pasi { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.fr-pas { position: relative; }
.fr-pas__nr { position: absolute; left: -76px; top: 14px; width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; background: #fff; box-shadow: 0 0 0 2px var(--hartie-2); font: 700 20px/1 var(--titlu); color: var(--text-3); transition: background .4s, color .4s, box-shadow .4s; z-index: 1; }
.fr-pas.atins .fr-pas__nr { background: var(--grafit); color: var(--lime); box-shadow: 0 0 0 2px var(--lime), 0 0 22px rgba(195, 214, 59, .45); }
.fr-pas__card { padding: 20px 24px; border-radius: 18px; background: var(--hartie); box-shadow: 0 0 0 1px var(--linie); max-width: 760px; transition: transform .5s var(--lin), box-shadow .5s; }
.fr-pas.atins .fr-pas__card { box-shadow: 0 0 0 1px var(--linie), var(--umbra); }
.fr-pas__card h3 { font-size: clamp(20px, 1.8vw, 25px); margin: 0 0 8px; }
.fr-pas__card p { margin: 0; color: var(--text-2); }
.fr-pas__card .bife { margin-top: 12px; }

/* finalul: altă stație RO se aprinde */
.fr-final { min-height: clamp(520px, 74vh, 820px); }
.fr-scena--final { inset: 0; }
/* pe desktop stația stă în dreapta, ca titlul să nu treacă peste siglă */
@media (min-width: 901px) { .fr-scena--final { left: 22%; -webkit-mask-image: linear-gradient(90deg, transparent, #000 22%); mask-image: linear-gradient(90deg, transparent, #000 22%); } }
.fr-final::before { background: linear-gradient(90deg, rgba(15, 18, 20, .88) 0%, rgba(15, 18, 20, .55) 38%, transparent 62%), linear-gradient(0deg, rgba(15, 18, 20, .6), transparent 40%); }
.fr-final__in { width: 100%; max-width: calc(var(--latime) + 2 * var(--margine)); margin: 0 auto; padding: 40px var(--margine); }
.fr-final__in > * { max-width: 560px; }
.fr-final__in > .fr-final__titlu { max-width: none; }
.fr-final__titlu { font-size: clamp(32px, 4.4vw, 64px); line-height: 1.02; letter-spacing: -.02em; margin: 0 0 16px; text-shadow: 0 2px 24px rgba(0, 0, 0, .4); }
.fr-final__titlu em { font-style: normal; color: var(--lime); }
.fr-final p { color: rgba(255, 255, 255, .8); text-shadow: 0 1px 12px rgba(0, 0, 0, .5); }

@media (max-width: 1100px) { .fr-serv { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) {
  .fr-erou::before { background: linear-gradient(180deg, rgba(15, 18, 20, .55), transparent 26%), linear-gradient(0deg, rgba(15, 18, 20, .95) 0%, rgba(15, 18, 20, .6) 50%, rgba(15, 18, 20, .1) 75%); }
  .fr-crestere { height: auto; }
  .fr-crestere__lipit { position: static; height: auto; padding: 28px var(--margine); }
  .fr-crestere__in, .fr-valori, .fr-drum__asezare { grid-template-columns: minmax(0, 1fr); }
  .fr-drum__stanga { position: static; }
  .fr-drum__poza { display: none; }
  .fr-harta { order: -1; }
  .fr-final::before { background: linear-gradient(0deg, rgba(15, 18, 20, .95) 0%, rgba(15, 18, 20, .6) 55%, rgba(15, 18, 20, .15) 85%); }
  .fr-final { min-height: 600px; }
}
@media (max-width: 640px) {
  .fr-serv { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fr-drum__grila { padding-left: 56px; }
  .fr-drum__linie { left: 17px; }
  .fr-pas__nr { left: -56px; width: 38px; height: 38px; font-size: 16px; }
  .fr-valoare p { margin-left: 0; }
  .fr-contor__nr { font-size: 84px; }
}
@media (prefers-reduced-motion: reduce) {
  .js .fr-scena__poza { filter: none; transition: none; }
  .js .fr-scena__lumini--verde, .js .fr-scena__lumini--alb, .js .fr-scena__lumini--magazin { opacity: 1; animation: none !important; }
  .js .fr-scena__lumini--halou { opacity: .7; animation: none !important; }
  .js .fr-erou .fir, .js .fr-erou .eticheta, .js .fr-erou__intro, .js .fr-erou__in > .buton, .js .fr-erou__bara { opacity: 1; transform: none; }
  .js .fr-valori__poza { clip-path: none; }
  .fr-pct.nou .fr-pct__unda { animation: none; }
  .js .fr-o { stroke-dashoffset: 0; } .aprins .fr-o, .aprins .fr-sigla, .aprins .fr-luciu, .aprins .fr-scan, .aprins .fr-clatina, .fr-val, .aprins .fr-bula { animation: none !important; }
  .js .fr-sigla__r { opacity: 1; } .aprins .fr-sigla__r { animation: none; } .fr-lichid { transform: translateY(var(--gol, 3px)); }
}
@media (min-width: 2200px) { main > .fr-crestere .fr-crestere__in, .fr-erou__in, .fr-erou__cifre, .fr-final__in, .fr-citat__in { zoom: 1.3; } .fr-erou__in { padding-top: calc(var(--antet) / 1.3 + 40px); } }
@media (min-width: 3000px) { main > .fr-crestere .fr-crestere__in, .fr-erou__in, .fr-erou__cifre, .fr-final__in, .fr-citat__in { zoom: 1.7; } .fr-erou__in { padding-top: calc(var(--antet) / 1.7 + 40px); } }
@media (min-width: 4200px) { main > .fr-crestere .fr-crestere__in, .fr-erou__in, .fr-erou__cifre, .fr-final__in, .fr-citat__in { zoom: 2.2; } .fr-erou__in { padding-top: calc(var(--antet) / 2.2 + 40px); } }

@media (max-width: 640px) { :root { --sectiune: 28px; --erou-intro: 15px; } } /* textul de sub titlurile mari: 15 px pe telefon (Mihai) */

/* Padding-uri interne mici (Mihai, 2026-10-26): cardurile se despart prin fundal, nu prin spațiu gol */
.cifre__lista li { padding: 22px 18px; }
.consum { padding: clamp(18px, 2vw, 24px); }
.principiu { padding: 22px; }
.produs a { padding: 22px; }
.mai { padding: 22px; }
.lead__text { padding: 18px 22px; }
.totem__cap { padding: 20px 20px 14px; }
.fisa { padding: 20px 20px 18px 24px; }
.ar-av { padding: 18px 0; }
@media (max-width: 640px) {
  .card, .principiu, .produs a, .mai, .fisa, .consum, .depozit, .lant__pas, .lead__text, .panou__servicii li > a { padding: 16px; }
  .cifre__lista li { padding: 16px 12px; }
  .ar-av { padding: 14px 0; }
}

/* Franciza → „RO pentru tine, șoferul…”: poza cu promisiunea în stânga, textul în dreapta */
.fr-sofer__sus { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 20px 48px; align-items: stretch; margin-bottom: 24px; }
.fr-sofer__poza { position: relative; margin: 0; min-height: 360px; border-radius: 22px; overflow: hidden; box-shadow: 0 0 0 1px var(--linie); }
.fr-sofer__poza img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fr-sofer__poza::after { content: ""; position: absolute; inset: 40% 0 0; background: linear-gradient(transparent, rgba(15, 18, 20, .82)); }
.fr-sofer__promisiune { position: absolute; left: 22px; right: 22px; bottom: 20px; z-index: 1; color: #fff; display: grid; gap: 4px; }
.fr-sofer__promisiune small { font: 700 12px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--lime); }
.fr-sofer__promisiune strong { font: 700 clamp(24px, 2.4vw, 34px)/1.1 var(--titlu); letter-spacing: -.02em; text-shadow: 0 1px 14px rgba(0, 0, 0, .4); }
.fr-sofer__text { display: flex; flex-direction: column; justify-content: center; }
.fr-sofer__text .ar__titlu { max-width: none; margin-bottom: 16px; }
.fr-sofer__text p { margin: 0 0 14px; color: var(--text-2); }
.fr-sofer__mare { font-size: 17px; color: var(--text) !important; }
.fr-sofer__citat { padding: 14px 18px; border-radius: 14px; background: var(--hartie); border-left: 4px solid var(--lime); }
.fr-sofer__spre { display: flex; align-items: center; gap: 10px; font-weight: 650; color: var(--text) !important; margin-bottom: 0 !important; }
.fr-sofer__spre .icon { flex: none; width: 30px; height: 30px; padding: 7px; border-radius: 50%; background: var(--grafit); color: var(--lime); }
.fr-valoare .ar-av__titlu { padding-right: 44px; }
@media (max-width: 900px) {
  .fr-sofer__sus { grid-template-columns: 1fr; }
  .fr-sofer__poza { min-height: 0; aspect-ratio: 16 / 10; }
}

/* Franciza → „RO pentru tine, partenerul…”: fundal închis, citatul în stânga, trei carduri în dreapta */
.fr-partener__grila { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 24px 48px; align-items: center; }
.fr-partener__stanga .ar__titlu { color: #fff; }
.fr-partener__citat { margin: 0; padding: 0 0 0 22px; border-left: 4px solid var(--lime); }
.fr-partener__citat p { margin: 0; font: 600 clamp(20px, 1.8vw, 26px)/1.35 var(--titlu); color: #fff; }
.fr-partener__nota { margin: 18px 0 0; color: rgba(255, 255, 255, .7); }
.fr-partener__carduri { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.fr-partener__carduri li { padding: 18px 20px; border-radius: 16px; background: var(--grafit-2); box-shadow: inset 0 0 0 1px var(--linie-deschis); }
.fr-partener__cap { display: flex; align-items: center; gap: 12px; }
.fr-partener__cap .card__ic { background: var(--lime); color: var(--grafit); }
.fr-partener__cap h3 { margin: 0; font-size: 18px; color: #fff; }
.fr-partener__carduri p { margin: 10px 0 0; font-size: 15.5px; color: rgba(255, 255, 255, .74); }
.fr-partener__carduri li.dezvaluie:nth-child(2) { transition-delay: .1s; } .fr-partener__carduri li.dezvaluie:nth-child(3) { transition-delay: .2s; }
@media (max-width: 900px) { .fr-partener__grila { grid-template-columns: 1fr; } }

/* Franciza → „Servicii și produse…”: titlul în stânga, textul într-un card în dreapta */
.fr-servicii__cap { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 16px 48px; align-items: center; margin-bottom: 20px; }
.fr-servicii__cap .ar__titlu { margin: 0; max-width: none; }
.fr-servicii__cap p { margin: 0; padding: 18px 22px; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--linie); border-left: 4px solid var(--albastru); line-height: 1.42; }
.fr-servicii__cap p a { font-weight: 650; color: var(--grafit); text-decoration-color: var(--lime); text-decoration-thickness: 2px; text-underline-offset: 3px; }
@media (max-width: 900px) { .fr-servicii__cap { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .fr-partener__carduri li, .fr-servicii__cap p { padding: 16px; } .fr-sofer__citat { padding: 12px 14px; } }
.fr-valoare .ar-av__titlu .card__ic { background: var(--grafit); color: var(--lime); }
@media (max-width: 900px) { .lant__pas { background: #fff; box-shadow: inset 0 0 0 1px var(--linie); } .fr-sofer__poza { order: 2; } }

/* Subsol: pe telefon grupurile de linkuri sunt acordeoane închise, contactul rămâne deschis (regula lui Mihai) */
.subsol__acordeon summary { list-style: none; cursor: default; }
.subsol__acordeon summary::-webkit-details-marker { display: none; }
@media (max-width: 720px) {
  .subsol__in { gap: 10px; }
  .subsol__marca { margin-bottom: 14px; }
  .subsol__acordeon { background: var(--grafit); border-radius: 12px; padding: 0 16px; overflow: hidden; }
  .subsol__acordeon summary { cursor: pointer; display: flex; align-items: center; justify-content: space-between; min-height: 52px; }
  .subsol__acordeon summary .subsol__cap { margin: 0; }
  .subsol__acordeon summary::after { content: ""; width: 8px; height: 8px; border: solid var(--lime); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg) translate(-2px, -2px); transition: transform .2s; }
  .subsol__acordeon[open] summary::after { transform: rotate(-135deg) translate(-2px, -2px); }
  .subsol__acordeon ul { margin: 0 -16px; gap: 0; }
  .subsol__acordeon li > a { display: block; padding: 12px 16px; color: #fff; }
  .subsol__acordeon li:nth-child(odd) { background: var(--grafit-2); }
  .subsol__contact { margin-top: 14px; }
}

/* banda de cifre pe telefon: două coloane, textul se poate rupe */
@media (max-width: 640px) {
  .cifre__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cifre__lista li { border-left: 0; border-top: 1px solid var(--linie-deschis); }
  .cifre__lista li:nth-child(-n+2) { border-top: 0; }
  .cifre__lista li:nth-child(even) { border-left: 1px solid var(--linie-deschis); }
  .cifre__lista li, .cifre__lista li:first-child { padding: 20px 4px; } /* aceeași înălțime la cifre pe fiecare rând (Mihai, 2026-10-28) */
  .cifre__lista strong { font-size: clamp(24px, 7.5vw, 30px); }
  .cifre__lista li > span { white-space: nowrap; font-size: clamp(11px, 3.1vw, 13px); } /* textul de sub cifră pe un rând */
}
@media (max-width: 350px) {
  .cifre__lista li > span { white-space: normal; }
}
/* butoanele lungi pe telefoane înguste: textul trece pe două rânduri, nu iese din ecran */
@media (max-width: 420px) { .buton { white-space: normal; height: auto; min-height: 48px; padding-top: 8px; padding-bottom: 8px; text-align: left; line-height: 1.2; } .buton .icon { flex: none; } }
/* Acasă: filele de sub erou și antetul au aceeași lățime ca eroul lărgit (sigla aliniată cu textul) */
.erou2 .erou__file { max-width: calc(var(--erou2-lat) + 2 * var(--margine)); }
body[class*="p-acasa"] .antet__in { max-width: calc(1640px + 2 * var(--margine)); }
@media (max-width: 640px) { .erou2__text { line-height: 1.3; } } /* Acasă, telefon: spațiul dintre rânduri înjumătățit (1,6 → 1,3) */

/* Acasă → lanțul logistic: titlul pe toată lățimea, butonul sub ultimul pas („Peste 5.000 de clienți”) */
.lant .titlu { max-width: none; text-wrap: wrap; }
.lant .sectiune__cap--lat > div { flex: 1 1 100%; max-width: none; }
.lant__jos { display: flex; justify-content: flex-end; margin-top: 20px; } /* butonul stă în ultimul pas, imediat sub textul lui */
.lant .titlu em { color: var(--albastru-2); } /* ca la titlurile de mai sus de pe Acasă */
@media (max-width: 900px) { .lant__jos { grid-column: 1 / -1; justify-content: flex-start; margin-top: 14px; } }

/* Arii de expertiză (Acasă): textul de pe poză lizibil + butonul nu mai e tăiat pe telefon */
.arie__detalii p { color: rgba(255, 255, 255, .92); text-shadow: 0 1px 10px rgba(0, 0, 0, .55); }
.arie__titlu { text-shadow: 0 1px 14px rgba(0, 0, 0, .45); }
/* pe toate ecranele: poza mai întunecată sub text + scris puțin mai gros */
.arie.deschis::after { background: linear-gradient(180deg, rgba(15, 18, 20, .25) 0%, rgba(15, 18, 20, .55) 38%, rgba(15, 18, 20, .92) 100%); }
.arie__detalii p { font-weight: 500; }
@media (max-width: 900px) {
  .arie { display: flex; flex-direction: column; justify-content: flex-end; }
  .arie__in { position: relative; inset: auto; padding: 20px 18px; }
  .arie.deschis .arie__detalii { max-height: 900px; }
  .arie.deschis::after { background: linear-gradient(180deg, rgba(15, 18, 20, .3) 0%, rgba(15, 18, 20, .72) 32%, rgba(15, 18, 20, .9) 100%); }
}

@media (max-width: 640px) { .fr-sofer__mare { font-size: 15px; } }

@media (max-width: 640px) { .sectiune__intro { font-size: 15px; } }

/* Acasă → consum: „(LITRI)” îngroșat și albastru; pe telefon valorile scurte (500-3000l / 3001-5000l / 5001l+) */
.consum__intrebare b { font-weight: 800; color: #1c6d9c; } /* albastru mai închis: textul e mic (contrast 4,5:1) */
.consum__scurt { display: none; }
@media (max-width: 640px) {
  .consum__lung { display: none; }
  .consum__scurt { display: inline; white-space: nowrap; }
  .consum__opt { padding: 14px 4px; min-width: 0; }
  .consum__opt span { font-size: clamp(12.5px, 3.9vw, 17px); }
  /* cardurile cu soluții: titlul pe un singur rând */
  .solutie__poza { width: 28%; }
  .solutie__text { padding: 14px 14px 14px 16px; }
  .solutie__text { min-width: 0; }
  .solutie__text strong { font-size: clamp(13px, 4.1vw, 16px); white-space: nowrap; margin-bottom: 4px; }
}
@media (max-width: 340px) { .solutie__text strong { white-space: normal; } } /* fonturi late pe telefoane foarte înguste: se rupe, nu iese */

/* Acasă → consum (Mihai, 2026-10-27): opțiunile neselectate au contur; pe telefon: padding −30%, cifre −25%, „L” albastru, descrieri −15% */
.consum__opt::before { content: ""; position: absolute; inset: 3px; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(22, 25, 28, .16); transition: opacity .3s; }
.consum__opt[aria-checked="true"]::before { opacity: 0; }
.consum__scurt i { font-style: normal; color: var(--albastru-2); }
.consum__opt[aria-checked="true"] .consum__scurt i { color: var(--albastru); }
@media (max-width: 640px) {
  .consum { padding: 11px; }
  .consum__intrebare { margin: 4px 4px 10px; }
  .consum__opt span { font-size: clamp(10.5px, 2.95vw, 13px); }
  .consum__solutii { margin-top: 11px; gap: 10px; }
  .solutie__text span { font-size: 13px; }
  .consum__jos { margin-top: 11px; }
  /* Noutăți: butonul lângă titlu, nu sub el */
  .noutati-acasa .sectiune__cap--lat { flex-wrap: nowrap; align-items: center; gap: 12px; }
  .noutati-acasa__buton { min-height: 40px; padding: 0 6px 0 14px; font-size: 13.5px; gap: 8px; flex: none; }
  .noutati-acasa__buton .icon { width: 26px; height: 26px; padding: 6px; }
}
@media (max-width: 360px) { .noutati-acasa .sectiune__cap--lat { flex-wrap: wrap; gap: 8px; } }

/* ===== Franciza, refacere 2 (Mihai, 2026-10-27): fiecare zonă = un singur panou, nu piese lipite ===== */
/* A. „RO pentru tine, șoferul…”: poza + text + valorile în același panou alb, despărțite doar prin linii */
.fr-panou { background: #fff; border-radius: 26px; box-shadow: 0 0 0 1px var(--linie), 0 30px 60px -40px rgba(15, 18, 20, .35); overflow: hidden; }
.fr-panou .fr-sofer__sus { margin: 0; gap: 0; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.fr-panou .fr-sofer__poza { border-radius: 0; box-shadow: none; min-height: 420px; }
.fr-panou .fr-sofer__text { padding: 32px 36px; }
.fr-panou .fr-sofer__citat { background: var(--hartie); }
.fr-panou .fr-valori__rand { gap: 0; border-top: 1px solid var(--linie); }
.fr-panou .fr-valoare { border-radius: 0; box-shadow: none; background: none; padding: 26px 28px 28px; }
.fr-panou .fr-valoare + .fr-valoare { border-left: 1px solid var(--linie); }
.fr-panou .fr-valoare::before { left: 28px; right: auto; top: 0; bottom: auto; width: 56px; height: 4px; border-radius: 0 0 4px 4px; }
.fr-panou .fr-valoare__nr { top: 22px; right: 26px; }
@media (max-width: 900px) {
  .fr-panou .fr-sofer__sus { grid-template-columns: 1fr; }
  .fr-panou .fr-sofer__poza { min-height: 0; aspect-ratio: 16 / 10; order: 0; }
  .fr-panou .fr-sofer__text { padding: 20px 18px; }
  .fr-panou .fr-valori__rand { grid-template-columns: 1fr; }
  .fr-panou .fr-valoare { padding: 20px 18px; }
  .fr-panou .fr-valoare + .fr-valoare { border-left: 0; border-top: 1px solid var(--linie); }
  .fr-panou .fr-valoare::before { left: 18px; }
}

/* B. „RO pentru tine, partenerul…”: fundal alb (se desparte de „De ce să devii partener”, care rămâne închis) + sigla RO concept OSCAR */
.fr-partener.ar--alb .ar__titlu { color: var(--grafit); }
.fr-partener.ar--alb .ar__titlu em { color: var(--albastru-2); }
.fr-partener.ar--alb .fr-partener__citat p { color: var(--grafit); }
.fr-partener.ar--alb .fr-partener__nota { color: var(--text-2); }
.fr-partener.ar--alb .fr-partener__carduri li { background: var(--hartie); box-shadow: none; }
.fr-partener.ar--alb .fr-partener__cap h3 { color: var(--grafit); }
.fr-partener.ar--alb .fr-partener__cap .card__ic { background: var(--grafit); color: var(--lime); }
.fr-partener.ar--alb .fr-partener__carduri p { color: var(--text-2); }
.fr-partener__sigla { margin: 26px 0 0; width: min(100%, 300px); padding: 18px 22px; border-radius: 20px; background: #fff; box-shadow: 0 0 0 1px var(--linie), 0 24px 48px -32px rgba(15, 18, 20, .35); }
.fr-partener__sigla img { display: block; width: 100%; height: auto; }
@media (max-width: 900px) { .fr-partener__sigla { width: 200px; margin-top: 18px; } }

/* C. „Servicii și produse…”: titlul, textul și inelele în același panou alb */
.fr-panou--serv { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.fr-panou--serv .fr-servicii__cap { display: flex; flex-direction: column; justify-content: center; gap: 16px; margin: 0; padding: 34px 36px; border-right: 1px solid var(--linie); }
.fr-panou--serv .fr-servicii__cap p { padding: 0; background: none; box-shadow: none; border: 0; border-radius: 0; color: var(--text-2); }
.fr-panou--serv .fr-serv { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.fr-panou--serv .fr-serv__el { border-radius: 0; box-shadow: none; background: none; padding: 22px 14px; }
.fr-panou--serv .fr-serv__el:nth-child(n+4) { border-top: 1px solid var(--linie); }
.fr-panou--serv .fr-serv__el:not(:nth-child(3n+1)) { border-left: 1px solid var(--linie); }
.fr-panou--serv .fr-serv__inel { width: 80px; height: 80px; }
.fr-panou--serv .fr-serv__el strong { font-size: 26px; }
@media (max-width: 900px) {
  .fr-panou--serv { grid-template-columns: 1fr; }
  .fr-panou--serv .fr-servicii__cap { padding: 20px 18px; border-right: 0; border-bottom: 1px solid var(--linie); }
  .fr-panou--serv .fr-serv { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fr-panou--serv .fr-serv__el { padding: 16px 10px; }
  .fr-panou--serv .fr-serv__el:nth-child(n) { border-left: 0; border-top: 0; }
  .fr-panou--serv .fr-serv__el:nth-child(even) { border-left: 1px solid var(--linie); }
  .fr-panou--serv .fr-serv__el:nth-child(n+3) { border-top: 1px solid var(--linie); }
  .fr-panou--serv .fr-serv__inel { width: 64px; height: 64px; }
  .fr-panou--serv .fr-serv__inel .icon { width: 24px; height: 24px; }
  .fr-panou--serv .fr-serv__el strong { font-size: 22px; }
}
.fr-valoare__nr::after { content: attr(data-nr); } /* număr decorativ, desenat din CSS (nu e text de citit) */

/* Titlurile de secțiune: o singură mărime pe tot site-ul (--titlu-sectiune) */
.titlu, .titlu--un-rand, .ar__titlu, .bloc__titlu, .banda__titlu, .fr-crestere__titlu, .fr-final__titlu, .lume__titlu, .subsol__titlu { font-size: var(--titlu-sectiune); }

/* Franciza, runda 3 (Mihai, 2026-10-27) */
.fr-harta__ultima { transition: opacity .6s; }
.fr-harta__ultima.ascuns { opacity: 0; }
.fr-sofer .ar__titlu em { display: block; color: var(--albastru-2); }
.fr-partener__sigla { margin: 0 0 22px; padding: 0; background: none; box-shadow: none; border-radius: 0; width: min(100%, 220px); }
.fr-partener__citat p { line-height: 1.25; }
.fr-drum__cap { margin-bottom: 24px; }
.fr-drum__cap .ar__titlu { max-width: none; margin-bottom: 10px; }
.fr-drum__cap p { margin: 0; color: var(--text-2); }
.fr-drum__asezare { align-items: center; }
.fr-drum__stanga { position: static; }
.fr-drum__stanga .fr-drum__poza { margin: 0; }
@media (max-width: 900px) { .fr-partener__sigla { width: 160px; margin-bottom: 16px; } }

/* Franciza: fără banda „Carburantul OSCAR este alături de tine” din subsol (repetă îndemnul de deasupra) */
.p-franciza .subsol__chemare { display: none; }
/* „De ce să devii partener RO?”: harta rețelei RO în fundal (≈85% transparentă); contorul lipit coboară peste ea */
.fr-de-ce .ar-avantaje__panou { position: static; display: flex; flex-direction: column; align-self: stretch; }
.fr-de-ce .ar-avantaje__panou > .ar__titlu, .fr-de-ce .ar-avantaje__contor { position: relative; z-index: 2; }
.fr-de-ce .ar-avantaje__contor { position: sticky; top: calc(var(--antet) + 28px); background: var(--grafit-2); }
.ar-avantaje__harta { order: 3; margin-top: auto; padding-top: 28px; opacity: .25; pointer-events: none; }
.ar-avantaje__harta .romania__punct { opacity: 1; transform: none; fill: var(--lime); stroke: none; r: 5.5; }
.ar-avantaje__harta .romania__contur { fill: rgba(255, 255, 255, .06); }
.ar-avantaje__harta .romania__contur { stroke: rgba(255, 255, 255, .7); }
@media (max-width: 900px) { .ar-avantaje__harta { display: none; } }
.subsol__col a, .subsol__adresa { line-height: 1.35; }

/* ===== Arii de expertiză, refacere (Mihai, 2026-10-27) ===== */
/* 1. Manifestul: un singur panou alb – poza în stânga, titlul și textul în dreapta (ca la Franciza) */
.ar-panou { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); background: #fff; border-radius: 26px; overflow: hidden; box-shadow: 0 0 0 1px var(--linie), 0 30px 60px -40px rgba(15, 18, 20, .35); }
.ar-panou .ar-manifest__poza { aspect-ratio: auto; min-height: 460px; border-radius: 0; clip-path: none; }
.ar-panou .ar-manifest__poza img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ar-panou .ar-manifest__text { padding: 34px 38px; display: flex; flex-direction: column; justify-content: center; }
.ar-panou .ar__titlu { max-width: none; margin: 0 0 14px; }
.ar-panou .ar__titlu em { color: var(--albastru-2); }
.ar-panou .ar-manifest__mare { font: 600 clamp(18px, 1.5vw, 22px)/1.35 var(--titlu); letter-spacing: -.01em; margin: 0 0 16px; }
.ar-panou .ar-manifest__text p:not(.ar-manifest__mare) { font-size: 16px; margin: 0 0 14px; }
.ar-panou .ar-link { align-self: flex-start; margin-top: 4px; }
/* 2. Avantajele: poza ariei estompată sub contor (contorul lipit coboară peste ea) */
.ar-avantaje:not(.fr-de-ce) .ar-avantaje__panou { position: static; display: flex; flex-direction: column; align-self: stretch; }
.ar-avantaje:not(.fr-de-ce) .ar-avantaje__contor { position: sticky; top: calc(var(--antet) + 28px); z-index: 2; }
.ar-avantaje__fundal { order: 5; margin-top: auto; padding-top: 28px; opacity: .22; filter: grayscale(.35); pointer-events: none; }
.ar-avantaje__fundal img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 22px; -webkit-mask: linear-gradient(transparent, #000 25%, #000 75%, transparent); mask: linear-gradient(transparent, #000 25%, #000 75%, transparent); }
/* 3. Soluțiile: panou alb fără poze (se deosebesc de cardurile cu poze ale ariilor) */
.ar-sol2 { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); background: #fff; border-radius: 26px; box-shadow: 0 0 0 1px var(--linie); overflow: hidden; }
.ar-sol2 li { display: flex; flex-direction: column; padding: 26px 28px; }
.ar-sol2 li + li { border-left: 1px solid var(--linie); }
.ar-sol2__cap { display: flex; align-items: center; gap: 12px; }
.ar-sol2__cap .card__ic { width: 42px; height: 42px; background: var(--lime); color: var(--grafit); }
.ar-sol2__cap h3 { margin: 0; font-size: 19px; }
.ar-sol2 p { margin: 12px 0 18px; font-size: 15.5px; color: var(--text-2); flex: 1; }
.ar-sol2 .ar-link { align-self: flex-start; }
.ar-sol2 li.dezvaluie:nth-child(2) { transition-delay: .1s; } .ar-sol2 li.dezvaluie:nth-child(3) { transition-delay: .2s; }
@media (max-width: 900px) {
  .ar-panou { grid-template-columns: 1fr; }
  .ar-panou .ar-manifest__poza { min-height: 0; aspect-ratio: 16 / 10; }
  .ar-panou .ar-manifest__text { padding: 20px 18px; }
  .ar-avantaje__fundal { display: none; }
  .ar-sol2 { grid-template-columns: 1fr; }
  .ar-sol2 li { padding: 18px; }
  .ar-sol2 li + li { border-left: 0; border-top: 1px solid var(--linie); }
}
.js .ar-panou .ar-manifest__mare span { color: var(--text-2); } .js .ar-panou .ar-manifest__mare span.plin { color: var(--grafit); } /* cuvintele încă neumplute rămân lizibile (contrast) */
/* Titlurile din liste/carduri (avantaje, valori): mărimea titlurilor de card, nu de secțiune (Mihai, 2026-10-27) */
.ar-av__titlu, .fr-valoare .ar-av__titlu { font-size: 19px; line-height: 1.25; margin-bottom: 6px; }
.ar-av__titlu .card__ic { width: 36px; height: 36px; }
@media (max-width: 640px) { .ar-av__titlu, .fr-valoare .ar-av__titlu { font-size: 17px; } }
.ar-av p { margin-left: 0; } /* textul pornește de sub iconiță (regula iconiță–titlu–text) */

/* Avantajele ariilor: grafică conturată în locul pozei – iconița ariei în inele care se rotesc (ca la Acasă) */
.ar-avantaje__fundal { position: relative; opacity: 1; filter: none; display: grid; place-items: center; width: min(100%, 380px); margin-inline: auto; aspect-ratio: 1; }
.ar-orbita { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.ar-orbita__inel { fill: none; stroke: rgba(255, 255, 255, .14); stroke-width: 1; transform-origin: 200px 200px; }
.ar-orbita__inel--1 { stroke-dasharray: 2 7; animation: ar-roteste 60s linear infinite; }
.ar-orbita__inel--2 { stroke: rgba(195, 214, 59, .28); stroke-dasharray: 10 8; animation: ar-roteste 40s linear infinite reverse; }
.ar-orbita__inel--3 { fill: rgba(255, 255, 255, .03); stroke: rgba(77, 175, 227, .3); }
.ar-orbita__rot { transform-origin: 200px 200px; }
.ar-orbita__rot--1 { animation: ar-roteste 14s linear infinite; }
.ar-orbita__rot--2 { animation: ar-roteste 9s linear infinite reverse; }
@keyframes ar-roteste { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ar-orbita__inel, .ar-orbita__rot { animation: none; } }

/* cercul avantajelor, mărit */
.ar-avantaje__fundal { width: 100%; max-width: 560px; }

/* în cercul avantajelor: pozele ariei trec una în alta (Mihai, 2026-10-27) */
.ar-cerc-poze { position: relative; width: 52%; aspect-ratio: 1; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 6px rgba(255, 255, 255, .05), 0 0 0 1px rgba(77, 175, 227, .45), 0 24px 60px -20px rgba(0, 0, 0, .7); }
.ar-cerc-poze img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.08); transition: opacity 1.2s ease, transform 6s linear; }
.ar-cerc-poze img.activ { opacity: 1; transform: scale(1); }
.ar-avantaje__fundal .ar-orbita__inel--3 { display: none; } /* cercul pozei are propriul contur: fără al doilea inel suprapus */
.ar-cerc-poze { box-shadow: 0 0 0 1px rgba(77, 175, 227, .5), 0 0 40px rgba(0, 0, 0, .55); } /* umbră uniformă: cercul pare centrat */
.ar-avantaje:not(.fr-de-ce) .ar-avantaje__fundal { padding-top: 0; margin-top: auto; border-top: 28px solid transparent; box-sizing: content-box; } /* spațiul de deasupra nu mai împinge poza din centrul inelelor */

/* Listele de avantaje (Arii + Franciza): coloana cu numere îngustă; la Franciza iconița lângă text (numitor comun între pagini) */
.ar-av { grid-template-columns: 30px minmax(0, 1fr); gap: 8px; }
.ar-av__rand { display: flex; align-items: center; gap: 14px; }
.ar-av__rand .card__ic { flex: none; width: 36px; height: 36px; background: rgba(255, 255, 255, .08); }
.ar-av__rand p { margin: 0; font-size: 16.5px; color: #fff; line-height: 1.42; }
@media (max-width: 640px) { .ar-av { grid-template-columns: 1fr; gap: 6px; } .ar-av__rand p { font-size: 15px; } }

/* Soluțiile: poza lor sus în fiecare coloană a panoului */
.ar-sol2 li { padding-top: 0; }
.ar-sol2__poza { display: block; margin: 0 -28px 20px; aspect-ratio: 16 / 9; overflow: hidden; }
.ar-sol2__poza img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--lin); }
.ar-sol2 li:hover .ar-sol2__poza img { transform: scale(1.05); }
@media (max-width: 900px) { .ar-sol2__poza { margin: 0 -18px 16px; } }
/* Ariile de expertiză (jos): benzi joase cât titlul, poze alb-negru care se colorează la mouse */
.ar-alte .mai { min-height: 0; height: 104px; align-items: center; padding: 0 22px; }
.ar-alte .mai__text > span { display: none; }
.ar-alte .mai__text strong { margin: 0; }
.ar-alte .mai__poza { filter: grayscale(1) brightness(.85); transition: filter .5s, transform .8s var(--lin); }
.ar-alte .mai:hover .mai__poza, .ar-alte .mai:focus-visible .mai__poza { filter: none; }
@media (hover: none) { .ar-alte .mai__poza { filter: none; } }
.ar-alte .mai::after { background: linear-gradient(90deg, rgba(15, 18, 20, .7), rgba(15, 18, 20, .25)); } /* banda joasă: umbră pe stânga, sub titlu */

/* Acasă → consum: opțiunile aliniate exact cu cardurile de dedesubt (aceeași lățime și distanță) */
.consum__optiuni { padding: 0; gap: 16px; background: none; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.consum__opt { background: var(--hartie); border-radius: 15px; }
.consum__opt::before { inset: 0; border-radius: 15px; }
.consum__glisor { top: 0; bottom: 0; left: 0; width: calc((100% - 32px) / 3); transition: transform .45s var(--lin), width .45s var(--lin); }
@media (max-width: 900px) { .consum__optiuni { gap: 10px; } }
.consum__opt[aria-checked="true"] { background: none; } /* selecția închisă (glisorul) se vede prin butonul ales */
@media (max-width: 360px) { .consum__optiuni { gap: 6px; } .consum__opt { padding-left: 2px; padding-right: 2px; } .consum__opt span { font-size: clamp(10px, 2.9vw, 13px); letter-spacing: -.03em; } }
.ar-avantaje:not(.fr-de-ce) .ar-avantaje__fundal { max-width: none; margin-inline: auto; } /* lățimea (= înălțimea) o pune site.js după capătul listei */

/* Meniu: pagina curentă = linie subțire, aproape de text, doar sub primul cuvânt (Mihai, 2026-10-27) */
.nav__lista > li > a[aria-current]::after, .nav__deschide[data-activ]::after { display: none; }
.nav__cuv { position: relative; }
.nav__lista > li > a[aria-current] .nav__cuv::after, .nav__deschide[data-activ] .nav__cuv::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 1.5px; border-radius: 2px; background: var(--lime); }
@media (max-width: 1280px) { .nav__lista > li > a[aria-current] .nav__cuv::after, .nav__deschide[data-activ] .nav__cuv::after { display: none; } }
.ar-panou .ar-manifest__mare { font-size: 18px; line-height: 1.26; font-weight: 700; } /* subtitlu compact (Mihai, demo aprobat) */
@media (max-width: 640px) { .ar-panou .ar-manifest__mare { font-size: 16px; } }
.fr-erou__titlu em { color: inherit; } /* o singură culoare în titlu (ca pe Acasă) */
/* Franciza → harta rețelei RO: harta în stânga, textul în dreapta (Mihai, 2026-10-27) */
@media (min-width: 901px) { .fr-crestere__in { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } .fr-crestere__text { order: 2; } }

/* ===== Carburant (pagina gamelor), refacere 2026-10-27 ===== */
.carb-game__cap { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 12px 48px; align-items: end; margin-bottom: 24px; }
.carb-game__cap .bloc__titlu { margin: 0; }
.carb-game__cap .bloc__titlu em { color: var(--albastru-2); }
.carb-game__cap p { margin: 0; color: var(--text-2); }
/* pompele: eticheta verticală a gamei (grafica de pe pompă) + detaliile */
.pompe { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.pompa a { --c: var(--grafit); display: grid; grid-template-columns: 74px minmax(0, 1fr); height: 100%; border-radius: 22px; overflow: hidden; background: #fff; box-shadow: 0 0 0 1px var(--linie); text-decoration: none; color: var(--text); transition: transform .35s var(--lin), box-shadow .35s; }
.pompa a:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px var(--linie), 0 26px 50px -30px rgba(15, 18, 20, .45); }
.pompa--optim a { --c: #323232; } .pompa--actis a { --c: var(--actis); } .pompa--fortis a { --c: var(--fortis); } .pompa--adblue a { --c: #31b0dc; }
.pompa__eticheta { position: relative; background: var(--c); overflow: hidden; }
.pompa__eticheta img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; transition: transform .8s var(--lin); }
.pompa a:hover .pompa__eticheta img { transform: scale(1.05); }
.pompa__eticheta b { position: absolute; left: 50%; bottom: 22px; writing-mode: vertical-rl; transform: translateX(-50%) rotate(180deg); font: 700 26px/1 var(--titlu); color: #fff; letter-spacing: -.01em; }
.pompa__corp { display: flex; flex-direction: column; gap: 8px; padding: 20px 20px 18px; }
.pompa__nr { font: 600 12.5px/1 var(--sans); letter-spacing: .12em; color: var(--text-3); }
.pompa__nume { font: 700 26px/1 var(--titlu); letter-spacing: -.02em; color: var(--grafit); }
.pompa__desc { font-size: 15px; color: var(--text-2); }
.pompa__produse { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.pompa__produse i { font-style: normal; font-size: 12.5px; font-weight: 650; padding: 5px 10px; border-radius: 99px; background: var(--hartie); color: var(--grafit); box-shadow: inset 0 0 0 1px var(--linie); }
.pompa__link { margin-top: auto; padding-top: 10px; display: inline-flex; align-items: center; gap: 8px; font-weight: 650; font-size: 14.5px; color: var(--grafit); }
.pompa__link .icon { width: 30px; height: 30px; padding: 7px; border-radius: 50%; background: var(--c); color: #fff; transition: transform .3s var(--lin); }
.pompa a:hover .pompa__link .icon { transform: translateX(4px); }
.pompa.dezvaluie:nth-child(2) { transition-delay: .08s; } .pompa.dezvaluie:nth-child(3) { transition-delay: .16s; } .pompa.dezvaluie:nth-child(4) { transition-delay: .24s; }
/* panoul „calitate și performanță” (ca la Franciza / Arii) */
.carb-panou { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); background: #fff; border-radius: 26px; overflow: hidden; box-shadow: 0 0 0 1px var(--linie), 0 30px 60px -40px rgba(15, 18, 20, .35); }
.carb-panou__poza { position: relative; margin: 0; min-height: 380px; }
.carb-panou__poza img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.carb-panou__poza::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(15, 18, 20, .85)); }
.carb-panou__poza figcaption { position: absolute; left: 22px; right: 22px; bottom: 20px; z-index: 1; font: 700 clamp(20px, 1.9vw, 28px)/1.15 var(--titlu); color: #fff; letter-spacing: -.02em; text-shadow: 0 1px 14px rgba(0, 0, 0, .4); }
.carb-panou__text { padding: 34px 38px; display: flex; flex-direction: column; justify-content: center; }
.carb-panou__text .bloc__titlu { margin: 0 0 14px; }
.carb-panou__text .bloc__titlu em { color: var(--albastru-2); }
.carb-panou__text p { margin: 0 0 12px; color: var(--text-2); }
.carb-panou__mare { font: 700 18px/1.3 var(--titlu); color: var(--grafit) !important; }
/* lanțul de calitate: 5 pași pe o linie care se umple */
.carb-lant__cap { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 12px 48px; align-items: end; margin-bottom: 30px; }
.carb-lant__cap .bloc__titlu { margin: 0; }
.carb-lant__cap p { margin: 0; color: rgba(255, 255, 255, .72); }
.carb-lant__pasi { position: relative; list-style: none; margin: 0 0 26px; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.carb-lant__pasi::before, .carb-lant__pasi::after { content: ""; position: absolute; left: 28px; right: 28px; top: 28px; height: 2px; background: rgba(255, 255, 255, .12); }
.carb-lant__pasi::after { background: linear-gradient(90deg, var(--lime), var(--albastru)); transform: scaleX(0); transform-origin: left; transition: transform 2s var(--lin); }
.carb-lant__pasi.vizibil::after { transform: scaleX(1); }
.carb-lant__pasi li { position: relative; z-index: 1; display: grid; justify-items: start; gap: 6px; }
.carb-lant__ic { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--grafit-2); box-shadow: 0 0 0 6px var(--grafit), inset 0 0 0 1px var(--linie-deschis); color: var(--lime); }
.carb-lant__ic .icon { width: 24px; height: 24px; }
.carb-lant__pasi b { margin-top: 8px; font: 600 12.5px/1 var(--sans); letter-spacing: .12em; color: var(--lime); }
.carb-lant__pasi strong { font: 650 19px/1.2 var(--titlu); color: #fff; }
.ar-link--deschis { color: #fff; }
@media (max-width: 1100px) { .pompe { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) {
  .carb-game__cap, .carb-lant__cap, .carb-panou { grid-template-columns: 1fr; }
  .carb-panou__poza { min-height: 0; aspect-ratio: 16 / 10; }
  .carb-panou__text { padding: 20px 18px; }
  .carb-lant__pasi { grid-template-columns: 1fr; gap: 10px; }
  .carb-lant__pasi::before, .carb-lant__pasi::after { left: 27px; right: auto; top: 28px; bottom: 28px; width: 2px; height: auto; transform-origin: top; }
  .carb-lant__pasi::after { transform: scaleY(0); } .carb-lant__pasi.vizibil::after { transform: scaleY(1); }
  .carb-lant__pasi li { grid-template-columns: 56px auto minmax(0, 1fr); align-items: center; gap: 0 14px; }
  .carb-lant__pasi b { margin: 0; }
}
@media (max-width: 600px) { .pompe { grid-template-columns: 1fr; gap: 10px; } .pompa a { grid-template-columns: 60px minmax(0, 1fr); } .pompa__corp { padding: 16px; } .pompa__nume { font-size: 22px; } }
.pompa__eticheta img { object-fit: contain; object-position: center bottom; }
/* „Mai departe” (toate paginile): benzi joase cât titlul, poze alb-negru colorate la mouse – la fel ca ariile de jos */
.bloc--continua .mai { min-height: 0; height: 104px; align-items: center; padding: 0 22px; }
.bloc--continua .mai__text > span { display: none; }
.bloc--continua .mai__text strong { margin: 0; font-size: 22px; }
.bloc--continua .mai__poza { filter: grayscale(1) brightness(.85); transition: filter .5s, transform .8s var(--lin); }
.bloc--continua .mai:hover .mai__poza, .bloc--continua .mai:focus-visible .mai__poza { filter: none; }
.bloc--continua .mai::after { background: linear-gradient(90deg, rgba(15, 18, 20, .72), rgba(15, 18, 20, .25)); }
.bloc--continua .mai--harta .mai__harta { inset: 6px 30% 6px 40%; }
@media (hover: none) { .bloc--continua .mai__poza { filter: none; } }
.pompa--optim .pompa__eticheta { background: #323232; } .pompa--actis .pompa__eticheta { background: #97c93d; } .pompa--fortis .pompa__eticheta { background: #f15b3e; } /* exact culoarea etichetelor lor (fără „cusătură”) */
.pompa__nr { color: var(--text-2); } .carb-game__cap .bloc__titlu em { color: #1c6d9c; } /* contrast 4,5:1 pe fundalul gri */
.pompa__eticheta b::after { content: attr(data-t); } /* eticheta AdBlue = decor, desenat din CSS (ca grafica celorlalte game) */

/* Carburant → capul gamelor (Mihai: „wow”): titlu mare + text cu linie; dedesubt bara cu culorile gamelor, segmente cât cardurile */
.carb-game__cap { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); align-items: center; margin-bottom: 22px; }
.carb-game__cap .bloc__titlu { font-size: clamp(30px, 3.4vw, 48px); line-height: 1.02; letter-spacing: -.03em; }
.carb-game__cap .bloc__titlu em { display: block; }
.carb-game__cap p { padding-left: 20px; border-left: 3px solid var(--grafit); font-size: 17px; line-height: 1.42; }
.carb-game__bara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 16px; }
.carb-game__seg { position: relative; height: 6px; border-radius: 6px; background: rgba(22, 25, 28, .08); overflow: hidden; }
.carb-game__seg::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: var(--c); transform: scaleX(0); transform-origin: left; transition: transform .9s var(--lin); }
.carb-game__seg--optim { --c: #323232; } .carb-game__seg--actis { --c: #97c93d; } .carb-game__seg--fortis { --c: #f15b3e; } .carb-game__seg--adblue { --c: #31b0dc; }
.carb-game__bara.vizibil .carb-game__seg::after { transform: scaleX(1); }
.carb-game__bara.vizibil .carb-game__seg:nth-child(2)::after { transition-delay: .25s; } .carb-game__bara.vizibil .carb-game__seg:nth-child(3)::after { transition-delay: .5s; } .carb-game__bara.vizibil .carb-game__seg:nth-child(4)::after { transition-delay: .75s; }
/* produsele din card: pe un rând pe desktop */
@media (min-width: 1101px) {
  .pompa a { grid-template-columns: 60px minmax(0, 1fr); }
  .pompa__produse { flex-wrap: nowrap; gap: 5px; }
  .pompa__produse i { white-space: nowrap; font-size: clamp(10.5px, .82vw, 12.5px); padding: 5px 8px; }
}
@media (max-width: 1100px) { .carb-game__bara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .carb-game__cap p { font-size: 15px; } }
@media (max-width: 600px) { .carb-game__bara { display: none; } }
@media (max-width: 900px) { .carb-game__cap .bloc__titlu { font-size: var(--titlu-sectiune); } }
@media (min-width: 1101px) { .pompa__produse i { padding: 5px 7px; letter-spacing: -.01em; } .pompa__corp { padding-left: 16px; padding-right: 14px; } }
@media (max-width: 900px) { .carb-game__cap { grid-template-columns: 1fr; } }
@media (min-width: 1101px) { .pompa__produse { flex-wrap: wrap; } } /* pe un rând cu fontul site-ului; doar la fonturi mult mai late trec dedesubt, în loc să iasă din card */
@media (min-width: 1101px) and (max-width: 1366px) { .pompa a { grid-template-columns: 50px minmax(0, 1fr); } .pompa__corp { padding-left: 14px; padding-right: 10px; } .pompe { gap: 12px; } .pompa__produse i { padding: 4px 6px; } }

/* Carburant, runda 3 (Mihai): doar titlul deasupra cardurilor; subtitlul panoului ca la Arii; liniuțele brandului mai pronunțate pe etichete */
.carb-game__cap { display: block; margin-bottom: 20px; }
.carb-panou__mare { font-size: 18px !important; line-height: 1.26 !important; font-weight: 700 !important; }
@media (max-width: 640px) { .carb-panou__mare { font-size: 16px !important; } }
.pompa__eticheta::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: repeating-linear-gradient(-58deg, transparent 0 5px, rgba(0, 0, 0, .22) 5px 6px);
  -webkit-mask: linear-gradient(32deg, #000 0 48%, transparent 48.5%); mask: linear-gradient(32deg, #000 0 48%, transparent 48.5%); }
.pompa--optim .pompa__eticheta::after { background: repeating-linear-gradient(-58deg, transparent 0 5px, rgba(255, 255, 255, .16) 5px 6px); }
.pompa--adblue .pompa__eticheta::after { background: repeating-linear-gradient(-58deg, transparent 0 5px, rgba(255, 255, 255, .35) 5px 6px); }
.pompa__eticheta img, .pompa__eticheta b { z-index: 1; }
.pompa__eticheta::after { z-index: 2; -webkit-mask: linear-gradient(162deg, transparent 0 38%, #000 38.4%); mask: linear-gradient(162deg, transparent 0 38%, #000 38.4%); }

/* Etichetele gamelor, runda 4 (Mihai): +30% mărime, AdBlue din grafica lor rotită ca celelalte, o singură tăietură diagonală cu liniuțe paralele */
.pompa a, .pompa__eticheta { --banda: 78px; }
@media (min-width: 1101px) { .pompa a { grid-template-columns: 78px minmax(0, 1fr); } }
@media (min-width: 1101px) and (max-width: 1366px) { .pompa a { grid-template-columns: 66px minmax(0, 1fr); } }
.pompa__eticheta .pompa__adblue { position: absolute; inset: auto; left: 0; bottom: 0; width: auto; height: 100%; max-height: none; object-fit: fill; } /* înlocuit mai jos */
.pompa__eticheta::after { background: repeating-linear-gradient(123deg, transparent 0 6px, rgba(0, 0, 0, .24) 6px 7.2px) !important;
  -webkit-mask: linear-gradient(123deg, transparent 0 52%, #000 52.3%); mask: linear-gradient(123deg, transparent 0 52%, #000 52.3%); }
.pompa--optim .pompa__eticheta::after { background: repeating-linear-gradient(123deg, transparent 0 6px, rgba(255, 255, 255, .17) 6px 7.2px) !important; }
.pompa--adblue .pompa__eticheta::after { background: repeating-linear-gradient(123deg, transparent 0 6px, rgba(255, 255, 255, .32) 6px 7.2px) !important; }
.pompa--adblue .pompa__eticheta { background: #52bcec; }
/* butoanele din card: colțuri de max. 8 px */
.pompa__produse i { border-radius: 8px; }
.pompa__link .icon { border-radius: 8px; }
.pompa__eticheta .pompa__adblue { height: var(--latb, 78px); width: auto; top: auto; left: var(--latb, 78px); bottom: 0; transform-origin: 0 100%; transform: rotate(-90deg); }
@media (min-width: 1101px) and (max-width: 1366px) { .pompa__eticheta { --latb: 66px; } }
@media (max-width: 1100px) { .pompa__eticheta { --latb: 74px; } }
@media (max-width: 600px) { .pompa__eticheta { --latb: 60px; } }
.pompa__eticheta .pompa__adblue { --h: calc(var(--latb, 78px) * .44); width: auto; height: var(--h); object-fit: contain; inset: auto; top: auto; bottom: 16px; left: calc(50% + var(--h) / 2); transform-origin: 0 100%; transform: rotate(-90deg); } /* „AdBlue®” al lor, rotit ca OPTIM/ACTIS/FORTIS */
@media (min-width: 1101px) and (max-width: 1700px) { .pompa__produse i { font-size: 11px; padding: 4px 6px; } .pompa__corp { padding-left: 14px; padding-right: 10px; } }
@media (min-width: 1101px) { .pompa__produse { gap: 4px; } .pompa__produse i { padding: 4px 5px !important; letter-spacing: -.02em; } }
.pompa__eticheta .pompa__adblue { --h: calc(var(--latb, 78px) * .58); bottom: 14px; }
/* lanțul de pe Carburant: numărul și titlul pe același rând (Mihai) */
.carb-lant__pasi li { grid-template-columns: auto minmax(0, 1fr); align-items: baseline; column-gap: 10px; }
.carb-lant__ic { grid-column: 1 / -1; }
.carb-lant__pasi b { margin-top: 14px; }
@media (max-width: 900px) { .carb-lant__pasi li { grid-template-columns: 56px auto minmax(0, 1fr); align-items: center; } .carb-lant__ic { grid-column: auto; } .carb-lant__pasi b { margin: 0; } }

/* „Mai departe” = cardurile de pe live (titlu, text, rând îngroșat, buton), într-un panou alb ca „Soluții OSCAR” */
.continua2 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); background: #fff; border-radius: 26px; box-shadow: 0 0 0 1px var(--linie); overflow: hidden; }
.continua2--1 { --n: 1; } .continua2--2 { --n: 2; } .continua2--3 { --n: 3; }
.continua2 li { display: flex; flex-direction: column; padding: 24px 26px; }
.continua2 li + li { border-left: 1px solid var(--linie); }
.continua2__cap { display: flex; align-items: center; gap: 12px; }
.continua2__cap .card__ic { width: 42px; height: 42px; background: var(--lime); color: var(--grafit); }
.continua2__cap h2 { margin: 0; font-size: 19px; line-height: 1.25; }
.continua2 p { margin: 12px 0 0; font-size: 15.5px; color: var(--text-2); }
.continua2 .continua2__tare { margin-top: 8px; font-weight: 650; color: var(--grafit); flex: 1; }
.continua2 .ar-link { align-self: flex-start; margin-top: 16px; }
.continua2--1 li { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 32px; align-items: center; }
.continua2--1 li > * { grid-column: 1; } .continua2--1 li > .ar-link { grid-column: 2; grid-row: 1 / span 3; margin: 0; }
.continua2 li.dezvaluie:nth-child(2) { transition-delay: .1s; } .continua2 li.dezvaluie:nth-child(3) { transition-delay: .2s; }
@media (max-width: 900px) { .continua2 { grid-template-columns: 1fr; } .continua2 li { padding: 18px; } .continua2 li + li { border-left: 0; border-top: 1px solid var(--linie); } .continua2--1 li { display: flex; } }
.depozit__nav a { color: #1c6d9c; } /* contrast 4,5:1 */
.documente small { color: var(--text-2); } /* contrast */

/* ===== Carburant, runda 5 (Mihai): lichid în bandă (plin) și în nume (aproape plin), produse în culoarea gamei, hover la fel peste tot ===== */
.pompa a:hover .pompa__eticheta img { transform: none; } /* hover = doar ridicarea cardului, la fel la toate (AdBlue se rotea greșit) */
.pompa__eticheta { --gol: color-mix(in srgb, var(--c) 30%, #fff); background: var(--gol) !important; }
.pompa--optim .pompa__eticheta, .pompa--optim .pompa__nume { --c: #323232; } .pompa--actis .pompa__eticheta, .pompa--actis .pompa__nume { --c: #97c93d; }
.pompa--fortis .pompa__eticheta, .pompa--fortis .pompa__nume { --c: #f15b3e; } .pompa--adblue .pompa__eticheta, .pompa--adblue .pompa__nume { --c: #52bcec; }
.pompa__eticheta::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: var(--c);
  -webkit-mask: url(../img/val.svg) 0 0 / 40px 10px repeat-x, linear-gradient(#000, #000) 0 9px / 100% 100% no-repeat; mask: url(../img/val.svg) 0 0 / 40px 10px repeat-x, linear-gradient(#000, #000) 0 9px / 100% 100% no-repeat;
  animation: lichid-val 2.6s linear infinite; transition: height 1.8s cubic-bezier(.3, .1, .2, 1); }
.pompa.vizibil .pompa__eticheta::before, .pompa:not(.dezvaluie) .pompa__eticheta::before { height: calc(100% + 2px); }
.pompa.vizibil:nth-child(2) .pompa__eticheta::before { transition-delay: .15s; } .pompa.vizibil:nth-child(3) .pompa__eticheta::before { transition-delay: .3s; } .pompa.vizibil:nth-child(4) .pompa__eticheta::before { transition-delay: .45s; }
@keyframes lichid-val { to { -webkit-mask-position: 40px 0, 0 9px; mask-position: 40px 0, 0 9px; } }
/* numele gamei umplut cu lichid (~82%), cu valul în mișcare */
.pompa__nume { --nivel: 82%; color: var(--c); background:
    radial-gradient(9px 5px at 50% 100%, var(--c) 98%, transparent) 0 calc(100% - var(--nivel) + 4px) / 18px 6px repeat-x,
    linear-gradient(to top, var(--c) var(--nivel), color-mix(in srgb, var(--c) 28%, #fff) var(--nivel));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: lichid-nume 2.4s linear infinite; padding-bottom: 2px; }
@keyframes lichid-nume { to { background-position: 18px calc(100% - var(--nivel) + 4px), 0 0; } }
@media (prefers-reduced-motion: reduce) { .pompa__eticheta::before, .pompa__nume { animation: none; } }
/* produsele: pe culoarea gamei, scris −20%, mai mult spațiu */
.pompa__produse i { background: var(--c) !important; color: #fff !important; box-shadow: none !important; font-size: 10px !important; padding: 5px 9px !important; letter-spacing: .02em !important; }
.pompa--actis .pompa__produse i, .pompa--fortis .pompa__produse i, .pompa--adblue .pompa__produse i { color: var(--grafit) !important; }
.pompa--actis a { --c: #97c93d; } .pompa--fortis a { --c: #f15b3e; } .pompa--adblue a { --c: #52bcec; } .pompa--optim a { --c: #323232; }
/* meniu: pe Acasă, căsuța e verde */
.nav__acasa a[aria-current] { background: var(--lime); color: var(--grafit); }
.pompa__nume { --nivel: 70%; background:
    radial-gradient(11px 7px at 50% 100%, var(--c) 98%, transparent) 0 calc(100% - var(--nivel) + 5px) / 22px 8px repeat-x,
    linear-gradient(to top, var(--c) var(--nivel), color-mix(in srgb, var(--c) 26%, #fff) var(--nivel)); }
@keyframes lichid-nume { to { background-position: 22px calc(100% - var(--nivel) + 5px), 0 0; } }
@media (min-width: 1101px) and (max-width: 1366px) { .pompa__produse i { padding: 5px 7px !important; letter-spacing: 0 !important; } }
.pompa__nume { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.pompa__nume { background-image: radial-gradient(11px 7px at 50% 100%, var(--c) 98%, transparent), linear-gradient(to top, var(--c) var(--nivel), color-mix(in srgb, var(--c) 45%, #fff) var(--nivel)); }
/* lichidul pornește de pe diagonala unde se termină liniuțele (123°) și urcă păstrând aceeași înclinare */
.pompa__eticheta::before { height: auto !important; top: 0; transition: none !important;
  -webkit-mask: linear-gradient(123deg, transparent 0 calc(52% - var(--urcat, 0%)), #000 calc(52.3% - var(--urcat, 0%))) !important;
  mask: linear-gradient(123deg, transparent 0 calc(52% - var(--urcat, 0%)), #000 calc(52.3% - var(--urcat, 0%))) !important;
  animation: none; }
@property --urcat { syntax: '<percentage>'; inherits: false; initial-value: 0%; }
.pompa__eticheta::before { transition: --urcat 2s cubic-bezier(.3, .1, .2, 1) !important; }
.pompa.vizibil .pompa__eticheta::before, .pompa:not(.dezvaluie) .pompa__eticheta::before { --urcat: 60%; }
.pompa.vizibil:nth-child(2) .pompa__eticheta::before { transition-delay: .15s !important; } .pompa.vizibil:nth-child(3) .pompa__eticheta::before { transition-delay: .3s !important; } .pompa.vizibil:nth-child(4) .pompa__eticheta::before { transition-delay: .45s !important; }
.pompa__eticheta::before { bottom: 0 !important; height: 100% !important; top: 0 !important; }
/* lichid: suprafața = o linie paralelă cu marginea liniuțelor, care urcă pe toată banda (fără treaptă) */
.pompa__eticheta::before { -webkit-mask: linear-gradient(to top left, #000 calc(50% - 0.5px + var(--urcat, 0%)), transparent calc(50% + 0.5px + var(--urcat, 0%))) !important;
  mask: linear-gradient(to top left, #000 calc(50% - 0.5px + var(--urcat, 0%)), transparent calc(50% + 0.5px + var(--urcat, 0%))) !important; }
.pompa__eticheta::after { -webkit-mask: linear-gradient(to top left, #000 50%, transparent 50.5%) !important; mask: linear-gradient(to top left, #000 50%, transparent 50.5%) !important; }
.pompa.vizibil .pompa__eticheta::before, .pompa:not(.dezvaluie) .pompa__eticheta::before { --urcat: 52%; }

/* Carburant → lanțul: titlul pe toată lățimea (partea verde pe un rând), textul sub pași, înainte de link */
.carb-lant__cap { display: block; margin-bottom: 28px; }
.carb-lant__cap .bloc__titlu { max-width: none; }
.carb-lant__cap .bloc__titlu em { display: block; }
@media (min-width: 901px) { .carb-lant__cap .bloc__titlu em { white-space: nowrap; } }
.carb-lant__nota { margin: 0 0 16px; color: rgba(255, 255, 255, .72); }
/* Lichidul (Mihai, varianta finală): se umple de jos, cu valul în mișcare, suprafața înclinată (colț), până plin */
.pompa__eticheta::before { top: auto !important; bottom: 0 !important; left: -60% !important; right: auto !important; width: 220% !important; height: 220% !important;
  transform-origin: 50% 0; transform: translateY(100%) rotate(-24deg); transition: transform 2.2s cubic-bezier(.3, .1, .2, 1) !important;
  -webkit-mask: url(../img/val.svg) 0 0 / 34px 9px repeat-x, linear-gradient(#000, #000) 0 8px / 100% 100% no-repeat !important;
  mask: url(../img/val.svg) 0 0 / 34px 9px repeat-x, linear-gradient(#000, #000) 0 8px / 100% 100% no-repeat !important;
  animation: lichid-val2 2.4s linear infinite !important; }
.pompa.vizibil .pompa__eticheta::before, .pompa:not(.dezvaluie) .pompa__eticheta::before { transform: translateY(-14%) rotate(-24deg); }
@keyframes lichid-val2 { to { -webkit-mask-position: 34px 0, 0 8px; mask-position: 34px 0, 0 8px; } }
@media (prefers-reduced-motion: reduce) { .pompa__eticheta::before { animation: none !important; transition: none !important; } }
.pompa__eticheta::before { bottom: auto !important; top: 105% !important; height: 500% !important; transform: rotate(-24deg) !important; transition: top 2.2s cubic-bezier(.3, .1, .2, 1) !important; }
.pompa.vizibil .pompa__eticheta::before, .pompa:not(.dezvaluie) .pompa__eticheta::before { top: -45% !important; }
.pompa.vizibil:nth-child(2) .pompa__eticheta::before { transition-delay: .15s !important; } .pompa.vizibil:nth-child(3) .pompa__eticheta::before { transition-delay: .3s !important; } .pompa.vizibil:nth-child(4) .pompa__eticheta::before { transition-delay: .45s !important; }
.pompa__eticheta::before { left: -250% !important; width: 600% !important; transform-origin: 50% 0 !important; }
/* „Mai departe” pe telefon: titlul încape pe un rând lângă iconiță */
@media (max-width: 900px) {
  .continua2__cap { gap: 10px; }
  .continua2__cap .card__ic { width: 36px; height: 36px; flex: none; }
  .continua2__cap h2 { font-size: clamp(14px, 4.4vw, 18px); white-space: nowrap; }
}
@media (max-width: 340px) { .continua2__cap h2 { white-space: normal; } }
@media (min-width: 901px) { html:not([lang="ro"]) .carb-lant__cap .bloc__titlu em { white-space: normal; } } /* în engleză fraza e mai lungă: se poate rupe */
/* Lichidul (Mihai, runda 3): pornește plin de la linia diagonală (marginea liniuțelor) și urcă spre colțul stânga-sus, unde rămâne un colț neumplut cu valul vizibil */
.pompa__eticheta::before { left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; width: 1200px !important; height: 1200px !important; margin-left: -600px;
  transform-origin: 50% 0 !important; transform: rotate(-72deg) translateY(0) !important; transition: transform 2.4s cubic-bezier(.3, .1, .2, 1) !important; }
.pompa.vizibil .pompa__eticheta::before, .pompa:not(.dezvaluie) .pompa__eticheta::before { top: 50% !important; transform: rotate(-72deg) translateY(-58px) !important; }
/* AdBlue: fără nicio mișcare a siglei la hover */
.pompa__eticheta .pompa__adblue, .pompa a:hover .pompa__eticheta .pompa__adblue { transform: rotate(-90deg) !important; transition: none !important; }

/* Lichid (Mihai): pornește de pe diagonală, apoi se îndreaptă și rămâne sus un rând neumplut, cu valul în mișcare (ca prima variantă) */
.pompa__eticheta::before { transition: transform 2.4s cubic-bezier(.3, .1, .2, 1), top 2.4s cubic-bezier(.3, .1, .2, 1) !important; }
.pompa.vizibil .pompa__eticheta::before, .pompa:not(.dezvaluie) .pompa__eticheta::before { top: 16px !important; transform: rotate(0deg) translateY(0) !important; }
/* Lanțul pe telefon: o picătură lime coboară pe linie și aprinde pașii pe rând (buclă, doar cât e pe ecran) */
.carb-lant__picatura { display: none; }
@media (max-width: 900px) {
  .carb-lant__picatura { display: block; position: absolute; z-index: 2; left: 21px; top: 28px; width: 14px; height: 14px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: var(--lime); box-shadow: 0 0 14px var(--lime); opacity: 0; }
  .carb-lant__pasi.vizibil .carb-lant__picatura { animation: lant-picatura 6s cubic-bezier(.5, 0, .5, 1) infinite; }
  .carb-lant__pasi.vizibil li .carb-lant__ic { animation: lant-pas 6s infinite; }
  .carb-lant__pasi.vizibil li:nth-child(2) .carb-lant__ic { animation-delay: 0s; } .carb-lant__pasi.vizibil li:nth-child(3) .carb-lant__ic { animation-delay: 1.2s; }
  .carb-lant__pasi.vizibil li:nth-child(4) .carb-lant__ic { animation-delay: 2.4s; } .carb-lant__pasi.vizibil li:nth-child(5) .carb-lant__ic { animation-delay: 3.6s; } .carb-lant__pasi.vizibil li:nth-child(6) .carb-lant__ic { animation-delay: 4.8s; }
}
@keyframes lant-picatura { 0% { top: 28px; opacity: 0; } 5% { opacity: 1; } 90% { opacity: 1; } 100% { top: calc(100% - 42px); opacity: 0; } }
@keyframes lant-pas { 0%, 18%, 100% { background: var(--grafit-2); color: var(--lime); box-shadow: 0 0 0 6px var(--grafit), inset 0 0 0 1px var(--linie-deschis); } 4%, 12% { background: var(--lime); color: var(--grafit); box-shadow: 0 0 0 6px var(--grafit), 0 0 24px rgba(195, 214, 59, .55); } }
@media (prefers-reduced-motion: reduce) { .carb-lant__picatura, .carb-lant__pasi li .carb-lant__ic { animation: none !important; } }
/* lichidul: mai sus și se clatină ca într-o sticlă după ce s-a umplut */
.pompa.vizibil .pompa__eticheta::before, .pompa:not(.dezvaluie) .pompa__eticheta::before { top: 8px !important;
  animation: lichid-val2 2.4s linear infinite, lichid-clatina 4.2s ease-in-out 2.4s infinite !important; }
@keyframes lichid-clatina { 0%, 100% { rotate: 0deg; translate: 0 0; } 25% { rotate: 5deg; translate: 0 2px; } 50% { rotate: 0deg; translate: 0 -1px; } 75% { rotate: -5deg; translate: 0 2px; } }
.pompa.vizibil:nth-child(2) .pompa__eticheta::before { animation-delay: 0s, 2.9s !important; } .pompa.vizibil:nth-child(3) .pompa__eticheta::before { animation-delay: 0s, 3.4s !important; } .pompa.vizibil:nth-child(4) .pompa__eticheta::before { animation-delay: 0s, 3.9s !important; }

/* Lanțul pe telefon: în stânga o șosea cu 4 benzi și trafic (marcajele curg, „mașinile” = lumini), pașii mutați la dreapta */
.carb-lant__sosea { display: none; }
@media (max-width: 900px) {
  .carb-lant__pasi { padding-left: 96px; }
  .carb-lant__pasi::before, .carb-lant__pasi::after { left: 123px !important; }
  .carb-lant__picatura { left: 117px; }
  .carb-lant__sosea { display: block; position: absolute; left: 0; top: -6px; bottom: -6px; width: 76px; border-radius: 10px; overflow: hidden;
    background:
      linear-gradient(90deg, rgba(255,255,255,.55) 0 2px, transparent 2px calc(100% - 2px), rgba(255,255,255,.55) calc(100% - 2px)),
      repeating-linear-gradient(180deg, rgba(255,255,255,.4) 0 12px, transparent 12px 26px) 18px 0 / 2px 100% no-repeat,
      repeating-linear-gradient(180deg, rgba(195,214,59,.85) 0 100%) 37px 0 / 2px 100% no-repeat,
      repeating-linear-gradient(180deg, rgba(255,255,255,.4) 0 12px, transparent 12px 26px) 56px 0 / 2px 100% no-repeat,
      #121518; }
  .carb-lant__pasi.vizibil .carb-lant__sosea { animation: sosea-marcaj 1.1s linear infinite; }
  .carb-lant__sosea i { position: absolute; width: 6px; height: 12px; border-radius: 3px; }
  .carb-lant__sosea i:nth-child(1) { left: 6px; background: #fff; box-shadow: 0 0 10px rgba(255,255,255,.8); }
  .carb-lant__sosea i:nth-child(2) { left: 26px; background: #fff; box-shadow: 0 0 10px rgba(255,255,255,.8); }
  .carb-lant__sosea i:nth-child(3) { left: 45px; background: #e2273d; box-shadow: 0 0 10px rgba(226,39,61,.8); }
  .carb-lant__sosea i:nth-child(4) { left: 64px; background: #e2273d; box-shadow: 0 0 10px rgba(226,39,61,.8); }
  .carb-lant__pasi.vizibil .carb-lant__sosea i:nth-child(1) { animation: masina-jos 3.4s linear infinite; }
  .carb-lant__pasi.vizibil .carb-lant__sosea i:nth-child(2) { animation: masina-jos 5.2s linear -2s infinite; }
  .carb-lant__pasi.vizibil .carb-lant__sosea i:nth-child(3) { animation: masina-sus 4.4s linear -1s infinite; }
  .carb-lant__pasi.vizibil .carb-lant__sosea i:nth-child(4) { animation: masina-sus 3s linear -2.4s infinite; }
}
@keyframes sosea-marcaj { to { background-position: 0 0, 18px 26px, 37px 0, 56px 26px, 0 0; } }
@keyframes masina-jos { from { top: -16px; } to { top: 100%; } }
@keyframes masina-sus { from { top: 100%; } to { top: -16px; } }
@media (prefers-reduced-motion: reduce) { .carb-lant__sosea, .carb-lant__sosea i { animation: none !important; } }
@media (max-width: 900px) {
  .carb-lant__pasi.vizibil .carb-lant__picatura { animation-timing-function: linear; }
  .carb-lant__pasi.vizibil li:nth-child(2) .carb-lant__ic { animation-delay: -.3s; } .carb-lant__pasi.vizibil li:nth-child(3) .carb-lant__ic { animation-delay: 1.15s; }
  .carb-lant__pasi.vizibil li:nth-child(4) .carb-lant__ic { animation-delay: 2.6s; } .carb-lant__pasi.vizibil li:nth-child(5) .carb-lant__ic { animation-delay: 4.05s; }
  .carb-lant__pasi.vizibil li:nth-child(6) .carb-lant__ic { animation-delay: 5.2s; }
}

/* Lichidul sus ca la pompele de pe Franciza: se clatină lin (±2°, 5,5 s), val mai lent (3,2 s), bule care urcă */
.pompa.vizibil .pompa__eticheta::before, .pompa:not(.dezvaluie) .pompa__eticheta::before { animation: lichid-val2 3.2s linear infinite, lichid-clatina 5.5s ease-in-out 2.6s infinite !important; }
@keyframes lichid-clatina { 0%, 100% { rotate: 0deg; translate: 0 0; } 25% { rotate: -2deg; translate: 0 -1px; } 50% { rotate: 0deg; translate: 0 1px; } 75% { rotate: 2deg; translate: 0 -1px; } }
.pompa.vizibil:nth-child(2) .pompa__eticheta::before { animation-delay: 0s, 3s !important; } .pompa.vizibil:nth-child(3) .pompa__eticheta::before { animation-delay: 0s, 3.4s !important; } .pompa.vizibil:nth-child(4) .pompa__eticheta::before { animation-delay: 0s, 3.8s !important; }
.pompa__bula { position: absolute; z-index: 1; bottom: 0; width: 5px; height: 5px; border-radius: 50%; background: rgba(255, 255, 255, .55); opacity: 0; pointer-events: none; }
.pompa__bula:nth-child(1) { left: 22%; } .pompa__bula:nth-child(2) { left: 52%; width: 4px; height: 4px; } .pompa__bula:nth-child(3) { left: 36%; width: 3px; height: 3px; }
.pompa.vizibil .pompa__bula { animation: pompa-bula 4.6s ease-in 2.6s infinite; }
.pompa.vizibil .pompa__bula:nth-child(2) { animation-delay: 3.8s; animation-duration: 5.4s; } .pompa.vizibil .pompa__bula:nth-child(3) { animation-delay: 4.9s; animation-duration: 3.9s; }
@keyframes pompa-bula { 0% { opacity: 0; transform: translateY(0); } 15% { opacity: .85; } 85% { opacity: .5; } 100% { opacity: 0; transform: translateY(-210px); } }
@media (prefers-reduced-motion: reduce) { .pompa__bula { display: none; } }
/* telefoane înguste: șoseaua mai îngustă, ca pagina să nu iasă din ecran */
@media (max-width: 380px) { .carb-lant__pasi { padding-left: 68px; } .carb-lant__sosea { transform: scaleX(.71); transform-origin: left; } .carb-lant__pasi::before, .carb-lant__pasi::after { left: 95px !important; } .carb-lant__picatura { left: 89px; } }
.subsol__chemare-text { margin: -18px 0 26px; max-width: none; font-size: 17px; color: rgba(255, 255, 255, .72); } .subsol__chemare-text strong { color: #fff; font-weight: 650; }
@media (max-width: 640px) { .subsol__chemare-text { font-size: 15px; margin-top: -14px; } }
/* Lichidul sus = exact ca pompele de pe Franciza: valuri mici (λ = jumătate din bandă, amplitudine ~1,5 px), alunecă 4 lungimi de val în 3,2 s, clătinare ±2° în 5,5 s */
.pompa__eticheta::before { -webkit-mask: url(../img/val-mic.svg) 0 0 / 39px 4px repeat-x, linear-gradient(#000, #000) 0 3px / 100% 100% no-repeat !important;
  mask: url(../img/val-mic.svg) 0 0 / 39px 4px repeat-x, linear-gradient(#000, #000) 0 3px / 100% 100% no-repeat !important; }
@keyframes lichid-val2 { to { -webkit-mask-position: 156px 0, 0 3px; mask-position: 156px 0, 0 3px; } }
.pompa.vizibil .pompa__eticheta::before, .pompa:not(.dezvaluie) .pompa__eticheta::before { top: 12px !important; }
/* liniuțele: doar sub linia de la colțul stânga-jos la marginea dreaptă (~36% de sus), complete din stânga */
.pompa__eticheta::after { -webkit-mask: none !important; mask: none !important; clip-path: polygon(0 100%, 100% 36%, 100% 100%); }
/* Carburant – eroul cu pompa RO: poza pe dreapta, încadrată pe pompa 1; etichetele gamelor se umplu ca un lichid (ca la Franciza, aici mare) */
.cap--scena { display: flex; align-items: center; min-height: clamp(560px, 74vh, 800px); }
.cap--scena .cap__in { position: static; width: 100%; grid-template-columns: minmax(0, 600px); }
.cap--scena .cap__text { position: relative; z-index: 2; }
.cap--scena::before { display: none; }
.cp { position: absolute; z-index: 0; top: 0; bottom: 6px; right: 0; left: 34%; overflow: hidden; container-type: size; }
.cp::after { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none;
  background: linear-gradient(90deg, var(--grafit) 0, rgba(22, 25, 28, .7) 12%, rgba(22, 25, 28, .2) 30%, rgba(22, 25, 28, 0) 42%),
              linear-gradient(180deg, var(--grafit) 0, rgba(22, 25, 28, .55) calc(var(--antet) + 10px), rgba(22, 25, 28, 0) 40%),
              linear-gradient(0deg, rgba(22, 25, 28, .45) 0, rgba(22, 25, 28, 0) 22%); }
/* poza de 2,5× lățimea scenei, cu pompa 1 (x 1150, y 672 din 2200×1285) la ~50% / 54% din scenă */
.cp__in { position: absolute; width: 250cqw; aspect-ratio: 2200 / 1285; left: calc(50cqw - 130.7cqw); top: calc(54cqh - 76.4cqw); }
.cp__in > * { position: absolute; inset: 0; width: 100%; height: 100%; }
.cp__poza { filter: brightness(.92); }
.cp-lichid { transform: translateY(var(--h, 120px)); }
.aprins .cp-lichid { animation: cp-umple 2.2s cubic-bezier(.3, .1, .2, 1) calc(.5s + var(--i, 0) * .55s) forwards; }
@keyframes cp-umple { 82% { transform: translateY(-3px); } to { transform: translateY(0); } }
.cp-clatina { transform-box: view-box; transform-origin: var(--o, 0 0); } /* pivot explicit în coordonatele pozei: Firefox nu respectă fill-box în <mask> */
.aprins .cp-clatina { animation: fr-clatina 5.5s ease-in-out calc(3.5s + var(--d, 0s)) infinite; }
.cp-bula { fill: #fff; opacity: 0; }
.aprins .cp-bula { animation: fr-bula 2.6s ease-in calc(2s + var(--d, 0s)) infinite; }
@media (max-width: 900px) {
  .cap--scena { display: block; min-height: 0; }
  /* pe telefon: întâi animația (sub antet, pe toată lățimea), apoi textul; pompa mult mai aproape (poza de 4,8× lățimea) */
  .cap--scena .cap__in { display: flex; flex-direction: column; align-items: stretch; }
  .cp { order: -1; position: relative; inset: auto; margin: calc((var(--antet) + 20px) * -1) calc(var(--margine) * -1) -34px; height: min(100vw, 560px); flex: none; } /* textul începe peste partea care se stinge, fără „tăietură” */
  .cp::after { background: linear-gradient(180deg, var(--grafit) 0, rgba(22, 25, 28, .5) calc(var(--antet) - 10px), rgba(22, 25, 28, 0) 34%), linear-gradient(0deg, var(--grafit) 0, var(--grafit) 6%, rgba(22, 25, 28, .86) 16%, rgba(22, 25, 28, .62) 27%, rgba(22, 25, 28, .36) 38%, rgba(22, 25, 28, .15) 48%, rgba(22, 25, 28, 0) 58%); }
  .cp__in { --z: min(480cqw, 2400px); width: var(--z); left: calc(50cqw - var(--z) * .5227); top: calc(66cqh - var(--z) * .3455); } /* tabletă: plafon 2400 px (cât are poza) */
}
@media (prefers-reduced-motion: reduce) { .cp-lichid { transform: none; } }
/* panoul „calitate și performanță”: citat + text cu ocupațiile evidențiate + două puncte cu iconiță (nu trei paragrafe în bloc) */
.carb-panou__text { gap: 0; }
.carb-panou__citat { position: relative; margin: 2px 0 14px !important; padding-left: 18px; font: 600 clamp(19px, 1.55vw, 23px)/1.3 var(--titlu); letter-spacing: -.01em; color: var(--grafit) !important; text-wrap: pretty; }
.carb-panou__citat::before { content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 4px; border-radius: 4px; background: linear-gradient(var(--lime), var(--albastru)); }
.carb-panou__lead { margin: 0 0 20px !important; }
.carb-panou__lead b { font-weight: 650; color: #1c6d9c; }
.carb-panou__puncte { list-style: none; margin: 0; padding: 18px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 28px; border-top: 1px solid var(--linie); }
.carb-panou__puncte li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: start; }
.carb-panou__puncte p { margin: 0 !important; font-size: 15px; }
.carb-panou__ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: #f1f4e3; color: #5f7a12; }
.carb-panou__ic .icon { width: 20px; height: 20px; }
@media (max-width: 600px) { .carb-panou__puncte { grid-template-columns: 1fr; padding-top: 14px; } .carb-panou__citat { padding-left: 14px; } }
/* Arii – panoul: subtitlul cu bara colorată (ca citatul de la Carburant), contactul cu iconiță + butonul, pe un rând sub o linie */
.ar-panou .ar-manifest__mare { position: relative; padding-left: 18px; }
.ar-panou .ar-manifest__mare::before { content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 4px; border-radius: 4px; background: linear-gradient(var(--lime), var(--albastru)); }
.ar-panou__jos { display: flex; align-items: center; justify-content: space-between; gap: 14px 24px; margin-top: 6px; padding-top: 18px; border-top: 1px solid var(--linie); }
.ar-panou .ar-panou__contact { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; margin: 0 !important; font-size: 15px !important; }
.ar-panou__jos .buton { flex: none; }
@media (max-width: 700px) { .ar-panou__jos { flex-direction: column; align-items: stretch; } .ar-panou__jos .buton { justify-content: space-between; } .ar-panou .ar-manifest__mare { padding-left: 14px; } }
/* Carburant: spațiul dintre zone +30% (52/36 în loc de 40/28) – probă cerută de Mihai */
.p-carburanti main { --sectiune: 52px; }
@media (max-width: 640px) { .p-carburanti main { --sectiune: 36px; } }
/* Calea paginii: bandă subțire înainte de subsol (nu mai stă în erou) */
.fir-banda { background: #fff; border-top: 1px solid var(--linie); padding: 14px var(--margine); }
.fir-banda__in { max-width: var(--latime); margin: 0 auto; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; font-size: 14px; color: var(--text-2); }
.fir-banda li { display: inline-flex; align-items: center; gap: 8px; }
.fir-banda li + li::before { content: ""; width: 6px; height: 6px; margin: 0 12px 0 10px; border: solid var(--text-3); border-width: 1.5px 1.5px 0 0; transform: rotate(45deg); }
.fir-banda .icon { width: 16px; height: 16px; color: var(--text-2); }
.fir-banda a { color: var(--text-2); text-decoration: none; }
.fir-banda a:hover { color: var(--grafit); text-decoration: underline; text-underline-offset: 3px; }
.fir-banda [aria-current] { color: var(--grafit); font-weight: 600; }
/* Franciza pe telefon: poza din erou cu ~20% mai puțin zoom (scena 86% din înălțime în loc de 106%), se stinge jos în fundalul închis */
@media (max-width: 900px) {
  .fr-erou { background: var(--carbune); }
  .fr-erou .fr-scena { inset: -6% 0 auto; height: 86%; -webkit-mask-image: linear-gradient(#000 72%, transparent); mask-image: linear-gradient(#000 72%, transparent); }
}
/* banda căii: gri închis, din stânga (fără lățime maximă centrată), cu filet albastru sus și verde jos; padding -30% */
.fir-banda { background: #2a3035; border-top: 1px solid var(--albastru); border-bottom: 1px solid var(--lime); padding: 10px var(--margine); }
.fir-banda__in { max-width: none; margin: 0; color: rgba(255, 255, 255, .62); }
.fir-banda .icon, .fir-banda a { color: rgba(255, 255, 255, .72); }
.fir-banda a:hover { color: var(--lime); }
.fir-banda li + li::before { border-color: rgba(255, 255, 255, .4); }
.fir-banda [aria-current] { color: #fff; }
/* banda căii aliniată cu conținutul și subsolul (aceeași coloană, același zoom pe ecrane mari), fundal mai închis */
.fir-banda { background: #1d2226; }
.fir-banda__in { max-width: var(--latime); margin: 0 auto; }
@media (min-width: 2200px) { body:not([class*="p-acasa"]) .fir-banda { zoom: 1.3; } }
@media (min-width: 3000px) { body:not([class*="p-acasa"]) .fir-banda { zoom: 1.7; } }
@media (min-width: 4200px) { body:not([class*="p-acasa"]) .fir-banda { zoom: 2.2; } }

/* ===== Gama de carburant – varianta nouă (OPTIM, model pentru celelalte game) ===== */
/* eroul: autostrada pe dreapta; peste câmpul de lângă drum, panoul grafit al gamei (ca eticheta de pe pompă), cu liniile pe diagonala drumului */
.gm-scena { position: absolute; z-index: 0; top: 0; bottom: 6px; right: 0; left: 30%; overflow: hidden; }
.gm-scena__poza, .gm-scena__desen { position: absolute; inset: 0; width: 100%; height: 100%; }
.gm-scena__poza { object-fit: cover; object-position: right center; filter: brightness(.94) saturate(1.05); }
.gm-scena::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, var(--grafit) 0, rgba(22, 25, 28, .75) 14%, rgba(22, 25, 28, .2) 34%, rgba(22, 25, 28, 0) 46%),
              linear-gradient(180deg, rgba(22, 25, 28, .7) 0, rgba(22, 25, 28, 0) calc(var(--antet) + 40px)),
              linear-gradient(0deg, rgba(22, 25, 28, .4) 0, rgba(22, 25, 28, 0) 22%); }
.gm-panou { transform: translate(var(--tx, 380px), var(--ty, -310px)); opacity: 0; transition: transform 1.4s var(--lin), opacity .6s; }
.aprins .gm-panou { transform: none; opacity: 1; }
.gm-panou__fond { fill: #26292c; opacity: .95; }
.gm-panou__linii path { stroke: rgba(0, 0, 0, .55); stroke-width: 2; fill: none; }
.gm-panou__linii path:nth-child(odd) { stroke: rgba(255, 255, 255, .05); }
.gm-panou__lime { stroke: var(--lime); stroke-width: 5; fill: none; }
.gm-panou__albastru { stroke: var(--albastru); stroke-width: 5; fill: none; }
.gm-panou__semn { opacity: 0; transition: opacity 1s .9s; }
.aprins .gm-panou__semn { opacity: 1; }
/* lumina care curge pe linii, spre drum */
.gm-puls { fill: none; stroke: var(--lime); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 120 1880; stroke-dashoffset: 2000; opacity: 0; }
.aprins .gm-puls { animation: gm-curge 3.6s linear calc(1.4s + var(--d, 0s)) infinite; }
.gm-puls:nth-of-type(even) { stroke: var(--albastru); }
@keyframes gm-curge { 0% { stroke-dashoffset: 2000; opacity: 0; } 12% { opacity: .9; } 70% { opacity: .9; } 100% { stroke-dashoffset: 200; opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .gm-panou { transform: none; opacity: 1; transition: none; } .gm-panou__semn { opacity: 1; } }
@media (max-width: 900px) {
  .gm-scena { order: -1; position: relative; inset: auto; margin: calc((var(--antet) + 20px) * -1) calc(var(--margine) * -1) -34px; height: min(92vw, 520px); flex: none; }
  .gm-scena::after { background: linear-gradient(180deg, var(--grafit) 0, rgba(22, 25, 28, .5) calc(var(--antet) - 10px), rgba(22, 25, 28, 0) 34%),
                                 linear-gradient(0deg, var(--grafit) 0, var(--grafit) 6%, rgba(22, 25, 28, .8) 16%, rgba(22, 25, 28, 0) 42%); }
}

/* fișele produselor: capul grafit cu liniile etichetei, etichete scurte, apoi textul și fișa PDF */
.gm-fise { --c: var(--lime); list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.gm-fisa { display: flex; flex-direction: column; border-radius: 22px; overflow: hidden; background: #fff; box-shadow: 0 0 0 1px var(--linie); }
.gm-fisa__cap { position: relative; padding: 22px 22px 20px; color: #fff; background: repeating-linear-gradient(-50deg, transparent 0 11px, rgba(0, 0, 0, .45) 11px 12px), #2b2e31; }
.gm-fisa__cap::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: linear-gradient(var(--lime) 0 2px, var(--albastru) 2px 4px); }
.gm-fisa__nume { margin: 0 0 14px; font-size: clamp(26px, 2.6vw, 36px); letter-spacing: -.03em; color: #fff; }
.gm-fisa__etichete { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.gm-fisa__etichete li { font-size: 13px; font-weight: 650; padding: 5px 11px; border-radius: 99px; background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); }
.gm-fisa__etichete li:first-child { background: var(--lime); color: var(--grafit); box-shadow: none; }
.gm-fisa__corp { display: flex; flex-direction: column; flex: 1; padding: 20px 22px 22px; }
.gm-fisa__corp p { margin: 0 0 16px; color: var(--text-2); }
.gm-fisa .documente { margin-top: auto; grid-template-columns: minmax(0, 1fr); }
.gm-fisa .documente a { background: var(--hartie); box-shadow: none; }
.gm-fisa.dezvaluie:nth-child(2) { transition-delay: .1s; }

/* „soluția potrivită pentru afacerea ta”: cuvintele din fraza aprobată aleg aria (poza + link) */
.gm-af__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 24px 48px; align-items: center; }
.gm-af__text .bloc__titlu em { color: #1c6d9c; }
.gm-af__fraza { margin: 0; font: 500 clamp(19px, 1.6vw, 24px)/1.5 var(--titlu); letter-spacing: -.01em; color: var(--grafit); }
.gm-af__cuv { font: inherit; color: inherit; cursor: pointer; padding: 0 .28em .04em; margin: 0 .02em; border: 0; border-radius: 8px; background: rgba(28, 109, 156, .1); box-shadow: inset 0 -2px 0 rgba(28, 109, 156, .35); transition: background .3s, color .3s, box-shadow .3s; }
.gm-af__cuv:hover { background: rgba(28, 109, 156, .18); }
.gm-af__cuv[aria-pressed="true"] { background: var(--grafit); color: var(--lime); box-shadow: none; }
.gm-af__cuv:focus-visible { outline: 2px solid var(--albastru-2); outline-offset: 2px; }
.gm-af__poze { position: relative; aspect-ratio: 16 / 10; border-radius: 24px; overflow: hidden; background: var(--grafit); box-shadow: 0 30px 60px -40px rgba(15, 18, 20, .45); }
.gm-af__poza { position: absolute; inset: 0; opacity: 0; transition: opacity .7s; color: #fff; text-decoration: none; pointer-events: none; }
.gm-af__poza.activ { opacity: 1; pointer-events: auto; }
.gm-af__poza img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); transition: transform 5s linear; }
.gm-af__poza.activ img { transform: scale(1); }
.gm-af__poza::after { content: ""; position: absolute; inset: 50% 0 0; background: linear-gradient(transparent, rgba(15, 18, 20, .8)); }
.gm-af__eticheta { position: absolute; z-index: 1; left: 18px; right: 18px; bottom: 16px; display: grid; grid-template-columns: 44px minmax(0, 1fr) 34px; gap: 12px; align-items: center; }
.gm-af__eticheta .card__ic { background: rgba(255, 255, 255, .14); color: var(--lime); }
.gm-af__eticheta small { display: block; font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, .78); text-shadow: 0 1px 8px rgba(0, 0, 0, .5); }
.gm-af__eticheta strong { display: block; font: 700 clamp(22px, 2vw, 28px)/1.1 var(--titlu); letter-spacing: -.02em; text-shadow: 0 1px 12px rgba(0, 0, 0, .45); }
.gm-af__eticheta > .icon { width: 34px; height: 34px; padding: 8px; border-radius: 50%; background: var(--lime); color: var(--grafit); transition: transform .3s var(--lin); }
.gm-af__poza:hover .gm-af__eticheta > .icon { transform: translateX(4px); }

/* cum ajunge carburantul la tine: trei căi pe o linie care se umple (ca lanțul de pe Carburant) */
.gm-canale__lista { position: relative; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.gm-canale__lista::before, .gm-canale__lista::after { content: ""; position: absolute; left: 22px; right: 22px; top: 7px; height: 2px; background: rgba(255, 255, 255, .12); }
.gm-canale__lista::after { background: linear-gradient(90deg, var(--lime), var(--albastru)); transform: scaleX(0); transform-origin: left; transition: transform 1.8s var(--lin); }
.gm-canale__lista.vizibil::after { transform: scaleX(1); }
.gm-canal { position: relative; display: grid; gap: 16px; }
.gm-canal__nod { position: relative; z-index: 1; width: 16px; height: 16px; margin-left: 15px; border-radius: 50%; background: var(--grafit); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .25); transition: background .4s, box-shadow .4s; }
.vizibil .gm-canal__nod { background: var(--lime); box-shadow: 0 0 0 5px rgba(195, 214, 59, .18); }
.vizibil .gm-canal:nth-child(2) .gm-canal__nod { transition-delay: .8s; } .vizibil .gm-canal:nth-child(3) .gm-canal__nod { transition-delay: 1.6s; background: var(--albastru); box-shadow: 0 0 0 5px rgba(77, 175, 227, .18); }
.gm-canal a { display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 22px; border-radius: 20px; background: var(--grafit-2); box-shadow: inset 0 0 0 1px var(--linie-deschis); color: #fff; text-decoration: none; transition: transform .3s var(--lin), box-shadow .3s; }
.gm-canal a:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 1px rgba(195, 214, 59, .5); }
.gm-canal__cap { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; align-items: center; }
.gm-canal__cap .card__ic { background: rgba(255, 255, 255, .08); color: var(--lime); }
.gm-canal__cap strong { font: 650 20px/1.2 var(--titlu); letter-spacing: -.01em; }
.gm-canal__text { color: rgba(255, 255, 255, .72); font-size: 15.5px; }
.gm-canal .ar-link { margin-top: auto; }
@media (max-width: 900px) {
  .gm-fise, .gm-af__in { grid-template-columns: 1fr; }
  .gm-fisa__cap { padding: 18px 16px 16px; } .gm-fisa__corp { padding: 16px; }
  .gm-af__fraza { font-size: 18px; }
  .gm-canale__lista { grid-template-columns: 1fr; gap: 12px; padding-left: 30px; }
  .gm-canale__lista::before, .gm-canale__lista::after { left: 7px; right: auto; top: 24px; bottom: 24px; width: 2px; height: auto; transform-origin: top; }
  .gm-canale__lista::after { transform: scaleY(0); } .gm-canale__lista.vizibil::after { transform: scaleY(1); }
  .gm-canal__nod { position: absolute; left: -30px; top: 24px; margin: 0; }
  .gm-canal a { padding: 16px; }
}
.gm-canal .ar-link { align-self: flex-start; }
/* gama: celelalte game = cardurile-pompă de pe Carburant (3 pe rând); titlul pe un rând */
.pompe--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gm-game .bloc__titlu { max-width: none; }
@media (max-width: 1100px) { .pompe--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .pompe--3 { grid-template-columns: 1fr; } }
/* drumul dintre conținut și „Mai departe”: șosea pe orizontală, marcaje care curg, faruri (alb) și stopuri (roșu) pe cele două sensuri – ca drumul din lanț, pe telefon */
.sosea-banda { position: relative; height: 52px; overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.55) 0 2px, transparent 2px calc(100% - 2px), rgba(255,255,255,.55) calc(100% - 2px)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.4) 0 18px, transparent 18px 40px) 0 13px / 100% 2px no-repeat,
    linear-gradient(var(--lime), var(--lime)) 0 calc(50% - 1px) / 100% 2px no-repeat,
    repeating-linear-gradient(90deg, rgba(255,255,255,.4) 0 18px, transparent 18px 40px) 0 37px / 100% 2px no-repeat,
    #121518; }
.sosea-banda.vizibil { animation: sosea-curge 1.1s linear infinite; }
@keyframes sosea-curge { from { background-position: 0 0, 0 13px, 0 calc(50% - 1px), 0 37px, 0 0; } to { background-position: 0 0, 40px 13px, 0 calc(50% - 1px), -40px 37px, 0 0; } }
.sosea-banda i { position: absolute; left: -30px; width: 16px; height: 6px; border-radius: 3px; opacity: 0; }
.sosea-banda i:nth-child(-n+2) { background: #fff; box-shadow: 0 0 10px rgba(255,255,255,.85); }
.sosea-banda i:nth-child(n+3) { background: #e2273d; box-shadow: 0 0 10px rgba(226,39,61,.85); }
.sosea-banda i:nth-child(1) { top: 5px; } .sosea-banda i:nth-child(2) { top: 16px; }
.sosea-banda i:nth-child(3) { top: 28px; } .sosea-banda i:nth-child(4) { top: 41px; } .sosea-banda i:nth-child(5) { top: 28px; }
.sosea-banda.vizibil i { opacity: 1; }
.sosea-banda.vizibil i:nth-child(1) { animation: sosea-dreapta 7s linear infinite; }
.sosea-banda.vizibil i:nth-child(2) { animation: sosea-dreapta 10s linear -4s infinite; }
.sosea-banda.vizibil i:nth-child(3) { animation: sosea-stanga 8s linear -2s infinite; }
.sosea-banda.vizibil i:nth-child(4) { animation: sosea-stanga 6s linear -5s infinite; }
.sosea-banda.vizibil i:nth-child(5) { animation: sosea-stanga 8s linear -6s infinite; }
@keyframes sosea-dreapta { from { left: -30px; } to { left: 100%; } }
@keyframes sosea-stanga { from { left: 100%; } to { left: -30px; } }
@media (max-width: 640px) {
  .sosea-banda { height: 44px; background-position: 0 0, 0 11px, 0 calc(50% - 1px), 0 31px, 0 0; }
  .sosea-banda.vizibil { animation-name: sosea-curge-m; }
  .sosea-banda i:nth-child(1) { top: 4px; } .sosea-banda i:nth-child(2) { top: 13px; } .sosea-banda i:nth-child(3), .sosea-banda i:nth-child(5) { top: 23px; } .sosea-banda i:nth-child(4) { top: 34px; }
}
@keyframes sosea-curge-m { from { background-position: 0 0, 0 11px, 0 calc(50% - 1px), 0 31px, 0 0; } to { background-position: 0 0, 40px 11px, 0 calc(50% - 1px), -40px 31px, 0 0; } }
@media (prefers-reduced-motion: reduce) { .sosea-banda, .sosea-banda i { animation: none !important; } .sosea-banda i { opacity: 0 !important; } }

/* gamele: culorile etichetelor de pe pompă (panoul din erou + capul fișelor) */
.gm-scena--actis .gm-panou__fond { fill: #97c93d; opacity: 1; } .gm-scena--fortis .gm-panou__fond { fill: #f15b3e; opacity: 1; } .gm-scena--adblue .gm-panou__fond { fill: #31b0dc; opacity: 1; }
.gm-scena:not(.gm-scena--optim) .gm-panou__linii path { stroke: rgba(0, 0, 0, .16); }
.gm-scena:not(.gm-scena--optim) .gm-panou__linii path:nth-child(odd) { stroke: rgba(255, 255, 255, .1); }
.gm-scena:not(.gm-scena--optim) .gm-puls { stroke: #fff; }
.gm-panou__text { font-family: var(--titlu); font-weight: 700; fill: #fff; letter-spacing: -.02em; }
.p-carburant--actis .gm-fisa__cap { --cap: #97c93d; --cap-t: var(--grafit); } .p-carburant--fortis .gm-fisa__cap { --cap: #f15b3e; --cap-t: var(--grafit); } .p-carburant--adblue .gm-fisa__cap { --cap: #1f7fb0; --cap-t: #fff; }
.p-carburant--actis .gm-fisa__cap, .p-carburant--fortis .gm-fisa__cap, .p-carburant--adblue .gm-fisa__cap { color: var(--cap-t); background: repeating-linear-gradient(-50deg, transparent 0 11px, rgba(0, 0, 0, .12) 11px 12px), var(--cap); }
.p-carburant--actis .gm-fisa__nume, .p-carburant--fortis .gm-fisa__nume, .p-carburant--adblue .gm-fisa__nume { color: var(--cap-t); }
.p-carburant--actis .gm-fisa__etichete li, .p-carburant--fortis .gm-fisa__etichete li { background: rgba(255, 255, 255, .3); box-shadow: inset 0 0 0 1px rgba(22, 25, 28, .2); }
.p-carburant--actis .gm-fisa__etichete li:first-child, .p-carburant--fortis .gm-fisa__etichete li:first-child, .p-carburant--adblue .gm-fisa__etichete li:first-child { background: var(--grafit); color: #fff; box-shadow: none; }
/* un singur produs (AdBlue): fișa pe toată lățimea, capul în stânga */
.gm-fise--1 { grid-template-columns: minmax(0, 1fr); }
.gm-fise--1 .gm-fisa { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
.gm-fise--1 .gm-fisa__cap { display: flex; flex-direction: column; justify-content: center; }
.gm-fise--1 .gm-fisa__cap::after { left: auto; top: 0; width: 4px; height: auto; background: linear-gradient(90deg, var(--lime) 0 2px, var(--albastru) 2px 4px); }
.gm-canale__lista--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vizibil .gm-canale__lista--2 .gm-canal:nth-child(2) .gm-canal__nod, .gm-canale__lista--2.vizibil .gm-canal:nth-child(2) .gm-canal__nod { background: var(--albastru); box-shadow: 0 0 0 5px rgba(77, 175, 227, .18); }
.gm-bife { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 28px; }
@media (max-width: 900px) {
  .gm-fise--1 .gm-fisa { grid-template-columns: 1fr; }
  .gm-fise--1 .gm-fisa__cap::after { left: 0; top: auto; width: auto; height: 4px; background: linear-gradient(var(--lime) 0 2px, var(--albastru) 2px 4px); }
  .gm-canale__lista--2, .gm-bife { grid-template-columns: 1fr; }
}

/* colțul gamei: aceeași mărime pe toate gamele (420×622 pe desktop, aceeași formă proporțional cu lățimea pe telefon) – începe după meniu/sigla din antet; sigla după literele mari:
   aceeași distanță de dreapta, capătul de jos la aceeași înălțime (numele lungi urcă mai sus) */
.gm-colt { position: absolute; z-index: 1; top: 0; right: 0; width: 420px; height: 622px; overflow: visible; }
.gm-puls { stroke-dasharray: 80 920; stroke-dashoffset: 1000; stroke-width: 3; }
@keyframes gm-curge { 0% { stroke-dashoffset: 1000; opacity: 0; } 12% { opacity: .9; } 70% { opacity: .9; } 100% { stroke-dashoffset: 80; opacity: 0; } }
.gm-panou { transform: translate(249px, -168px); }
.gm-panou__linii path { stroke-width: 1.5; }
.gm-panou__lime, .gm-panou__albastru { stroke-width: 3; }
.gm-semn { --k: calc(44px / var(--lw)); position: absolute; z-index: 2; right: 26px; top: 360px; transform: translateY(-100%);
  width: calc(var(--sw) * var(--k)); height: calc(var(--bh) * var(--k)); overflow: hidden; opacity: 0; transition: opacity 1s .9s; pointer-events: none; }
.aprins .gm-semn { opacity: 1; }
.gm-semn img { position: absolute; max-width: none; width: calc(var(--iw) * var(--k)); height: auto; left: calc(var(--bx) * var(--k) * -1); top: calc(var(--by) * var(--k) * -1); }
.gm-semn--text { width: auto; height: auto; overflow: visible; right: 26px; font: 700 60px/.8 var(--titlu); letter-spacing: -.02em; color: #fff; writing-mode: vertical-rl; transform: translateY(-100%) rotate(180deg); }
@media (max-width: 900px) {
  /* telefon: totul în --u (1% din lățime, plafonat), deci același colț pe orice telefon; literele mari centrate sub butonul de meniu */
  .gm-scena { --u: min(1vw, 6.6px); }
  .gm-colt { width: calc(52 * var(--u)); height: calc(77 * var(--u)); }
  .gm-puls { stroke-width: 6; }
  .gm-semn { --k: calc(6 * var(--u) / var(--lw)); right: calc(var(--margine) + 18px - 3 * var(--u)); top: calc(48 * var(--u)); }
  .gm-semn--text { right: calc(var(--margine) + 18px - 2.9 * var(--u)); font-size: calc(7.2 * var(--u)); } /* AdBlue® e mai lung: puțin mai mic, să nu atingă butonul de meniu */
}
@media (prefers-reduced-motion: reduce) { .gm-semn { opacity: 1; transition: none; } .gm-panou { transform: none; opacity: 1; transition: none; } }
/* AdBlue – avantajele: cifrele din text scoase în evidență, cu o bară care se umple cât reducerea; ultimul = frunza */
.gm-cifre { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.gm-cifra { display: flex; flex-direction: column; gap: 12px; padding: 22px; border-radius: 20px; background: #fff; box-shadow: 0 0 0 1px var(--linie); }
.gm-cifra__nr { display: flex; align-items: baseline; gap: 8px; min-height: 52px; color: #1f7fb0; }
.gm-cifra__nr small { font: 600 13px/1 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--text-2); }
.gm-cifra__nr b { font: 700 clamp(40px, 3.6vw, 52px)/1 var(--titlu); letter-spacing: -.03em; }
.gm-cifra__bara { position: relative; height: 8px; border-radius: 8px; background: #e3eef4; overflow: hidden; }
.gm-cifra__bara i { position: absolute; inset: 0 auto 0 0; width: var(--p); border-radius: 8px; background: linear-gradient(90deg, #31b0dc, #1f7fb0); transform: scaleX(0); transform-origin: left; transition: transform 1.6s var(--lin); }
.gm-cifre.vizibil .gm-cifra__bara i { transform: scaleX(1); }
.gm-cifre.vizibil .gm-cifra:nth-child(2) .gm-cifra__bara i { transition-delay: .25s; } .gm-cifre.vizibil .gm-cifra:nth-child(3) .gm-cifra__bara i { transition-delay: .5s; }
.gm-cifra__ic { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: #e3f2f8; color: #1f7fb0; }
.gm-cifra__ic .icon { width: 26px; height: 26px; }
.gm-cifra--ic .gm-cifra__ic { margin-bottom: 8px; } /* aliniat cu bara celorlalte */
.gm-cifra p { margin: 0; color: var(--text-2); font-size: 15.5px; }
@media (max-width: 1100px) { .gm-cifre { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .gm-cifre { grid-template-columns: 1fr; gap: 10px; } .gm-cifra { padding: 16px; } }
@media (prefers-reduced-motion: reduce) { .gm-cifra__bara i { transform: none; transition: none; } }
/* ultimul card („prietenos cu mediul”): în culoarea etichetei AdBlue, cu liniile ei – închide rândul, nu rămâne gol */
.gm-cifra--ic { justify-content: space-between; color: #fff; background: repeating-linear-gradient(-50deg, transparent 0 11px, rgba(0, 0, 0, .12) 11px 12px), #1f7fb0; box-shadow: none; }
.gm-cifra--ic .gm-cifra__ic { margin: 0; background: rgba(255, 255, 255, .16); color: #fff; }
.gm-cifra--ic p { color: #fff; font: 700 clamp(20px, 1.7vw, 24px)/1.2 var(--titlu); letter-spacing: -.01em; }
@media (max-width: 600px) { .gm-cifra { gap: 10px; } .gm-cifra__nr { min-height: 0; } .gm-cifra--ic { flex-direction: row; align-items: center; gap: 14px; } }

/* Stații de incintă – eroul: nivelul de motorină din rezervor + traseul livrării sub erou */
.si-nivel { position: absolute; right: 22px; bottom: 26px; width: 18px; height: 46%; border-radius: 10px; background: rgba(22, 25, 28, .5); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .75); overflow: hidden; }
.si-nivel i { position: absolute; inset: 3px; border-radius: 7px; background: linear-gradient(0deg, var(--lime-2), var(--lime)); transform-origin: bottom; animation: si-umple 6s ease-in-out 1.2s infinite both; }
@keyframes si-umple { 0% { transform: scaleY(.12); } 45%, 80% { transform: scaleY(.92); } 100% { transform: scaleY(.12); } }
.si-ruta { grid-column: 1 / -1; display: flex; align-items: center; gap: 14px; padding-top: 16px; border-top: 1px solid var(--linie-deschis); min-width: 0; }
.si-ruta__nod { flex: none; display: inline-flex; align-items: center; gap: 10px; font: 600 14.5px/1.2 var(--sans); color: rgba(255, 255, 255, .85); }
.si-ruta__ic { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: rgba(255, 255, 255, .08); color: var(--lime); }
.si-ruta__nod:nth-of-type(2) .si-ruta__ic { background: var(--lime); color: var(--grafit); }
.si-ruta__ic .icon { width: 19px; height: 19px; }
.si-ruta__linie { position: relative; flex: 1; min-width: 24px; height: 2px; background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .25) 0 6px, transparent 6px 12px); }
.si-ruta__linie i { position: absolute; left: 0; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px rgba(195, 214, 59, .8); animation: si-drum 2.6s linear infinite; }
.si-ruta__linie + .si-ruta__nod + .si-ruta__linie i { animation-delay: 1.3s; background: var(--albastru); box-shadow: 0 0 12px rgba(77, 175, 227, .8); }
@keyframes si-drum { from { left: 0; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } to { left: 100%; opacity: 0; } }

/* Pachetul: cadrele cu poze reale (mișcare lentă) și etichetele peste ele */
.si-cadru--poza .si-cadru__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.si-cadru--poza::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15, 18, 20, .65), transparent 45%); }
.cf-film__ecran[data-pas="0"] .cf-cadru--1 .si-cadru__img, .cf-film__ecran[data-pas="1"] .cf-cadru--2 .si-cadru__img, .cf-film__ecran[data-pas="2"] .cf-cadru--3 .si-cadru__img { animation: si-zoom 5.6s ease-out both; }
@keyframes si-zoom { from { transform: scale(1.12); } to { transform: scale(1.02); } }
.si-capacitati, .si-bife { position: absolute; z-index: 1; left: 18px; bottom: 18px; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.si-capacitati li, .si-bife li { display: inline-flex; align-items: center; gap: 8px; padding: 9px 15px; border-radius: 99px; background: rgba(22, 25, 28, .82); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: inset 0 0 0 1px var(--linie-deschis); font: 650 15px/1 var(--titlu); color: #fff; }
.si-capacitati li:last-child { box-shadow: inset 0 0 0 1.5px var(--lime); color: var(--lime); }
.si-bife { flex-direction: column; align-items: flex-start; }
.si-bife .icon { width: 20px; height: 20px; padding: 3px; border-radius: 50%; background: var(--lime); color: var(--grafit); stroke-width: 3; }
.cf-film__ecran[data-pas="0"] .si-capacitati li, .cf-film__ecran[data-pas="1"] .si-bife li { animation: cf-et-in .6s cubic-bezier(.3, 1.5, .5, 1) both; }
.cf-film__ecran[data-pas="0"] .si-capacitati li:nth-child(1), .cf-film__ecran[data-pas="1"] .si-bife li:nth-child(1) { animation-delay: .6s; }
.cf-film__ecran[data-pas="0"] .si-capacitati li:nth-child(2), .cf-film__ecran[data-pas="1"] .si-bife li:nth-child(2) { animation-delay: 1.1s; }
.cf-film__ecran[data-pas="0"] .si-capacitati li:nth-child(3), .cf-film__ecran[data-pas="1"] .si-bife li:nth-child(3) { animation-delay: 1.6s; }
.si-livrare { position: absolute; z-index: 1; left: 18px; right: 18px; bottom: 18px; display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 16px; background: rgba(22, 25, 28, .82); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: inset 0 0 0 1px var(--linie-deschis); }
.si-livrare > span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: rgba(255, 255, 255, .08); color: var(--lime); }
.si-livrare > span .icon { width: 19px; height: 19px; }
.si-livrare > i { position: relative; flex: 1; height: 2px; background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .25) 0 6px, transparent 6px 12px); }
.si-livrare > i i { position: absolute; left: 0; top: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px rgba(195, 214, 59, .8); }
.cf-film__ecran[data-pas="2"] .si-livrare > i i { animation: si-drum 2.4s ease-in-out .4s 2 both; }
.si-livrare b { font: 700 22px/1 var(--titlu); color: var(--lime); letter-spacing: -.02em; }
.si-gestiune { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 16px; align-items: center; padding: 14px 14px 0; }
.si-gestiune__rez { display: flex; flex-direction: column; align-items: center; gap: 8px; font: 650 13px/1 var(--titlu); color: #fff; }
.si-gestiune__rez i { position: relative; width: 58px; height: 120px; border-radius: 16px; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .3); overflow: hidden; }
.si-gestiune__rez i::after { content: ""; position: absolute; inset: 4px; border-radius: 12px; background: linear-gradient(0deg, var(--lime-2), var(--lime)); transform-origin: bottom; transform: scaleY(.72); }
.cf-film__ecran[data-pas="3"] .si-gestiune__rez i::after { animation: si-scade 5s ease-in-out both; }
@keyframes si-scade { from { transform: scaleY(.95); } to { transform: scaleY(.72); } }
.si-gestiune .cf-app__randuri { padding: 0; }
.si-gestiune .cf-app__randuri .icon { width: 16px; height: 16px; color: var(--lime); }
.cf-film__ecran[data-pas="3"] .si-gestiune li { animation: cf-rand .6s var(--lin) both; }
.cf-film__ecran[data-pas="3"] .si-gestiune li:nth-child(2) { animation-delay: .5s; }
.cf-film__ecran[data-pas="3"] .si-gestiune li:nth-child(3) { animation-delay: 1s; }
.cf-film__ecran[data-pas="3"] .si-gestiune li:nth-child(4) { animation-delay: 1.5s; }
.si-alege { position: absolute; left: 50%; top: 50%; translate: -50% -50%; width: min(80%, 460px); height: 62%; display: flex; align-items: flex-end; justify-content: space-around; gap: 16px; }
.si-alege__rez { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 12px; height: 100%; width: 28%; font: 650 15px/1 var(--titlu); color: rgba(255, 255, 255, .8); }
.si-alege__corp { position: relative; width: 100%; height: var(--h); border-radius: 14px; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .25); overflow: hidden; }
.si-alege__corp i { position: absolute; inset: 4px; border-radius: 10px; background: linear-gradient(0deg, rgba(169, 187, 34, .55), rgba(195, 214, 59, .55)); transform-origin: bottom; }
.si-alege__rez--ales .si-alege__corp { box-shadow: inset 0 0 0 2px var(--lime); }
.si-alege__rez--ales .si-alege__corp i { background: linear-gradient(0deg, var(--lime-2), var(--lime)); }
.si-alege__bifa { position: absolute; top: -18px; left: 50%; translate: -50% 0; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--lime); color: var(--grafit); box-shadow: 0 10px 24px rgba(0, 0, 0, .4); }
.si-alege__bifa .icon { width: 22px; height: 22px; stroke-width: 3; }
.si-alege__rez--ales { color: var(--lime); }
.cf-film__ecran[data-pas="4"] .si-alege__corp i { animation: cf-umple-y 1.2s var(--lin) both; }
.cf-film__ecran[data-pas="4"] .si-alege__rez:not(.si-alege__rez--ales) { animation: si-stinge .6s ease 2s both; }
.cf-film__ecran[data-pas="4"] .si-alege__rez--ales .si-alege__corp { animation: si-aprinde .6s ease 2s both; }
.cf-film__ecran[data-pas="4"] .si-alege__bifa { animation: cf-apare .5s cubic-bezier(.3, 1.6, .5, 1) 2.3s both; }
@keyframes cf-umple-y { from { transform: scaleY(0); } }
@keyframes si-stinge { to { opacity: .35; } }
@keyframes si-aprinde { from { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .25); } }
.si-film__nota { margin: 16px 0 0; color: rgba(255, 255, 255, .72); font-size: 15.5px; }

/* Modelele DIESELpoint: rezervoare desenate la scară, care se umplu cu un val când apar */
.bloc.si-modele { background: var(--hartie); }
.si-rezervoare { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.si-rez { display: flex; flex-direction: column; gap: 6px; padding: 20px 22px; border-radius: 18px; background: #fff; box-shadow: inset 0 0 0 1px var(--linie); }
.si-rez strong { font: 650 19px/1.2 var(--titlu); letter-spacing: -.015em; }
.si-rez > span:not(.si-rez__desen) { font-size: 15px; color: var(--text-2); }
.si-rez__desen { position: relative; display: flex; align-items: flex-end; margin-bottom: 12px; }
.si-tanc { display: block; height: 70px; width: auto; overflow: visible; }
.si-rez--plus .si-tanc { height: 104px; }
.si-tanc__corp { fill: #e9eef1; }
.si-tanc__contur { fill: none; stroke: rgba(22, 25, 28, .45); stroke-width: 2; }
.si-tanc__capac { fill: none; stroke: rgba(22, 25, 28, .2); stroke-width: 1.5; }
.si-tanc__picior, .si-tanc__gura { fill: #9aa3a9; }
.si-tanc__luciu { stroke: rgba(255, 255, 255, .65); stroke-width: 3; stroke-linecap: round; }
.si-tanc__lichid { transform: translateY(52px); transition: transform 1.6s var(--lin) var(--d, 0s); }
.si-rezervoare.vizibil .si-tanc__lichid { transform: translateY(6px); }
.si-tanc__val { fill: var(--lime); animation: si-val 2.4s linear infinite; }
@keyframes si-val { to { transform: translateX(24px); } }
.si-rez--plus { background: #1b77a6; box-shadow: none; color: #fff; } /* albastru OSCAR închis: text alb lizibil */
.si-rez--plus > span:not(.si-rez__desen) { color: #fff !important; }
.si-rez--plus .si-tanc__corp { fill: rgba(255, 255, 255, .22); }
.si-rez--plus .si-tanc__contur { stroke: rgba(255, 255, 255, .8); }
.si-rez--plus .si-tanc__capac { stroke: rgba(255, 255, 255, .35); }
.si-rez--plus .si-tanc__picior, .si-rez--plus .si-tanc__gura { fill: rgba(255, 255, 255, .7); }
.si-rez--plus .card__link, .si-rez--plus .card__link .icon { color: #fff; }
.si-rez__card { display: block; width: 100%; max-width: 210px; rotate: -6deg; animation: cf-pluteste 7s ease-in-out infinite; }
.si-rez__card img { display: block; width: 100%; height: auto; border-radius: 5px; filter: drop-shadow(0 10px 14px rgba(20, 24, 26, .35)); }
.si-rez .card__link { margin-top: auto; padding-top: 6px; }
.si-rez--plus { grid-column: 1 / -1; display: grid; grid-template-columns: auto minmax(140px, 210px) minmax(0, 1fr); grid-template-rows: auto auto auto 1fr; column-gap: 40px; align-items: start; }
.si-rez--plus .si-rez__card { grid-column: 2; grid-row: 1 / 5; align-self: center; }
.si-rez--plus > strong, .si-rez--plus .si-rez__p1, .si-rez--plus .si-rez__p2, .si-rez--plus > .card__link { grid-column: 3; }
.si-rez--plus .si-rez__desen { grid-column: 1; grid-row: 1 / 5; align-self: center; margin: 0; }

/* Beneficiile pe fundal deschis, în jurul pozei cu rezervorul */
.bloc.si-ben { background: var(--hartie-2); color: var(--text); }
.si-ben .bloc__titlu em { color: var(--text-3); }
.si-ben .cf-ben__orbita { stroke: rgba(22, 25, 28, .14); }
.si-ben .cf-ben__arc { stroke: var(--lime-2) !important; }
.si-ben__poza { position: relative; width: 72%; aspect-ratio: 1; border-radius: 50%; overflow: hidden; box-shadow: 0 30px 50px -20px rgba(20, 24, 26, .45); }
.si-ben__poza img { width: 100%; height: 100%; object-fit: cover; object-position: 35% 50%; animation: si-zoom 9s ease-in-out infinite alternate; }
.si-ben .cf-ben__item { background: #fff; box-shadow: inset 0 0 0 1px var(--linie); }
.si-ben .cf-ben__item h3 { color: var(--text); }
.si-ben .cf-ben__item p { color: var(--text-2); }
.si-ben .cf-ben__item .card__ic { background: var(--grafit); color: var(--lime); }
.si-ben .cf-ben__item.activ, .si-ben .cf-ben__item:hover { box-shadow: inset 0 0 0 2px var(--lime-2); }
.si-ben .cf-ben__item.activ .card__ic { background: var(--lime); color: var(--grafit); }
.si-ben .cf-ben__ic { box-shadow: 0 0 0 8px rgba(169, 187, 34, .2); }

/* Peste 2500 de stații: 2004 → 2500+ peste poză, cu linia care se umple */
.si-pionier__poza { position: relative; margin: 0; border-radius: 22px; overflow: hidden; aspect-ratio: 4 / 3; }
.si-pionier__poza img { width: 100%; height: 100%; object-fit: cover; }
.si-pionier__cifre { position: absolute; left: 16px; right: 16px; bottom: 16px; display: flex; align-items: center; gap: 16px; padding: 14px 20px; border-radius: 16px; background: rgba(22, 25, 28, .84); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #fff; }
.si-pionier__an { font: 650 22px/1 var(--titlu); color: rgba(255, 255, 255, .75); }
.si-pionier__linie { position: relative; flex: 1; height: 3px; border-radius: 3px; background: rgba(255, 255, 255, .18); overflow: hidden; }
.si-pionier__linie i { position: absolute; inset: 0; background: linear-gradient(90deg, var(--albastru), var(--lime)); transform: scaleX(0); transform-origin: left; transition: transform 1.6s var(--lin); }
.si-pionier__linie.vizibil i { transform: none; }
.si-pionier__nr { margin: 0; font: 700 clamp(30px, 3vw, 42px)/1 var(--titlu); letter-spacing: -.03em; color: var(--lime); font-variant-numeric: tabular-nums; }

@media (max-width: 1100px) { .si-rezervoare { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .si-rezervoare { grid-template-columns: minmax(0, 1fr); } .si-rezervoare .si-rez--plus { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; align-items: start; } .si-rezervoare .si-rez--plus .si-rez__desen { grid-column: 1; grid-row: 1; margin: 0 0 16px; } .si-rez--plus .si-tanc { width: 100%; height: auto; max-height: 120px; } .si-rezervoare .si-rez--plus .si-rez__card { grid-column: 1; grid-row: 1; justify-self: center; align-self: end; width: 34%; max-width: 170px; margin: 0 0 6px; rotate: -6deg; translate: 8% 0; position: relative; z-index: 1; } .si-rezervoare .si-rez--plus > strong, .si-rezervoare .si-rez--plus .si-rez__p1, .si-rezervoare .si-rez--plus .si-rez__p2, .si-rezervoare .si-rez--plus > .card__link { grid-column: 1; grid-row: auto; } .si-rezervoare .si-rez--plus > strong { margin-top: 6px; } }
@media (max-width: 900px) {
  .si-ruta { gap: 8px; }
  .si-ruta__nod { flex: 0 1 auto; gap: 7px; font-size: 12.5px; }
  .si-ruta__ic { width: 28px; height: 28px; border-radius: 9px; }
  .si-ruta__ic .icon { width: 15px; height: 15px; }
  .si-nivel { right: 14px; bottom: 16px; width: 14px; }
}
@media (max-width: 640px) {
  .si-rezervoare { grid-template-columns: minmax(0, 1fr); }
  .si-rez { padding: 16px; }
  .si-capacitati, .si-bife { left: 10px; bottom: 10px; gap: 6px; }
  .si-capacitati li, .si-bife li { padding: 7px 11px; font-size: 13px; }
  .si-livrare { left: 10px; right: 10px; bottom: 10px; padding: 8px 10px; gap: 8px; }
  .si-livrare > span { width: 30px; height: 30px; }
  .si-livrare b { font-size: 18px; }
  .si-gestiune { grid-template-columns: 64px minmax(0, 1fr); gap: 10px; padding: 10px 8px 0; }
  .si-gestiune__rez i { width: 42px; height: 90px; }
  .si-gestiune li { grid-template-columns: 1fr auto auto !important; }
  .si-gestiune li span:nth-child(2) { display: none; }
  .si-film__nota { font-size: 15px; }
  .si-pionier__cifre { left: 10px; right: 10px; bottom: 10px; padding: 10px 14px; gap: 10px; }
  .si-pionier__an { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .si-nivel i, .si-ruta__linie i, .si-cadru__img, .si-tanc__val, .si-rez__card, .si-ben__poza img { animation: none !important; }
  .si-tanc__lichid { transition: none; }
  .si-tanc__val { animation: none; }
}

/* Vânzare en-gross – eroul (banda cu depozitele), soluția (repere + poză + carduri), lanțul animat, fișele OPTIM cu picătura, harta depozitelor */
.eg-flux .cf-flux__live::before { animation: none; background: var(--albastru); }
.eg-flux .cf-flux__banda li { gap: 6px; font-size: 15px; }
.eg-flux .cf-flux__banda .icon { color: var(--albastru); }
.bloc.eg-solutie { background: var(--hartie); }
.eg-solutie__rand { align-items: center; }
.eg-solutie__poza { position: relative; margin: 0; border-radius: 22px; overflow: hidden; aspect-ratio: 16 / 10; }
.eg-solutie__poza img { width: 100%; height: 100%; object-fit: cover; animation: si-zoom 12s ease-in-out infinite alternate; }
.eg-solutie__poza::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; background: linear-gradient(var(--lime) 0 2px, transparent 2px 4px, var(--albastru) 4px 6px); }
.eg-concept { margin-top: 24px; }
.eg-oferta { display: flex; flex-direction: column; gap: 16px; background: var(--grafit); box-shadow: none; }
.eg-oferta p { color: rgba(255, 255, 255, .8); }
.eg-oferta a { color: var(--lime); font-weight: 700; }
.eg-oferta__tip { display: flex; gap: 10px; margin-top: auto; }
.eg-oferta__tip b { padding: 8px 16px; border-radius: 99px; font: 700 15px/1 var(--titlu); letter-spacing: .06em; color: var(--grafit); background: var(--lime); }
.eg-oferta__tip b + b { background: var(--albastru); }
.carduri--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.eg-lant { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 0 0 24px; padding: 0; list-style: none; }
.eg-lant::before { content: ""; position: absolute; left: 10%; right: 10%; top: 27px; height: 2px; background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .22) 0 6px, transparent 6px 12px); }
.eg-lant::after { content: ""; position: absolute; left: 10%; top: 22px; width: 12px; height: 12px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 14px rgba(195, 214, 59, .9); opacity: 0; }
.eg-lant.vizibil::after { animation: eg-curge 6s linear .8s infinite; }
@keyframes eg-curge { 0% { left: 10%; opacity: 0; } 5% { opacity: 1; } 95% { opacity: 1; } 100% { left: calc(90% - 12px); opacity: 0; } }
.eg-lant__pas { position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; font: 600 15px/1.3 var(--titlu); color: rgba(255, 255, 255, .85); opacity: 0; transform: translateY(12px); transition: opacity .6s, transform .6s var(--lin); transition-delay: calc(var(--i, 0) * .25s); }
.eg-lant.vizibil .eg-lant__pas { opacity: 1; transform: none; }
.eg-lant__ic { position: relative; z-index: 1; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 18px; background: var(--grafit-2); box-shadow: inset 0 0 0 1.5px var(--linie-deschis); color: var(--lime); }
.eg-lant__pas:nth-child(even) .eg-lant__ic { color: var(--albastru); }
.eg-lant__pas:last-child .eg-lant__ic { background: var(--lime); color: var(--grafit); box-shadow: none; }
.eg-lant__ic .icon { width: 26px; height: 26px; }
.bloc.eg-optim { background: var(--hartie-2); }
.eg-fisa__cap { display: flex; align-items: center; gap: 14px; margin-bottom: 4px; }
.eg-fisa__cap .fisa__nume { margin: 0; }
.eg-picatura { flex: none; display: block; width: 40px; }
.eg-picatura svg { display: block; width: 100%; height: auto; }
.eg-picatura__fond { fill: var(--hartie); }
.eg-picatura__contur { fill: none; stroke: var(--grafit); stroke-width: 2.5; stroke-linejoin: round; }
.eg-picatura__lichid { transform: translateY(70px); transition: transform 1.6s var(--lin) var(--d, 0s); }
.eg-fise.vizibil .eg-picatura__lichid { transform: translateY(26px); }
.eg-picatura__val { fill: var(--lime); animation: si-val 2.4s linear infinite; }
.eg-optim__link { margin-top: 18px; }
.eg-depozite__grila { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 24px 40px; align-items: center; }
.eg-harta__svg { width: 100%; height: auto; overflow: visible; }
.eg-harta .romania__contur { fill: rgba(255, 255, 255, .04); stroke: rgba(255, 255, 255, .35); }
.eg-harta__statie { fill: rgba(255, 255, 255, .2); }
.eg-harta__punct { fill: var(--grafit); stroke: var(--lime); stroke-width: 3; transition: fill .3s; }
.eg-harta__unda { fill: none; stroke: var(--lime); stroke-width: 2; opacity: 0; transform-box: fill-box; transform-origin: center; }
.eg-harta__nume { font: 700 17px/1 var(--titlu); fill: #fff; text-anchor: middle; paint-order: stroke; stroke: var(--grafit); stroke-width: 5px; stroke-linejoin: round; opacity: 0; transition: opacity .3s; pointer-events: none; }
.eg-harta__dep { cursor: pointer; }
.eg-harta__dep.activ .eg-harta__punct { fill: var(--lime); }
.eg-harta__dep.activ .eg-harta__unda { animation: eg-unda 1.6s ease-out infinite; }
.eg-harta__dep.activ .eg-harta__nume { opacity: 1; }
@keyframes eg-unda { from { opacity: .9; transform: scale(1); } to { opacity: 0; transform: scale(3.2); } }
.eg-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.eg-depozite .depozit { cursor: pointer; background: var(--grafit-2); box-shadow: inset 0 0 0 1px var(--linie-deschis); transition: box-shadow .3s; }
.eg-depozite .depozit h3 { color: #fff; }
.eg-depozite .depozit p { color: rgba(255, 255, 255, .72); }
.eg-depozite .depozit a { color: var(--lime); }
.eg-depozite .depozit .card__ic { background: rgba(255, 255, 255, .08); color: var(--lime); }
.eg-depozite .depozit.activ { box-shadow: inset 0 0 0 2px var(--lime); }
.eg-depozite .depozit.activ .card__ic { background: var(--lime); color: var(--grafit); }
@media (max-width: 1100px) {
  .carduri--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eg-depozite__grila { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .eg-lant { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .eg-lant::before { left: 23px; right: auto; top: 10%; bottom: 10%; width: 2px; height: auto; background: repeating-linear-gradient(180deg, rgba(255, 255, 255, .22) 0 6px, transparent 6px 12px); }
  .eg-lant::after { display: none; }
  .eg-lant__pas { flex-direction: row; text-align: left; }
  .eg-lant__ic { width: 48px; height: 48px; border-radius: 14px; }
}
@media (max-width: 640px) {
  .carduri--4, .eg-lista { grid-template-columns: minmax(0, 1fr); }
  .eg-oferta__tip b { padding: 7px 13px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .eg-solutie__poza img, .eg-picatura__val, .eg-lant.vizibil::after, .eg-harta__dep.activ .eg-harta__unda { animation: none !important; }
  .eg-lant__pas, .eg-picatura__lichid { transition: none; }
}
.eg-solutie .cf-repere { flex-wrap: nowrap; }
.eg-solutie .cf-repere__item { flex: 1 1 auto; min-width: 0; padding-left: 18px; padding-right: 18px; }
.eg-solutie .cf-repere__item b { white-space: nowrap; font-size: clamp(22px, 1.9vw, 30px); }
.eg-lista .depozit:last-child:nth-child(odd) { grid-column: 1 / -1; }
@media (max-width: 640px) { .eg-solutie .cf-repere { flex-direction: column; gap: 8px; } .eg-solutie .cf-repere__item { flex: none; flex-direction: row; align-items: baseline; gap: 12px; padding: 12px 16px; } .eg-solutie .cf-repere__item b { white-space: nowrap; } .eg-solutie .cf-repere__item { flex-wrap: wrap; row-gap: 4px; } }

/* Despre: istoricul pe ani – un an pe rând, cu derulare automată (în locul cronologiei lungi; Mihai, 2026-10-28) */
.istoric .titlu { margin-bottom: 20px; }
.ist__ani { position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); margin-bottom: 18px; }
.ist__ani::before, .ist__ani::after { content: ""; position: absolute; left: 0; right: 0; bottom: 9px; height: 2px; background: var(--linie); }
.ist__ani::after { background: linear-gradient(90deg, var(--lime), var(--albastru)); transform-origin: left; transform: scaleX(var(--progres, 0)); transition: transform .6s var(--lin); }
.ist__an { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 4px 0 0; border: 0; background: none; cursor: pointer; font: 700 clamp(14px, 1.2vw, 17px)/1 var(--titlu); letter-spacing: -.02em; color: var(--text-3); transition: color .3s; }
.ist__an::after { content: ""; width: 14px; height: 14px; border-radius: 50%; background: var(--hartie); border: 3px solid var(--linie); transition: background .3s, border-color .3s, transform .3s var(--lin); }
.ist__an.atins::after { border-color: var(--grafit); }
.ist__an.activ { color: var(--grafit); }
.ist__an.activ::after { background: var(--lime); border-color: var(--grafit); transform: scale(1.35); }
.ist__an:hover, .ist__an:focus-visible { color: var(--grafit); }
.ist__panouri { position: relative; display: grid; border-radius: 24px; background: var(--grafit); color: #fff; overflow: hidden; }
.ist__panouri::before { content: ""; position: absolute; right: -80px; top: -80px; width: 260px; height: 260px; border-radius: 50%; border: 1px dashed rgba(255, 255, 255, .14); }
.ist__panou { grid-area: 1 / 1; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 20px clamp(28px, 4vw, 64px); align-items: center; padding: clamp(24px, 3vw, 40px) clamp(22px, 3vw, 40px) 82px; visibility: hidden; opacity: 0; transition: opacity .45s, visibility 0s .45s; }
.ist__panou.activ { visibility: visible; opacity: 1; transition: opacity .45s; }
.ist__mare { font: 700 clamp(64px, 8vw, 120px)/.85 var(--titlu); letter-spacing: -.06em; color: var(--lime); font-variant-numeric: tabular-nums; }
.ist__fapte { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.ist__fapte li { position: relative; padding-left: 22px; color: rgba(255, 255, 255, .84); font-size: 17px; }
.ist__fapte li::before { content: ""; position: absolute; left: 0; top: .62em; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); }
.ist__panou.activ .ist__fapte li { animation: ist-intra .5s var(--lin) both; }
.ist__panou.activ .ist__fapte li:nth-child(2) { animation-delay: .08s; } .ist__panou.activ .ist__fapte li:nth-child(3) { animation-delay: .16s; }
.ist__panou.activ .ist__fapte li:nth-child(4) { animation-delay: .24s; } .ist__panou.activ .ist__fapte li:nth-child(n+5) { animation-delay: .32s; }
@keyframes ist-intra { from { opacity: 0; transform: translateY(10px); } }
.ist__timp { position: absolute; left: clamp(22px, 3vw, 40px); right: 140px; bottom: 40px; display: flex; align-items: center; gap: 16px; font: 600 13px/1 var(--sans); letter-spacing: .14em; color: rgba(255, 255, 255, .55); }
.ist__timp em { font-style: normal; white-space: nowrap; }
.ist__timp b { color: #fff; }
.ist__timp > span { flex: 1; height: 2px; border-radius: 2px; background: rgba(255, 255, 255, .12); overflow: hidden; }
.ist__timp i { display: block; height: 100%; background: linear-gradient(90deg, var(--lime), var(--albastru)); transform: scaleX(0); transform-origin: left; }
.ist__timp.merge i { animation: cf-bara 4s linear both; }
.ist__nav { position: absolute; right: clamp(22px, 3vw, 40px); bottom: 20px; display: flex; gap: 8px; }
.ist__btn { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .25); background: none; color: #fff; cursor: pointer; transition: background .2s, color .2s; }
.ist__btn:hover, .ist__btn:focus-visible { background: var(--lime); color: var(--grafit); border-color: var(--lime); }
.ist__btn:first-child .icon { transform: scaleX(-1); }
.ist__btn .icon { width: 18px; height: 18px; }
@media (max-width: 900px) {
  .ist__ani { grid-auto-columns: 64px; overflow-x: auto; scrollbar-width: none; margin: 0 calc(-1 * var(--margine)) 14px; padding: 0 var(--margine); }
  .ist__ani::-webkit-scrollbar { display: none; }
  .ist__ani::before, .ist__ani::after { left: var(--margine); right: auto; width: calc(64px * var(--ani, 13)); }
  .ist__panou { grid-template-columns: minmax(0, 1fr); align-content: start; gap: 14px; padding: 20px 16px 72px; }
  .ist__mare { font-size: 56px; }
  .ist__fapte li { font-size: 15px; }
  .ist__nav { right: 16px; bottom: 16px; }
  .ist__timp { left: 16px; right: 120px; bottom: 36px; }
}
@media (prefers-reduced-motion: reduce) { .ist__panou.activ .ist__fapte li { animation: none; } }

/* Despre: cele 4 idei din text într-o grilă vie (lime / grafit cu canalele / poze cu cifre) în locul cardurilor albe (Mihai, 2026-10-28) */
.despre-intro__poza img { animation: si-zoom 12s ease-in-out infinite alternate; }
.despre-intro__poza::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; background: linear-gradient(var(--lime) 0 2px, transparent 2px 4px, var(--albastru) 4px 6px); }
.dx { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 28px; }
.dx__c { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; padding: 26px 24px 24px; border-radius: 22px; overflow: hidden; isolation: isolate; }
.dx__c p { margin: 0; }
.dx__c--sol { background: var(--lime); color: var(--grafit); }
.dx__c--sol p { color: rgba(23, 26, 29, .82); }
.dx__c--sol strong { color: var(--grafit); font-weight: 700; }
.dx__c--port { grid-column: span 2; background: var(--grafit); color: #fff; }
.dx__c--port p { color: rgba(255, 255, 255, .78); }
.dx__c--port strong { color: #fff; font-weight: 650; }
.dx__c--port::before { content: ""; position: absolute; right: -90px; top: -90px; width: 260px; height: 260px; border-radius: 50%; border: 1px dashed rgba(255, 255, 255, .14); z-index: -1; }
.dx__c--infra { grid-column: span 2; min-height: 340px; color: #fff; justify-content: flex-end; }
.dx__c--exp .dx__poza { object-position: 18% 50%; }
.dx__c--exp { color: #fff; justify-content: flex-end; min-height: 340px; }
.dx__poza { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1.2s var(--lin); }
.dx__c:hover .dx__poza { transform: scale(1.05); }
.dx__c--infra::after, .dx__c--exp::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(15, 18, 20, .15) 0%, rgba(15, 18, 20, .55) 40%, rgba(15, 18, 20, .92) 100%); }
.dx__c--infra p, .dx__c--exp p { color: rgba(255, 255, 255, .86); text-shadow: 0 1px 2px rgba(0, 0, 0, .35); }
.dx__c--infra strong, .dx__c--exp strong { color: #fff; font-weight: 650; }
.dx__ind { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.dx__ind li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 10px; border-radius: 999px; background: rgba(23, 26, 29, .1); font: 600 14px/1 var(--sans); }
.dx__ind .icon { width: 18px; height: 18px; }
.dx__canale { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.dx__canale a { display: flex; align-items: center; gap: 10px; height: 100%; padding: 14px 16px; border-radius: 14px; background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); color: #fff; text-decoration: none; font: 600 15px/1.2 var(--sans); transition: background .25s, color .25s, transform .25s var(--lin); }
.dx__canale a > .icon:first-child { flex: none; width: 22px; height: 22px; color: var(--lime); transition: color .25s; }
.dx__canale .dx__sag { flex: none; width: 16px; height: 16px; margin-left: auto; transition: transform .25s var(--lin); }
.dx__canale a:hover, .dx__canale a:focus-visible { background: var(--lime); color: var(--grafit); transform: translateY(-2px); }
.dx__canale a:hover > .icon:first-child, .dx__canale a:focus-visible > .icon:first-child { color: var(--grafit); }
.dx__canale a:hover .dx__sag { transform: translateX(3px); }
.dx__c--port.vizibil .dx__canale li { animation: ist-intra .5s var(--lin) both; animation-delay: .25s; }
.dx__c--port.vizibil .dx__canale li:nth-child(2) { animation-delay: .35s; } .dx__c--port.vizibil .dx__canale li:nth-child(3) { animation-delay: .45s; }
.dx__cifre { display: flex; flex-wrap: wrap; gap: 10px 40px; margin: 0; padding: 0; list-style: none; }
.dx__cifre li { display: grid; gap: 6px; }
.dx__cifre strong { font: 700 clamp(34px, 3.4vw, 50px)/1 var(--titlu); letter-spacing: -.04em; color: var(--lime); white-space: nowrap; }
.dx__cifre small { font-size: .5em; margin-left: 4px; letter-spacing: 0; }
.dx__cifre li > span { font-size: 14px; color: rgba(255, 255, 255, .8); }
@media (max-width: 1100px) { .dx__canale { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 900px) {
  .dx { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 20px; }
  .dx__c--port, .dx__c--infra { grid-column: auto; }
  .dx__c { padding: 20px 16px 16px; gap: 16px; }
  .dx__c--infra, .dx__c--exp { min-height: 300px; }
  .dx__c--infra { padding-top: 120px; }
  .dx__c--exp { padding-top: 160px; }
  .dx__cifre { gap: 10px 28px; }
}
@media (prefers-reduced-motion: reduce) { .despre-intro__poza img, .dx__canale li { animation: none !important; } .dx__poza { transition: none; } }

/* ---------- Cariere (refăcută 2026-10-28, în stilul Card flotă / Despre) ---------- */
.p-cariera .mare { font: 500 clamp(18px, 1.5vw, 22px)/1.42 var(--sans); color: var(--text); }
.car-misiune__text p { color: var(--text-2); }
.car-misiune__text p:last-child { margin-bottom: 0; }
.doua.car-misiune__rand { align-items: stretch; }
.car-misiune__text { align-self: center; }
.car-misiune__poza { position: relative; margin: 0; border-radius: 22px; overflow: hidden; min-height: 300px; }
.car-misiune__poza img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; animation: si-zoom 12s ease-in-out infinite alternate; }
.car-misiune__poza::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; background: linear-gradient(var(--lime) 0 2px, transparent 2px 4px, var(--albastru) 4px 6px); }
.car-dx__premiu { background: var(--grafit); color: #fff; justify-content: flex-start; }
.car-dx__premiu::before { content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border-radius: 50%; border: 1px dashed rgba(255, 255, 255, .16); z-index: -1; }
.car-dx__an { font: 700 clamp(56px, 6vw, 88px)/.85 var(--titlu); letter-spacing: -.06em; color: var(--lime); }
.car-dx__premiu p { color: rgba(255, 255, 255, .86); font: 500 clamp(17px, 1.4vw, 20px)/1.4 var(--sans); }
.car-dx__echipa { min-height: 280px; color: #fff; justify-content: flex-end; }
.car-dx__echipa::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(15, 18, 20, 0) 35%, rgba(15, 18, 20, .85) 100%); }
.car-dx .dx__c--sol { justify-content: space-between; }
.car-dx__valori .dx__ind { flex-wrap: nowrap; gap: 6px; } /* cele 4 valori pe un rând */
.car-dx__valori .dx__ind li { flex: 0 1 auto; min-width: 0; gap: 5px; padding: 7px 10px 7px 8px; font-size: clamp(12px, 1vw, 13.5px); white-space: nowrap; }
.car-dx__valori .dx__ind .icon { width: 15px; height: 15px; flex: none; }
@media (max-width: 1240px) and (min-width: 901px), (max-width: 440px) { .car-dx__valori .dx__ind .icon { display: none; } .car-dx__valori .dx__ind li { padding: 7px 9px; } }
@media (max-width: 350px) { .car-dx__valori .dx__ind { gap: 4px; } .car-dx__valori .dx__ind li { padding: 6px 7px; font-size: 11px; } }

/* Călătoria: un drum cu 3 opriri, linia se umple și nodurile se aprind pe rând */
.car-drum { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; counter-reset: p; }
.car-drum::before, .car-drum::after { content: ""; position: absolute; left: 0; right: 0; top: 21px; height: 2px; background: rgba(255, 255, 255, .12); }
.car-drum::after { background: linear-gradient(90deg, var(--lime), var(--albastru)); transform: scaleX(0); transform-origin: left; transition: transform 1.8s var(--lin) .2s; }
.car-drum.vizibil::after { transform: none; }
.car-drum__pas { position: relative; display: grid; gap: 18px; align-content: start; }
.car-drum__nod { position: relative; z-index: 1; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--grafit); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .2); font: 700 14px/1 var(--titlu); color: rgba(255, 255, 255, .6); transition: background .4s, color .4s, box-shadow .4s, transform .4s var(--lin); }
.car-drum.vizibil .car-drum__nod { background: var(--lime); color: var(--grafit); box-shadow: 0 0 0 6px rgba(196, 214, 0, .16); transform: scale(1.06); }
.car-drum.vizibil .car-drum__pas:nth-child(1) .car-drum__nod { transition-delay: .2s; }
.car-drum.vizibil .car-drum__pas:nth-child(2) .car-drum__nod { transition-delay: .9s; }
.car-drum.vizibil .car-drum__pas:nth-child(3) .car-drum__nod { transition-delay: 1.6s; }
.car-drum__card { height: 100%; padding: 22px; border-radius: 18px; background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); opacity: 0; transform: translateY(14px); transition: opacity .6s, transform .6s var(--lin); }
.car-drum.vizibil .car-drum__card { opacity: 1; transform: none; }
.car-drum.vizibil .car-drum__pas:nth-child(2) .car-drum__card { transition-delay: .7s; }
.car-drum.vizibil .car-drum__pas:nth-child(3) .car-drum__card { transition-delay: 1.4s; }
.car-drum.vizibil .car-drum__pas:nth-child(1) .car-drum__card { transition-delay: .1s; }
.car-drum__card h3 { margin: 0; font-size: 19px; color: #fff; }
.car-drum__card .card__ic { background: var(--lime); color: var(--grafit); }
.car-drum__card p { margin: 0; color: rgba(255, 255, 255, .74); }
.js .car-drum.dezvaluie { opacity: 1; transform: none; }

/* De ce OSCAR: carduri cu număr mare în fundal și prima frază îngroșată */
.car-dece__lista { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.car-dece__item { position: relative; padding: 24px 22px 22px; border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px var(--linie); overflow: hidden; transition: box-shadow .3s, transform .3s var(--lin); }
.car-dece__item::before { content: ""; position: absolute; left: 22px; top: 0; width: 44px; height: 8px; background: linear-gradient(var(--lime) 0 3px, transparent 3px 5px, var(--albastru) 5px 8px); }
.car-dece__item:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--linie), 0 18px 40px -24px rgba(15, 18, 20, .35); }
.car-dece__nr { position: absolute; right: 12px; bottom: -14px; font: 700 96px/1 var(--titlu); letter-spacing: -.06em; color: var(--hartie-2); pointer-events: none; }
.car-dece__item .card__cap { position: relative; }
.car-dece__item h3 { margin: 0; font-size: 19px; }
.car-dece__item p { position: relative; margin: 0; color: var(--text-2); font-size: 15.5px; }
.car-dece__item strong { color: var(--grafit); font-weight: 650; }

/* Posturi: buton de aplicare care deschide formularul cu postul ales */
.car-posturi .post { background: var(--hartie); box-shadow: inset 0 0 0 1px var(--linie); transition: box-shadow .3s; }
.car-posturi .post[open] { box-shadow: inset 0 0 0 2px var(--lime); }
.post__aplica { grid-column: 1 / -1; margin: 6px 0 0; }

/* Zona unică: Hai să ne cunoști → posturile → formularul, una sub alta (Mihai, 2026-10-28) */
.car-zona .bloc__cap p { color: var(--text-2); }
.car-zona__sub { margin: 28px 0 14px; font-size: clamp(21px, 1.9vw, 27px); scroll-margin-top: calc(var(--antet) + 20px); }
.car-zona__sub em { font-style: normal; color: var(--text-2); }
.car-zona__form { margin-top: 28px; scroll-margin-top: calc(var(--antet) + 20px); }

@media (max-width: 900px) {
  .car-drum, .car-dece__lista { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .car-drum::before, .car-drum::after { left: 21px; right: auto; top: 0; bottom: 0; width: 2px; height: auto; }
  .car-drum::after { transform: scaleY(0); transform-origin: top; }
  .car-drum__pas { grid-template-columns: 44px minmax(0, 1fr); gap: 12px; }
  .car-drum__card { padding: 16px; }
  .car-drum__card h3, .car-dece__item h3 { font-size: 17px; overflow-wrap: anywhere; }
  .car-dece__item { padding: 20px 16px 16px; }
  .car-dece__item::before { left: 16px; }
  .car-dece__nr { display: none; }
  .car-misiune__poza { min-height: 0; aspect-ratio: 4 / 3; }
  .car-dx__echipa { min-height: 240px; }
}
@media (prefers-reduced-motion: reduce) { .car-misiune__poza img { animation: none; } .car-drum::after, .car-drum__nod, .car-drum__card { transition: none !important; } }

/* ---------- Lanț logistic integrat (refăcută 2026-10-28, în stilul Card flotă / Despre) ---------- */
.p-lant .mare { font: 500 clamp(18px, 1.5vw, 22px)/1.42 var(--sans); color: var(--text); }
.lc-intro__lead { margin: 0; }
.lc-dx { grid-template-rows: auto auto; }
.lc-dx__sol { grid-column: 1 / 3; background: var(--grafit); color: #fff; justify-content: flex-start; }
.lc-dx__sol::before { content: ""; position: absolute; right: -90px; top: -90px; width: 260px; height: 260px; border-radius: 50%; border: 1px dashed rgba(255, 255, 255, .14); z-index: -1; }
.lc-dx__sol p { color: rgba(255, 255, 255, .78); }
.lc-dx__sol strong { color: #fff; font-weight: 650; }
.lc-dx__sol .dx__cifre strong { color: var(--lime); }
.lc-dx__infra .dx__poza { object-position: 50% 70%; }
.lc-dx__infra { grid-column: 3; grid-row: 1 / 3; color: #fff; justify-content: flex-end; min-height: 420px; }
.lc-dx__infra::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(15, 18, 20, .05) 25%, rgba(15, 18, 20, .6) 55%, rgba(15, 18, 20, .93) 100%); }
.lc-dx__infra p { color: rgba(255, 255, 255, .88); text-shadow: 0 1px 2px rgba(0, 0, 0, .35); }
.lc-dx__infra strong { color: #fff; font-weight: 650; }
.lc-dx__port { grid-column: 1 / 3; background: #fff; box-shadow: inset 0 0 0 1px var(--linie); }
.lc-dx__port p { color: var(--text-2); }
.lc-dx__port strong { color: var(--grafit); font-weight: 650; }
.lc-canale { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lc-canale a { background: var(--grafit); box-shadow: none; }
.lc-marci { display: flex; flex-wrap: wrap; gap: 8px; margin: -6px 0 0; padding: 0; list-style: none; }
.lc-marci a { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px 7px 10px; border-radius: 999px; background: var(--hartie); box-shadow: inset 0 0 0 1px var(--linie); color: var(--grafit); font: 700 13px/1 var(--titlu); letter-spacing: .06em; text-decoration: none; transition: background .2s; }
.lc-marci a:hover, .lc-marci a:focus-visible { background: var(--lime); }
.lc-marci .icon { width: 16px; height: 16px; color: var(--grafit); }

/* fluxul: 5 opriri, linia se umple până la pasul curent, fiecare pas primește bifa de calitate */
.lc-flux { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin: 8px 0 0; padding: 0; list-style: none; --p: 0; }
.lc-flux::before, .lc-flux::after { content: ""; position: absolute; left: 10%; right: 10%; top: 38px; height: 3px; border-radius: 2px; background: rgba(255, 255, 255, .12); }
.lc-flux::after { background: linear-gradient(90deg, var(--lime), var(--albastru)); transform: scaleX(var(--p)); transform-origin: left; transition: transform 1.3s var(--lin); }
.lc-flux__pas { position: relative; z-index: 1; display: grid; justify-items: center; gap: 14px; text-align: center; }
.lc-flux__cerc { position: relative; display: grid; place-items: center; width: 78px; height: 78px; border-radius: 50%; background: var(--grafit-2); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .18), 0 0 0 8px var(--grafit); color: rgba(255, 255, 255, .55); transition: background .5s, color .5s, box-shadow .5s, transform .5s var(--lin); }
.lc-flux__cerc > .icon { width: 32px; height: 32px; stroke-width: 1.5; }
.lc-flux__pas.atins .lc-flux__cerc { background: var(--grafit); color: var(--lime); box-shadow: inset 0 0 0 2px var(--lime), 0 0 0 8px var(--grafit); }
.lc-flux__pas.activ .lc-flux__cerc { background: var(--lime); color: var(--grafit); transform: scale(1.08); box-shadow: 0 0 0 8px var(--grafit), 0 0 0 14px rgba(196, 214, 0, .18); }
.lc-flux__bifa { position: absolute; right: -4px; top: -4px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--albastru); color: #fff; transform: scale(0); transition: transform .4s var(--lin) .35s; }
.lc-flux__bifa .icon { width: 14px; height: 14px; stroke-width: 3; }
.lc-flux__pas.atins .lc-flux__bifa { transform: scale(1); }
.lc-flux__pas strong { font: 650 17px/1.25 var(--titlu); color: rgba(255, 255, 255, .6); transition: color .5s; }
.lc-flux__pas.atins strong { color: #fff; }

/* parteneri: harta cu depozitele (se aprind pe rând) lângă text */
.lc-parteneri .bloc__cap .mare { margin: 0; }
.lc-parteneri__grila { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 48px; align-items: center; }
.lc-harta { padding: 18px; border-radius: 24px; background: var(--grafit); }
.lc-parteneri__text p { color: var(--text-2); }
.lc-parteneri__text p:last-child { margin-bottom: 0; }


@media (max-width: 900px) {
  .lc-dx__sol, .lc-dx__infra, .lc-dx__port { grid-column: auto; grid-row: auto; }
  .lc-dx__infra { min-height: 320px; padding-top: 150px; }
  .lc-canale { grid-template-columns: minmax(0, 1fr); }
  .lc-flux { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .lc-flux::before, .lc-flux::after { left: 28px; right: auto; top: 28px; bottom: 28px; width: 3px; height: auto; }
  .lc-flux::after { transform: scaleY(var(--p)); transform-origin: top; }
  .lc-flux__pas { grid-template-columns: 56px minmax(0, 1fr); justify-items: start; align-items: center; text-align: left; }
  .lc-flux__cerc { width: 56px; height: 56px; }
  .lc-flux__cerc > .icon { width: 26px; height: 26px; }
  .lc-parteneri__grila { grid-template-columns: minmax(0, 1fr); }
  .lc-harta { padding: 12px; }
}
@media (prefers-reduced-motion: reduce) { .lc-flux::after, .lc-flux__cerc, .lc-flux__bifa { transition: none; } }
.lc-dx { margin-top: 20px; }

/* ---------- QHSE și Informații obligatorii (refăcută 2026-10-28) ---------- */
/* eroul: trei certificate ISO ca foi în evantai, plutesc ușor; la mouse se răsfiră */
.qh-erou { position: relative; display: grid; place-items: center; min-height: 300px; padding: 0; }
.qh-erou__evantai { position: relative; width: min(100%, 420px); aspect-ratio: 1.25; }
.qh-cert { position: absolute; left: 50%; top: 50%; display: grid; align-content: start; gap: 10px; width: 46%; aspect-ratio: .72; padding: 0 16px 16px; margin: calc(-46% * .69) 0 0 -23%; border-radius: 14px; background: #fff; box-shadow: 0 24px 50px -20px rgba(0, 0, 0, .6); overflow: hidden; transform-origin: 50% 110%; transition: transform .6s var(--lin); animation: qh-pluteste 6s ease-in-out infinite; }
.qh-cert__cap { display: block; height: 10px; margin: 0 -16px 8px; background: var(--c, var(--lime)); }
.qh-cert--lime { --c: var(--lime); } .qh-cert--albastru { --c: var(--albastru); } .qh-cert--grafit { --c: var(--grafit-2); }
.qh-cert b { font: 700 clamp(15px, 1.5vw, 20px)/1 var(--titlu); letter-spacing: -.02em; color: var(--grafit); }
.qh-cert i { display: block; height: 6px; border-radius: 3px; background: var(--hartie-2); }
.qh-cert i:nth-of-type(2) { width: 80%; } .qh-cert i:nth-of-type(3) { width: 60%; }
.qh-cert__sigiliu { position: absolute; right: 12px; bottom: 12px; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--c, var(--lime)); color: var(--grafit); box-shadow: 0 0 0 4px #fff, 0 0 0 5px var(--linie); }
.qh-cert--grafit .qh-cert__sigiliu, .qh-cert--albastru .qh-cert__sigiliu { color: #fff; }
.qh-cert__sigiliu .icon { width: 22px; height: 22px; }
.qh-cert--1 { --r: -14deg; --x: -34%; z-index: 1; animation-delay: -2s; }
.qh-cert--2 { --r: 0deg; --x: 0%; z-index: 3; }
.qh-cert--3 { --r: 14deg; --x: 34%; z-index: 2; animation-delay: -4s; }
@keyframes qh-pluteste { 0%, 100% { transform: translateX(var(--x)) rotate(var(--r)) translateY(0); } 50% { transform: translateX(var(--x)) rotate(var(--r)) translateY(-8px); } }
.qh-erou:hover .qh-cert--1 { --r: -22deg; --x: -50%; } .qh-erou:hover .qh-cert--3 { --r: 22deg; --x: 50%; }

/* certificările */
.qh-iso .bloc__titlu { margin-bottom: 20px; }
.iso a { position: relative; overflow: hidden; isolation: isolate; gap: 10px; }
.iso a::before { content: ""; position: absolute; right: -60px; top: -60px; z-index: -1; width: 180px; height: 180px; border-radius: 50%; border: 1px dashed rgba(255, 255, 255, .18); transition: transform 1.2s var(--lin); }
.iso a:hover::before { transform: rotate(90deg) scale(1.1); }
.iso__cap { display: flex; align-items: center; gap: 14px; }
.iso__cap .iso__sigiliu { margin: 0; flex: none; }
.iso__dom { color: rgba(255, 255, 255, .78); font-size: 15.5px; }
.iso__link { margin-top: 6px; }

/* informarea publică: harta cu depozitele + documentele (hover pe document aprinde depozitul) */
.qh-mediu .bloc__titlu { margin-bottom: 20px; }
.qh-mediu__grila { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 40px; align-items: center; }
.qh-doc { grid-template-columns: minmax(0, 1fr); gap: 8px; }
.qh-doc a { background: var(--grafit-2); box-shadow: inset 0 0 0 1px var(--linie-deschis); color: #fff; padding: 11px 14px; }
.qh-doc strong { color: #fff; }
.qh-doc small { color: rgba(255, 255, 255, .62); }
.qh-doc a > .icon:first-child { background: rgba(255, 255, 255, .08); color: var(--lime); }
.qh-doc a > .icon:last-child { color: var(--lime); }
.qh-doc li.activ a, .qh-doc a:hover, .qh-doc a:focus-visible { box-shadow: inset 0 0 0 2px var(--lime); transform: none; }
.qh-doc li.activ a > .icon:first-child { background: var(--lime); color: var(--grafit); }

@media (max-width: 900px) {
  .qh-erou { min-height: 0; padding: 8px 0 4px; order: -1; }
  .qh-erou__evantai { width: min(100%, 300px); }
  .qh-mediu__grila { grid-template-columns: minmax(0, 1fr); }
  .iso { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { .qh-cert { animation: none; transform: translateX(var(--x)) rotate(var(--r)); } }
.iso strong { color: #fff; }

/* ---------- Sustenabilitate (refăcută 2026-10-28) ---------- */
.p-sustenabilitate .mare { font: 500 clamp(18px, 1.5vw, 22px)/1.42 var(--sans); color: var(--text); }
.su-intro__lead { margin: 0; }
.su-dx { margin-top: 20px; }
.su-dx__iso { grid-column: 1 / 3; background: var(--grafit); color: #fff; justify-content: flex-start; }
.su-dx__iso::before { content: ""; position: absolute; right: -90px; top: -90px; width: 260px; height: 260px; border-radius: 50%; border: 1px dashed rgba(255, 255, 255, .14); z-index: -1; }
.su-dx__an { font: 700 clamp(56px, 6vw, 88px)/.85 var(--titlu); letter-spacing: -.06em; color: var(--lime); }
.su-dx__iso p { color: rgba(255, 255, 255, .8); }
.su-dx__iso p a { color: #fff; text-decoration-color: var(--lime); }
.su-iso { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.su-iso a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px 9px 10px; border-radius: 999px; background: rgba(255, 255, 255, .07); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); color: #fff; font: 700 14px/1 var(--titlu); text-decoration: none; transition: background .2s, color .2s; }
.su-iso .icon { width: 18px; height: 18px; color: var(--lime); }
.su-iso a:hover, .su-iso a:focus-visible { background: var(--lime); color: var(--grafit); }
.su-iso a:hover .icon, .su-iso a:focus-visible .icon { color: var(--grafit); }
.su-dx__mediu { grid-column: 3; grid-row: 1 / 3; color: #fff; justify-content: flex-end; min-height: 420px; }
.su-dx__mediu::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(15, 18, 20, .05) 25%, rgba(15, 18, 20, .6) 55%, rgba(15, 18, 20, .93) 100%); }
.su-dx__mediu p { color: rgba(255, 255, 255, .88); text-shadow: 0 1px 2px rgba(0, 0, 0, .35); }
.su-dx__mediu strong { color: #fff; font-weight: 650; }
.su-dx__csr { grid-column: 1 / 3; background: var(--lime); color: var(--grafit); justify-content: flex-start; gap: 12px; }
.su-dx__csr p { color: rgba(23, 26, 29, .84); }
.su-dx__csr strong { color: var(--grafit); font-weight: 700; }

/* pilonii: file sus, panou mare cu poză + text */
.su-file { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-bottom: 14px; }
.su-fila { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 0; border-radius: 14px; background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .75); font: 650 14.5px/1.2 var(--titlu); text-align: left; cursor: pointer; transition: background .25s, color .25s, box-shadow .25s; }
.su-fila .card__ic { background: rgba(255, 255, 255, .08); color: var(--lime); transition: background .25s, color .25s; }
.su-fila:hover, .su-fila:focus-visible { color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3); }
.su-fila.activ { background: var(--lime); color: var(--grafit); box-shadow: none; }
.su-fila.activ .card__ic { background: var(--grafit); color: var(--lime); }
.su-panouri { display: grid; }
.su-panou { grid-area: 1 / 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 0; border-radius: 22px; overflow: hidden; background: var(--grafit-2); visibility: hidden; opacity: 0; transition: opacity .45s, visibility 0s .45s; }
.su-panou.activ { visibility: visible; opacity: 1; transition: opacity .45s; }
.su-panou__poza { position: relative; margin: 0; aspect-ratio: 3 / 2; overflow: hidden; align-self: stretch; } /* poze noi 3:2 (Magnific), late, în formatul lor */
.su-panou__poza img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); transition: transform 1.4s var(--lin); }
.su-panou.activ .su-panou__poza img { transform: none; }
.su-panou__text { padding: clamp(22px, 3vw, 40px); align-self: center; }
.su-panou__text h3 { margin: 0 0 14px; font-size: clamp(22px, 2vw, 28px); color: #fff; }
.su-panou__text p { color: rgba(255, 255, 255, .78); }
.su-panou__text p:last-child { margin-bottom: 0; }
.su-panou.activ .su-panou__text > * { animation: ist-intra .5s var(--lin) both; }
.su-panou.activ .su-panou__text > :nth-child(2) { animation-delay: .08s; } .su-panou.activ .su-panou__text > :nth-child(3) { animation-delay: .16s; }

/* tabletă/telefon: toate cele 5 file vizibile deodată (iconiță sus, numele scurt dedesubt) */
@media (max-width: 1100px) {
  .su-file { gap: 6px; }
  .su-fila { flex-direction: column; justify-content: flex-start; gap: 6px; padding: 10px 4px; text-align: center; font-size: 13px; }
}
@media (max-width: 700px) {
  .su-fila__pre { display: none; } /* „OSCAR pentru” se vede în titlul panoului */
  .su-file { grid-template-columns: repeat(6, minmax(0, 1fr)); } /* 3 + 2, rândul de jos tot pe toată lățimea */
  .su-fila { grid-column: span 2; flex-direction: row; justify-content: center; gap: 8px; padding: 8px 6px; font-size: 13px; }
  .su-fila:nth-child(n+4) { grid-column: span 3; }
  .su-fila .card__ic { width: 30px; height: 30px; }
}
@media (max-width: 400px) { .su-fila { flex-direction: column; gap: 4px; padding: 8px 2px; font-size: 12.5px; } }
@media (max-width: 900px) {
  .su-dx__iso, .su-dx__mediu, .su-dx__csr { grid-column: auto; grid-row: auto; }
  .su-dx__mediu { min-height: 320px; padding-top: 150px; }
  .su-panou { grid-template-columns: minmax(0, 1fr); align-content: start; }
  .su-panou__poza { aspect-ratio: 3 / 2; }
  .su-panou__text { padding: 18px 16px 20px; align-self: start; }
}
@media (prefers-reduced-motion: reduce) { .su-panou__poza img { transition: none; transform: none; } .su-panou.activ .su-panou__text > * { animation: none; } }

/* ---------- Contact (refăcută 2026-10-28) ---------- */
/* eroul: harta cu sediul din București care pulsează și trei canale rapide (linkuri reale) */
.ct-erou { position: relative; padding: 24px 0 6px; }
.ct-erou__harta { display: block; width: 100%; height: auto; overflow: visible; }
.ct-erou__harta .romania__contur { fill: rgba(255, 255, 255, .03); stroke: rgba(255, 255, 255, .3); stroke-width: 1.5; }
.ct-erou__punct { fill: var(--lime); stroke: var(--grafit); stroke-width: 4; }
.ct-erou__unda { fill: none; stroke: var(--lime); stroke-width: 2; transform-box: fill-box; transform-origin: center; animation: ct-unda 2.6s ease-out infinite; }
.ct-erou__unda--2 { animation-delay: 1.3s; }
@keyframes ct-unda { from { transform: scale(1); opacity: .9; } to { transform: scale(5); opacity: 0; } }
.ct-erou__canale { margin: 0; padding: 0; list-style: none; }
.ct-erou__c { position: absolute; z-index: 2; animation: cf-et-in .7s cubic-bezier(.3, 1.5, .5, 1) var(--d, 1s) both, cf-pluteste 6s ease-in-out calc(var(--d, 1s) + .7s) infinite; }
.ct-erou__c a { display: flex; align-items: center; gap: 10px; padding: 9px 16px 9px 9px; border-radius: 16px; background: rgba(22, 25, 28, .86); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 18px 40px rgba(0, 0, 0, .45), inset 0 0 0 1px var(--linie-deschis); color: #fff; text-decoration: none; transition: box-shadow .25s, transform .25s var(--lin); }
.ct-erou__c a:hover, .ct-erou__c a:focus-visible { box-shadow: 0 18px 40px rgba(0, 0, 0, .45), inset 0 0 0 2px var(--lime); transform: translateY(-2px); }
.ct-erou__c a > span:last-child { display: flex; flex-direction: column; gap: 2px; }
.ct-erou__c b { font: 650 16px/1.1 var(--titlu); letter-spacing: -.01em; }
.ct-erou__c small { font-size: 12.5px; color: rgba(255, 255, 255, .72); }
.ct-erou__c--1 { --d: .9s; left: 2%; top: 6%; }
.ct-erou__c--1 .cf-erou__ic { animation: cf-puls 2.4s ease-out 2s infinite; }
.ct-erou__c--2 { --d: 1.3s; right: 0; top: 34%; }
.ct-erou__c--2 .cf-erou__ic { background: var(--albastru); color: #fff; }
.ct-erou__c--3 { --d: 1.7s; left: 8%; bottom: 4%; }

/* datele de contact: telefon pe grafit, suport 24/7 pe lime, restul albe */
.ct-date li { transition: transform .3s var(--lin), box-shadow .3s; }
.ct-date li:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--linie), 0 18px 40px -24px rgba(15, 18, 20, .35); }
.ct-date .ct-date__tel { background: var(--grafit); box-shadow: none; }
.ct-date .ct-date__tel h3, .ct-date .ct-date__tel a { color: #fff; }
.ct-date .ct-date__tel a { font: 650 clamp(18px, 1.5vw, 21px)/1.25 var(--titlu); }
.ct-date .ct-date__tel a:hover { color: var(--lime); }
.ct-date .ct-date__tel .card__ic { background: var(--lime); color: var(--grafit); }
.ct-date .ct-date__suport { background: var(--lime); box-shadow: none; }
.ct-date .ct-date__suport a { color: var(--grafit); }
.ct-date .ct-date__suport a:hover { color: var(--grafit); text-decoration: underline; }
.ct-date .ct-date__suport h3::after { content: ""; display: inline-block; width: 8px; height: 8px; margin-left: 8px; border-radius: 50%; background: var(--grafit); vertical-align: middle; animation: ct-puls 1.6s ease-in-out infinite; }
@keyframes ct-puls { 50% { opacity: .25; } }

/* formularele: carduri egale, linkul ca buton jos, tot cardul reacționează */
.ct-rute .card { position: relative; transition: transform .3s var(--lin), box-shadow .3s; }
.ct-rute .card:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 2px var(--lime), 0 18px 40px -24px rgba(15, 18, 20, .35); }
.ct-rute .card p { flex: 1; }
.ct-rute .card__link { align-self: flex-start; margin-top: 14px; padding: 9px 14px; border-radius: 999px; background: var(--grafit); color: #fff; text-decoration: none; }
.ct-rute .card__link::after { content: ""; position: absolute; inset: 0; } /* tot cardul e clicabil */
.ct-rute .card:hover .card__link { background: var(--lime); color: var(--grafit); }

@media (max-width: 900px) {
  .ct-erou { order: -1; padding: 10px 0 18px; }
  .ct-erou__c a { padding: 7px 12px 7px 7px; }
  .ct-erou__c b { font-size: 14px; }
  .ct-erou__c--1 { left: 0; top: 0; } .ct-erou__c--2 { right: 0; top: 40%; } .ct-erou__c--3 { left: 0; bottom: 0; }
}
@media (prefers-reduced-motion: reduce) { .ct-erou__unda, .ct-date .ct-date__suport h3::after { animation: none; } }
/* iconițele din pătratele negre: lime / albastru, nu gri (Mihai) */
.ct-date .card__ic { background: var(--grafit); color: var(--lime); }
.ct-date { grid-template-columns: repeat(3, minmax(0, 1fr)); } /* fără cardul E-mail (Mihai) */
.ct-date .ct-date__tel .card__ic { background: var(--lime); color: var(--grafit); }
@media (max-width: 760px) { .ct-date { grid-template-columns: minmax(0, 1fr); } }

/* ================================================================
 * SCARA UNICĂ DE FONTURI (Mihai, 2026-10-28) – aleasă pe pagina „Fonturi OSCAR”.
 * Fiecare tip de text are o singură mărime: desktop (1440 px) → telefon (390 px), fluid între ele.
 * Stratul de mai jos o aplică peste regulile vechi ale componentelor (de aceea !important).
 * Excepții, lăsate intenționat: cifrele decorative uriașe (istoric, 01/02/03, 2005/2023), mărcile pe pompe/produse,
 * citatele, filele pilonilor de pe telefon și textele care se micșorează singure ca să încapă pe un rând (JS).
 * ================================================================ */
:root {
  --f-h1: clamp(24px, calc(24px + (100vw - 390px) * 0.017143), 42px); /* 42 / 24 */
  --f-h2: clamp(22px, calc(22px + (100vw - 390px) * 0.009524), 32px); /* 32 / 22 */
  --f-h3: clamp(18px, calc(18px + (100vw - 390px) * 0.001905), 20px); /* 20 / 18 */
  --f-h4: clamp(15px, calc(15px + (100vw - 390px) * 0.000952), 16px); /* 16 / 15 */
  --f-intro: clamp(16px, calc(16px + (100vw - 390px) * 0.00381), 20px); /* 20 / 16 */
  --f-text: clamp(15px, calc(15px + (100vw - 390px) * 0.000952), 16px); /* 16 / 15 */
  --f-mic: clamp(13px, calc(13px + (100vw - 390px) * 0.000952), 14px); /* 14 / 13 */
  --f-eticheta: 12px; /* 12 / 12 */
  --f-buton: clamp(15px, calc(15px + (100vw - 390px) * 0.000476), 15.5px); /* 15.5 / 15 */
  --f-camp: 14.5px; /* 14.5 / 14.5 */
  --f-cifre: clamp(24px, calc(24px + (100vw - 390px) * 0.007619), 32px); /* 32 / 24 */
  --f-meniu: 14px; /* 14 / 14 */
  --f-subsol: clamp(14px, calc(14px + (100vw - 390px) * 0.000952), 15px); /* 15 / 14 */
}
.ar-c span,
.art__titlu.art__titlu,
.cap__titlu.cap__titlu,
.erou2__titlu.erou2__titlu,
.film__titlu.film__titlu,
.redactie__titlu.redactie__titlu { font-size: var(--f-h1) !important; }
.ar__titlu.ar__titlu,
.arie__titlu.arie__titlu,
.banda__titlu.banda__titlu,
.bloc__titlu.bloc__titlu,
.fisa__nume.fisa__nume,
.fr-crestere__titlu.fr-crestere__titlu,
.fr-final__titlu.fr-final__titlu,
.gm-fisa__nume.gm-fisa__nume,
.lead__titlu.lead__titlu,
.lume__titlu.lume__titlu,
.subsol__titlu.subsol__titlu,
.subsol__titlu em,
.titlu.titlu { font-size: var(--f-h2) !important; font-weight: 700 !important; } /* 700: la 22 px pe telefon titlul rămâne „text mare” (contrast 3:1 pentru partea gri/albastră) */
.ar-av__titlu.ar-av__titlu,
.ar-manifest__mare span,
.ar-sol2__cap h3,
.art__vecin strong,
.car-zona__sub.car-zona__sub,
.carb-lant__pasi strong,
.card__cap h2,
.card__cap h3,
.cf-alege__text h3,
.cf-comp__nume span,
.continua2__cap h2,
.drum-art__titlu.drum-art__titlu,
.erou2__card b,
.formular-pagina__ajutor h2,
.formular__titlu.formular__titlu,
.fr-partener__cap h3,
.gm-af__cuv.gm-af__cuv,
.gm-af__fraza.gm-af__fraza,
.gm-canal__cap strong,
.gm-cifra p,
.lant__pas strong,
.legal__text h2,
.mai__text strong,
.post strong,
.principiu__titlu.principiu__titlu,
.retea-teaser__tipuri strong,
.solutie__text strong,
.stire strong,
.su-panou__text h3,
.consum__lung.consum__lung { font-size: var(--f-h3) !important; }
.activ b,
.arie__nr.arie__nr,
.cf-alege__intrebare.cf-alege__intrebare,
.cf-erou__et b,
.cf-retea__legenda b,
.consum__scurt.consum__scurt,
.ct-erou__c b,
.depozit h3,
.eg-lant__pas span,
.eg-oferta__tip b,
.erou2__eticheta.erou2__eticheta,
.erou__nr.erou__nr,
.fr-repere b,
.ha-st__text strong,
.lc-flux__pas strong,
.lc-marci a,
.post__corp h3,
.su-iso a,
.totem__text.totem__text { font-size: var(--f-h4) !important; }
.ar-erou__intro.ar-erou__intro,
.cap__intro.cap__intro,
.despre-intro__mare.despre-intro__mare,
.despre-intro__mare a,
.erou2__text.erou2__text,
.film__intro.film__intro,
.fr-erou__intro.fr-erou__intro,
.mare.mare,
.redactie__intro.redactie__intro { font-size: var(--f-intro) !important; }
.activ strong,
.ar-av p,
.ar-av__rand p,
.ar-avantaje__panou p,
.ar-link,
.ar-manifest__text p,
.ar__cap a,
.ar__cap p,
.ar__in p,
.arie__detalii p,
.art__corp li,
.art__corp p,
.banda__in p,
.bloc__cap p,
.camp a,
.car-dece__item p,
.car-drum__card p,
.car-misiune__text p,
.carb-lant__nota,
.carb-panou__lead,
.carb-panou__puncte p,
.carburant__text p,
.card p,
.card__link,
.cf-alege__text p,
.cf-concept__item a,
.cf-concept__item p,
.cf-repere__item span,
.cf-retea__legenda li,
.continua2__tare,
.depozit p,
.despre-intro__text p,
.documente strong,
.dx__c a,
.dx__c p,
.fisa p,
.formular-pagina__ajutor a,
.formular-pagina__pas a,
.fr-final__in p,
.fr-pas__card p,
.fr-sofer__mare,
.fr-sofer__spre,
.fr-valoare p,
.gm-canal__text,
.gm-fisa__corp p,
.iso__dom,
.iso__link,
.ist__fapte li,
.lant__pas span,
.lc-parteneri__text p,
.lead__rezumat,
.legal__lateral a,
.legal__text a,
.legal__text li,
.legal__text p,
.lume__in p,
.optiune a,
.pompa__desc,
.principiu p,
.produs__text,
.retea-teaser__aproape,
.retea-teaser__text p,
.sectiune__intro,
.solutie__text span,
.su-panou__text p,
.text p,
.valoare__text p,
.valori__intro { font-size: var(--f-text) !important; }
.activ small,
.ar-av__nr.ar-av__nr,
.art__fir a,
.art__inapoi.art__inapoi,
.borna small,
.camp__ajutor.camp__ajutor,
.carb-lant__pasi b,
.cf-ben__item p,
.cf-erou__et small,
.cip-n small,
.ct-erou__c small,
.depozit__nav a,
.documente small,
.drum-art__rezumat.drum-art__rezumat,
.erou2__card span,
.fir-banda__in a,
.formular__mic.formular__mic,
.formular__nota.formular__nota,
.formular__titlu span,
.fr-contor__an i,
.fr-crestere__nota a,
.gm-fisa__etichete li,
.ha-st__text small,
.ha__rezultat.ha__rezultat,
.ha__sub.ha__sub,
.ha__tipuri button,
.pompa__link.pompa__link,
.pompa__nr.pompa__nr,
.pompa__produse i,
.principiu__nr.principiu__nr,
.totem__data small,
.totem__jos.totem__jos,
.valoare__nr.valoare__nr { font-size: var(--f-mic) !important; }
.ar-erou__jos span,
.ar-erou__nr.ar-erou__nr,
.art__eticheta.art__eticheta,
.art__meta time,
.art__vecin small,
.cf-comp__nume b,
.cf-flux__live.cf-flux__live,
.cf-tip__tip.cf-tip__tip,
.consum__intrebare.consum__intrebare,
.consum__intrebare b,
.drum-art__meta time,
.eticheta.eticheta,
.gm-af__eticheta small,
.gm-cifra__nr small,
.lead__meta time,
.stire time,
.tema.tema,
.totem__cap p { font-size: var(--f-eticheta) !important; }
.buton.buton,
.cf-film__nr.cf-film__nr,
.cf-film__t.cf-film__t,
.cip-n.cip-n,
.ha__fila.ha__fila { font-size: var(--f-buton) !important; }
.camp label,
.camp legend,
.formular__capcana label { font-size: var(--f-camp) !important; }
.ar-manifest__poza strong,
.borna__an.borna__an,
.cf-247 b,
.cf-repere__item b,
.cifre__lista strong,
.dx__cifre strong,
.fr-contor__an b,
.gm-af__eticheta strong,
.gm-cifra__nr b,
.iso__cap strong,
.totem__data b { font-size: var(--f-cifre) !important; }
.antet__limba.antet__limba,
.nav__cuv.nav__cuv,
.nav__text.nav__text { font-size: var(--f-meniu) !important; }
.subsol__acordeon a,
.subsol__adresa span,
.subsol__cap,
.subsol__chemare-text,
.subsol__chemare-text strong,
.subsol__col a,
.subsol__grup,
.subsol__grup strong,
.subsol__jos a,
.subsol__jos p,
.subsol__marca p { font-size: var(--f-subsol) !important; }
/* consumul pe telefoane foarte înguste: „3.001-5.000 L” încape în a treia parte din lățime */
@media (max-width: 380px) { .consum__scurt.consum__scurt { font-size: min(13.5px, 3.7vw) !important; letter-spacing: -.02em; } .consum__opt { padding-left: 2px; padding-right: 2px; } }
/* Ecrane mari: restul paginilor sunt mărite cu zoom (1,3 / 1,7 / 2,2), Acasă are aranjamentul ei lat și nu e mărită –
   ca titlurile să fie la fel peste tot, pe Acasă mărim doar scara de fonturi cu același factor (Mihai, 2026-10-28). */
@media (min-width: 2200px) { body[class*="p-acasa"] { --f-h1: 54.6px; --f-h2: 41.6px; --f-h3: 26.0px; --f-h4: 20.8px; --f-intro: 26.0px; --f-text: 20.8px; --f-mic: 18.2px; --f-eticheta: 15.6px; --f-buton: 20.2px; --f-camp: 18.9px; --f-cifre: 41.6px; --f-meniu: 18.2px; --f-subsol: 19.5px; } }
@media (min-width: 3000px) { body[class*="p-acasa"] { --f-h1: 71.4px; --f-h2: 54.4px; --f-h3: 34.0px; --f-h4: 27.2px; --f-intro: 34.0px; --f-text: 27.2px; --f-mic: 23.8px; --f-eticheta: 20.4px; --f-buton: 26.3px; --f-camp: 24.6px; --f-cifre: 54.4px; --f-meniu: 23.8px; --f-subsol: 25.5px; } }
@media (min-width: 4200px) { body[class*="p-acasa"] { --f-h1: 92.4px; --f-h2: 70.4px; --f-h3: 44.0px; --f-h4: 35.2px; --f-intro: 44.0px; --f-text: 35.2px; --f-mic: 30.8px; --f-eticheta: 26.4px; --f-buton: 34.1px; --f-camp: 31.9px; --f-cifre: 70.4px; --f-meniu: 30.8px; --f-subsol: 33.0px; } }
/* Ecrane mari: și secțiunile din Despre, Noutăți și articole au aceeași mărire ca restul paginilor (titlurile la fel peste tot) */
@media (min-width: 2200px) { body:not([class*="p-acasa"]) :is(main > .sectiune, .film__text, .lume__in, main > .redactie, main > .filtre-n, main > .drum, main > .art, main > .art__nav) { zoom: 1.3; } }
@media (min-width: 3000px) { body:not([class*="p-acasa"]) :is(main > .sectiune, .film__text, .lume__in, main > .redactie, main > .filtre-n, main > .drum, main > .art, main > .art__nav) { zoom: 1.7; } }
@media (min-width: 4200px) { body:not([class*="p-acasa"]) :is(main > .sectiune, .film__text, .lume__in, main > .redactie, main > .filtre-n, main > .drum, main > .art, main > .art__nav) { zoom: 2.2; } }
/* …dar antetul și subsolul de pe Acasă rămân exact ca pe celelalte pagini (Mihai: meniul la fel peste tot) */
@media (min-width: 2200px) { body[class*="p-acasa"] :is(.antet, .subsol, .panou-nav, .nav) { --f-h1: 42px; --f-h2: 32px; --f-h3: 20px; --f-h4: 16px; --f-intro: 20px; --f-text: 16px; --f-mic: 14px; --f-eticheta: 12px; --f-buton: 15.5px; --f-camp: 14.5px; --f-cifre: 32px; --f-meniu: 14px; --f-subsol: 15px; font-size: 16px; } }

/* ---------- Meniul de pe telefon / tabletă: sticlă (80% + blur), rânduri-card cu iconiță, apariție pe rând (Mihai, 2026-10-28) ---------- */
.nav__ic { display: none; }
@media (max-width: 1280px) {
  .nav { background: rgba(22, 25, 28, .8); -webkit-backdrop-filter: blur(22px) saturate(1.4); backdrop-filter: blur(22px) saturate(1.4); padding: calc(var(--antet) + 12px) var(--margine) calc(24px + env(safe-area-inset-bottom, 0px)); }
  .nav__lista { display: grid; gap: 8px; max-width: 640px; margin: 0 auto; }
  .nav__lista > li { border: 0; border-radius: 16px; background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); overflow: hidden; }
  .nav__lista > li > a, .nav__deschide { min-height: 58px; padding: 10px 12px 10px 10px !important; gap: 12px; justify-content: flex-start !important; font: 600 var(--f-h3)/1.2 var(--titlu) !important; }
  .nav__acasa a { gap: 12px; }
  .nav__ic, .nav__acasa a > .icon:first-child { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: rgba(255, 255, 255, .08); color: var(--lime); }
  .nav__acasa a > .icon:first-child { padding: 9px; }
  .nav__ic .icon { width: 20px; height: 20px; }
  .nav__deschide > .icon:last-child { margin-left: auto; width: 32px; height: 32px; padding: 7px; border-radius: 50%; background: rgba(255, 255, 255, .08); transition: transform .3s var(--lin), background .3s, color .3s; }
  .nav__deschide[aria-expanded="true"] > .icon:last-child { transform: rotate(180deg); background: var(--lime); color: var(--grafit); }
  .nav__lista > li:has(> a[aria-current]), .nav__lista > li:has(> [data-activ]) { box-shadow: inset 0 0 0 1.5px rgba(196, 214, 0, .55); }
  .nav__lista > li > a[aria-current] .nav__ic, .nav__deschide[data-activ] .nav__ic, .nav__acasa a[aria-current] > .icon:first-child { background: var(--lime); color: var(--grafit); }
  .panou, .panou--arii, .panou--mic { padding: 0 10px 12px; }
  .panou__servicii, .panou__simplu { display: grid; gap: 4px; }
  .panou__servicii a, .panou__simplu a { border-radius: 12px; }
  .panou__simplu a { padding: 11px 12px; }
  .nav__mobil-jos { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; max-width: 640px; margin: 16px auto 0; }
  .nav__mobil-jos .buton { justify-content: space-between; width: 100%; }
  .nav__tel { justify-content: center; min-height: 52px; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25); font-size: var(--f-buton); }
  /* apariție pe rând la deschidere */
  .nav__lista > li, .nav__mobil-jos { opacity: 0; transform: translateY(10px); transition: opacity .35s, transform .45s var(--lin); }
  .meniu-deschis .nav__lista > li, .meniu-deschis .nav__mobil-jos { opacity: 1; transform: none; }
  .meniu-deschis .nav__lista > li:nth-child(2) { transition-delay: .04s; } .meniu-deschis .nav__lista > li:nth-child(3) { transition-delay: .08s; }
  .meniu-deschis .nav__lista > li:nth-child(4) { transition-delay: .12s; } .meniu-deschis .nav__lista > li:nth-child(5) { transition-delay: .16s; }
  .meniu-deschis .nav__lista > li:nth-child(6) { transition-delay: .2s; } .meniu-deschis .nav__mobil-jos { transition-delay: .24s; }
}
@media (max-width: 1280px) {
  .nav__lista .nav__text.nav__text, .nav__lista .nav__cuv.nav__cuv, .nav__acasa span { font-size: inherit !important; } /* toate rândurile la aceeași mărime */
  .panou__servicii { grid-auto-rows: auto; }
  .panou__servicii li > a { padding: 10px 12px; box-shadow: none; background: rgba(255, 255, 255, .04); grid-template-columns: 38px minmax(0, 1fr); gap: 2px 12px; }
  .panou__servicii .icon { width: 38px; height: 38px; grid-row: span 2; align-self: start; }
  .panou__servicii strong { font-size: var(--f-h4); }
  .panou__servicii small { grid-column: 2; font-size: var(--f-mic); line-height: 1.35; }
}
@media (max-width: 1280px) and (prefers-reduced-motion: reduce) { .nav__lista > li, .nav__mobil-jos { opacity: 1; transform: none; transition: none; } }
.formular-pagina { grid-template-columns: minmax(0, 1fr); } /* fără coloana cu poză și contact (Mihai, 2026-10-28) */
/* Rețeaua OSCAR pe ecrane mari: panoul din stânga e mărit ca restul site-ului (harta rămâne la rezoluția ei) */
@media (min-width: 2200px) { body .ha { --ha-panou: 546px; } .ha__panou, .ha__legenda { zoom: 1.3; } }
@media (min-width: 3000px) { body .ha { --ha-panou: 714px; } .ha__panou, .ha__legenda { zoom: 1.7; } }
@media (min-width: 4200px) { body .ha { --ha-panou: 924px; } .ha__panou, .ha__legenda { zoom: 2.2; } }
/* capul de secțiune cu buton (ex. „Mai departe pe drum.” sub articol): pe telefon titlul pe tot rândul, butonul dedesubt */
@media (max-width: 640px) { .sectiune__cap--lat { flex-direction: column; align-items: flex-start; gap: 12px; } .sectiune__cap--lat > div { flex: none; width: 100%; } .sectiune__cap--lat > .buton { align-self: flex-start; margin: 0; } }
/* Articol: pe toată lățimea site-ului, ca restul paginilor (Mihai, 2026-10-28): titlul aliniat la stânga, poza și textul pe lățimea conținutului, coloana cu „Toate noutățile / Distribuie” în stânga */
.art__cap { max-width: var(--latime); text-align: left; }
.art__cap .art__fir, .art__cap .art__meta { justify-content: flex-start; }
.art__poza { max-width: var(--latime); }
.art__grila { max-width: var(--latime); grid-template-columns: 200px minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); justify-content: stretch; }
@media (max-width: 900px) { .art__grila { grid-template-columns: minmax(0, 1fr); } }
.art__nav-in { max-width: var(--latime); }
.art__poza img { max-height: none; } /* pe lățimea întreagă, afișul se vede întreg (nu tăiat sus/jos) */
/* Anterior / următor: poza mică la margine (stânga la anterior, dreapta la următor), aceeași înălțime a cardului */
.art__vecin { display: flex; align-items: stretch; gap: 16px; padding: 12px; }
.art__vecin-text { display: grid; align-content: center; gap: 8px; flex: 1; min-width: 0; padding: 6px 8px; }
.art__vecin-poza { flex: none; width: clamp(96px, 11vw, 140px); border-radius: 12px; overflow: hidden; background: var(--hartie-2); }
.art__vecin-poza img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--lin); }
.art__vecin:hover .art__vecin-poza img { transform: scale(1.06); }
.art__vecin--urm { justify-self: stretch; } /* ambele carduri la fel de late */
.art__nav-in > span:empty { display: none; }
.art__nav-in:has(> span:empty) .art__vecin--urm { grid-column: 2; }
@media (max-width: 900px) { .art__vecin--urm { justify-self: stretch; } .art__vecin--urm .art__vecin-text { text-align: right; }
  /* o singură coloană: la cel mai vechi articol (fără „anterior”) cardul nu mai sare în coloana 2 */
  .art__nav-in:has(> span:empty) .art__vecin--urm { grid-column: auto; } .art__nav-in > span:empty { display: none; } }

/* Acasă – Ofertă personalizată fără alegerea după consum (29.10): cardurile încep direct */
.consum__solutii:first-child { margin-top: 0; }

/* Stații de incintă – fără desenele cu rezervoare (cerut de client 29.10): DIESELpoint Plus = cardul OSCAR | text */
.si-rez--plus { grid-template-columns: minmax(140px, 210px) minmax(0, 1fr); }
.si-rez--plus .si-rez__card { grid-column: 1; }
.si-rez--plus > strong, .si-rez--plus .si-rez__p1, .si-rez--plus .si-rez__p2, .si-rez--plus > .card__link { grid-column: 2; }
@media (max-width: 900px) {
  .si-rezervoare .si-rez--plus { grid-template-columns: minmax(0, 1fr); }
  .si-rezervoare .si-rez--plus .si-rez__card { justify-self: start; width: 40%; translate: 0 0; margin: 4px 0 14px 6px; }
  .si-rezervoare .si-rez--plus > strong, .si-rezervoare .si-rez--plus .si-rez__p1, .si-rezervoare .si-rez--plus .si-rez__p2, .si-rezervoare .si-rez--plus > .card__link { grid-column: 1; }
}

/* Carburant – eroul cu autostrada și dârele de lumină (29.10): poza acoperă scena */
.cp--drum .cp__in { inset: 0; width: auto; aspect-ratio: auto; left: 0; top: 0; }
.cp--drum .cp__poza { object-fit: cover; object-position: 68% 62%; filter: brightness(.9); }
@media (max-width: 900px) { .cp--drum .cp__in { --z: auto; width: auto; left: 0; top: 0; } .cp--drum .cp__poza { object-position: 70% 60%; } }
@media (max-width: 900px) { .solutie__text strong { white-space: normal; text-wrap: balance; } } /* acum se văd toate trei cardurile pe telefon: titlul se rupe, nu iese */