/* v106: shared navigation geometry for phones, tablets and desktops. */
.premium-site .site-header{position:sticky!important;top:12px!important;width:calc(100% - 48px)!important;max-width:1440px;margin:12px auto 0!important;padding:0!important;z-index:100;background:none!important;border:0!important;overflow:visible}
.premium-site .site-header .header-inner{position:relative;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:20px!important;width:100%!important;max-width:none;min-height:76px!important;height:auto!important;padding:8px 20px!important;margin:0!important;background:#0c1522f5!important;border:1px solid #ffffff1c!important;border-radius:12px!important;box-shadow:0 10px 35px #0003!important}
.premium-site .site-header .header-inner .brand{order:0;width:112px!important;min-width:0;flex:0 0 112px;margin:0!important;padding:0;line-height:0}
.premium-site .site-header .brand img{display:block;width:100%;height:58px!important;object-fit:contain;filter:none!important;transform:none!important}
.premium-site .site-header .main-nav{order:1;gap:clamp(14px,1.8vw,26px)!important;margin:0 auto!important;align-items:center;min-width:0}
.premium-site .site-header .main-nav>a{font-size:.85rem!important;line-height:1.4!important;white-space:nowrap;text-shadow:none!important;min-height:44px;display:inline-flex;align-items:center;padding:8px 0}
.premium-site .site-header .premium-search-trigger{order:2;margin:0!important;width:44px;height:44px;border-radius:8px}
.premium-site .site-header .header-cta-group{order:3;margin:0!important;gap:0!important;flex:0 0 auto}
.premium-site .site-header .header-cta-group .header-watch.header-watch-coaching{min-height:44px!important;height:44px!important;padding:10px 14px!important;font-size:.78rem!important;white-space:nowrap}
.premium-site .site-header .menu-toggle{order:4;display:none!important}
.premium-site .mobile-nav-heading{display:none}
.premium-site .nav-backdrop{position:fixed;inset:0;z-index:90;background:#020711a8;opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s}
.premium-site.menu-open .nav-backdrop{opacity:1;visibility:visible}
.premium-site.menu-open :is(.music-player,.minigame-launcher,.back-to-top){visibility:hidden!important;pointer-events:none!important}
.premium-site .site-header :focus-visible{outline:2px solid var(--blue-light);outline-offset:3px}
@media(min-width:1101px){
  .premium-site .site-header .main-nav{display:flex!important;position:static!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;max-height:none!important}
  .premium-site .site-header .main-nav>.mobile-coaching-nav{display:none!important}
}
@media(max-width:1100px){
  .premium-site .site-header{top:8px!important;width:calc(100% - 24px)!important;margin-top:8px!important}
  .premium-site .site-header .header-inner{gap:8px!important;min-height:70px!important;padding:6px 10px!important}
  .premium-site .site-header .header-inner .brand{width:100px!important;flex-basis:100px;margin-right:auto!important}
  .premium-site .site-header .brand img{height:56px!important}
  .premium-site .site-header .header-cta-group{display:none!important}
  .premium-site .site-header .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:auto!important;min-width:84px;min-height:44px;height:44px!important;padding:0 12px!important;margin:0!important;border:1px solid #40536b!important;border-radius:8px!important;background:#152237!important;color:#eaf2fc!important;box-shadow:none!important;flex:0 0 auto}
  .premium-site .site-header .menu-toggle:hover,.premium-site .site-header .menu-toggle[aria-expanded=true]{background:#20334b!important;border-color:#7397bd!important}
  .premium-site .site-header .menu-label{font:600 .76rem/1.2 var(--body);letter-spacing:0}
  .premium-site .site-header .menu-toggle svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
  .premium-site .menu-toggle .menu-close-icon,.premium-site .menu-toggle[aria-expanded=true] .menu-open-icon{display:none}
  .premium-site .menu-toggle[aria-expanded=true] .menu-close-icon{display:block}
  .premium-site .site-header .main-nav{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;bottom:auto!important;width:auto!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 102px - env(safe-area-inset-bottom))!important;margin:0!important;padding:12px!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;background:#0d1929!important;border:1px solid #34495f!important;border-radius:12px!important;box-shadow:0 20px 45px #0008!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important}
  .premium-site .site-header .main-nav.open{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:4px!important}
  .premium-site .mobile-nav-heading{display:block;margin:4px 12px 10px;color:#92a9c2!important;font-size:.6rem;line-height:1.5;font-weight:600;letter-spacing:.16em}
  .premium-site .site-header .main-nav>a:not(.mobile-coaching-nav){position:relative;display:flex!important;align-items:center!important;justify-content:space-between;width:100%!important;min-height:48px!important;height:auto!important;padding:12px!important;margin:0!important;flex:0 0 auto;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#d1ddec!important;font-size:.93rem!important;font-weight:500!important;line-height:1.4!important;box-shadow:none!important}
  .premium-site .site-header .main-nav>a:not(.mobile-coaching-nav):after{content:'↗'!important;position:static!important;display:block!important;inset:auto!important;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;color:#819ab5!important;transform:none!important;font-size:.9rem;opacity:1!important}
  .premium-site .site-header .main-nav>a:not(.mobile-coaching-nav):hover,.premium-site .site-header .main-nav>a:not(.mobile-coaching-nav):focus-visible{background:#1b2d43!important;color:#fff!important}
  .premium-site .site-header .main-nav>a[aria-current=page]:not(.mobile-coaching-nav){background:color-mix(in srgb,var(--blue) 12%,#0d1929)!important;border-color:color-mix(in srgb,var(--blue) 35%,#25384d)!important;color:#fff!important}
  .premium-site .site-header .main-nav>a[aria-current=page]:not(.mobile-coaching-nav):after{content:'●'!important;font-size:.48rem;color:var(--blue-light)!important}
  .premium-site .site-header .main-nav>a.mobile-coaching-nav{display:flex!important;justify-content:center!important;align-items:center!important;gap:9px!important;min-height:48px!important;width:100%!important;padding:12px!important;margin:8px 0 0!important;font-size:.86rem!important;line-height:1.4!important;border:1px solid #4d6886!important;border-radius:7px!important;background:#203650!important;color:#f4f8ff!important;box-shadow:none!important;flex:0 0 auto}
  .premium-site .site-header .main-nav>a.mobile-coaching-nav:hover,.premium-site .site-header .main-nav>a.mobile-coaching-nav[aria-current=page]{background:#2d4867!important;border-color:#8aacca!important}
  .premium-site .site-header .main-nav>a.mobile-coaching-nav{position:relative!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;overflow:visible!important;min-width:0!important}
  .premium-site .site-header .main-nav>a.mobile-coaching-nav .coaching-icon{width:18px!important;height:18px!important;color:inherit!important;stroke:currentColor!important}
  .premium-site .site-header .main-nav>a.mobile-coaching-nav:after{display:none!important}
  html:not(.js-ready) .premium-site .site-header .menu-toggle{display:inline-flex!important}
  html:not(.js-ready) .premium-site .site-header .header-inner{flex-wrap:nowrap}
  html:not(.js-ready) .premium-site .site-header .main-nav{display:none!important}
}
@media(prefers-reduced-motion:reduce){.premium-site .nav-backdrop{transition:none}}

/* v108 — stable mobile header geometry and transform-only menu entrance. */
@media(max-width:1100px){
  .premium-site .site-header .menu-toggle{width:90px!important;min-width:90px!important;max-width:90px!important}
  .premium-site .site-header .main-nav.open{animation:mhqNavIn .16s ease-out both;transform-origin:top right}
}
@keyframes mhqNavIn{from{opacity:0;transform:translateY(-5px) scale(.992)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.premium-site .site-header .main-nav.open{animation:none}}