.nav{position:relative!important;z-index:200!important;height:86px!important;min-height:86px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;background:rgba(4,7,12,.92)!important;backdrop-filter:blur(18px)}
.nav-inner{height:100%!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important}
.brand{display:block!important;width:520px!important;max-width:43vw!important;min-width:0!important;flex:0 1 520px!important;line-height:0!important}
.brand-logo-img{display:block!important;width:100%!important;max-width:none!important;height:auto!important}
.nav-links{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:24px!important;white-space:nowrap!important}
.nav-links>a,.mobile-nav-panel>a{color:#a9b2bf;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap!important}
.nav-links>a:hover,.nav-links>a[aria-current="page"]{color:#fff}
.lang-switch{display:flex;flex:0 0 auto;gap:4px;margin-left:4px}
.lang-switch a,.mobile-lang a{padding:7px 9px;border-radius:7px;color:#7f8a99;font-size:12px;font-weight:800;text-decoration:none}
.lang-switch a.active,.mobile-lang a[aria-current="page"]{background:rgba(35,137,255,.16);color:#8fdcff}
.mobile-menu-toggle{display:none!important;width:48px;height:44px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.05);color:#fff;font:inherit;font-size:14px;font-weight:750}
.mobile-nav-panel{display:none}
.theme-toggle{order:10}

@media(max-width:1240px){.brand{width:450px!important;max-width:39vw!important;flex-basis:450px!important}.nav-links{gap:18px!important}}
@media(max-width:1080px){.brand{width:390px!important;max-width:37vw!important;flex-basis:390px!important}.nav-links{gap:15px!important}}
@media(max-width:980px){.nav{height:76px!important;min-height:76px!important}.brand{width:330px!important;max-width:72vw!important;flex:0 1 330px!important}.nav-links{display:none!important}.mobile-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;pointer-events:auto;touch-action:manipulation}.mobile-nav-panel{position:fixed;z-index:199;top:76px;left:20px;right:20px;padding:20px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(7,11,18,.98);box-shadow:0 28px 70px rgba(0,0,0,.38)}body.mobile-nav-open .mobile-nav-panel{display:grid!important;gap:8px}.mobile-nav-panel>a{padding:12px}.mobile-lang{display:flex;gap:8px;padding:8px 4px}.mobile-nav-panel .theme-toggle{margin:8px 4px}}
@media(max-width:560px){.brand{width:270px!important;max-width:72vw!important;flex-basis:270px!important}}

/* RC 1.2O — robust sticky mobile navigation */
.mobile-menu-native{display:none}
@media(max-width:980px){
  .nav{position:sticky!important;top:0!important;z-index:1000!important;height:78px!important;min-height:78px!important}
  .nav-inner{gap:12px!important}
  .mobile-menu-toggle{display:none!important}
  .mobile-menu-native{display:block;position:relative;flex:0 0 auto}
  .mobile-menu-native summary{list-style:none;display:grid;width:52px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.055);cursor:pointer}
  .mobile-menu-native summary::-webkit-details-marker{display:none}
  .hamburger{display:grid;gap:5px;width:22px}
  .hamburger i{display:block;height:2px;border-radius:4px;background:#fff;transition:transform .2s ease,opacity .2s ease}
  .mobile-menu-native[open] .hamburger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobile-menu-native[open] .hamburger i:nth-child(2){opacity:0}
  .mobile-menu-native[open] .hamburger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobile-menu-native .mobile-nav-panel{display:none!important;position:fixed!important;z-index:1001!important;top:78px!important;left:14px!important;right:14px!important;padding:16px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:16px!important;background:rgba(6,10,17,.985)!important;box-shadow:0 24px 70px rgba(0,0,0,.55)!important}
  .mobile-menu-native[open] .mobile-nav-panel{display:grid!important;gap:4px!important}
  .mobile-menu-native .mobile-nav-panel>a{display:block;padding:13px 14px!important;border-radius:9px}
  .mobile-menu-native .mobile-nav-panel>a:active{background:rgba(72,199,244,.1)}
  .brand{width:360px!important;max-width:calc(100vw - 94px)!important;flex:1 1 auto!important}
}
@media(max-width:560px){
  .brand{width:auto!important;max-width:calc(100vw - 92px)!important;flex:1 1 auto!important}
  .brand-logo-img{width:100%!important}
}
