/* CREASTA — zboruri panoramice cu elicopterul, Brașov-Ghimbav.
   Paleta vine din harta aeronautică: hârtie albă, tentele de relief, magenta aerodromurilor. */

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

:root{
  --hartie:#FFFFFF;
  --campie:#E4EDD8;   /* tenta 0–500 m */
  --deal:#F0EED3;     /* 500–1.000 m */
  --munte:#EEDFC0;    /* 1.000–1.500 m */
  --alpin:#DCC39C;    /* 1.500–2.000 m, doar fond fără text mic */
  --cerneala:#1B2A33;
  --sters:#4E5B62;
  --magenta:#A3195B;
  --magenta-inchis:#7E1246;
  --contur:#8A5A2E;
  --linie:rgba(27,42,51,.16);
  --titlu:"Brygada 1918",Georgia,"Times New Roman",serif;
  --text:"Sofia Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --cond:"Sofia Sans Condensed","Sofia Sans",system-ui,sans-serif;
  --lat:1200px;
  --gut:clamp(16px,4vw,40px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--hartie);color:var(--cerneala);font:400 1.0625rem/1.6 var(--text);font-feature-settings:"lnum" 1}
img,video,svg{display:block;max-width:100%}
figure{margin:0}
img{height:auto}
a{color:var(--magenta);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--magenta-inchis)}
button{font:inherit;color:inherit;background:transparent;border:none;appearance:none;cursor:pointer;padding:0}
:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}
[hidden]{display:none!important}
h1,h2,h3{font-family:var(--titlu);font-weight:500;line-height:1.14;margin:0;letter-spacing:-.005em}
h1{font-size:clamp(2.1rem,4.6vw,4rem)}
h2{font-size:clamp(1.65rem,2.8vw,2.45rem)}
h3{font-size:clamp(1.3rem,2vw,1.6rem)}
p{margin:0 0 1em}
.wrap{width:100%;max-width:var(--lat);margin-inline:auto;padding-inline:var(--gut)}
.mic{font-size:.9rem;color:var(--sters)}
.cond{font-family:var(--cond);letter-spacing:.02em}
.skip{position:absolute;left:8px;top:0;transform:translateY(-120%);background:var(--cerneala);color:#fff;padding:10px 14px;z-index:20}
.skip:focus{transform:none}
.capcana{position:absolute;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ------------------------------------------------ butoane */
.buton{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.7em 1.3em;border-radius:999px;background:var(--magenta);color:#fff;font:600 1rem/1.2 var(--text);text-decoration:none;border:2px solid var(--magenta);transition:background .2s,border-color .2s}
.buton:hover{background:var(--magenta-inchis);border-color:var(--magenta-inchis);color:#fff}
.buton--contur{background:transparent;color:var(--cerneala);border-color:var(--cerneala)}
.buton--contur:hover{background:var(--cerneala);color:#fff;border-color:var(--cerneala)}

/* ------------------------------------------------ antet (static, nu lipicios) */
.antet{border-bottom:1px solid var(--linie);background:var(--hartie)}
.antet__in{display:flex;align-items:center;gap:24px;min-height:76px}
.marca{display:flex;align-items:center;gap:10px;color:var(--cerneala);text-decoration:none;margin-right:auto}
.marca svg{width:34px;height:auto;flex:none}
.marca__nume{font:500 1.55rem/1 var(--titlu)}
.marca__nume small{display:block;white-space:nowrap;font:500 .74rem/1.2 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--sters);margin-top:4px}
.meniu{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.meniu a{display:block;white-space:nowrap;padding:10px 12px;color:var(--cerneala);text-decoration:none;font-weight:500;border-radius:6px}
.meniu a:hover{background:var(--campie)}
.meniu a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--magenta)}
.antet__tel{font:600 1.05rem/1 var(--cond);letter-spacing:.03em;color:var(--cerneala);text-decoration:none;white-space:nowrap}
.antet__buton{min-height:44px;padding:.55em 1.1em}
.meniu-buton{display:none;min-height:44px;padding:0 14px;border:1px solid var(--cerneala);border-radius:999px;font-weight:600}
@media (max-width:1080px){
  .antet__in{flex-wrap:wrap;gap:12px 16px;padding-block:12px}
  .meniu-buton{display:inline-flex;align-items:center}
  .antet__tel{display:none}
  .antet__nav{order:5;flex-basis:100%}
  .antet__nav[data-inchis]{display:none}
  .meniu{flex-direction:column;gap:0;border-top:1px solid var(--linie);padding-top:6px}
  .meniu a{padding:12px 4px;border-radius:0;border-bottom:1px solid var(--linie)}
  .meniu a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--magenta);padding-left:12px}
  .antet__buton{display:none}
}
@media (max-width:420px){.marca__nume small{display:none}}

/* ------------------------------------------------ erou centrat */
.erou{text-align:center;padding-block:clamp(40px,7vw,88px) clamp(28px,4vw,44px)}
.erou h1{max-width:24ch;margin-inline:auto}
.erou__text{max-width:58ch;margin:22px auto 0;font-size:1.15rem;color:var(--sters)}
.erou__butoane{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}

/* fereastra video: ramă de hartă, cu gradație pe margini */
.fereastra{margin:0 auto;max-width:calc(var(--lat) + 2*var(--gut));padding-inline:var(--gut)}
.rama{position:relative;padding:14px;border:1px solid var(--cerneala);background:
  repeating-linear-gradient(90deg,var(--cerneala) 0 1px,transparent 1px 24px) top/100% 6px no-repeat,
  repeating-linear-gradient(90deg,var(--cerneala) 0 1px,transparent 1px 24px) bottom/100% 6px no-repeat,
  repeating-linear-gradient(0deg,var(--cerneala) 0 1px,transparent 1px 24px) left/6px 100% no-repeat,
  repeating-linear-gradient(0deg,var(--cerneala) 0 1px,transparent 1px 24px) right/6px 100% no-repeat,var(--hartie)}
.rama video,.rama img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--alpin)}
.rama__coord{position:absolute;font:500 .72rem/1 var(--cond);letter-spacing:.05em;background:var(--hartie);padding:2px 6px;color:var(--cerneala)}
.rama__coord--ss{top:-8px;left:28px}.rama__coord--dj{bottom:-8px;right:28px}
.fereastra figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:14px}
.film-buton{font:600 .9rem/1 var(--text);color:var(--cerneala);text-decoration:underline;text-underline-offset:.2em;min-height:44px;padding-inline:4px}

