/* Product gallery MP4 slides — same locked box as product photos (do NOT follow video intrinsic size) */

.single-product .vv-gallery-video-slide {
	width: 100%;
}

.single-product .vv-gallery-video-slide .ct-media-container.vv-gallery-video,
.single-product .ct-media-container.vv-gallery-video {
	position: relative;
	display: block;
	width: 100%;
	/* Fallback if inline aspect-ratio missing — match typical product gallery */
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #f3f1ee;
	isolation: isolate;
}

/* Video fills the fixed box; portrait/landscape is cropped, never resizes the gallery */
.single-product .vv-gallery-video__el,
.single-product .vv-gallery-video video {
	position: absolute !important;
	inset: 0;
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	object-fit: cover !important;
	object-position: center center !important;
	background: #f3f1ee;
	vertical-align: middle;
}

/*
 * Video thumbs must match image thumbs exactly.
 * No full-bleed grey wash (that made the cell look taller/wider).
 * Only a small circular play badge.
 */
.single-product .flexy-pills li.vv-thumb-has-video,
.single-product .flexy-pills li[data-vv-media="video"] {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.single-product .flexy-pills li.vv-thumb-has-video .ct-media-container,
.single-product .flexy-pills li[data-vv-media="video"] .ct-media-container {
	width: 100%;
	overflow: hidden;
}

.single-product .flexy-pills li.vv-thumb-has-video .ct-media-container img,
.single-product .flexy-pills li[data-vv-media="video"] .ct-media-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Kill any accidental full overlay */
.single-product .flexy-pills li.vv-thumb-has-video::before,
.single-product .flexy-pills li[data-vv-media="video"]::before {
	content: none !important;
	display: none !important;
}

/* Small play pill — same footprint as sibling thumbs */
.single-product .flexy-pills li.vv-thumb-has-video::after,
.single-product .flexy-pills li[data-vv-media="video"]::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 28px;
	height: 28px;
	margin: -14px 0 0 -14px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.55);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
	z-index: 2;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 55% 50%;
	background-size: 14px 14px;
}