:root{--s360-mobile-menu-bar:var(--mobile-topbar-h,64px);--s360-mobile-sidebar:min(88vw,330px);}

@media (max-width:1200px){
  .mobile-topbar{
    position: fixed !important;
    z-index: 2000 !important;
    pointer-events: auto !important;
  }

  .menu-overlay,
  .sidebar,
  .premium-sidebar,
  .mf-force-sidebar{
    transition: transform .22s ease, opacity .22s ease !important;
  }

  .menu-overlay{
    top: var(--s360-mobile-menu-bar) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    background: rgba(0,0,0,.40) !important;
    z-index: 1600 !important;
    cursor: pointer !important;
    pointer-events: none !important;
    opacity: 0 !important;
    display: none !important;
  }
  body.menu-open .menu-overlay{
    display: block !important;
    left: var(--s360-mobile-sidebar) !important;
    pointer-events: auto !important;
    opacity: 1 !important;
  }

  .menu-toggle{
    position: relative !important;
    z-index: 1650 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .mobile-user-action{
    position: relative !important;
    z-index: 2050 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
  }

  .mobile-topbar{
    pointer-events: auto !important;
  }

  .sidebar,
  .premium-sidebar,
  .mf-force-sidebar{
    left: 0 !important;
    right: auto !important;
    width: var(--s360-mobile-sidebar) !important;
    transform: translateX(-110%) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    touch-action: pan-y !important;
    z-index: 1700 !important;
    top: var(--s360-mobile-menu-bar) !important;
    height: calc(100dvh - var(--s360-mobile-menu-bar)) !important;
  }
  body.menu-open .sidebar,
  body.menu-open .premium-sidebar,
  body.menu-open .mf-force-sidebar{
    transform: translateX(0) !important;
  }

  body.menu-open .main{
    pointer-events: none !important;
  }

  body.menu-open .sidebar,
  body.menu-open .sidebar *,
  body.menu-open .premium-sidebar,
  body.menu-open .premium-sidebar *,
  body.menu-open .mf-force-sidebar,
  body.menu-open .mf-force-sidebar *{
    pointer-events: auto !important;
  }

  .main-nav .nav-section-toggle,
  .main-nav .nav-link{
    position: relative !important;
    z-index: 2 !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

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