/* ------------------------------------------------ banda „azi” */
.azi{margin-top:clamp(28px,4vw,48px);background:var(--campie)}
.azi__in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 32px;padding-block:22px}
.azi__zi{font:600 .82rem/1.2 var(--cond);letter-spacing:.07em;text-transform:uppercase;color:var(--sters)}
.azi__verdict{font:500 clamp(1.3rem,2.2vw,1.7rem)/1.2 var(--titlu)}
.azi__date{display:flex;flex-wrap:wrap;gap:4px 22px;margin:6px 0 0;padding:0;list-style:none;font-family:var(--cond);font-size:1rem}
.azi__date b{font-weight:600}
@media (max-width:760px){.azi__in{grid-template-columns:minmax(0,1fr)}}

/* starea „zburăm / nu” din paleta proprie: magenta = zburăm, cerneală tăiată = nu */
.stare{display:inline-flex;align-items:center;gap:.45em}
.stare::before{content:"";width:.7em;height:.7em;border-radius:50%;border:2px solid currentColor;flex:none}
.stare--da{color:var(--magenta)}.stare--da::before{background:currentColor}
.stare--scurt{color:var(--magenta)}.stare--scurt::before{background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.stare--nu{color:var(--cerneala)}

/* ------------------------------------------------ secțiuni */
.sectiune{padding-block:clamp(56px,8vw,104px)}
.sectiune--campie{background:var(--campie)}
.sectiune--deal{background:var(--deal)}
.sectiune--munte{background:var(--munte)}
.sectiune__cap{max-width:62ch;margin-bottom:clamp(28px,4vw,48px)}
.sectiune__cap p{margin-top:14px;color:var(--sters)}
.sectiune--deal .sectiune__cap p,.sectiune--munte .sectiune__cap p{color:var(--cerneala)}

/* ------------------------------------------------ trasee în zigzag */
.traseu{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:start}
.traseu + .traseu{margin-top:clamp(48px,7vw,96px)}
.traseu:nth-of-type(even) .traseu__foto{grid-column:2;grid-row:1}
.traseu:nth-of-type(even) .traseu__text{grid-column:1;grid-row:1}
.traseu__foto img{width:100%;aspect-ratio:4/3;object-fit:cover;height:auto}
.traseu__foto figcaption{margin-top:8px}
.traseu__text h3{margin-bottom:12px}
.fapte{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:20px 0;border-top:1px solid var(--linie)}
.fapte div{padding:12px 12px 12px 0;border-bottom:1px solid var(--linie)}
.fapte dt{font:600 .76rem/1.2 var(--cond);letter-spacing:.07em;text-transform:uppercase;color:var(--sters)}
.fapte dd{margin:4px 0 0;font:500 1.3rem/1.2 var(--cond)}
.traseu__pret{font-weight:600}
@media (max-width:860px){
  .traseu,.traseu:nth-of-type(even){grid-template-columns:minmax(0,1fr)}
  .traseu:nth-of-type(even) .traseu__foto,.traseu:nth-of-type(even) .traseu__text{grid-column:1;grid-row:auto}
}

/* profil de zbor */
.profil{margin:0}
.profil svg{width:100%;height:auto;overflow:visible}
.profil text{font-family:var(--cond);font-size:13px;fill:var(--cerneala)}
.profil .p-grila{stroke:var(--linie);stroke-width:1}
.profil .p-teren{fill:var(--alpin);stroke:var(--contur);stroke-width:1.2}
.profil .p-zbor{fill:none;stroke:var(--magenta);stroke-width:2.4;stroke-linejoin:round}
.profil .p-varf{stroke:var(--cerneala);stroke-width:1}
.profil .p-et{font-size:12.5px}
.profil .p-ax{fill:var(--sters);font-size:12px}
.profil figcaption{margin-top:8px}
.profil--mic text,.profil--mic .p-et,.profil--mic .p-ax{font-size:15px}
@media (max-width:600px){.profil--mic text,.profil--mic .p-et,.profil--mic .p-ax{font-size:20px}}

/* ------------------------------------------------ harta */
.harta__alege{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.harta__alege button{min-height:44px;padding:0 16px;border:1px solid var(--cerneala);border-radius:999px;font-weight:600;background:var(--hartie)}
.harta__alege button[aria-pressed="true"]{background:var(--cerneala);color:#fff}
.harta__foaie{position:relative;border:1px solid var(--cerneala);background:var(--campie);overflow:hidden}
.harta__panza{position:relative}
.harta__panza > img{width:100%;height:auto}
.harta__strat{position:absolute;inset:0;width:100%;height:100%}
.harta__strat text{font-family:var(--cond);fill:var(--cerneala)}
.h-traseu{fill:none;stroke:var(--magenta);stroke-width:2;stroke-opacity:.3;stroke-linejoin:round;stroke-linecap:round}
.h-traseu.ales{stroke-width:3.4;stroke-opacity:1}
.h-varf{fill:var(--cerneala)}
.h-loc{fill:var(--hartie);stroke:var(--cerneala);stroke-width:1.4}
.h-aerodrom{fill:none;stroke:var(--magenta);stroke-width:2.6}
.h-halou{paint-order:stroke;stroke:rgba(255,255,255,.85);stroke-width:4px;stroke-linejoin:round}
.harta__legenda{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:14px}
.tente{display:flex;list-style:none;margin:0;padding:0;font:500 .82rem/1 var(--cond)}
.tente li{display:flex;flex-direction:column;gap:4px}
.tente span{display:block;width:56px;height:12px;border:1px solid var(--linie);border-right:none}
.tente li:last-child span{border-right:1px solid var(--linie)}
.harta__mobil{display:none}
@media (max-width:640px){
  .harta__foaie{overflow-x:auto}
  .harta__foaie .harta__panza{width:900px;position:relative}
  .harta__mobil{display:block}
}

/* ------------------------------------------------ tabelul zilelor */
.zile{width:100%;border-collapse:collapse;font-family:var(--cond);font-size:1.02rem;background:var(--hartie)}
.zile th,.zile td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--linie);vertical-align:top}
.zile thead th{font-weight:600;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--sters);background:var(--hartie)}
.zile tbody th{font-weight:600;white-space:nowrap}
.zile .motiv{display:block;color:var(--sters);font-size:.92rem}
.zile tr.ales{background:var(--deal)}
.zile button{font:inherit;text-decoration:underline;text-underline-offset:.2em;color:var(--magenta);min-height:32px}
.tabel-scroll{overflow-x:auto;border:1px solid var(--linie)}
@media (max-width:700px){
  .zile thead{display:none}
  .zile tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:10px 0;border-bottom:1px solid var(--linie)}
  .zile th,.zile td{border:none;padding:4px 14px}
  .zile tbody th,.zile td.verdict{grid-column:1/-1}
  .zile td[data-et]::before{content:attr(data-et);display:block;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--sters)}
}
.sursa-vreme{margin-top:14px}

