/* Equal entry points for each shower family. */
.shower-family-hero{padding:144px 0 56px;background:linear-gradient(180deg,#fff,#f5fbff)}
.shower-family-hero .crumb{margin-bottom:24px}
.shower-family-heading{margin-bottom:30px}
.shower-family-heading h1{font-family:Outfit,sans-serif;font-size:clamp(2rem,4vw,3.6rem);line-height:1.08;letter-spacing:-.035em;color:var(--navy);margin:8px 0 14px}
.shower-family-heading h1 em{font-style:normal;color:var(--deep)}
.shower-family-heading>p:last-child{font-size:16px;line-height:1.6;color:var(--graphite);max-width:650px}
.shower-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.shower-family-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--chrome);border-radius:24px;background:#fff;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}
.shower-family-card:hover{border-color:var(--water);transform:translateY(-3px);box-shadow:0 14px 32px rgba(15,27,45,.08)}
.shower-family-card:focus-visible{outline:3px solid var(--water);outline-offset:3px}
.shower-family-card figure{height:220px;padding:24px 32px;display:flex;align-items:center;justify-content:center}
.shower-family-card figure img{width:100%;height:100%;object-fit:contain;filter:none}
.shower-family-copy{padding:18px 24px 24px;border-top:1px solid var(--chrome)}
.shower-family-copy small{font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--deep)}
.shower-family-copy h2{font-family:Outfit,sans-serif;font-size:1.45rem;line-height:1.2;letter-spacing:-.02em;color:var(--navy);margin:8px 0}
.shower-family-copy p{font-size:13px;line-height:1.55;color:var(--graphite);min-height:40px}
.shower-family-copy>span{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:var(--deep);margin-top:18px}
#bath-mixers,#cols,#concealed{scroll-margin-top:90px}
.cols .column-configurator{padding:28px;gap:40px;border:1px solid var(--chrome);border-radius:28px;background:#fff;margin-bottom:40px;align-items:center}
.column-configurator h3{font-family:Outfit,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.025em;color:var(--navy)}
.column-configurator .cfg-stage{height:510px}
.column-configurator .cfg-stage img{object-fit:contain;filter:none}
.column-configurator .seg{margin-top:24px}
.column-configurator .seg button{white-space:normal}
.column-configurator .seg button:focus-visible{outline:3px solid var(--water);outline-offset:2px}
.column-configurator .proof{margin-top:24px}
.column-configurator .cfg-cta{gap:16px}
@media(max-width:1023px){.shower-family-hero{padding-top:120px}.shower-family-grid{gap:14px}.shower-family-card figure{height:175px;padding:20px}.shower-family-copy{padding:16px}.shower-family-copy h2{font-size:1.15rem}.cols .column-configurator{gap:24px;padding:22px}.column-configurator .cfg-stage{height:450px}}
@media(max-width:599px){
 .shower-family-hero{padding:112px 0 30px}
 .shower-family-hero .crumb{margin-bottom:20px;font-size:10px}
 .shower-family-heading{margin-bottom:22px}
 .shower-family-heading h1{font-size:2rem;max-width:16ch}
 .shower-family-heading>p:last-child{font-size:14px}
 .shower-family-grid{grid-template-columns:1fr;gap:10px}
 .shower-family-card{flex-direction:row;align-items:center;border-radius:18px}
 .shower-family-card figure{height:116px;width:100px;flex:0 0 100px;padding:12px}
 .shower-family-copy{flex:1;min-width:0;border-top:0;border-left:1px solid var(--chrome);padding:12px 14px}
 .shower-family-copy small{font-size:8px;letter-spacing:.08em}
 .shower-family-copy h2{font-size:1.1rem;margin:5px 0}
 .shower-family-copy p{font-size:11.5px;line-height:1.4;min-height:0}
 .shower-family-copy>span{font-size:10px;margin-top:8px}
 .cols .column-configurator{padding:16px;border-radius:20px;margin-bottom:26px}
 .column-configurator .cfg-stage{height:380px;min-width:0}
 .column-configurator .seg{margin-top:18px}
 .column-configurator .proof{gap:16px;flex-wrap:wrap}
 .column-configurator .cfg-cta{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.shower-family-card{transition:none}.shower-family-card:hover{transform:none}}