/* Keep the mobile menu control on the right; give category tabs their own bounded row. */
@media(max-width:760px){
 html body .ax-site-header:not(.ax-header-scrolled)>.ax-menu-open{grid-area:2/3;justify-self:end;margin:0;height:32px}
 html body .ax-site-header:not(.ax-header-scrolled)>.ax-top-nav{grid-area:2/1/3/3;justify-self:start;justify-content:flex-start;margin:0;gap:24px}
 html body .ax-mega-menu .ax-root-wrap{box-sizing:border-box;width:100%;min-width:0;padding:0 60px 0 18px!important}
 html body .ax-mega-menu .ax-root-tabs{display:flex!important;width:100%;min-width:0;max-width:100%;height:64px!important;gap:24px;overflow-x:auto;align-items:stretch;scrollbar-width:thin}
 html body .ax-mega-menu .ax-root-tabs button{display:flex!important;flex:0 0 auto;visibility:visible;opacity:1;white-space:nowrap;align-items:center;padding:0;font-size:16px}
 html body .ax-mega-menu .ax-menu-close{position:fixed!important;top:10px!important;right:18px!important;left:auto!important;width:44px!important;height:44px!important;visibility:visible!important;z-index:10}
 html body .ax-mega-menu .ax-menu-shell{padding-top:0!important;min-width:0;width:100%;box-sizing:border-box}
}