@import "!template_custom.css";
@import "!media_custom.css";

/*
 * Firefox can lose the hardware-composited video layer when a video centered
 * with transform is nested inside Swiper's transformed slide. Native
 * object-fit keeps the banner cover effect without another transformed layer.
 */
.banners-big .main-slider__item .wrapper_video > video.video.cover {
	display: block;
	width: 100% !important;
	height: 100% !important;
	min-width: 0;
	min-height: 0;
	top: 0;
	left: 0;
	transform: none;
	object-fit: cover;
	pointer-events: none;
}

/* A single banner does not need Swiper's transformed animation layer. */
.banners-big .main-slider[data-plugin-options*='"countSlides":1'] > .swiper-wrapper,
.banners-big .main-slider[data-plugin-options*='"countSlides":1'] > .swiper-wrapper > .swiper-slide {
	transform: none !important;
	transition: none !important;
}