/* THE 13TH INDEX — V4.3.3
   iOS-safe mobile navigation overlay.
   Avoids fixed+backdrop-filter compositing issues inside the fixed header. */

@media (max-width:1180px){
  .site-header{
    overflow:visible;
  }

  .site-header.menu-open{
    height:100dvh;
    min-height:100vh;
    background:rgba(3,3,3,.96);
    border-bottom-color:rgba(255,255,255,.07);
  }

  .site-header.menu-open .site-header__inner{
    height:var(--header);
  }

  .menu-button{
    position:relative;
    z-index:30;
    min-width:44px;
    min-height:44px;
    padding:0;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-nav{
    position:absolute;
    z-index:20;
    top:var(--header);
    right:0;
    bottom:0;
    left:0;
    min-height:calc(100dvh - var(--header));
    background:rgba(3,3,3,.965);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    border-top:1px solid rgba(255,255,255,.07);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }

  .mobile-nav[hidden]{
    display:none !important;
  }

  .mobile-nav::before{
    background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 35%);
  }

  .mobile-nav__inner{
    position:relative;
    z-index:1;
    padding-top:44px;
    padding-bottom:max(44px,env(safe-area-inset-bottom));
  }

  body.menu-open{
    overflow:hidden !important;
    touch-action:none;
  }
}