/* Match the homepage's photo-led product slide. */
.hero-carousel .slide--filters { background:radial-gradient(ellipse at 77% 40%,#dceef9 0%,#eff7fa 50%,#f3f7fa 75%); }
.hero-carousel .slide--filters .filters-layout { height:100%; width:calc(100% - 180px); max-width:1380px; display:grid; grid-template-columns:1fr 1.4fr; align-items:center; gap:32px; padding:22px 0 56px; }
.hero-carousel .slide--filters .slide-content { color:#102f4c; padding:0; min-height:0; max-width:none; }
.hero-carousel .slide--filters .eyebrow { border:0; padding:0; background:none; color:#17638b; border-radius:0; letter-spacing:.12em; font-size:13px; }
.hero-carousel .slide--filters .eyebrow::before { content:""; width:26px; height:2px; background:currentColor; }
.hero-carousel .slide--filters .slide-title { font-size:clamp(32px,3.5vw,52px); line-height:1.24; letter-spacing:-.035em; margin:22px 0; }
.hero-carousel .slide--filters .slide-title em { color:#1269a3; }
.hero-carousel .slide--filters p.lead { color:#557082; font-size:16px; line-height:1.85; margin-bottom:22px; }
.hero-carousel .slide--filters .btn--primary { background:#11669e; border-color:#11669e; }
.hero-carousel .slide--filters .btn--outline { border-color:#9cafbb; color:#22475c; }
.hero-carousel .slide--filters .btn:hover { background:#08486f; border-color:#08486f; color:white; }
.filter-banner-art { display:block; min-width:0; overflow:hidden; border-radius:14px; aspect-ratio:1.95; box-shadow:0 20px 45px rgba(23,54,74,.1); }
.filter-banner-art img { display:block; width:100%; height:100%; object-fit:cover; object-position:right center; }
.hero-carousel:has(.slide--filters.active) .carousel-arrow { background:rgba(255,255,255,.55); border-color:rgba(53,81,100,.25); color:#17445e; }
.hero-carousel:has(.slide--filters.active) .carousel-count,.hero-carousel:has(.slide--filters.active) .carousel-count .cur { color:#28506d; }
.hero-carousel:has(.slide--filters.active) .dot { background:#adc6d6; }
.hero-carousel:has(.slide--filters.active) .dot.active { background:#146ca4; }
@media(max-width:1100px) {
 .hero-carousel .slide--filters .filters-layout { width:calc(100% - 130px); gap:20px; }
 .hero-carousel .slide--filters .slide-title { font-size:34px; }
 .hero-carousel .slide--filters p.lead { font-size:14px; }
 .hero-carousel .slide--filters .hero-actions { gap:10px; }
 .hero-carousel .slide--filters .btn { font-size:13px; padding:11px 16px; }
}
@media(max-width:700px) {
 .hero-carousel .slide--filters .filters-layout { width:calc(100% - 76px); display:flex; flex-direction:column; justify-content:center; align-items:stretch; gap:24px; padding:20px 0 30px; }
 .hero-carousel .slide--filters .eyebrow { font-size:10px; letter-spacing:.05em; }
 .hero-carousel .slide--filters .slide-title { font-size:28px; margin:12px 0; }
 .hero-carousel .slide--filters p.lead { font-size:12px; line-height:1.6; margin-bottom:12px; }
 .hero-carousel .slide--filters .btn { font-size:11px; padding:9px 11px; }
 .filter-banner-art { flex-shrink:0; border-radius:9px; }
 .hero-carousel:has(.slide--filters.active) .carousel-arrow { width:28px; height:38px; font-size:20px; }
 .hero-carousel:has(.slide--filters.active) .carousel-arrow.prev { left:4px; }
 .hero-carousel:has(.slide--filters.active) .carousel-arrow.next { right:4px; }
}