.main-nav{position:relative;z-index:30}
.menu-top,.menu-links{list-style:none;margin:0;padding:0}
.menu-top{display:flex;justify-content:center;gap:30px}
.menu-topline{display:flex;align-items:center;position:relative}
.menu-toplink{display:block;padding:16px 0;font-size:0.875rem;font-weight:500;white-space:nowrap}
.menu-toggle{display:grid;place-items:center;flex-shrink:0;width:32px;height:40px;padding:0;border:0;background:transparent;color:var(--blue);cursor:pointer;border-radius:4px}
.menu-toggle svg{transition:transform .18s}
.menu-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.menu-topline:has(.menu-toggle[aria-expanded=true])::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--blue)}
.menu-panel{position:absolute;left:36px;right:36px;top:100%;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;box-shadow:0 20px 32px #17345120;max-height:min(650px,72svh);overflow-y:auto;overscroll-behavior:contain}
.menu-panel[hidden]{display:none}
.menu-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:28px;padding:30px 32px}
.menu-heading{font:600 0.875rem/1.6 'Poppins',sans-serif;letter-spacing:.035em;color:var(--navy);margin:0 0 13px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.menu-links a,.menu-subheading{display:block;font:0.875rem/1.45 'Open Sans',sans-serif;padding:6px 0;color:#526477}
.menu-links a:hover,.menu-links a:focus-visible{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.menu-links .menu-links{padding:2px 0 4px 12px;border-left:1px solid var(--line)}
.menu-subheading{font-weight:600;color:var(--navy)}
.menu-panel-bottom{padding:14px 32px;background:#f3f7fb;border-top:1px solid var(--line)}
.menu-panel-bottom a{display:flex;align-items:center;justify-content:space-between;font-size:0.875rem;font-weight:500;color:var(--blue)}
.nav-heading{display:block;font-weight:600;margin-bottom:10px}
@media(max-width:1050px){.menu-top{gap:16px}.menu-toplink{font-size:0.875rem}.menu-toggle{width:27px}.menu-panel{left:25px;right:25px}.menu-columns{gap:22px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));padding:24px}.menu-links a{font-size:0.875rem}}
@media(max-width:760px){.main-nav{padding-bottom:10px}.menu-top{display:block}.menu-top>.menu-item{border-top:1px solid var(--line)}.menu-topline{justify-content:space-between;gap:10px}.menu-toplink{flex:1;font-size:14px;padding:15px 0}.menu-toggle{width:44px;height:44px;border:1px solid var(--line);margin:5px 0}.menu-topline:has(.menu-toggle[aria-expanded=true])::after{display:none}.menu-panel{position:static;border:0;border-radius:0;box-shadow:none;max-height:65svh;margin-bottom:12px;background:#f7f9fc}.menu-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;padding:20px 15px}.menu-heading{font-size:0.875rem;margin-bottom:8px}.menu-links a{padding:8px 0;font-size:0.875rem;overflow-wrap:anywhere}.menu-panel-bottom{padding:14px 15px}.menu-panel-bottom a{font-size:0.875rem}}
@media(prefers-reduced-motion:reduce){.menu-toggle svg{transition:none}}

/* Sale categories share one flat level, arranged in columns for scanning. */
.site-header .menu-sale .menu-columns{grid-template-columns:minmax(0,1fr)}
.menu-sale .menu-column>.menu-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:28px}
@media(max-width:1050px){.menu-sale .menu-column>.menu-links{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px}}
@media(max-width:760px){.menu-sale .menu-column>.menu-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}}
@media(max-width:480px){.menu-sale .menu-column>.menu-links{grid-template-columns:minmax(0,1fr)}}