/* ore (vremea.html) */
.ore{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;list-style:none;margin:18px 0 0;padding:0;font-family:var(--cond)}
.ore li{border:1px solid var(--linie);padding:8px 10px;background:var(--hartie)}
.ore li.bun{border-color:var(--magenta);box-shadow:inset 0 3px 0 var(--magenta)}
.ore b{display:block;font-size:1.05rem}
.ore span{display:block;font-size:.86rem;color:var(--sters)}

/* ------------------------------------------------ ziua zborului */
.ziua{list-style:none;margin:0;padding:0;border-top:1px solid var(--cerneala)}
.ziua li{display:grid;grid-template-columns:minmax(120px,2fr) minmax(0,7fr);gap:8px 32px;padding:20px 0;border-bottom:1px solid var(--linie)}
.ziua time,.ziua .cand{font:600 1.15rem/1.3 var(--cond);letter-spacing:.02em}
.ziua h3{font-size:1.25rem;margin-bottom:6px}
.ziua p{margin:0}
@media (max-width:640px){.ziua li{grid-template-columns:minmax(0,1fr)}}

/* ------------------------------------------------ scrisoarea */
.scrisoare{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:start}
.scrisoare__hartie{background:var(--hartie);padding:clamp(24px,4vw,48px);border:1px solid var(--linie);font-size:1.08rem}
.scrisoare__hartie h2{margin-bottom:18px}
.semnatura{font:italic 500 1.5rem/1.2 var(--titlu);margin:22px 0 2px}
.scrisoare__foto img{width:100%;aspect-ratio:4/5;object-fit:cover;height:auto}
.scrisoare__foto figcaption{margin-top:8px}
@media (max-width:860px){.scrisoare{grid-template-columns:minmax(0,1fr)}}

