/* Start:/bitrix/templates/aspro_next/components/bitrix/catalog.section/catalog_block0125/style.css?17790730352873*/
/* ===== MONO VIDEO GALLERY V18 START ===== */
/*
   Важно: не ломаем штатную механику Aspro section-gallery-wrapper.
   Элементы .section-gallery-wrapper__item в Aspro — это зоны hover/touch.
   Картинки внутри них штатными стилями показываются на всю область галереи.

   Поэтому для видео НЕ задаём position:relative на .section-gallery-wrapper__item
   и НЕ переопределяем стили poster-img. Постер должен наследовать те же стили,
   что и обычные изображения галереи.

   V18: видео больше не обрезается по высоте при изменении размеров карточки.
   Раньше object-fit: cover масштабировал по ширине/высоте и резал края.
   Теперь object-fit: contain показывает весь кадр внутри той же области, как адаптивный медиа-элемент.
*/
.section-gallery-wrapper {
	position: relative;
}

/* Первый item с видео должен оставаться такой же зоной галереи, как обычный item. */
.section-gallery-wrapper__item.mono-section-gallery-wrapper__item-video {
	position: static !important;
	overflow: visible !important;
}

/* Постер видео использует штатные стили img от Aspro. Специально не задаём width/height/display. */
.section-gallery-wrapper__item.mono-section-gallery-wrapper__item-video .mono-section-gallery-video-poster {
	/* no custom layout styles */
}

/* Видео визуально занимает область галереи, но сам кадр не обрезается по высоте. */
.section-gallery-wrapper__item.mono-section-gallery-wrapper__item-video .mono-section-gallery-video {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	display: block;
	background: transparent;
	pointer-events: none;
	z-index: 2;
	opacity: 1;
	visibility: visible;
}

/* Если первая зона перестала быть активной, показываются штатные фото Aspro. */
.section-gallery-wrapper__item.mono-section-gallery-wrapper__item-video:not(._active) .mono-section-gallery-video {
	opacity: 0;
	visibility: hidden;
}

/* Если видео не загрузилось, остаётся штатный постер/фото. */
.mono-section-gallery-video.mono-video-error {
	display: none !important;
}

.mono-section-gallery-video::-webkit-media-controls {
	display: none !important;
}
/* ===== MONO VIDEO GALLERY V18 END ===== */

/* End */
/* /bitrix/templates/aspro_next/components/bitrix/catalog.section/catalog_block0125/style.css?17790730352873 */