/* Keep the complete DOM film as a no-script, media-error and static fallback. */
.product-page :is(.film-video,.hero-video){position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}
.product-page .product-film[data-video="ready"] :is(.film-video,.hero-video){opacity:1}
.product-page .product-film[data-video="ready"] .film-canvas{opacity:0;visibility:hidden}
@media(prefers-reduced-motion:reduce){.product-page :is(.film-video,.hero-video){display:none}}