/* Aplike mobile navigation; extracted from shared rules for independently
   maintained viewport composition. Do not duplicate in navigation.css. */
@media(max-width:1120px){
 .apx-header__inner{min-height:68px;gap:clamp(6px,1.3vw,12px)}
 .apx-logo{width:142px;order:0;flex:none}
 .apx-global-search{order:1;margin-left:auto}
 .apx-header__cta{display:none}
 .apx-menu-button{display:flex;order:3;flex:none;margin:0;position:relative;z-index:3}
 .apx-nav{order:4}
 .apx-nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;max-height:calc(100dvh - 68px);overflow-y:auto;overscroll-behavior-y:auto;background:#111e31;border-bottom:1px solid #6eead168;box-shadow:0 25px 70px #000b;padding:12px max(18px,calc((100vw - 960px)/2)) 20px;z-index:115}
 .apx-nav.apx-nav--open{display:block}
 .apx-nav nav>ul{display:block}.apx-nav nav>ul>li{display:flex;flex-wrap:wrap;border-bottom:1px solid #ffffff14}
 .apx-nav nav>ul>li>a{flex:1;font-size:15px;padding:16px 8px;white-space:nowrap}
 .apx-nav-expand{width:43px;height:43px}
 .apx-nav nav>ul>li.apx-menu-open>ul,.apx-nav nav>ul>li.apx-nav-mega.apx-menu-open>ul,.apx-nav nav>ul>li:not(.apx-nav-mega).apx-menu-open>ul{position:static;transform:none;left:auto;top:auto;width:100%;max-width:none;max-height:none;min-height:0;display:block;grid-template-columns:none;overflow:visible;background:#172840;border:1px solid #ffffff20;border-radius:13px;box-shadow:none;padding:10px;margin-bottom:12px;animation:apxMobileMenuOpen .24s ease-out both}
 .apx-nav nav li>ul>li{margin:5px 0}
 .apx-nav nav li>ul>li>a{font-size:clamp(12px,3.05vw,14px);padding-inline:5px}
 .apx-nav-mega>ul>li{display:flex;flex-wrap:wrap}
 .apx-nav-mega>ul>li>ul,.apx-nav-mega>ul>li.apx-menu-selected>ul{display:none;position:static;top:auto;left:auto;right:auto;width:100%;max-width:none;padding:3px;grid-template-columns:none;min-height:0;background:#0b1729;border-radius:10px}
 .apx-nav-mega>ul>li.apx-menu-open>ul{display:block;pointer-events:auto}
 .apx-nav nav>ul>li:last-child>a{margin:8px 0;padding:11px 17px;flex:none}
}

@media(max-width:480px){.apx-logo{width:130px}.apx-header__inner{gap:10px}}

@media(max-width:1120px){
 .apx-site .apx-nav.apx-nav--open{animation:apxMobileMenuOpen .24s ease-out both}
 .apx-site .apx-nav nav li.apx-menu-open>ul{animation:apxMobileMenuOpen .24s ease-out both}
}

@keyframes apxMobileMenuOpen{from{opacity:.65;translate:0 -5px}to{opacity:1;translate:0 0}}

/* Header search belongs to the mobile viewport, not to global site tools.
 * Full-width popover is viewport anchored after moving the burger right. */
@media(max-width:1120px){
  .apx-site .apx-global-search{margin-left:auto}
  .apx-site .apx-global-search__panel{
    position:fixed;top:calc(68px + env(safe-area-inset-top));left:12px;right:12px;
    width:auto;max-width:none;
  }
}
@media(max-width:480px){
  .apx-site .apx-global-search__toggle{width:39px;height:39px}
  .apx-site .apx-global-search__panel{padding:15px}
  .apx-site .apx-global-search__panel input[type="search"]{font-size:16px}
}
