/* Reuse the tested, lazy video controls for both approved bathroom films. */
.hero.bath-hero>.water-video{z-index:-3;object-position:60% center}
.hero.bath-hero>.hero-img{object-position:60% center}
.hero.bath-hero>.water-video-toggle{right:6%;bottom:24px}
.hero.bath-hero .hero-caption{bottom:86px}
.hero.bath-hero .hero-content{padding-bottom:110px}
.bath-compact{height:clamp(260px,36vw,480px)}
.bath-compact>img,.bath-compact>.water-video{height:100%;object-position:center;object-fit:cover}
.calc-hero>.bath-compact{height:330px;min-width:0}
.calc-hero>.bath-compact>img{height:100%;width:100%;border-radius:0}
.photo-pause-bath{background-image:url('/assets/bad-hero-poster.webp')}
.photo-pause-bath.touch-parallax::after{background-image:url('/assets/bad-hero-poster.webp')}
@media(max-width:760px){
 .calc-hero>.bath-compact{display:block;width:100%;height:auto;aspect-ratio:4/3}
 .calc-hero>.bath-compact>img{display:block;height:100%;aspect-ratio:4/3}
 .calc-hero .calc-image-note{display:block;position:static;grid-column:1;margin-top:-14px;font-size:10px}
}
@media(max-width:600px){
 .hero.bath-hero>.water-video,.hero.bath-hero>.hero-img{object-position:65% center}
 .hero.bath-hero .hero-content{padding-bottom:118px}
 .hero.bath-hero>.water-video-toggle{right:20px;bottom:42px}
 .hero.bath-hero .image-note{bottom:12px}
 .service-photo-komplettbad .bath-compact{height:auto;aspect-ratio:4/3}
 .service-photo-komplettbad .bath-compact>img{height:100%;aspect-ratio:4/3}
}