/* 2.3.12.78: fix the drawer's containing block and compact the MOBILE menu.
 * The original header uses backdrop-filter, which makes position:fixed descendants
 * relative to the header instead of the viewport. Do not change desktop styling.
 */
@media (max-width:1180px){
  .mx-navigation-band>.header.neo-header.mx-main-header{
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .mx-navigation-band>.header.neo-header.mx-main-header>#mx-main-navigation{
    width:min(82vw,340px)!important;max-width:340px!important;
    padding:0 12px calc(18px + env(safe-area-inset-bottom))!important;
  }
  .mx-navigation-band #mx-main-navigation>.mx-mobile-nav-head{
    padding:12px 0 10px!important;margin-bottom:3px!important;
  }
  .mx-navigation-band #mx-main-navigation>a,
  .mx-navigation-band #mx-main-navigation>.mx-nav-group>summary{
    min-height:44px!important;padding:9px 12px!important;
    border-radius:10px!important;
  }
  .mx-navigation-band #mx-main-navigation>.mx-nav-group>summary::after{
    content:'⌄'!important;display:inline-block!important;
    margin-left:auto!important;padding-left:8px!important;
    font-size:20px!important;line-height:1!important;
    color:#b2dafa!important;transform:none!important;
  }
  .mx-navigation-band #mx-main-navigation>.mx-nav-group[open]>summary::after{
    transform:rotate(180deg)!important;
  }
  .mx-navigation-band #mx-main-navigation>.mx-nav-group[open]>.mx-nav-submenu{
    margin:3px 0 5px!important;
  }
  .mx-navigation-band #mx-main-navigation .mx-nav-submenu a{
    min-height:40px!important;padding:9px 10px!important;
  }
}
@media(max-width:375px){
  .mx-navigation-band>.header.neo-header.mx-main-header>#mx-main-navigation{
    width:88vw!important;max-width:330px!important;
  }
}