/* Shared navigation for pre-rendered React pages and PHP blog pages. */
.header{z-index:80!important}
.nav-category{display:flex;align-items:center;gap:3px}
.nav-category>a{display:flex;align-items:center;min-height:82px;white-space:nowrap}
.nav-submenu-toggle{display:grid;place-items:center;width:22px;height:32px;border:0;padding:0;background:none;color:#87909a;border-radius:4px}
.nav-submenu-toggle:hover{background:#f1f3f5;color:#495463}
.nav-submenu-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.header .mega{top:100%;max-height:min(680px,calc(100vh - 100px));overflow:auto}
.header .dropdown .mega[hidden]{display:none!important}
.header .dropdown.is-open>.mega:not([hidden]){display:block}
.mega-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.mega-heading strong{font-size:13px;font-weight:600;color:#586370}
.mega-heading>span{font-size:11px;color:#89929e}
.region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 12px}
.nav-region-option{display:flex;align-items:center;gap:12px;min-height:60px;border-radius:5px;padding:12px;color:#535e6b}
.nav-region-option:hover,.header .nav-service-option:hover{background:#f5f6f8;color:#343e49}
.nav-region-option>span:nth-child(2){font-size:13px}
.nav-region-option>svg{margin-left:auto;color:#a4acb5}
.nav-option-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;color:#e47a46}
.nav-all-products{display:inline-flex;align-items:center;gap:10px;margin:15px 12px 0;padding-top:16px;border-top:1px solid #edf0f3;font-size:12px;color:#697580}
.header .mega-grid .nav-service-option{display:flex;flex-direction:row;align-items:flex-start;gap:11px;padding:12px}
.nav-option-copy{min-width:0;display:flex;flex-direction:column;gap:6px}
.header .mega-grid .nav-option-icon{color:#e47a46}
.header .mega-grid .nav-option-copy>strong{font-size:13px;font-weight:600;color:#4d5764}
.header .mega-grid .nav-option-copy>span{font-size:11px;color:#8a939e;line-height:1.7}
.menu-toggle svg:last-child{display:none}
.menu-toggle[aria-expanded=true] svg:first-child{display:none}
.menu-toggle[aria-expanded=true] svg:last-child{display:block}
@media(min-width:601px){.carousel-controls{padding-right:84px}}
@media(max-width:1200px){.nav{gap:15px}.nav-category{gap:1px}.nav-submenu-toggle{width:18px}}
@media(max-width:1050px){
 .nav-category{justify-content:space-between;gap:10px}
 .nav-category>a{flex:1;min-height:47px;font-size:14px}
 .nav-submenu-toggle{width:42px;height:42px;border:1px solid #edf0f3}
 .header .mega{max-height:none;overflow:visible;padding:8px 0 18px}
 .region-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
 .nav-region-option{padding:10px 7px;gap:7px;min-height:53px}
 .mega-heading{padding:12px 7px 10px}.mega-heading>span{display:none}
 .nav-all-products{margin-left:7px}
}
@media(max-width:600px){
 .carousel-controls{padding-right:44px}
 .carousel-selectors{gap:10px}
 .carousel-navigation{gap:5px}
 .region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nav-region-option>span:nth-child(2){font-size:11px}
 .nav-option-icon{width:28px;height:30px}.nav-option-icon svg{width:23px;height:23px}
 .header .mega-grid .nav-service-option{padding:10px 6px;gap:7px}
 .header .mega-grid .nav-option-copy>strong{font-size:12px}
 .header .mega-grid .nav-option-copy>span{font-size:10px}
}