/* A single full-width header block, with search above the brand bar. */
header{background:#fff}
header>.nav{width:100%;max-width:none;margin:0;padding:20px 4%;display:grid;grid-template-columns:220px auto minmax(225px,1fr) auto auto auto;align-items:center;gap:18px 20px;overflow:visible;background:#fff}
.nav>.header-brand-contact{grid-column:1;grid-row:1}
.nav>.store-location{grid-column:2;grid-row:1}
.nav>.navlinks.mega-triggers{grid-column:4;grid-row:1;justify-self:end;margin:0}
.nav>.header-socials{grid-column:5;grid-row:1}
.nav>.lang{grid-column:6;grid-row:1;margin:0;justify-self:end;width:auto}
.nav>.header-product-search{grid-column:1/4;grid-row:2;width:100%;max-width:none;margin:0;padding:0;background:transparent;gap:18px;min-width:0;box-shadow:none}
.nav>.header-product-search>div{max-width:none;min-width:0}
.nav>.header-product-search input{width:100%;min-width:0}
.nav>.header-actions{grid-column:4/7;grid-row:2;display:flex;align-items:center;justify-content:flex-end;gap:10px;width:auto;margin:0;max-width:none}
.nav .header-actions>.btn{white-space:nowrap;padding:14px 12px;font-size:11px}
.nav .header-actions>.free-water-badge{position:static;display:flex;margin:0;left:auto;right:auto;top:auto;padding:10px 12px;white-space:nowrap}
.nav .header-actions .free-water-badge strong{font-size:11px}
.nav .header-actions .free-water-badge small{font-size:9px}
@media(max-width:1150px){
 header>.nav{grid-template-columns:auto minmax(0,1fr) auto auto;gap:16px;padding:18px 4%}
 .nav>.store-location{justify-self:start}
 .nav>.navlinks.mega-triggers{grid-column:2;grid-row:2;justify-self:start}
 .nav>.header-socials{grid-column:3;grid-row:1}
 .nav>.lang{grid-column:4;grid-row:1}
 .nav>.header-product-search{grid-column:1/5;grid-row:3}
 .nav>.header-actions{grid-column:3/5;grid-row:2}
}
@media(max-width:700px){
 header>.nav{grid-template-columns:minmax(0,1fr) auto;gap:16px 12px;padding:16px 5%}
 .nav>.header-brand-contact{grid-column:1;grid-row:1;justify-self:start}
 .nav .header-brand-contact .logo img{width:190px;max-width:100%;height:auto}
 .nav>.store-location{grid-column:2;grid-row:1;padding:8px 10px;gap:6px;min-width:0}
 .nav .store-pin{width:18px}.nav .store-map-arrow{display:none}
 .nav .store-location-copy strong{font-size:12px}.nav .store-location-copy>span{font-size:9px}.nav .store-location-copy small{font-size:9px}
 .nav>.navlinks.mega-triggers{grid-column:1;grid-row:2;gap:15px;justify-self:start}
 .nav>.header-socials{grid-column:1;grid-row:3}
 .nav>.lang{grid-column:2;grid-row:3;justify-self:end}
 .nav>.header-actions{grid-column:1/3;grid-row:4;justify-content:flex-start;flex-wrap:wrap}
 .nav .header-actions>.btn{display:inline-flex}
 .nav>.header-product-search{grid-column:1/3;grid-row:5;display:block}
 .nav>.header-product-search label{margin-bottom:7px}
 .nav>.header-product-search>div{display:flex}
 .retailnav{justify-content:flex-start}
}
@media(max-width:390px){.nav .header-brand-contact .logo img{width:165px}.header-store-phone{font-size:15px}.nav>.store-location{padding:7px}.nav .store-pin{display:none}}

/* Display the supplied product collage in full within the existing slideshow. */
.supplies-slide{background:#075bdc}
.supplies-slide>img{display:block;width:100%;height:100%;object-fit:contain}
.hero:has(.supplies-slide.active):before{background:none}
.hero:has(.supplies-slide.active) .hero-inner,.hero:has(.supplies-slide.active) .hero-bottom{visibility:hidden}
.hero:has(.supplies-slide.active) .photo-label{background:#073b88;color:#fff;padding:7px 10px;border-radius:4px}
.hero:has(.supplies-slide.active) .slide-tools{background:#073b88cc;border-radius:25px;padding:8px 12px}

/* Store and pickup sit between the location badge and main menu. */
.nav>.store-arrival{grid-column:3;grid-row:1;min-width:0;width:100%;padding:0;border:0;background:transparent;overflow:hidden}
.arrival-scene{position:relative;width:100%;max-width:290px;height:145px;margin:auto}
.arrival-store{position:absolute;right:0;bottom:14px;width:100%;height:130px;object-fit:contain;object-position:center bottom}
.arrival-van{position:absolute;bottom:0;left:38%;width:62%;height:84px;object-fit:contain;transform-origin:70% 85%;animation:van-arrive 2.5s .2s both;filter:drop-shadow(0 3px 2px #073b881c)}
@media(min-width:1251px){header>.nav{gap:14px}.nav .header-brand-contact .logo img{width:220px;height:auto}.nav .header-store-phone{font-size:18px;white-space:nowrap}.navlinks.mega-triggers{gap:16px}}
@keyframes van-arrive{0%{transform:translateX(220%) rotate(0)}70%{transform:translateX(-7%) rotate(0)}78%{transform:translateX(-8%) rotate(-3deg)}88%{transform:translateX(2%) rotate(1.5deg)}100%{transform:translateX(0) rotate(0)}}
@media(min-width:701px) and (max-width:1250px){
 header>.nav{grid-template-columns:auto auto minmax(130px,1fr) auto auto}
 .nav>.header-brand-contact{grid-column:1;grid-row:1}.nav>.store-location{grid-column:2;grid-row:1}
 .nav .header-brand-contact .logo img{width:200px;height:auto}
 .nav>.store-arrival{grid-column:3;grid-row:1}
 .nav>.header-socials{grid-column:4;grid-row:1}.nav>.lang{grid-column:5;grid-row:1}
 .nav>.navlinks.mega-triggers{grid-column:1/3;grid-row:2}
 .nav>.header-actions{grid-column:3/6;grid-row:2}
 .nav>.header-product-search{grid-column:1/6;grid-row:3}
}
@media(max-width:700px){
 .nav>.store-arrival{grid-column:1/3;grid-row:2}.arrival-scene{max-width:300px;height:145px}.arrival-store{height:130px}.arrival-van{height:84px}
 .nav>.navlinks.mega-triggers{grid-column:1/3;grid-row:3}
 .nav>.header-socials{grid-column:1;grid-row:4}.nav>.lang{grid-column:2;grid-row:4}
 .nav>.header-actions{grid-column:1/3;grid-row:5}.nav>.header-product-search{grid-column:1/3;grid-row:6}
}
@media(prefers-reduced-motion:reduce){.arrival-van{animation:none}}

/* Let the whole page scroll, including the tall mobile header. */
header{position:relative;top:auto}
html{scroll-padding-top:20px}
#brandPanel,#materials,#result,#water-test,.focused-catalog,.chemical-section{scroll-margin-top:20px}