/* Six approved photos, fixed identity above the moving images. */
.bax-slideshow{position:sticky;top:0;z-index:50;width:100%;height:auto;aspect-ratio:3 / 1;min-height:0;overflow:hidden;background:#262b2c;isolation:isolate}
.bax-slides{position:absolute;inset:0;display:flex;transform:translateX(0);will-change:transform}
.bax-slides img{width:100%;height:100%;flex:0 0 100%;max-width:none;object-fit:cover;object-position:center}
.bax-slideshow:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.18) 43%,transparent 65%);z-index:1}
.bax-banner-brand{position:absolute;top:8%;left:4%;z-index:2;color:white;max-width:56%}
.bax-banner-brand a{display:block;width:clamp(115px,17vw,245px)}
.bax-banner-brand img{width:100%;height:auto}
.bax-banner-brand p{margin:12px 0 0;font-size:clamp(10px,1.4vw,20px);line-height:1.4;font-weight:750;letter-spacing:.015em;text-shadow:0 1px 4px #000}
html{scroll-padding-top:33.333vw}
@media print{.bax-slideshow{display:none}}





@media(max-width:600px){.bax-banner-brand{top:5%;max-width:62%}.bax-banner-brand a{width:17vw}.bax-banner-brand p{font-size:1.65vw;margin-top:4px;line-height:1.25}}

.bax-banner-nav{position:absolute;left:4%;bottom:10px;z-index:3;display:flex;gap:28px;color:#fff;font-size:clamp(12px,1.5vw,20px);font-weight:700;text-shadow:0 1px 4px #000}.bax-banner-nav a{line-height:1.5}.bax-banner-nav a:hover{text-decoration:underline;text-underline-offset:4px}

/* Header scrolls away halfway; the logo keeps its original viewport position. */
.bax-slideshow{top:calc(-1 * var(--bax-half-height,16.6667vw))}
.bax-banner-brand>a{transform:translateY(var(--bax-logo-offset,0px));position:relative;z-index:4}
html{scroll-padding-top:calc(16.6667vw + 16px)}

/* Fixed photograph and header, without scroll effects. */
.bax-slideshow{top:0}.bax-banner-brand>a{transform:none}.bax-slides{transform:none;will-change:auto}html{scroll-padding-top:calc(33.333vw + 16px)}
/* Compact header: crop the sky and foreground equally. */
.bax-slideshow{aspect-ratio:4.2 / 1}
.bax-slides img{object-position:center 50%}
.bax-banner-brand{top:6%}
.bax-banner-brand a{width:clamp(90px,13vw,190px)}
.bax-banner-brand p{margin-top:8px;font-size:clamp(10px,1.2vw,17px)}
html{scroll-padding-top:calc(23.81vw + 16px)}
@media(max-width:600px){.bax-banner-brand a{width:15vw}.bax-banner-brand p{font-size:1.65vw;margin-top:3px}.bax-banner-nav{font-size:11px;gap:22px;bottom:10px}}

/* Bart's approved arrangement: centered logo, filters in the photo. */
.bax-banner-brand{inset:0;max-width:none;pointer-events:none}
.bax-banner-brand a{position:absolute;top:5%;left:50%;transform:translateX(-50%);width:clamp(100px,10vw,155px);pointer-events:auto}
.bax-banner-brand img{border-radius:10px}
.bax-banner-brand p{position:absolute;left:3.7%;top:24%;margin:0;font-size:clamp(10px,.85vw,14px);line-height:1.35}
.bax-banner-nav{left:auto;right:2.5%;bottom:10px;gap:20px;font-size:clamp(11px,1vw,16px);text-transform:uppercase}
.bax-slideshow .filters{position:absolute;left:3.7%;top:36%;bottom:10%;width:clamp(165px,16vw,240px);display:grid!important;grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(0,1fr)) 18px;gap:3px;padding:0;border:0;border-radius:0;background:transparent;z-index:3}
.bax-slideshow .filters label{display:block;min-height:0}
.bax-slideshow .filters select{display:block;height:100%;min-height:0;padding:2px 8px;font-size:clamp(10px,.85vw,14px);margin:0;background:#242424e8;color:#fff;border:1px solid #555;border-radius:3px}
.bax-slideshow .filters select.filter-complete{background:#f18700;color:#06183b;border-color:#f18700}
.bax-slideshow .filters select.filter-next{color:#06183b;border-color:#f18700}
.bax-slideshow .filters .text-button{color:white;font-size:10px;line-height:18px;min-height:0}
@media(max-width:850px){.bax-slideshow{min-height:330px}.bax-banner-brand a{top:12px;width:105px}.bax-banner-brand p{top:85px;font-size:10px}.bax-slideshow .filters{top:120px;bottom:35px;width:175px}.bax-slideshow .filters select{font-size:11px}.bax-banner-nav{font-size:11px;gap:15px}html{scroll-padding-top:346px}}

/* Approved shallow crop; logo and slogan share their top edge. */
.bax-slideshow{aspect-ratio:5.28 / 1;min-height:240px}
.bax-banner-brand a,.bax-banner-brand p{top:15%}
.bax-slideshow .filters{top:29%;bottom:5%}
html{scroll-padding-top:max(256px,calc(18.94vw + 16px))}
@media(max-width:850px){.bax-slideshow{min-height:300px}.bax-banner-brand a,.bax-banner-brand p{top:25px}.bax-banner-brand p{max-width:40%;font-size:9px}.bax-banner-brand a{width:85px;left:50%}.bax-slideshow .filters{top:82px;bottom:36px}html{scroll-padding-top:316px}}

/* Logo, slogan and three rows of two filters on the left. */
.bax-slideshow{min-height:300px}
.bax-banner-brand>a{left:3.7%;top:16px;width:126px;transform:none}
.bax-banner-brand p{left:3.7%;top:94px;max-width:43%;font-size:clamp(10px,.85vw,14px)}
.bax-slideshow .filters{left:3.7%;top:142px;bottom:auto;width:clamp(330px,32vw,480px);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,32px) 18px;gap:6px}
.bax-slideshow .filters select{font-size:12px}
.bax-slideshow .filters .text-button{grid-column:1/-1;justify-self:end}
.catalog-page .cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.catalog-page .pagination{display:none}
html{scroll-padding-top:max(316px,calc(18.94vw + 16px))}
@media(max-width:700px){.bax-slideshow{min-height:330px}.bax-banner-brand p{max-width:90%;font-size:10px}.bax-slideshow .filters{width:min(410px,92.6%)}.catalog-page .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-page .card>a{display:block}.catalog-page .product-card img{height:auto;aspect-ratio:4/3;min-height:0;object-fit:cover}html{scroll-padding-top:346px}}

/* Compact header; keep the filters visible after the slogan scrolls away. */
.bax-slideshow{height:278px;min-height:278px;aspect-ratio:auto;border-bottom:2px solid #f18700;top:calc(-1 * var(--bax-scroll-stop,122px))}
.bax-banner-brand>a{top:8px}
.bax-banner-brand p{top:86px}
.bax-slideshow .filters{top:132px}
.bax-banner-nav{top:246px;bottom:auto;align-items:center;line-height:18px}
.bax-banner-nav a{line-height:18px}
html{scroll-padding-top:var(--bax-visible-header,172px)}
@media(max-width:700px){.bax-slideshow{height:310px;min-height:310px}.bax-banner-nav{top:280px}.bax-banner-brand p{max-width:92%}}

.bax-slideshow .filters h3,.bax-slideshow .filters details{display:none}.bax-slideshow .filters select.filter-next{animation:bax-filter-pulse 1.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.bax-slideshow .filters select.filter-next{animation:none;background:#ffb452}}

/* One shared hero layout, overriding the old catalogue panel and label margins. */
.bax-slideshow #filters{display:grid!important;position:absolute;left:3.7%;right:auto;top:132px;bottom:auto;width:clamp(330px,32vw,480px);height:auto;min-height:0;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,32px) 18px;gap:6px;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;color:#fff}
.bax-slideshow #filters>label{display:block;min-width:0;width:100%;height:32px;min-height:0;margin:0;padding:0;line-height:normal}
.bax-slideshow #filters select{display:block;box-sizing:border-box;width:100%;height:32px;min-height:32px;max-height:none;margin:0;padding:4px 26px 4px 10px;font:400 12px/normal Arial,Helvetica,sans-serif;background-color:#242424e8;color:#fff;border:1px solid #666;border-radius:3px}
.bax-slideshow #filters select.filter-complete{background-color:#f18700;border-color:#f18700;color:#06183b}
.bax-slideshow #filters select.filter-next{color:#06183b;border-color:#f18700;animation:bax-filter-pulse 1.8s ease-in-out infinite}
.bax-slideshow #filters>h3,.bax-slideshow #filters>details{display:none!important}
.bax-slideshow #filters #reset-filters{grid-column:1/-1;justify-self:end;min-height:0;height:18px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;font:400 12px/18px Arial,Helvetica,sans-serif}
@media(max-width:700px){.bax-slideshow #filters{width:min(410px,92.6%)}}
@media(prefers-reduced-motion:reduce){.bax-slideshow #filters select.filter-next{animation:none;background:#ffb452}}