/* One product disclosure shared by desktop, tablet and mobile navigation. */
#product-menu[hidden]{display:none!important}
.nav #main-nav{position:static}
.nav #product-menu{display:block;position:absolute;left:calc(50% - 50vw);right:auto;top:80px;width:100vw;max-height:calc(100dvh - 108px);overflow-y:auto;overscroll-behavior:contain;padding:28px 0;z-index:51;opacity:1;visibility:visible;transform:none;background:#fff}
.nav #product-menu .mega-grid{grid-template-columns:200px minmax(0,1fr);gap:30px}
.nav #product-menu .mega-products{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.nav #product-menu .mega-products img{height:90px}
.nav #product-menu .mega-products a{font-size:.875rem;line-height:1.5;padding:8px;border-radius:6px}
.nav #product-menu .mega-products a:hover{background:#f4f6f8;color:#a90e18}
.nav #product-menu .mega-tab{font:inherit;font-size:.875rem;min-height:44px}
.nav .products-btn[aria-expanded=true]>span{transform:rotate(180deg)}
@media(max-width:1100px){
 .nav #main-nav{display:none;position:absolute;left:0;right:0;top:80px;height:auto;max-height:calc(100dvh - 108px);overflow-y:auto;overscroll-behavior:contain;padding:14px 18px;background:#fff;box-shadow:0 15px 25px rgba(0,0,0,.13);align-items:stretch;gap:4px}
 .nav #main-nav.open{display:flex;flex-direction:column}
 .nav #main-nav>a,.nav .products-btn{display:flex;width:100%;height:auto;min-height:44px;padding:12px 0;align-items:center;justify-content:space-between;font-size:1rem;text-align:left}
 .nav #product-menu{display:block;position:static;left:auto;right:auto;top:auto;width:100%;max-height:none;overflow:visible;padding:8px 0 16px;box-shadow:none;border-top:1px solid #e2e6eb;border-bottom:1px solid #e2e6eb;transform:none}
 .nav #product-menu .container{width:100%;margin:0}
 .nav #product-menu .mega-grid{display:block}
 .nav #product-menu .mega-grid>div:first-child{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px}
 .nav #product-menu .mega-grid>div:first-child>span,.nav #product-menu h3{display:none}
 .nav #product-menu .mega-tab{width:auto;flex:1;margin:0;padding:10px;text-align:center}
 .nav #product-menu .mega-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .nav #product-menu .mega-products a{font-size:.875rem;padding:8px 4px}
 .nav #product-menu .mega-products img{height:70px}
}
@media(max-width:760px){.nav #main-nav{top:68px;max-height:calc(100dvh - 94px)}}
@media(max-width:420px){.nav #product-menu .mega-products{grid-template-columns:repeat(2,minmax(0,1fr))}}