/* Blue Alloy rail navigation: the primary nav uses the store's own .site-nav rules
   (vertical rail on desktop, bottom bar under 900px); this only stacks the
   .mega-nav-inner wrapper so the .site-nav a styles line up. */
.site-nav .mega-nav-inner{display:flex;flex-direction:column;gap:.25rem;width:100%}
@media (max-width: 900px){
  .site-nav .mega-nav-inner{flex-direction:row;justify-content:space-around;gap:0;overflow-x:auto}
}
/* Under 900px the rail becomes a top bar and .site-nav a fixed bottom bar. The
   header's backdrop-filter turns it into the containing block for that fixed
   nav (so it landed on top of the brand); drop the filter on mobile. */
@media (max-width: 900px){
  .site-header{backdrop-filter:none;-webkit-backdrop-filter:none}
}