/* ==========================================================================
   Sawatech Woo - Product Gallery Video
   ========================================================================== */

.single-product .stluxe-stage__media .images .stw-product-gallery-video-slide {
	background: var(--color-black, #000000);
}

.single-product .stw-product-gallery-video {
	position: relative;
	inline-size: 100%;
	block-size: 100%;
	min-block-size: 280px;
	display: grid;
	place-items: center;
	background: #000000;
}

.single-product .stw-product-gallery-video__media {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	max-block-size: min(680px, 78vh);
	object-fit: contain;
	background: #000000;
}

.single-product .stluxe-stage__media[class*="stw-product-image-ratio--"] .stw-product-gallery-video,
.single-product .stluxe-stage__media[class*="stw-product-image-ratio--"] .stw-product-gallery-video__media {
	aspect-ratio: var(--stw-product-image-ratio);
}

.single-product .stw-product-gallery-video__badge {
	position: absolute;
	z-index: 2;
	inset-block-start: 12px;
	inset-inline-start: 12px;
	display: inline-flex;
	align-items: center;
	min-block-size: 28px;
	padding-inline: 10px;
	border-radius: 999px;
	font-size: 0.76rem;
	font-weight: 700;
	line-height: 1;
	background: color-mix(in srgb, var(--color-bg, #ffffff) 88%, transparent);
	color: var(--color-heading, #111827);
	box-shadow: var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.14));
}

.single-product .stluxe-stage__media .images .flex-control-nav.flex-control-thumbs li img[src*="woocommerce-placeholder"],
.single-product .stluxe-stage__media .images .flex-control-nav.flex-control-thumbs li img[src*="placeholder"] {
	background: color-mix(in srgb, var(--color-text, #1f2937) 8%, var(--color-bg, #ffffff));
}

@media (max-width: 560px) {
	.single-product .stw-product-gallery-video {
		min-block-size: 220px;
	}

	.single-product .stw-product-gallery-video__media {
		max-block-size: 62vh;
	}
}