/* Keep the opaque mobile header and its menu attached to the viewport. */
.site-header,
.site-header.notice-hidden,
.site-header.menu-open {
  background:#fff !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

@media (max-width:1024px) {
  html.mobile-nav-open,
  html.mobile-nav-open body {
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }

  html.mobile-nav-open body {
    position:fixed !important;
    top:var(--pcx-menu-body-top,0px) !important;
    right:0 !important;
    left:0 !important;
    width:100% !important;
  }

  html.mobile-nav-open .site-header.menu-open,
  html.mobile-nav-open .site-header.menu-open.notice-hidden,
  html.mobile-nav-open .site-header.menu-open:not(.notice-hidden) {
    position:fixed !important;
    top:var(--pcx-menu-header-top,0px) !important;
    right:0 !important;
    left:0 !important;
    width:100% !important;
    margin:0 !important;
    background:#fff !important;
    transform:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    transition:none !important;
  }

  html.mobile-nav-open .site-header.menu-open .nav,
  html.mobile-nav-open .site-header.menu-open.notice-hidden .nav,
  html.mobile-nav-open .site-header.menu-open:not(.notice-hidden) .nav {
    display:flex !important;
    position:fixed !important;
    top:var(--pcx-menu-panel-top,76px) !important;
    right:0 !important;
    bottom:auto !important;
    left:0 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:calc(100dvh - var(--pcx-menu-panel-top,76px)) !important;
    margin:0 !important;
    border-radius:0 !important;
    transform:none !important;
  }
}