/* header.css */
.lang-bar { background:var(--dark); padding:8px 40px; display:flex; justify-content:flex-end; gap:20px; align-items:center; }
.lang-btn { color:rgba(255,255,255,.5); background:none; border:none; font-family:inherit; font-size:13px; cursor:pointer; letter-spacing:1px; transition:color .3s; padding:2px 8px; }
.lang-btn.active { color:var(--gold-light); border-bottom:1px solid var(--gold-light); }
.lang-btn:hover  { color:var(--white); }

#site-header { position:fixed; top:0; left:0; right:0; z-index:9999; width:100%; }

nav { background:rgba(250,250,248,.97); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:1px solid var(--border); padding:0 40px; display:flex; align-items:center; justify-content:space-between; height:72px; transition:box-shadow .3s; }
nav.scrolled { box-shadow:var(--shadow); }

.logo { display:flex; align-items:center; gap:12px; }
.logo-img-wrap { display:flex; align-items:center; }
.real-logo { height:48px; width:auto; object-fit:contain; }
.logo-fallback { width:44px; height:44px; background:var(--dark); border-radius:10px; display:flex; align-items:center; justify-content:center; }
.logo-fallback svg { width:24px; height:24px; fill:var(--gold); }

.nav-links { display:flex; gap:32px; }
.nav-links a { color:var(--gray); font-size:15px; font-weight:500; transition:color .3s; position:relative; }
.nav-links a::after { content:''; position:absolute; bottom:-4px; left:0; right:0; height:2px; background:var(--gold); transform:scaleX(0); transition:transform .3s; }
.nav-links a:hover { color:var(--dark); }
.nav-links a:hover::after { transform:scaleX(1); }
.nav-links a.active { color:var(--gold); }
.nav-links a.active::after { transform:scaleX(1); }

.nav-cta { background:var(--dark)!important; color:var(--white)!important; padding:10px 24px; border-radius:8px; font-weight:600!important; transition:background .3s!important; }
.nav-cta:hover { background:var(--gold)!important; color:var(--dark)!important; }
.nav-cta::after { display:none!important; }

.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:4px; }
.hamburger span { display:block; width:24px; height:2px; background:var(--dark); border-radius:2px; transition:.3s; }

.mobile-menu { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:var(--white); z-index:10000; padding:80px 40px 40px; flex-direction:column; gap:28px; }
.mobile-menu.open { display:flex; }
.mobile-close { position:absolute; top:20px; right:24px; background:none; border:none; font-size:28px; cursor:pointer; color:var(--dark); }
.mobile-menu a { font-size:22px; font-weight:700; color:var(--dark); border-bottom:1px solid var(--border); padding-bottom:14px; }

@media (max-width:768px) {
  .lang-bar { padding:8px 24px; }
  nav { padding:0 24px; }
  .nav-links { display:none; }
  .hamburger { display:flex; }
}