/* PromptSaar unified mobile menu controller v3 */

@media(max-width:767px){
  html.ps-v3-menu-lock{
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }

  body.ps-v3-menu-lock{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }

  #psV3MenuBackdrop{
    position:fixed !important;
    top:var(--ps-v3-header-bottom,64px) !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    z-index:99980 !important;
    display:none;
    background:rgba(247,248,250,.90) !important;
    backdrop-filter:blur(7px) !important;
    -webkit-backdrop-filter:blur(7px) !important;
    touch-action:none !important;
  }

  body.ps-v3-menu-open #psV3MenuBackdrop{
    display:block !important;
  }

  body.ps-v3-menu-open #menuPanel{
    z-index:99999 !important;
  }

  body.ps-v3-menu-floating #menuPanel{
    position:fixed !important;
    top:calc(var(--ps-v3-header-bottom,64px) + 6px) !important;
    left:12px !important;
    right:12px !important;
    bottom:auto !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(
      100dvh - var(--ps-v3-header-bottom,64px) - 18px
    ) !important;
    margin:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-y !important;
    box-shadow:0 22px 60px rgba(15,18,28,.22) !important;
  }

  body.ps-v3-menu-inline #menuPanel{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    width:calc(100% - 24px) !important;
    margin:10px auto 12px !important;
    max-height:none !important;
    overflow:visible !important;
  }

  #menuPanel[hidden]{
    display:none !important;
  }
}