@media (max-width:768px){#mobile-menu{position:fixed;top:0;left:0;width:256px;height:100vh;background-color:#fff;box-shadow:2px 0 10px rgba(0,0,0,.15);z-index:2;transform:translateX(-100%);transition:transform .3s ease-in-out;overflow-y:auto}#mobile-menu.open{transform:translateX(0)}#mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.4);z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}#mobile-menu-overlay.show{opacity:1;visibility:visible}body.menu-open{overflow:hidden;position:fixed;width:100%}}@media (max-width:480px){#mobile-menu{width:240px}}