/* Zenith DM — un singur site, două teme: data-skin="a" (aviație) / "c" (tehnic) */
:root, :root[data-skin="a"]{
  --bg:#f4f6f9; --panel:#ffffff; --ink:#101d2c; --muted:#5a6b7e;
  --accent:#2456c8; --accent-ink:#ffffff; --hi:#d99a2b; --line:#d7dee8;
  --band:#0d1a29; --band-ink:#e8eef5; --band-muted:#96a7ba;
  --sign-bg:#14100a; --sign-ink:#f4c53d;
  --radius:14px; --radius-s:8px;
  --shadow:0 10px 30px rgba(16,29,44,.08);
  --nav-case:none; --nav-space:0; --h-weight:700; --h-track:0;
}
:root[data-skin="c"]{
  --bg:#f7f7f5; --panel:#ffffff; --ink:#16181c; --muted:#5c6168;
  --accent:#d9531e; --accent-ink:#ffffff; --hi:#d9531e; --line:#d9dbdd;
  --band:#16181c; --band-ink:#f2f3f4; --band-muted:#9aa0a8;
  --sign-bg:#16181c; --sign-ink:#f2f3f4;
  --radius:2px; --radius-s:2px;
  --shadow:none;
  --nav-case:uppercase; --nav-space:.05em; --h-weight:800; --h-track:-.02em;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
img{max-width:100%; display:block}
a{color:var(--accent)}
.mono{font-family:ui-monospace,"Cascadia Code",Menlo,Consolas,monospace; font-variant-numeric:tabular-nums;}
.wrap{max-width:1080px; margin:0 auto; padding:0 20px;}

.preview-note{background:var(--hi); color:#14100a; text-align:center; font-size:13px; padding:6px 16px; font-weight:600;}
:root[data-skin="c"] .preview-note{color:#fff}

header{position:sticky; top:0; z-index:20; border-bottom:1px solid var(--line);
  background:color-mix(in srgb, var(--bg) 90%, transparent); backdrop-filter:blur(8px);}
:root[data-skin="c"] header{border-bottom:2px solid var(--ink)}
.hrow{display:flex; align-items:center; gap:20px; padding:13px 0;}
.logo{line-height:1.05; letter-spacing:.16em; font-weight:800; font-size:15px; color:var(--ink); text-decoration:none;}
.logo small{display:block; letter-spacing:.32em; font-weight:500; color:var(--muted); font-size:10px;}
nav{display:flex; gap:20px; margin-left:auto; flex-wrap:wrap;}
nav a{color:var(--ink); text-decoration:none; font-size:13.5px;
  text-transform:var(--nav-case); letter-spacing:var(--nav-space); font-weight:600;}
nav a:hover, nav a:focus-visible{color:var(--accent); outline:none;}
.skin-toggle{display:flex; border:1px solid var(--line); border-radius:var(--radius-s); overflow:hidden;}
.skin-toggle button{font:600 12px/1 system-ui; padding:8px 12px; border:0; cursor:pointer;
  background:transparent; color:var(--muted);}
.skin-toggle button.on{background:var(--accent); color:var(--accent-ink);}

.btn{display:inline-block; background:var(--accent); color:var(--accent-ink);
  border-radius:var(--radius-s); padding:11px 20px; text-decoration:none;
  font-weight:700; font-size:14px; border:1px solid transparent; cursor:pointer;}
.btn:hover{filter:brightness(1.08)}
.btn:focus-visible{outline:2px solid var(--hi); outline-offset:2px;}
.btn.ghost{background:transparent; color:var(--ink); border-color:var(--line);}
:root[data-skin="c"] .btn.ghost{border-color:var(--ink)}
.btn.wa{background:#1faa59; color:#fff;}
:root[data-skin="c"] .btn.wa{background:var(--accent); color:var(--accent-ink);}

.signs{display:flex; gap:10px; flex-wrap:wrap;}
.sign{background:var(--sign-bg); color:var(--sign-ink); font-size:11.5px; letter-spacing:.14em;
  font-weight:700; padding:6px 12px; border-radius:4px; white-space:nowrap;}
:root[data-skin="c"] .sign{background:transparent; color:var(--accent); border:1px solid var(--accent);
  border-radius:2px; font-family:ui-monospace,Menlo,monospace;}
.sign.dir{background:var(--sign-ink); color:var(--sign-bg);}
:root[data-skin="c"] .sign.dir{background:var(--accent); color:var(--accent-ink); border-color:var(--accent);}

.hero{display:grid; grid-template-columns:1.08fr .92fr; gap:44px; padding:56px 0 52px; align-items:center;}
.hero h1{font-size:clamp(30px,4.6vw,46px); line-height:1.12; margin:18px 0 14px;
  font-weight:var(--h-weight); letter-spacing:var(--h-track); text-wrap:balance;}
.hero p.lead{color:var(--muted); max-width:52ch; margin:0 0 24px;}
.cta-row{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:20px;}
.trust{color:var(--muted); font-size:13.5px;}
.trust b{color:var(--ink)}
.score{display:inline-flex; align-items:center; gap:6px; background:var(--band); color:var(--band-ink);
  border-radius:var(--radius-s); padding:4px 10px; font-weight:700; font-size:13px;}
.photo-frame{border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow);
  aspect-ratio:4/3; background:linear-gradient(160deg,#2c4a72,#48628b 40%,#8f7f95 65%,#d99a5e 100%); position:relative;}
:root[data-skin="c"] .photo-frame{border:1px solid var(--line)}
.photo-frame img{width:100%; height:100%; object-fit:cover;}

.eyebrow{letter-spacing:.22em; font-size:12px; font-weight:700; color:var(--accent); text-transform:uppercase;}
:root[data-skin="c"] .eyebrow{font-family:ui-monospace,Menlo,monospace; letter-spacing:.16em;}
section{padding:52px 0;}
h2{font-size:clamp(24px,3vw,32px); margin:10px 0 8px; font-weight:var(--h-weight);
  letter-spacing:var(--h-track); text-wrap:balance;}
.sub{color:var(--muted); max-width:64ch; margin:0 0 28px;}

.grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px;}
.card{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);
  overflow:hidden; box-shadow:var(--shadow); display:flex; flex-direction:column;
  transition:transform .18s ease; color:inherit; text-decoration:none;}
.card:hover{transform:translateY(-3px)}
.card .ph{aspect-ratio:16/10; position:relative;
  background:linear-gradient(150deg,#33507a,#597092 55%,#c09a74);}
.card .ph img{width:100%; height:100%; object-fit:cover;}
.card .ph .badge{position:absolute; top:10px; right:10px; background:var(--band); color:var(--band-ink);
  font-size:12px; font-weight:700; padding:4px 9px; border-radius:var(--radius-s);}
.card .body{padding:15px 17px 17px; display:flex; flex-direction:column; gap:7px; flex:1;}
.code{display:inline-block; background:var(--bg); border:1px solid var(--line); border-radius:5px;
  padding:2px 8px; font-size:11.5px; letter-spacing:.12em; color:var(--muted); width:max-content;
  font-family:ui-monospace,Menlo,monospace;}
:root[data-skin="c"] .code{color:var(--accent); border-color:var(--accent); background:transparent;}
.card h3{margin:2px 0 0; font-size:17px;}
.specs{color:var(--muted); font-size:13.5px; margin:0;}
.pill{margin-top:auto; width:max-content; font-size:12px; font-weight:700; color:#1c7a44;
  background:rgba(38,166,91,.13); border-radius:99px; padding:4px 12px;}
:root[data-skin="c"] .pill{border-radius:2px}

.band{background:var(--band); color:var(--band-ink); border-radius:var(--radius);
  padding:42px 38px; display:grid; grid-template-columns:1.2fr .8fr; gap:36px; align-items:center;
  box-shadow:var(--shadow);}
.band .eyebrow{color:var(--hi)}
:root[data-skin="c"] .band .eyebrow{color:var(--accent)}
.band h2{color:var(--band-ink)}
.band ul{list-style:none; margin:14px 0 0; padding:0; display:grid; gap:10px;
  color:var(--band-muted); font-size:15px;}
.band li::before{content:"—"; color:var(--hi); margin-right:10px;}
:root[data-skin="c"] .band li::before{color:var(--accent)}
.price-card{text-align:center; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14);
  border-radius:var(--radius); padding:26px 20px;}
.price-card .from{font-size:12.5px; letter-spacing:.14em; color:var(--band-muted); text-transform:uppercase;}
.price-card .val{font-size:42px; font-weight:800; margin:6px 0 2px;}
.price-card .note{font-size:12.5px; color:var(--band-muted); margin-bottom:16px;}

.tiles{display:grid; grid-template-columns:repeat(auto-fit,minmax(215px,1fr)); gap:16px;}
.tile{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius-s); padding:17px;}
.tile .big{font-size:21px; font-weight:800; display:block; margin-bottom:4px;
  font-family:ui-monospace,Menlo,monospace;}
.tile p{margin:0; color:var(--muted); font-size:14px;}
.tile b{display:block; margin-bottom:5px; color:var(--ink); font-size:15px;}
.tile .k{font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.16em;
  color:var(--accent); display:block; margin-bottom:7px; text-transform:uppercase;}

.contact-box{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);
  padding:38px 24px; text-align:center; box-shadow:var(--shadow);}
.contact-box .cta-row{justify-content:center}

footer{border-top:1px solid var(--line); padding:26px 0 42px; color:var(--muted); font-size:13px;}
.frow{display:flex; gap:16px; flex-wrap:wrap; justify-content:space-between;}
footer a{color:var(--muted)}

/* pagina de locație */
.loc-hero{padding:40px 0 8px}
.loc-hero .crumbs{font-size:13px; color:var(--muted); margin-bottom:14px}
.loc-hero .crumbs a{color:var(--muted)}
.facts{display:flex; gap:10px; flex-wrap:wrap; margin:16px 0 6px;}
.fact{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius-s);
  padding:7px 13px; font-size:13.5px; color:var(--ink);}
.gallery{display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:12px; margin-top:22px;}
.gallery a{border-radius:var(--radius-s); overflow:hidden; border:1px solid var(--line); display:block;
  aspect-ratio:4/3; background:linear-gradient(150deg,#33507a,#597092 55%,#c09a74);}
.gallery img{width:100%; height:100%; object-fit:cover; transition:transform .25s ease;}
.gallery a:hover img{transform:scale(1.04)}

@media (max-width:840px){
  .hero,.band{grid-template-columns:1fr;}
  .hero{padding-top:36px}
  nav{display:none}
}
@media (prefers-reduced-motion: reduce){
  .card, .gallery img{transition:none}
}