/* Additional customer menus keep the existing glass controls and typography. */
@media(min-width:1200px){
 .header.header-diy .nav{grid-template-columns:66px minmax(0,1fr) auto 46px;gap:14px}
 .header-diy .bulk-navigation{justify-self:center;gap:8px}
 .header-diy .nav-group>summary{white-space:nowrap}
}
/* At narrower desktop widths use the existing accessible menu presentation. */
@media(min-width:951px) and (max-width:1199px){
 .header.header-diy .nav{display:flex;justify-content:flex-start;gap:14px}
 .header-diy .brand-mark{margin-right:auto}
 .header-diy .nav .menu{display:block}
 .header .bulk-navigation{display:none;position:absolute;top:100%;left:0;right:0;transform:none;background:#fff;padding:24px;z-index:60;box-shadow:0 12px 20px #0002;max-height:calc(100svh - 104px);overflow:auto;gap:8px}
 .header .bulk-navigation.open{display:flex;flex-direction:column;align-items:stretch}
 .header .nav-group{width:100%}
 .header .nav-group>summary{justify-content:space-between;padding:12px;font-size:16px}
 .header .nav-submenu,.header .nav-group:last-of-type .nav-submenu{position:static;min-width:0;max-height:none;box-shadow:none;padding:7px 10px;margin-top:8px;margin-bottom:8px}
 .header .nav-submenu>a{font-size:14px;padding:11px 8px}
 .header .nav-guides-expanded{width:100%;max-height:none}
 .header .nav-guide-list{grid-template-columns:1fr}
 .header .bulk-navigation .bulk-search-open{width:100%;box-sizing:border-box;justify-content:flex-start}
 .header.header-diy:not(.nav-ready) .nav{height:auto;min-height:104px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
 .header:not(.nav-ready) .menu{display:none}
 .header.header-diy:not(.nav-ready) .bulk-navigation{display:flex;position:static;order:5;width:100%;max-height:none;flex-wrap:wrap;overflow:visible;box-shadow:none;padding:0}
}