/* Видео в галерее карточки товара (17.09.2026). Скрипт — js/product_video.js */
.flex-cart-image .showBox_wrap_wrap { position: relative; }
.gsm-vplayer { position: absolute; inset: 0; z-index: 6; overflow: hidden; border-radius: inherit; background: #000; }
.gsm-vplayer iframe { display: block; width: 100%; height: 100%; border: 0; }
.flex-cart-image.is-video .next_photo, .flex-cart-image.is-video .prev_photo, .flex-cart-image.is-video .gsm-ps { display: none !important; }

.gsm-vthumb-cell { position: relative; }
.gsm-vthumb { position: relative; display: block; width: 100%; height: 100%; min-height: 56px; overflow: hidden; border-radius: 8px; background: #000; cursor: pointer; outline: none; }
.gsm-vthumb img { display: block; width: 100%; height: 100%; object-fit: cover; opacity: .85; transition: opacity .15s, transform .25s; }
.gsm-vthumb:hover img { opacity: 1; transform: scale(1.04); }
.gsm-vthumb__play { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 30px; height: 30px; margin: -15px 0 0 -15px;
	border-radius: 50%; background: rgba(255, 255, 255, .92); box-shadow: 0 2px 8px rgba(0, 0, 0, .3); }
.gsm-vthumb__play svg { width: 16px; height: 16px; margin-left: 2px; fill: #e0262d; }
.gsm-vthumb.is-active { box-shadow: 0 0 0 2px var(--gsm-btn, #0f89c6); }
.gsm-vthumb:focus-visible { box-shadow: 0 0 0 2px var(--gsm-btn, #0f89c6); }
@media (prefers-reduced-motion: reduce) { .gsm-vthumb img { transition: none; } }

/* Полноэкранный просмотр: плитка видео в ленте и плеер на месте фото */
.gsm-fsvideo { position: relative; width: 120px; height: 120px; margin: 8px; cursor: pointer; outline: none;
	background: #000 center / cover no-repeat; }
.gsm-fsvideo::after { content: ""; position: absolute; inset: -4px; z-index: -1; border: 1px solid var(--gsm-line, #e1e1e1); background: #fff; transition: .3s; }
.gsm-fsvideo:hover::after { border-color: var(--gsm-line-strong, #ccc); }
.gsm-fsvideo.active::after, .gsm-fsvideo:focus-visible::after { border-color: var(--gsm-blue, #3399cc); }
.gsm-fsvideo .gsm-vthumb__play { width: 40px; height: 40px; margin: -20px 0 0 -20px; }
.gsm-fsvideo .gsm-vthumb__play svg { width: 20px; height: 20px; }
#photoBox .gsm-fsplayer { position: absolute; inset: 0; z-index: 5; display: flex; align-items: center; justify-content: center; background: #fff; }
#photoBox .gsm-fsplayer iframe { width: 100%; aspect-ratio: 16 / 9; max-height: 100%; border: 0; background: #000; }
@media (max-width: 820px) {
	.gsm-fsvideo { width: 21vw; height: 21vw; }
	#photoBoxWrap #photoBoxshowBoxWrap { display: flex; }
}

/* Обложка ролика при наведении на плитку видео (до запуска) */
.gsm-vposter { position: absolute; inset: 0; z-index: 6; display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: inherit;
	background: #000 center / cover no-repeat; cursor: pointer; }
.gsm-vposter__play { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 72px; height: 72px; margin: -36px 0 0 -36px;
	border-radius: 50%; background: rgba(255, 255, 255, .95); box-shadow: 0 6px 20px rgba(0, 0, 0, .35); transition: transform .15s; }
.gsm-vposter__play svg { width: 34px; height: 34px; margin-left: 4px; fill: #e0262d; }
.gsm-vposter:hover .gsm-vposter__play { transform: scale(1.08); }
.flex-cart-image:has(.gsm-vposter) .next_photo, .flex-cart-image:has(.gsm-vposter) .prev_photo, .flex-cart-image:has(.gsm-vposter) .gsm-ps { display: none !important; }