/* 16:9 video that fills the slide. */
.woocommerce-product-gallery .vgw-slide { position: relative; }
.vgw-video { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; overflow: hidden; }
.vgw-video__media { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; object-fit: contain; }

/* The lightbox and zoom only make sense on images. */
.woocommerce-product-gallery.vgw-video-active .woocommerce-product-gallery__trigger { display: none !important; }

/* Play icon on the video's thumbnail. */
.woocommerce-product-gallery .flex-control-thumbs li.vgw-thumb { position: relative; }
.woocommerce-product-gallery .flex-control-thumbs li.vgw-thumb img { aspect-ratio: 1 / 1; object-fit: cover; }
.woocommerce-product-gallery .flex-control-thumbs li.vgw-thumb::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 36%;
	max-width: 44px;
	aspect-ratio: 1 / 1;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: rgba(0, 0, 0, .65) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 7v10l8-5z'/%3E%3C/svg%3E") center / 60% no-repeat;
	pointer-events: none;
}