/*
 * PageSpeed: резерв высоты hero + poster вместо LCP-видео.
 *
 * ВАЖНО: не трогать .flowers-block* здесь.
 *
 * view_2 mobile (GBC custom): видео и блок управления в одном слое 280px —
 * текст/Каталог/Play поверх ролика (как на gbcvet.ru).
 * Нельзя делать .wrapper_video { position:relative } — иначе стек «видео + полоска».
 */

/* ——— view_2 mobile: overlay как на оригинале ——— */
@media (max-width: 767px) {
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .swiper-container,
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .main-slider,
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .swiper-wrapper,
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .swiper-slide.main-slider__item,
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .flexslider,
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .flexslider .slides > li {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		aspect-ratio: auto;
	}

	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .swiper-slide.main-slider__item.wvideo,
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .main-slider__item.wvideo {
		background-color: transparent !important;
		position: relative;
		overflow: hidden;
	}

	/* Видео — absolute поверх той же зоны, что и main_info (280px) */
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .wrapper_video {
		position: absolute !important;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		bottom: auto !important;
		width: 100%;
		height: 280px !important;
		overflow: hidden;
		background-color: transparent !important;
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		z-index: 1;
	}

	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .wrapper_video video {
		position: absolute !important;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/*
	 * Пока mp4 в data-src — показываем poster (не opacity:0).
	 * Фон wrapper_video дублирует постер на случай, если poster не отрисовался.
	 */
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 video.gbc-hero-video-deferred:not(.gbc-hero-video-ready) {
		opacity: 1 !important;
		pointer-events: none;
	}

	/*
	 * .target у слайда — z-index:10 и перекрывает всё.
	 * Управление (текст / Каталог / Play) должно быть ВЫШЕ, иначе Play уходит в каталог.
	 */
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .swiper-slide.wvideo .wrapper_inner,
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .swiper-slide.wvideo .wrapper_inner > table {
		position: relative;
		z-index: 20;
		height: 280px;
		pointer-events: none; /* клики сквозь пустые зоны → .target */
	}

	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .swiper-slide.wvideo .main_info.js-notice-block {
		height: 280px !important;
		position: relative;
		z-index: 20;
		background-image: none !important;
		background-color: transparent !important;
	}

	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .swiper-slide.wvideo .wrapper_inner a,
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .swiper-slide.wvideo .wrapper_inner .banner_title,
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .swiper-slide.wvideo .wrapper_inner .banner_buttons,
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .swiper-slide.wvideo .wrapper_inner .grid-items__player,
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .swiper-slide.wvideo .wrapper_inner .j-video-1 {
		pointer-events: auto;
	}

	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .grid-items__player {
		display: inline-block;
		z-index: 30;
		position: relative;
		cursor: pointer;
	}
}

@media (max-width: 450px) {
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .wrapper_video {
		height: 250px !important;
	}

	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .swiper-slide.wvideo .wrapper_inner,
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .swiper-slide.wvideo .wrapper_inner > table,
	.BIG_BANNER_INDEX .top_slider_wrapp.view_2 .swiper-slide.wvideo .main_info.js-notice-block {
		height: 250px !important;
	}
}

/* Desktop/tablet: Play тоже выше .target */
.BIG_BANNER_INDEX .top_slider_wrapp .grid-items__player.j-video-1 {
	position: relative;
	z-index: 30;
	pointer-events: auto;
	cursor: pointer;
}

/* ——— прочие баннеры (не view_2) ——— */
@media (max-width: 767px) {
	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .swiper-container,
	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .main-slider,
	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .swiper-wrapper,
	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .swiper-slide.main-slider__item,
	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .flexslider,
	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .flexslider .slides > li {
		height: 430px !important;
		min-height: 430px !important;
		max-height: 430px !important;
		aspect-ratio: auto;
	}

	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .swiper-slide.main-slider__item,
	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .flexslider .slides > li {
		background-size: cover !important;
		background-position: center center !important;
	}

	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .swiper-slide.main-slider__item.wvideo {
		background-color: transparent !important;
	}

	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .swiper-slide.wvideo .wrapper_inner,
	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .swiper-slide.wvideo .wrapper_inner > table {
		height: 100%;
		position: relative;
		z-index: 20;
		pointer-events: none;
	}

	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .swiper-slide.wvideo .wrapper_inner a,
	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .swiper-slide.wvideo .wrapper_inner .banner_title,
	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .swiper-slide.wvideo .wrapper_inner .banner_buttons,
	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .swiper-slide.wvideo .wrapper_inner .grid-items__player {
		pointer-events: auto;
	}

	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .swiper-slide.wvideo .main_info.js-notice-block {
		height: 430px !important;
		background-size: cover !important;
		background-position: center center !important;
	}

	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .wrapper_video,
	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .wrapper_video video {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .wrapper_video {
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		z-index: 1;
	}

	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) video.gbc-hero-video-deferred:not(.gbc-hero-video-ready) {
		opacity: 0;
		pointer-events: none;
	}

	.BIG_BANNER_INDEX .top_slider_wrapp:not(.view_2) .grid-items__player {
		display: inline-block;
		z-index: 30;
		position: relative;
	}
}

/* Product gallery: резерв под LCP-фото, без CLS */
.product-detail-gallery__picture {
	aspect-ratio: 1 / 1;
	width: 100%;
	height: auto;
	object-fit: cover;
}

@media (min-width: 768px) {
	.BIG_BANNER_INDEX .top_slider_wrapp video.gbc-hero-video-deferred:not(.gbc-hero-video-ready) {
		opacity: 0;
	}

	.BIG_BANNER_INDEX .top_slider_wrapp .wrapper_video {
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
	}
}