/* Opt-in navigation on every viewport; content uses the full width. */
:root{--mx-sidebar:0px}
.mx-menu{display:block;flex-shrink:0}
.mx-sidebar{width:min(280px,calc(100vw - 44px));transform:translateX(-100%);visibility:hidden;transition:transform .2s ease,visibility .2s;z-index:55}
.mx-menu-open .mx-sidebar{transform:translateX(0);visibility:visible}
.mx-menu-open{overflow:hidden}
.mx-scrim{position:fixed;inset:var(--mx-header) 0 0;background:rgba(0,0,0,.6);border:0;z-index:50;width:100%;height:calc(100dvh - var(--mx-header));cursor:pointer}
.mx-product .page-main-wrap{margin-left:0!important}
.mx-footer{margin-left:0}
@media(prefers-reduced-motion:reduce){.mx-sidebar{transition:none}}