/* SPIDER R10 - single navigation contract
   Prevents desktop dropdown and mobile navigation from coexisting. */
.header{overflow:visible!important}
.header .header-inner{position:relative!important}
.header .p2-nav-group,.header .p2-nav-menu{max-width:calc(100vw - 24px)}

@media (min-width:1025px){
  .header .nav,.header .nav.p2-nav{display:flex!important}
  .header .header-actions{display:flex!important}
  .header .mobile-toggle,.header .nav-toggle,.header .mobile-panel{display:none!important}
  .header .p2-nav-menu{max-height:min(70vh,560px);overflow-y:auto;overscroll-behavior:contain}
}

@media (max-width:1024px){
  html{scroll-padding-top:72px}
  .header .nav,.header .nav.p2-nav,.header .header-actions,.header .nav-shell,
  .header details.p2-nav-group,.header .p2-nav-menu{display:none!important}
  .header .mobile-toggle,.header .nav-toggle{
    display:grid!important;place-items:center!important;flex:0 0 46px!important;
    width:46px!important;height:46px!important;margin-left:auto!important;
    position:relative!important;inset:auto!important;z-index:1002!important;
  }
  .header .mobile-panel{
    display:none!important;position:absolute!important;top:calc(100% + 8px)!important;
    left:12px!important;right:12px!important;width:auto!important;max-width:none!important;
    margin:0!important;padding:12px!important;z-index:1001!important;
    max-height:calc(100dvh - 88px)!important;overflow-y:auto!important;overflow-x:hidden!important;
    overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch;
    background:rgba(5,12,25,.985)!important;border:1px solid rgba(188,211,244,.16)!important;
    border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.58)!important;
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  }
  .header .mobile-panel.open,.header .mobile-panel.is-open,.header .mobile-panel[data-open="true"]{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;
    visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  }
  .header .mobile-panel a{
    display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;
    min-height:46px!important;margin:0!important;padding:10px 12px!important;border-radius:12px!important;
    white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.3!important;
    color:#c7d5eb!important;background:transparent!important;text-align:left!important;
  }
  .header .mobile-panel a:hover,.header .mobile-panel a:focus-visible,.header .mobile-panel a.is-active{
    color:#fff!important;background:rgba(111,171,255,.12)!important;
  }
  .header .mobile-panel .p2-mobile-group{
    display:block!important;margin:10px 8px 4px!important;padding:8px 4px 4px!important;
    color:#ff8b4b!important;font-size:.72rem!important;font-weight:800!important;
    letter-spacing:.1em!important;text-transform:uppercase!important;border-top:1px solid rgba(188,211,244,.1)!important;
  }
  body.spider-mobile-menu-open{overflow:hidden!important}
}

@media (max-width:430px){
  .header .mobile-panel{left:8px!important;right:8px!important;padding:10px!important;border-radius:16px!important}
  .header .mobile-panel a{min-height:44px!important;padding:9px 10px!important;font-size:.95rem!important}
}