/* 3.7.14 · reliable mobile navigation viewport and bottom-safe account links */
@media(max-width:960px){
  html.menu-open,body.menu-open{overflow:hidden!important;overscroll-behavior:none}
  .mobile-menu{
    top:0!important;
    bottom:auto!important;
    z-index:1302!important;
    height:var(--sss-mobile-viewport-height,100vh)!important;
    height:var(--sss-mobile-viewport-height,100dvh)!important;
    max-height:var(--sss-mobile-viewport-height,100dvh)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    scroll-padding-bottom:calc(28px + env(safe-area-inset-bottom));
    padding-bottom:calc(28px + env(safe-area-inset-bottom))!important;
  }
  .mobile-menu-head{position:sticky;top:0;z-index:2;background:#fff}
  .mobile-menu>a:last-child{margin-bottom:4px}
  .menu-overlay{z-index:1301!important}
  .mobile-bottom-nav{transition:opacity .18s ease,transform .22s ease,visibility .22s!important}
  body.menu-open .mobile-bottom-nav{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate(-50%,calc(100% + 44px + env(safe-area-inset-bottom)))!important;
  }
}
@supports not (height:100dvh){
  @media(max-width:960px){.mobile-menu{height:var(--sss-mobile-viewport-height,100vh)!important;max-height:var(--sss-mobile-viewport-height,100vh)!important}}
}
@media print{.mobile-menu,.menu-overlay{display:none!important}}
