/* Keep the original hero box and its source image as the no-JS/error fallback. */
.hero-photo #merchas-hero-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:50% 47%;pointer-events:none;visibility:hidden}
.hero-photo.hero-video-visible #merchas-hero-video{visibility:visible}
.hero-photo.hero-video-visible>img{visibility:hidden}
@media(max-width:600px){.hero-photo #merchas-hero-video{object-fit:cover}}
@media(prefers-reduced-motion:reduce){.hero-photo #merchas-hero-video{display:none!important}.hero-photo.hero-video-visible>img{visibility:visible}}