.site-header details.mega-menu:not([open]) > .menu-panel{display:none}
.site-header details[open] > .category-mega-panel{display:block}

@media (min-width:681px){
  .site-header details.mega-menu:hover > .menu-panel,
  .site-header details.mega-menu:focus-within > .menu-panel{display:grid}
  .site-header details.mega-menu:hover > .category-mega-panel,
  .site-header details.mega-menu:focus-within > .category-mega-panel{display:block}
  .site-header .mega-menu{position:static}
  .site-header .menu-panel,
  .site-header .menu-panel.compact,
  .site-header .category-mega-panel{
    position:absolute;
    inset:100% 0 auto;
    z-index:30;
    width:100%;
    max-width:none;
    margin:0;
    padding:30px clamp(24px,5vw,80px);
    transform:none;
    border-width:1px 0;
    border-radius:0;
    background:#fff;
    box-shadow:0 24px 45px #0002;
  }
  .site-header .category-mega-panel{padding:0;max-height:calc(100vh - 110px);overflow:auto}
  .site-header .category-mega-inner{
    width:100%;
    max-width:none;
    margin:0;
    padding:14px clamp(24px,4vw,64px) 16px;
    grid-template-columns:repeat(7,minmax(0,1fr));
    column-gap:clamp(18px,2.2vw,34px);
    row-gap:10px;
  }
  .site-header .category-mega-inner section{align-self:start;gap:0}
  .site-header .category-mega-inner a{padding:0;font-size:11.5px;line-height:1.1}
  .site-header .category-mega-inner .mega-heading{margin-bottom:2px;font-size:13.5px;line-height:1.15}
  .site-header .menu-panel.compact{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (max-width:1000px) and (min-width:681px){
  .site-header .category-mega-panel{max-height:calc(100vh - 154px)}
  .site-header .category-mega-inner{grid-template-columns:repeat(4,minmax(0,1fr));padding-block:18px;row-gap:14px}
  .site-header .menu-panel.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:680px){
  .site-header .menu-panel,
  .site-header .menu-panel.compact,
  .site-header .category-mega-panel{left:0;right:0;width:100vw;max-width:none;border-radius:0}
}