/*
 * গুরুত্বপূর্ণ: এখানে ইচ্ছাকৃতভাবে .woocommerce-product-gallery__image এর
 * নিজস্ব width/height/aspect-ratio পাল্টানো হচ্ছে না। থিম এই বক্সের জন্য যে
 * সাইজ/শেপ ঠিক করে রেখেছে, ভিডিও ঠিক সেই বক্সের মধ্যেই থাকবে — তার বাইরে
 * কখনো ছড়িয়ে পড়বে না। ভিডিও object-fit: cover দিয়ে বক্সটা ফিল করবে।
 */
.woocommerce-product-gallery__image.hs-video-active {
	position: relative;
	overflow: hidden;
	background: #000;
}

.hs-product-video-wrap {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	z-index: 2;
}

.hs-product-video-mount,
.hs-product-video-wrap iframe {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	max-height: 100%;
	border: 0;
	object-fit: cover; /* ভিডিও বক্সের মধ্যেই ক্রপ হয়ে ফিট হবে, বাইরে যাবে না */
}

.hs-video-unmute-btn {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border: 0;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.72);
	color: #fff;
	font-size: 13px;
	line-height: 1;
	cursor: pointer;
	backdrop-filter: blur(2px);
}

.hs-video-unmute-btn:hover {
	background: rgba(0, 0, 0, 0.88);
}