/* ------------------------------------------------ întrebări */
.intrebari{max-width:820px}
.intrebari details{border-bottom:1px solid var(--linie)}
.intrebari details:first-of-type{border-top:1px solid var(--cerneala)}
.intrebari summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;position:relative;font:500 1.2rem/1.35 var(--titlu)}
.intrebari summary::-webkit-details-marker{display:none}
.intrebari summary::after{content:"+";position:absolute;right:6px;top:14px;font:400 1.6rem/1 var(--text);color:var(--magenta)}
.intrebari details[open] summary::after{content:"–"}
.intrebari details p{max-width:66ch}

/* ------------------------------------------------ chemare */
.chemare{background:var(--munte);min-height:300px;display:flex;flex-direction:column;justify-content:center;padding-block:56px;text-align:center}
.chemare h2{max-width:24ch;margin-inline:auto}
.chemare p{max-width:52ch;margin:14px auto 0}
.chemare .erou__butoane{margin-top:24px}

/* ------------------------------------------------ subsol */
.subsol{background:var(--cerneala);color:#E9EEF0;padding-block:56px 32px;font-size:.98rem}
.subsol a{color:#fff}
.subsol a:hover{color:var(--deal)}
.subsol__grila{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px}
.subsol h2{font:600 .8rem/1.2 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:#C9D3D8;margin-bottom:12px}
.subsol ul{list-style:none;margin:0;padding:0}
.subsol li{margin-bottom:6px}
.subsol__marca{font:500 1.7rem/1 var(--titlu);color:#fff;margin-bottom:12px}
.subsol__jos{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.2);padding-top:22px;margin-top:8px;color:#C9D3D8}
.subsol__jos p{margin:0;max-width:70ch}
.sal img{width:250px;height:auto;background:#fff}
@media (max-width:900px){.subsol__grila{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.subsol__grila{grid-template-columns:minmax(0,1fr)}}

/* ------------------------------------------------ pagini interioare */
.cap-pagina{padding-block:clamp(40px,6vw,72px) clamp(24px,3vw,36px);border-bottom:1px solid var(--linie)}
.cap-pagina h1{max-width:22ch}
.cap-pagina p{max-width:62ch;margin-top:18px;font-size:1.12rem;color:var(--sters)}
.cuprins{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;margin:22px 0 0;font-family:var(--cond);font-size:1.05rem}
.detaliu{scroll-margin-top:20px}
.detaliu + .detaliu{border-top:1px solid var(--linie)}
.detaliu__cap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:12px 48px;align-items:end;margin-bottom:28px}
.detaliu__poze{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:32px}
.detaliu__poze img{width:100%;aspect-ratio:3/2;object-fit:cover;height:auto}
.detaliu__poze figure{margin:0}
.detaliu__poze figcaption{margin-top:6px}
.detaliu__jos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:36px}
.opriri{list-style:none;margin:0;padding:0;font-family:var(--cond);font-size:1.05rem}
.opriri li{display:grid;grid-template-columns:5.5em minmax(0,1fr) auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--linie)}
.opriri .km{color:var(--sters)}
.opriri b{font-weight:600}
@media (max-width:860px){.detaliu__cap,.detaliu__jos{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.detaliu__poze{grid-template-columns:minmax(0,1fr)}}
.text-lung{max-width:68ch}
.text-lung h2{margin:40px 0 14px}
.text-lung h3{margin:28px 0 10px}
.text-lung ul{padding-left:1.2em}
.date-tehnice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0;border-top:1px solid var(--cerneala)}
.date-tehnice div{padding:14px 14px 14px 0;border-bottom:1px solid var(--linie)}
.date-tehnice dt{font:600 .76rem/1.2 var(--cond);letter-spacing:.07em;text-transform:uppercase;color:var(--sters)}
.date-tehnice dd{margin:4px 0 0;font:500 1.25rem/1.2 var(--cond)}
@media (max-width:640px){.date-tehnice{grid-template-columns:repeat(2,minmax(0,1fr))}}
.doua{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,64px);align-items:start}
.doua figure{margin:0}
.doua figure img{width:100%;height:auto}
.doua figcaption{margin-top:8px}
@media (max-width:860px){.doua{grid-template-columns:minmax(0,1fr)}}

/* ------------------------------------------------ formular */
.formular{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 24px;max-width:860px}
.camp{display:flex;flex-direction:column;gap:6px}
.camp--lat,.formular fieldset,.formular .acord,.formular .formular__trimite,.formular .mesaj-stare{grid-column:1/-1}
.camp label,.formular legend{font:600 .8rem/1.2 var(--cond);letter-spacing:.07em;text-transform:uppercase;color:var(--sters)}
.camp input,.camp select,.camp textarea{font:inherit;color:var(--cerneala);background:var(--hartie);border:1px solid var(--sters);border-radius:6px;padding:12px 14px;min-height:48px;width:100%}
.camp textarea{min-height:120px;resize:vertical}
.camp input:focus,.camp select:focus,.camp textarea:focus{outline:3px solid var(--magenta);outline-offset:1px;border-color:var(--magenta)}
.camp .eroare,.acord .eroare{color:var(--magenta-inchis);font-weight:600;font-size:.92rem;min-height:1.2em}
.camp [aria-invalid="true"]{border-color:var(--magenta-inchis);border-width:2px}
.formular fieldset{border:none;margin:0;padding:0}
.alege-traseu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
.alege-traseu label{display:flex;flex-direction:column;gap:2px;border:1px solid var(--sters);border-radius:8px;padding:14px;cursor:pointer;background:var(--hartie);min-height:48px}
.alege-traseu input{position:absolute;opacity:0;pointer-events:none}
.alege-traseu label:has(input:checked){border:2px solid var(--magenta);box-shadow:inset 0 0 0 1px var(--magenta)}
.alege-traseu label:has(input:focus-visible){outline:3px solid var(--magenta);outline-offset:2px}
.alege-traseu b{font:500 1.1rem/1.25 var(--titlu)}
.alege-traseu span{font-family:var(--cond);color:var(--sters)}
@media (max-width:720px){.formular{grid-template-columns:minmax(0,1fr)}.alege-traseu{grid-template-columns:minmax(0,1fr)}}
.acord{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:start}
.acord input{width:22px;height:22px;margin-top:3px;accent-color:var(--magenta)}
.acord .eroare{grid-column:2}
.formular__trimite{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.mesaj-stare{padding:16px 18px;border-left:4px solid var(--magenta);background:var(--deal);font-weight:500}
.mesaj-stare:empty{display:none}
.nota-greutate{color:var(--magenta-inchis);font-weight:600;font-size:.92rem}
.nota-greutate:empty{display:none}

/* ------------------------------------------------ 404 */
.pagina-404{min-height:56vh;display:flex;flex-direction:column;justify-content:center;padding-block:64px}
.pagina-404 p{max-width:52ch;margin-top:16px}
