/* 2026-08-22 mobile account menu top-layer fix.
   Keep the opened SwapThing header menu above sticky page heroes/cards such as /pricing. */
body.menu-open .site-header,
body:has(.site-header .nav.is-open) .site-header{
  position:sticky!important;
  top:0!important;
  z-index:2147483600!important;
  isolation:isolate!important;
  overflow:visible!important;
}
body.menu-open .site-header-inner,
body:has(.site-header .nav.is-open) .site-header-inner,
body.menu-open .header-actions,
body.menu-open .profile-menu-section,
body:has(.site-header .nav.is-open) .header-actions,
body:has(.site-header .nav.is-open) .profile-menu-section{
  position:relative!important;
  z-index:2147483601!important;
  overflow:visible!important;
}
.site-header .nav.is-open,
body.menu-open .site-header .nav.is-open,
body:has(.site-header .nav.is-open) .site-header .nav.is-open{
  position:fixed!important;
  top:calc(env(safe-area-inset-top,0px) + 76px)!important;
  right:10px!important;
  left:auto!important;
  width:min(340px,calc(100vw - 20px))!important;
  max-height:calc(100svh - 92px)!important;
  overflow:auto!important;
  z-index:2147483647!important;
  pointer-events:auto!important;
  transform:translateZ(0)!important;
  isolation:isolate!important;
}
body.menu-open main.site-main,
body:has(.site-header .nav.is-open) main.site-main{
  position:relative!important;
  z-index:0!important;
}
body.menu-open .pricing-hero-v2,
body:has(.site-header .nav.is-open) .pricing-hero-v2,
body.menu-open .pricing-page-v2 .pricing-hero-v2,
body:has(.site-header .nav.is-open) .pricing-page-v2 .pricing-hero-v2{
  z-index:1!important;
}
@media(max-width:760px){
  .site-header .nav.is-open,
  body.menu-open .site-header .nav.is-open,
  body:has(.site-header .nav.is-open) .site-header .nav.is-open{
    top:calc(env(safe-area-inset-top,0px) + 72px)!important;
    right:8px!important;
    width:min(326px,calc(100vw - 16px))!important;
  }
}