:root{
  --brand-primary:#1D4C5E;   /* bleumarin EVO */
  --brand-accent:#FDB913;    /* galben wifi */
  --brand-secondary:#0A1A26; /* fundal navy-dark */
  --text:#E6EEF7;
  --muted:#A7A9AC;
  --bg:#0A1A26;
  --bg-alt:#112434;
  --card:rgba(255,255,255,0.06);
  --ring: rgba(253,185,19,0.35);
  --radius: 14px;
  --shadow: 0 10px 30px rgba(0,0,0,0.38);
}



*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* Header */
.header{position:sticky;top:0;backdrop-filter:saturate(140%) blur(6px);background:rgba(255,255,255,0.8);border-bottom:1px solid #e6e9ef;z-index:40}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.nav .logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.4px}
.nav .menu{display:flex;gap:18px;align-items:center}
.nav .menu a{padding:10px 8px;border-radius:10px;font-weight:500;color:#344054}
.nav .menu a:hover{color:var(--brand-primary)}
.cta{background:var(--brand-primary);color:#fff;padding:10px 16px;border-radius:12px;box-shadow:var(--shadow)}

/* Hero */
.hero{position:relative;isolation:isolate;background:linear-gradient(180deg,#0A2647 0%, #0A2647 55%, #ffffff 55%);}
.hero .inner{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;padding:72px 0 56px}
.hero h1{color:#fff;font-size:48px;line-height:1.08;margin:0 0 14px}
.hero p{color:#E6EEF7;font-size:18px;margin:0}
.hero .actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.hero .card{background:#0f2d5b;border-color:rgba(255,255,255,0.2);color:#E6EEF7}
.hero-visual{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.14)}
.hero-visual::before{content:"";display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#0b66c3, #5BC0EB)}

/* Kicker + sections */
.kicker{font-size:12px;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.14em;font-weight:700;margin-bottom:10px}
.section{padding:56px 0}
.section h2{font-size:30px;margin:0 0 14px}
.section p.lead{color:var(--muted);max-width:820px}

/* Tiles */
.grid{display:grid;gap:22px}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.grid.cols-3,.grid.cols-4{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}

.card{background:var(--card);border:1px solid #e7eaf0;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.card h3{margin:0 0 8px;font-size:18px}
.card p{margin:0;color:#475467}
.card.link:hover{border-color:var(--brand-primary);box-shadow:0 10px 24px rgba(0,114,206,0.12)}
.card .more{margin-top:10px;font-size:14px;color:var(--brand-primary)}

/* Partner ribbon */
.ribbon{display:flex;gap:24px;flex-wrap:wrap;align-items:center;padding:18px 0}
.ribbon .logo{height:28px;width:120px;display:flex;align-items:center;justify-content:center;border:1px dashed #e5e7eb;border-radius:10px;background:#fff}

/* Notice */
.notice{background:#fef3c7;border:1px solid #fde68a;color:#92400e;padding:12px 14px;border-radius:10px}

/* Forms */
.input, textarea, select{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;outline:none;background:#fff}
.input:focus, textarea:focus, select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--ring)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:640px){.form-row{grid-template-columns:1fr}}
label{display:block;font-size:13px;color:#374151;margin-bottom:6px}
small.helper{color:#6b7280;font-size:12px}

/* Footer */
.footer{background:#0A2647;color:#cbd5e1;padding:48px 0;margin-top:48px}
.footer a{color:#e2e8f0}
.footer .grid{align-items:start}

.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;color:#0A2647}
.btn.primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,0.24)}
.btn.ghost:hover{border-color:#fff}

/* --- Dark variant additions --- */

/* Dark extras aligned to Evotech colors */
body{background:var(--bg);color:var(--text)}
.header{background:linear-gradient(180deg, rgba(4,16,31,0.9), rgba(4,16,31,0.6));border-bottom:1px solid rgba(255,255,255,0.08)}
.nav .menu a{color:#cbd5e1}
.nav .menu a:hover{color:var(--brand-accent)}
.cta{background:var(--brand-primary);color:#fff;border-color:transparent}
.hero{background:linear-gradient(180deg,#071a33 0%, #0A2647 60%, #0A2647 100%)}
.hero h1{color:#fff}
.hero p{color:#d9e6f5}
.hero .card{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.15);color:#E6EEF7}
.card{background:var(--card);border-color:rgba(255,255,255,0.12)}
.card p{color:#cdd9e6}
.card.link:hover{border-color:var(--brand-primary);box-shadow:0 10px 24px rgba(0,114,206,0.18)}
.btn{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.18);color:#e6eef7}
.btn.primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#04101F}
.btn.ghost{background:transparent;border-color:rgba(255,255,255,0.26);color:#e6eef7}
.section{background:transparent}
.section p.lead{color:#c6d4e6}
.input, textarea, select{background:rgba(255,255,255,0.04);color:#E6EEF7;border-color:rgba(255,255,255,0.18)}
.input::placeholder, textarea::placeholder{color:#9FB3C8}
.footer{background:linear-gradient(180deg,#04101F,#000a17);color:#cbd5e1}
.footer a{color:#e2e8f0}
.ribbon .logo{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.18);color:#e6eef7}

/* --- Evotech palette + mobile tweaks --- */

/* Accent usage */
a, .link { color: var(--brand-accent); }
a:hover { opacity:.9 }
.btn.primary{ background:var(--brand-accent); border-color:var(--brand-accent); color:#1A1A1A; }
.btn.ghost{ color:#E6EEF7; border-color:rgba(255,255,255,0.28) }
.nav .menu a:hover{ color:var(--brand-accent) }

/* Hero palette */
.hero{ background:linear-gradient(180deg,#0A1A26 0%, #10263A 60%, #0A1A26 100%) }
.hero-visual::before{ background:linear-gradient(135deg, var(--brand-primary), var(--brand-accent)) }
.kicker{ color: var(--brand-accent); }

/* Mobile improvements */
.mobile-toggle{
  display:none; width:40px; height:40px; border:1px solid rgba(255,255,255,0.25);
  border-radius:10px; align-items:center; justify-content:center; background:transparent; color:#E6EEF7;
}
.mobile-toggle span{ width:18px; height:2px; background:#E6EEF7; display:block; position:relative }
.mobile-toggle span::before, .mobile-toggle span::after{
  content:""; position:absolute; width:18px; height:2px; background:#E6EEF7; left:0
}
.mobile-toggle span::before{ top:-6px } .mobile-toggle span::after{ top:6px }

@media (max-width: 980px){
  .nav{ height:64px }
  .mobile-toggle{ display:flex }
  .menu{ display:none; position:absolute; top:64px; left:0; right:0; background:#0c1f2f; border-bottom:1px solid rgba(255,255,255,0.08); padding:12px 16px; }
  .menu.open{ display:flex; flex-direction:column; gap:6px }
  .menu a, .menu .cta{ padding:12px 10px }
  .hero .inner{ grid-template-columns:1fr; gap:16px; padding:56px 0 36px }
  .hero h1{ font-size:36px }
  .grid.cols-3, .grid.cols-4{ grid-template-columns:1fr }
}


/* Partner logo images */
.ribbon .logo{height:36px;width:auto;border-radius:10px;border:1px solid rgba(255,255,255,0.18);background:rgba(255,255,255,0.06);padding:6px 10px}
.header .logo img{filter:none}


/* Stronger mobile menu rule */
@media (max-width: 980px){
  header .menu{ display:none !important; }
  header .menu.open{ display:flex !important; flex-direction:column; gap:6px }
}


/* Ensure header logo visible */
.header .logo img{height:44px;width:auto;display:block;filter:none}
@media (max-width:980px){ .header .logo img{height:34px} }

/* --- v19 dropdown menu, white logo, lang switch position --- */
.header { position: sticky; top: 0; z-index: 1000; backdrop-filter: saturate(140%) blur(6px); }
.header .bar { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.header .logo img { height: 44px; width:auto; filter: brightness(0) invert(1); opacity: 0.98; }
.header .menu { display:flex; align-items:center; gap:18px; }
.header .menu > .dropdown { position:relative; }
.header .menu > .dropdown > a { display:flex; align-items:center; gap:6px; }
.header .menu > .dropdown > .dd { 
  position:absolute; top: calc(100% + 10px); left:0; 
  background: #0E2234; border:1px solid rgba(255,255,255,0.1); border-radius:12px;
  padding:10px; min-width: 280px; display:none; box-shadow: 0 12px 30px rgba(0,0,0,0.35);
}
.header .menu > .dropdown:hover > .dd { display:block; }
.header .menu > .dropdown .dd a { display:block; padding:8px 10px; border-radius:8px; white-space:nowrap; }
.header .menu > .dropdown .dd a:hover { background: rgba(255,255,255,0.06); }
.header .menu .btn.primary { margin-right: 6px; }
.header .lang-switch { margin-left: 8px; display:flex; align-items:center; gap:10px; }
@media (max-width: 980px){
  .header .menu { flex-direction:column; align-items:flex-start; gap:10px; }
  .header .menu > .dropdown .dd { position:static; display:block; box-shadow:none; border:none; background:transparent; padding:0; }
  .header .menu > .dropdown .dd a { padding:8px 0; }
  .header .logo img { height: 44px; }
}

/* --- v20 menu visibility safety --- */
.header .menu { display:flex; align-items:center; gap:18px; }
.header .menu a { color:#e6eef7; }
.header .menu .btn.primary { background:#0A1A26; border-color:#0A1A26; color:#fff; }
.header .menu .btn.primary:hover { background:#FDB913; border-color:#FDB913; color:#1A1A1A; }


/* --- v21 menu centering + dropdown carets --- */
.header .bar{ display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:64px; }
.header .menu{ display:flex; align-items:center; gap:18px; height:64px; }
.header .menu > a,
.header .menu > .dropdown > a{
  display:flex; align-items:center; justify-content:center;
  height:42px; padding:0 14px; border-radius:10px;
}
.header .menu > a:hover,
.header .menu > .dropdown > a:hover{ background:rgba(255,255,255,0.06); }

/* Caret indicator for dropdowns */
.header .menu > .dropdown > a{ position:relative; padding-right:20px; }
.header .menu > .dropdown > a::after{
   position:absolute; right:8px; top:50%; transform:translateY(-50%);
  font-size:12px; line-height:1; color:#FDB913; opacity:0.95; transition:transform .2s ease, opacity .2s ease;
}
.header .menu > .dropdown:hover > a::after{ transform:translateY(-50%) rotate(180deg); opacity:1; }

/* Dropdown panel alignment */
.header .menu > .dropdown{ position:relative; }
.header .menu > .dropdown .dd{
  position:absolute; top:calc(100% + 10px); left:0;
  background:#0E2234; border:1px solid rgba(255,255,255,0.1);
  border-radius:12px; padding:10px; min-width:280px;
  box-shadow:0 12px 30px rgba(0,0,0,0.35); display:none;
}
.header .menu > .dropdown:hover .dd{ display:block; }
.header .menu > .dropdown .dd a{
  display:flex; align-items:center; height:38px; padding:0 10px; border-radius:8px;
}
.header .menu > .dropdown .dd a:hover{ background:rgba(255,255,255,0.06); }

/* Contact button keeps visual weight and alignment */
.header .menu .btn.primary{
  display:flex; align-items:center; justify-content:center;
  height:42px; padding:0 16px; border-radius:10px;
  background:#0A1A26; border-color:#0A1A26; color:#fff;
}
.header .menu .btn.primary:hover{ background:#FDB913; border-color:#FDB913; color:#1A1A1A; }

/* Mobile: stack items, caret stays visible, dropdown expands inline */
@media (max-width:980px){
  .header .menu{ height:auto; flex-direction:column; align-items:flex-start; gap:8px; }
  .header .menu > a,
  .header .menu > .dropdown > a{ height:40px; padding:0 12px; }
  .header .menu > .dropdown .dd{ position:static; display:block; box-shadow:none; border:none; background:transparent; padding:6px 0 0; }
  .header .menu > .dropdown .dd a{ height:36px; padding:0 8px; }
}


/* --- v22 svg caret for dropdown --- */
.header .menu > .dropdown > a{ position:relative; padding-right:22px; }
.header .menu > .dropdown > a::after{
  content:"";
  position:absolute; right:6px; top:50%; transform:translateY(-50%);
  width:12px; height:12px;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="%23FDB913" d="M7 10l5 5 5-5z"/></svg>');
  background-size:12px 12px;
  background-repeat:no-repeat;
  opacity:0.95; transition:transform .2s ease, opacity .2s ease;
}
.header .menu > .dropdown:hover > a::after{ transform:translateY(-50%) rotate(180deg); opacity:1; }


/* --- v23 restore perfect centering + stable caret --- */
.header .menu{ display:flex; align-items:center; gap:18px; height:auto; }
.header .menu > a,
.header .menu > .dropdown > a{
  display:flex; align-items:center; justify-content:center;
  padding:8px 14px; height:auto; line-height:1; border-radius:10px;
}
.header .menu > a:hover,
.header .menu > .dropdown > a:hover{ background:rgba(255,255,255,0.06); }

/* caret as inline-block to avoid vertical misalignment */
.header .menu > .dropdown > a{ padding-right:14px; gap:6px; }
.header .menu > .dropdown > a::after{
  content:""; display:inline-block; width:12px; height:12px;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="%23FDB913" d="M7 10l5 5 5-5z"/></svg>');
  background-size:12px 12px; background-repeat:no-repeat;
  transform:translateY(0); transition: transform .2s ease;
  margin-left:4px;
}
.header .menu > .dropdown:hover > a::after{ transform: rotate(180deg); }

/* Contact button keeps alignment */
.header .menu .btn.primary{
  display:flex; align-items:center; justify-content:center;
  padding:8px 16px; height:auto; line-height:1;
  background:#0A1A26; border-color:#0A1A26; color:#fff; border-radius:10px;
}
.header .menu .btn.primary:hover{ background:#FDB913; border-color:#FDB913; color:#1A1A1A; }

@media (max-width:980px){
  .header .menu{ flex-direction:column; align-items:flex-start; gap:8px; }
  .header .menu > a,
  .header .menu > .dropdown > a{ padding:10px 12px; }
  .header .menu > .dropdown .dd{ position:static; display:block; box-shadow:none; border:none; background:transparent; padding:6px 0 0; }
}


/* --- v24 header vertical centering & spacing tweaks --- */
.header{ background: linear-gradient(180deg, rgba(6,20,33,0.96), rgba(11,30,44,0.96)); }
.header .bar{
  display:flex; align-items:center; justify-content:space-between;
  gap:28px; padding:12px 0; min-height:72px;
}
.header .logo{ display:flex; align-items:center; }
.header .logo img{ display:block; height:44px; width:auto; filter:brightness(0) invert(1); }
.header .menu{
  display:flex; align-items:center; gap:20px;
  font-size:15.5px; line-height:1; /* crisper text & consistent height */
}
.header .menu > a,
.header .menu > .dropdown > a{
  display:flex; align-items:center; justify-content:center;
  height:40px; padding:0 16px; border-radius:12px;
}
.header .menu > a:hover,
.header .menu > .dropdown > a:hover{ background:rgba(255,255,255,0.06); }

/* caret svg remains but ensure it doesn't shift layout */
.header .menu > .dropdown > a{ padding-right:18px; }
.header .menu > .dropdown > a::after{
  content:""; display:inline-block; width:12px; height:12px; margin-left:6px;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="%23FDB913" d="M7 10l5 5 5-5z"/></svg>');
  background-size:12px 12px; background-repeat:no-repeat;
  transform:none; transition: transform .2s ease;
}
.header .menu > .dropdown:hover > a::after{ transform: rotate(180deg); }

/* Lang switch alignment to the baseline */
.header .lang-switch{ display:flex; align-items:center; gap:10px; margin-left:8px; }
.header .lang-switch img{ display:block; height:16px; width:auto; filter:none; }

/* Contact button consistent */
.header .menu .btn.primary{
  display:flex; align-items:center; justify-content:center;
  height:40px; padding:0 18px; border-radius:12px;
  background:#0A1A26; border-color:#0A1A26; color:#fff;
}
.header .menu .btn.primary:hover{ background:#FDB913; border-color:#FDB913; color:#1A1A1A; }

/* Mobile */
@media (max-width:980px){
  .header .bar{ gap:16px; padding:10px 0; min-height:64px; }
  .header .logo img{ height:36px; }
  .header .menu{ flex-direction:column; align-items:flex-start; gap:8px; font-size:15px; }
  .header .menu > a,
  .header .menu > .dropdown > a{ height:38px; padding:0 12px; border-radius:10px; }
  .header .menu > .dropdown .dd{ position:static; display:block; box-shadow:none; border:none; background:transparent; padding:6px 0 0; }
}


/* --- v25 header exact centering --- */
.header .bar{ min-height:76px; padding:14px 0; }
.header .logo img{ height:44px; }
.header .menu{ height:44px; display:flex; align-items:center; gap:20px; }
.header .menu > a,
.header .menu > .dropdown > a{ height:44px; padding:0 16px; display:flex; align-items:center; border-radius:12px; }
.header .menu > .dropdown > a::after{ margin-left:6px; }
.header .lang-switch img{ height:18px; width:auto; display:block; }


/* --- v26 header pixel-align --- */
.header .bar{ display:flex; align-items:center; justify-content:space-between; }
.header .logo{ display:flex; align-items:center; }
.header .logo img{ display:block; height:44px; width:auto; }
.header .menu{ display:flex; align-items:center; gap:20px; transform: translateY(2px); }
.header .menu > a,
.header .menu > .dropdown > a{ display:flex; align-items:center; justify-content:center; padding:8px 16px; border-radius:12px; line-height:1; height:auto; }
.header .lang-switch{ display:flex; align-items:center; gap:10px; transform: translateY(2px); }
@media (max-width:980px){
  .header .menu{ transform:none; }
  .header .lang-switch{ transform:none; }
}


/* --- v27 header align like v18 (with dropdowns) --- */
.header .bar{ display:flex; align-items:center; justify-content:space-between; gap:24px; }
.header .logo{ display:flex; align-items:center; }
.header .logo img{ height:44px; width:auto; display:block; filter:brightness(0) invert(1); }

.header .menu{ display:flex; align-items:center; gap:18px; margin:0; padding:0; transform:none; height:44px; }
.header .menu > a,
.header .menu > .dropdown > a{
  display:flex; align-items:center; justify-content:center;
  height:44px; line-height:44px; padding:0 16px; border-radius:12px;
}
.header .menu > a:hover,
.header .menu > .dropdown > a:hover{ background:rgba(255,255,255,0.06); }

/* caret: inline-block, no impact on line-height */
.header .menu > .dropdown > a::after{
  content:""; display:inline-block; width:12px; height:12px; margin-left:6px;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="%23FDB913" d="M7 10l5 5 5-5z"/></svg>');
  background-size:12px 12px; background-repeat:no-repeat; vertical-align:middle; transform:none; transition:transform .2s ease;
}
.header .menu > .dropdown:hover > a::after{ transform:rotate(180deg); }

/* language flags aligned to center, no transform */
.header .lang-switch{ display:flex; align-items:center; gap:10px; margin:0 0 0 8px; transform:none; }
.header .lang-switch img{ height:18px; width:auto; display:block; }

/* contact button consistent */
.header .menu .btn.primary{
  display:flex; align-items:center; justify-content:center;
  height:44px; line-height:44px; padding:0 18px; border-radius:12px;
  background:#0A1A26; border-color:#0A1A26; color:#fff;
}
.header .menu .btn.primary:hover{ background:#FDB913; border-color:#FDB913; color:#1A1A1A; }

@media (max-width:980px){
  .header .logo img{ height:36px; }
  .header .menu{ height:auto; flex-direction:column; align-items:flex-start; gap:8px; }
  .header .menu > a,
  .header .menu > .dropdown > a{ height:38px; line-height:38px; padding:0 12px; border-radius:10px; }
}


/* Normalize any stray margins/paddings that could shift vertical alignment */
.header .menu > a,
.header .menu > .dropdown > a{ display:flex; align-items:center; justify-content:center; height:44px; line-height:44px; padding:0 16px; border-radius:12px; }

/* Keep caret SVG and dropdown behavior */
.header .menu > .dropdown{ position:relative; }
.header .menu > .dropdown > a::after{
  content:""; display:inline-block; width:12px; height:12px; margin-left:6px;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="%23FDB913" d="M7 10l5 5 5-5z"/></svg>');
  background-size:12px 12px; background-repeat:no-repeat;
  transform:none; transition:transform .2s ease;
}
.header .menu > .dropdown:hover > a::after{ transform:rotate(180deg); }

/* Mobile fallback: flex stack */
@media (max-width:980px){
  .header .bar{ display:flex !important; align-items:center; justify-content:space-between; }
  .header .menu{ height:auto; flex-direction:column; align-items:flex-start; gap:8px; }
  .header .menu > a,
  .header .menu > .dropdown > a{ height:38px; line-height:38px; padding:0 12px; }
}


/* --- v29 header refactor: flex centering --- */
.header .bar{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:24px; padding:12px 0; min-height:72px; }
.header .logo{ display:flex; align-items:center; }
.header .logo img{ height:44px; width:auto; display:block; filter:brightness(0) invert(1); }
.header .menu{ display:flex; align-items:center; gap:18px; height:44px; transform:none !important; margin:0; padding:0; }
.header .menu > a,
.header .menu > .dropdown > a{ display:flex; align-items:center; justify-content:center; height:44px; line-height:44px; padding:0 16px; border-radius:12px; }
.header .lang-switch{ display:flex; align-items:center; gap:10px; margin-left:8px; transform:none !important; }
@media (max-width:980px){
  .header .logo img{ height:36px; }
  .header .menu{ height:auto; flex-direction:column; align-items:flex-start; gap:8px; }
  .header .menu > a, .header .menu > .dropdown > a{ height:38px; line-height:38px; padding:0 12px; }
}


/* --- v30 header: nav-wrap alignment fix --- */
.header .bar{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:24px; padding:12px 0; min-height:72px; }
.header .logo{ display:flex; align-items:center; }
.header .logo img{ height:44px; width:auto; display:block; filter:brightness(0) invert(1); }

.header .nav-wrap{ display:flex; align-items:center; gap:18px; }
.header .menu{ position:static !important; display:flex; align-items:center; gap:18px; height:44px; margin:0; padding:0; transform:none !important; }
.header .menu > a,
.header .menu > .dropdown > a{ display:flex; align-items:center; justify-content:center; height:44px; line-height:44px; padding:0 16px; border-radius:12px; }
.header .lang-switch{ display:flex; align-items:center; gap:10px; margin-left:8px; transform:none !important; }

/* caret stays */
.header .menu > .dropdown > a::after{
  content:""; display:inline-block; width:12px; height:12px; margin-left:6px;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="%23FDB913" d="M7 10l5 5 5-5z"/></svg>');
  background-size:12px 12px; background-repeat:no-repeat; vertical-align:middle;
  transform:none; transition:transform .2s ease;
}
.header .menu > .dropdown:hover > a::after{ transform:rotate(180deg); }

/* Mobile */
@media (max-width:980px){
  .header .logo img{ height:36px; }
  .header .nav-wrap{ flex-direction:column; align-items:flex-start; gap:8px; }
  .header .menu{ height:auto; flex-direction:column; align-items:flex-start; gap:8px; }
  .header .menu > a, .header .menu > .dropdown > a{ height:38px; line-height:38px; padding:0 12px; border-radius:10px; }
}


/* --- v31 header centering (container.nav) --- */
.header .container.nav{
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  min-height:72px; padding:12px 0;
}
.header .logo img{ height:44px; width:auto; display:block; filter:brightness(0) invert(1); }
.header .menu{ display:flex; align-items:center; gap:18px; height:44px; margin:0; padding:0; }
.header .menu > a,
.header .menu > .dropdown > a{ display:flex; align-items:center; justify-content:center; height:44px; line-height:44px; padding:0 16px; border-radius:12px; }
.header .lang-switch{ display:flex; align-items:center; gap:10px; margin-left:8px; }

@media (max-width:980px){
  .header .logo img{ height:36px; }
  .header .container.nav{ gap:16px; min-height:64px; padding:10px 0; }
  .header .menu{ height:auto; flex-direction:column; align-items:flex-start; gap:8px; }
  .header .menu > a, .header .menu > .dropdown > a{ height:38px; line-height:38px; padding:0 12px; }
}


/* --- v32 dropdown stability (hover-bridge + open class + slight offset) --- */
.header .menu > .dropdown { position: relative; }
.header .menu > .dropdown > .dd {
  position: absolute;
  left: 0;
  top: calc(100% - 2px);
  background: #0E2234;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  padding: 10px;
  min-width: 280px;
  display: none;
  box-shadow: 0 12px 30px rgba(0,0,0,0.35);
}
.header .menu > .dropdown.open > .dd,
.header .menu > .dropdown:hover > .dd { display: block; }
.header .menu > .dropdown::before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 100%;
  height: 8px;
  background: transparent;
  display: block;
}
.header .menu > .dropdown .dd a {
  display: flex;
  align-items: center;
  height: 38px;
  padding: 0 10px;
  border-radius: 8px;
}
.header .menu > .dropdown .dd a:hover {
  background: rgba(255,255,255,0.06);
}


@media (max-width: 768px){
  .container{
    padding-left:16px;
    padding-right:16px;
  }
}


/* Mobile global spacing fix */
@media (max-width: 768px) {
  body, html {
    padding: 0;
    margin: 0;
  }

  .container,
  main,
  section,
  .header,
  .footer {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box;
  }

  .hero,
  .hero-visual,
  .hero .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}









/* Desktop: meniu normal, fără buton */
@media (min-width: 993px) {
  .menu {
    display: flex;
    align-items: center;
    gap: 24px; /* ce aveai tu */
    position: static;
    padding: 0;
  }

  .mobile-toggle {
    display: none;
  }
}

/* Mobile: meniu ascuns implicit, buton vizibil */
@media (max-width: 992px) {
  .header .container.nav {
    position: relative;
  }

  .menu {
    display: none;
    position: absolute;
    top: 64px;               /* sub header */
    left: 0;
    right: 0;
    background: #050608;     /* culoarea ta de header / background */
    padding: 12px 16px 16px;
    box-sizing: border-box;
    flex-direction: column;
    gap: 8px;
    z-index: 999;
  }

  .menu.is-open {
    display: flex;
  }

  .mobile-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
  }

  .mobile-toggle span,
  .mobile-toggle span::before,
  .mobile-toggle span::after {
    display: block;
    width: 18px;
    height: 2px;
    background: #fff;
    border-radius: 999px;
    position: relative;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }

  .mobile-toggle span::before,
  .mobile-toggle span::after {
    content: "";
    position: absolute;
    left: 0;
  }

  .mobile-toggle span::before {
    top: -6px;
  }

  .mobile-toggle span::after {
    top: 6px;
  }

  /* Animație X când e deschis */
  .mobile-toggle.is-open span {
    transform: rotate(45deg);
  }

  .mobile-toggle.is-open span::before {
    opacity: 0;
  }

  .mobile-toggle.is-open span::after {
    transform: rotate(-90deg);
    top: 0;
  }
}



/* === MOBILE GENERAL SPACING === */
@media (max-width: 768px){
  .container,
  main,
  section,
  .header,
  .footer {
    padding-left:16px !important;
    padding-right:16px !important;
    box-sizing:border-box;
  }
}

/* === MOBILE MENU FINAL === */
@media (max-width: 980px){

  .nav{
    height:64px;
  }

  .mobile-toggle{
    display:flex;
  }

  .menu{
    display:none;
    position:absolute;
    top:64px;
    left:0;
    right:0;
    background:#0c1f2f;
    border-bottom:1px solid rgba(255,255,255,0.08);
    padding:16px;
    flex-direction:column;
    gap:10px;
    box-sizing:border-box;
    z-index:9999;
  }

  .menu.is-open{
    display:flex !important;
  }

  .dropdown .dd{
    display:none;
    flex-direction:column;
    gap:6px;
    padding-left:10px;
  }

  .dropdown.submenu-open .dd{
    display:flex;
  }

  .menu a{
    padding:10px 4px;
  }
}




/* ULTIMATE FIX – Mobile menu override */
@media (max-width: 992px) {
  .menu {
    position: fixed !important;
    inset: 0 !important; /* top:0, right:0, bottom:0, left:0 */
    margin: 0 !important;
    background: #071a33 !important;
    padding: 360px 50px 24px !important; /* 96px sus = loc pentru header + aer */
    box-sizing: border-box !important;
    flex-direction: column !important;
    gap: 10px !important;
    z-index: 9999 !important;
    border-top: 1px solid rgba(255,255,255,0.12) !important;
    overflow-y: auto !important;
  }

  .menu.is-open {
    display: flex !important;
  }
}


/* Mobile dropdown cleanup */
@media (max-width: 992px) {
  /* dropdown-ul nu mai e poziționat ca pe desktop */
  .dropdown {
    position: static !important;
  }

  .dropdown .dd {
    position: static !important;
    width: 100% !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-top: 6px !important;
    padding: 4px 0 0 16px !important;
  }

  .dropdown .dd a {
    display: block;
    white-space: normal;
    padding: 4px 0 !important;
  }
}