.cleaning-layer{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:hidden;contain:strict}
.cleaning-layer[hidden]{display:none}
#cleaning-canvas{display:block;width:100%;height:100%;pointer-events:none}
#cleaning-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.cleaning-controls{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:41;display:flex;align-items:center;gap:24px;color:var(--ink);font-size:13px;white-space:nowrap;padding:10px 17px;background:#f4f1e8e8;border:1px solid #183d3226;border-radius:30px;backdrop-filter:blur(8px)}
.cleaning-controls[hidden]{display:none}
.cleaning-controls>span{display:flex;align-items:center;gap:10px}
.cleaning-controls .icon{width:16px;height:16px}
.cleaning-controls button{font-size:12px;padding:9px 0 9px 16px;border-left:1px solid #183d3226;text-decoration:underline;text-underline-offset:4px;min-height:36px}
.hero-scroll{height:400svh;min-height:0}
.hero-scroll.is-cleaning .hero-scroll-hint,.hero-scroll.is-cleaning .hero-motion{visibility:hidden;pointer-events:none}
.hero-scroll.is-cleaning #hero-video{opacity:0}
@media(max-width:760px){
 .hero-scroll{height:340svh;min-height:0}
 .cleaning-controls{bottom:156px;gap:14px;font-size:12px;padding:5px 13px;max-width:calc(100% - 28px)}
 .cleaning-controls button{font-size:11px;padding-left:12px}
}
@media(prefers-reduced-motion:reduce){
 .cleaning-layer,.cleaning-controls{display:none!important}
 .hero-scroll{height:auto;min-height:0}
}

.cleaning-compare{display:flex;align-items:center;gap:13px;margin-top:14px;font:13px var(--sans);pointer-events:auto}.cleaning-compare button{min-height:40px;padding:8px 0;text-decoration:underline;text-underline-offset:5px}.cleaning-compare span{opacity:.4}@media(prefers-reduced-motion:reduce){.cleaning-compare{display:none}}