.offcanvas{position:fixed;top:0;left:0;width:320px;max-width:90vw;height:100vh;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.15);transform:translateX(-105%);transition:transform .3s ease;z-index:999999;overflow-y:auto;padding:24px}body.show-menu #offcanvas-menu.offcanvas{transform:translateX(0)}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:999998}body.show-menu .overlay{opacity:1;pointer-events:auto}.menu-toggle{background:transparent;border:0;font-size:22px;line-height:1;cursor:pointer}@media (max-width:980px){.offcanvas{width:86vw}}