product-card-loop { display: contents; }
product-card-loop > img,
product-card-loop > video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
product-card-loop > video { opacity: 0; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  product-card-loop.is-playing > video { opacity: 1; transition: opacity 140ms ease-out; }
}