/* Movermarket mobile menu global fix v9
   Purpose: fixes mobile navigation clipping caused by per-page .nav containment rules.
   Loaded after each page's embedded CSS, so !important rules override old static HTML CSS.
*/
@media(max-width:900px){
  .nav{
    contain:none !important;
    overflow:visible !important;
    clip-path:none !important;
    transform:none !important;
    isolation:auto !important;
    z-index:2147483000 !important;
  }
  html.mm-mobile-menu-open,
  body.mm-mobile-menu-open,
  html.mm-menu-open,
  body.mm-menu-open{
    overflow:hidden !important;
    overscroll-behavior:none !important;
    touch-action:none !important;
  }
  .nav:before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    background:rgba(7,16,28,.58) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .22s ease, visibility .22s ease !important;
    z-index:2147483001 !important;
  }
  .nav.menu-open:before{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  .nav .menu{
    display:flex !important;
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    width:min(86vw,390px) !important;
    max-width:calc(100vw - 26px) !important;
    height:100dvh !important;
    max-height:100dvh !important;
    margin:0 !important;
    padding:86px 18px 30px !important;
    box-sizing:border-box !important;
    border-radius:30px 0 0 30px !important;
    background:rgba(255,255,255,.99) !important;
    border:1px solid rgba(220,234,242,.95) !important;
    border-right:0 !important;
    box-shadow:-24px 0 60px rgba(8,31,52,.26) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:8px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    transform:translateX(108%) !important;
    opacity:1 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:transform .26s ease, visibility .26s ease !important;
    z-index:2147483002 !important;
    clip-path:none !important;
    contain:none !important;
  }
  .nav.menu-open .menu{
    transform:translateX(0) !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  .nav .menu > a,
  .nav .menu .nav-parent{
    width:100% !important;
    min-height:52px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:14px 16px !important;
    border-radius:16px !important;
    font-size:17px !important;
    font-weight:800 !important;
    line-height:1.15 !important;
    color:var(--ink) !important;
    background:transparent !important;
    white-space:normal !important;
    box-sizing:border-box !important;
    letter-spacing:-.01em !important;
  }
  .nav .menu > a:first-child{
    background:rgba(250,67,115,.10) !important;
    color:var(--pink) !important;
  }
  .nav .menu a.mobile-menu-quote{
    display:flex !important;
    order:-1 !important;
    justify-content:center !important;
    align-items:center !important;
    min-height:56px !important;
    margin:0 0 10px !important;
    color:#fff !important;
    background:linear-gradient(135deg,var(--pink),#ff6f93) !important;
    box-shadow:0 14px 28px rgba(250,67,115,.22) !important;
    text-align:center !important;
  }
  .nav.menu-open .mobile-menu-toggle{
    position:fixed !important;
    top:24px !important;
    right:18px !important;
    z-index:2147483003 !important;
    background:#fff !important;
  }
}
@media(max-width:420px){
  .nav .menu{
    width:min(88vw,360px) !important;
    max-width:calc(100vw - 22px) !important;
    padding:82px 14px 26px !important;
    border-radius:26px 0 0 26px !important;
  }
  .nav.menu-open .mobile-menu-toggle{
    top:20px !important;
    right:14px !important;
  }
}