/* Header / primary navigation rules recovered from the old pattern-exporter.css (nav only). */
.mega-nav{grid-column:1/-1;width:100%;min-width:0;position:relative;z-index:20;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent);margin-top:.65rem;overflow:hidden}
.mega-nav-inner{display:flex;align-items:center;justify-content:flex-start;gap:.12rem;width:100%;max-width:1320px;box-sizing:border-box;margin:auto;padding:.42rem .55rem;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.mega-nav-link{flex:0 0 auto;padding:.58rem .68rem;border-radius:999px;color:inherit;text-decoration:none;white-space:nowrap;font-size:clamp(.7rem,.78vw,.82rem);font-weight:760;line-height:1.15}
.mega-nav-link:hover,.mega-nav-link:focus-visible{background:color-mix(in srgb,currentColor 11%,transparent);outline:none}
.mega-nav-link+.mega-nav-link{border-left:1px solid color-mix(in srgb,currentColor 12%,transparent)}
/* The catalog search bar hangs 25px below the header (margin-bottom:-25px); push the nav row clear of it. */
.site-header .mega-nav{margin-top:2.4rem;border-top:0}
/* Keep the primary nav reachable on phones (it scrolls horizontally); app.css hid it. */
@media (max-width: 900px){
  .site-header .mega-nav{display:block;margin-top:2.2rem}
}