/* VIDEO GALERIE - Responsive video slides and play affordance. */
.product-gallery .gallery-video-slide { aspect-ratio:1/1; }
.product-gallery .gallery-video__frame { position:relative; width:100%; aspect-ratio:1/1; border-radius:6px background:#f8f8f8; overflow:hidden; }
.product-gallery .gallery-video__media, .product-gallery .gallery-video__iframe { display:block; width:100%; height:100%; border:0; object-fit:cover; }
.product-gallery .gallery-video__play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:52px; height:52px; border:0; border-radius:50%; background:rgba(255,255,255,.9); color:#222; cursor:pointer; }
.product-gallery .gallery-video-thumb { position:relative; cursor:pointer; aspect-ratio:1/1; overflow:hidden; }
.product-gallery .gallery-video-thumb img { width:100%; height:100%; object-fit:cover; }
.product-gallery .gallery-video-thumb__icon { position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:rgba(0,0,0,.72); color:#fff; font-size:13px; }
.product-gallery .gallery-video-thumb__fallback { display:grid; place-items:center; width:100%; height:100%; min-height:60px; background:#eee; color:#333; font-size:12px; }
@media (max-width: 767px) { .product-gallery .gallery-video__play { width:44px; height:44px; } }
.product-gallery .gallery-video-slide { aspect-ratio: 1 / 1; }
.product-gallery .gallery-video__frame { aspect-ratio: 1 / 1; }
.product-gallery .gallery-video__play.is-playing span { font-size:0; display:inline-flex; gap:4px; align-items:center; }
.product-gallery .gallery-video__play.is-playing span:before, .product-gallery .gallery-video__play.is-playing span:after { content:""; display:block; width:4px; height:16px; background:#222; }