html, body{ overflow-x:hidden; }
#mobileOverlay, .mobile-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.5); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s ease; z-index:9998; }
#mobileDrawer, .mobile-drawer{ position:fixed; top:0; right:0; bottom:0; width:86vw; max-width:380px; background:#11131a; color:#fff; box-shadow:-20px 0 40px rgba(0,0,0,.4); transform:translateX(100%); opacity:0; visibility:hidden; pointer-events:none; transition:transform .25s ease, opacity .2s ease, visibility 0s linear .25s; z-index:9999; }
#mobileOverlay.is-open, .mobile-overlay.is-open{ opacity:1; visibility:visible; pointer-events:auto; }
#mobileDrawer.is-open, .mobile-drawer.is-open{ transform:translateX(0); opacity:1; visibility:visible; pointer-events:auto; transition:transform .25s ease, opacity .2s ease; }
@media (min-width:981px){ #mobileOverlay, .mobile-overlay{ display:none!important; } #mobileDrawer, .mobile-drawer{ display:none!important; } }
@media (max-width:360px){ #mobileDrawer, .mobile-drawer{ width:92vw; } }