.header {
    position: fixed;
    inset: 0 0 auto;
    width: 100%;
    height: var(--header-height);
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 0 clamp(18px, 4vw, 64px);
    background: rgba(0,0,0,.96);
    border-bottom: 1px solid rgba(247,211,106,.13);
    box-shadow: 0 8px 30px rgba(0,0,0,.28);
    z-index: var(--z-header);
}
.logo { flex:0 0 auto; height:76px; display:flex; align-items:center; margin-right:auto; }
.logo a { display:flex; align-items:center; height:100%; }
.logo img { display:block; width:auto; height:72px; max-width:132px; object-fit:contain; }
.nav { display:flex; align-items:center; justify-content:flex-end; gap:clamp(15px,2vw,29px); }
.nav a { position:relative; padding:34px 0 11px; color:var(--color-text); text-decoration:none; font-size:12px; letter-spacing:1.45px; white-space:nowrap; transition:color .25s ease; }
.nav a:hover,.nav a.active { color:#f7d36a; }
.nav a::after { content:""; position:absolute; left:50%; bottom:4px; width:0; height:2px; transform:translateX(-50%); background:linear-gradient(90deg,#7a4a07 0%,#b97a10 12%,#f7d36a 28%,#fff3c4 40%,#d9a62a 55%,#b97a10 70%,#f7d36a 85%,#7a4a07 100%); transition:width .25s ease; }
.nav a:hover::after,.nav a.active::after { width:70%; }
.right { display:flex; align-items:center; align-self:stretch; padding-top:23px; flex:0 0 auto; color:#f7d36a; }
.right .language-switcher { display:flex !important; align-items:center; gap:7px; color:#f7d36a; }
.right .lang-btn { display:inline-flex !important; align-items:center; justify-content:center; color:#f7d36a !important; background:transparent !important; border:0 !important; box-shadow:none !important; padding:6px 3px !important; font-size:12px; font-weight:700; letter-spacing:1px; cursor:pointer; }
.right .lang-btn.is-active { color:#fff3c4 !important; }
@media (max-width:1150px) { .right { order:2; margin-left:auto; } .burger { margin-left:8px !important; } }
@media (max-width:480px) { .right .lang-btn { font-size:11px; padding:5px 2px !important; } .right .language-switcher { gap:4px; } }
.burger { display:none; width:38px; height:34px; padding:7px 4px; border:0; background:transparent; flex-direction:column; justify-content:space-between; cursor:pointer; z-index:1300; }
.burger span { display:block; width:100%; height:3px; border-radius:4px; background:linear-gradient(90deg,#7a4a07 0%,#b97a10 12%,#f7d36a 28%,#fff3c4 40%,#d9a62a 55%,#b97a10 70%,#f7d36a 85%,#7a4a07 100%); box-shadow:0 0 8px rgba(247,211,106,.18); transition:transform .3s ease,opacity .2s ease; }
.burger.active span:nth-child(1) { transform:rotate(45deg) translate(7px,7px); }
.burger.active span:nth-child(2) { opacity:0; }
.burger.active span:nth-child(3) { transform:rotate(-45deg) translate(7px,-7px); }
.mobile-nav { position:fixed; inset:0; padding:110px 24px 40px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:24px; background:radial-gradient(circle at 20% 0,rgba(185,122,16,.14),transparent 40%),#050505; transform:translateY(-105%); visibility:hidden; transition:transform .4s ease,visibility .4s ease; z-index:1250; }
.mobile-nav.active { transform:translateY(0); visibility:visible; }
.mobile-nav a { position:relative; display:block; color:#eee; text-decoration:none; font-size:18px; line-height:1.5; letter-spacing:1.8px; text-align:center; }
.mobile-nav a:hover,.mobile-nav a.active { color:#f7d36a; }
.mobile-nav a::after { content:""; position:absolute; left:50%; bottom:-6px; width:0; height:2px; transform:translateX(-50%); background:linear-gradient(90deg,#7a4a07,#f7d36a,#fff3c4,#d9a62a,#7a4a07); transition:width .25s ease; }
.mobile-nav a:hover::after,.mobile-nav a.active::after { width:60%; }
@media (max-width:1150px) {
    .header { height:78px; padding:0 18px; }
    .nav { display:none; }
    .logo { order:1; height:68px; margin:0; }
    .logo img { height:62px; max-width:114px; }
    .burger { order:3; display:flex; margin-left:auto; }
    .mobile-nav { display:flex; }
}
@media (max-width:480px) {
    .header { height:72px; padding:0 14px; }
    .logo { height:62px; }
    .logo img { height:56px; max-width:102px; }
    .burger { width:35px; height:32px; }
    .mobile-nav { padding-top:90px; gap:20px; }
    .mobile-nav a { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) { .mobile-nav,.burger span,.nav a::after,.mobile-nav a::after { transition:none; } }