/*
* в файле используются вложенные селекторы, которые повсеместно были внедрены в 2023 году в современных браузерах,
* для поддержки старых браузеров - обработать PostCSS с плагином nested
* https://sneakertack.github.io/postcss-playground/ - раскомментировать //.nested
*/
.slider-banner .slider-item {
	width: 100%;
	height: 100vh;
	height: 100lvh;
	background: gray;
	position: relative;
	color: var(--contrast-main-color);
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;
}
	
	.slider-banner.first_screen .slider-item {
			height: calc(100vh + 1rem);
			height: calc(100dvh + 1rem);
			height: calc(100svh + 1rem);
		@media (min-height: 360px) {
			height: calc(100vh - var(--header-height));
			height: calc(100dvh - var(--header-height));
			height: calc(100svh - var(--header-height));
		}
	}
	.slider-item .slide-bg-poster, .slider-item .slide-bg-poster img
	, .slider-item .slide-bg-video {
		position: absolute;
		inset: 0;		
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-position: center;
		object-fit: cover;
		pointer-events: none;
	}

/** TEMPLATES slides **/
.slider-item[shablon='video-player'] {}

	.slider-item[shablon='video-player'] .caption-wrapper > .sub-wrapper {
		display: flex;
		flex-direction: column-reverse;
	}
	.slider-item[shablon='video-player'] .btn[type='video-embed'] {
		margin-bottom: 0.5rem;
		@media (min-width: 576px) and (min-height: 480px) { margin-bottom: 0.75rem; }
		@media (min-width: 992px) and (min-height: 768px) { margin-bottom: 1rem; }
	}
		.slider-item[shablon='video-player'] .btn[type='video-embed'] img.icon {
			width: 50px;
			@media (min-width: 576px) and (min-height: 480px) { width: 57px; }
			@media (min-width: 992px) and (min-height: 768px) { width: 64px; }
		} .slider-item[shablon='video-player'] .btn[type='video-embed']:hover {
			opacity: 0.6; transition: opacity 0.3s;
		}