/**
 * Стили ТОЛЬКО для видео-слайда. Правила темы для .product-gallery__slide img
 * не переопределяются — фотогалерея выглядит ровно как раньше.
 */

/* Стакан галереи 3/4. Фото режутся по cover, видео так резать нельзя —
   горизонтальный ролик потеряет половину кадра. contain + тёмный фон. */
.product-gallery__slide--video video {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
	background: #0b1512;
}

.product-gallery__thumb--video {
	position: relative;
}

.product-gallery__thumb--video img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.product-gallery__thumb-play {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(1, 62, 55, 0.42);
	color: #fff;
	transition: background 0.2s ease;
}

.product-gallery__thumb--video:hover .product-gallery__thumb-play,
.product-gallery__thumb--video.is-active .product-gallery__thumb-play {
	background: rgba(1, 62, 55, 0.24);
}

.product-gallery__thumb-play svg {
	width: 20px;
	height: 20px;
}

@media (max-width: 640px) {
	.product-gallery__thumb-play svg {
		width: 16px;
		height: 16px;
	}
}