/* На баннере ролик обрезан по высоте: в теме у него object-fit: cover
   и фиксированные 513 px. На весь экран его надо показывать целиком. */
.preview-video:fullscreen {
	height: 100%;
	object-fit: contain;
}

/* Safari до 16.4 понимает только префиксный селектор. Отдельным правилом,
   а не через запятую: браузер, не знающий один из селекторов в перечислении,
   отбрасывает всё правило целиком. */
.preview-video:-webkit-full-screen {
	height: 100%;
	object-fit: contain;
}

/* Яндекс Браузер рисует над любым <video> свою панель («Субтитры»,
   картинка-в-картинке), когда курсор над роликом. На баннере выпадающее меню
   шапки раскрывается прямо над верхом видео, и панель перекрывала пункты.
   Фоновому ролику наведение не нужно: он без звука и без управления, кнопка
   разворота отдельная. Поэтому сам <video> не принимает курсор — браузер
   не считает его наведённым и панель не показывает. На весь экран ролик
   идёт с управлением, там курсор нужен. */
.preview-video {
	pointer-events: none;
}

.preview-video:fullscreen {
	pointer-events: auto;
}

.preview-video:-webkit-full-screen {
	pointer-events: auto;
}

/* выпадающее меню шапки всегда над баннером */
.header .header__list-sub {
	z-index: 20;
}

/* Ролик рисуется на canvas (kit-video-canvas.js), сам <video> спрятан:
   к canvas панель Яндекс Браузера не прикрепляется. Класс kit-video-canvas
   ставит скрипт — без него (нет JS) видео показывается как раньше. */
.kit-video-canvas .preview-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.preview-video-canvas {
	display: block;
	width: 100%;
	height: 100%;
}

/* на весь экран разворачивается настоящее видео */
.kit-video-canvas .preview-video:fullscreen {
	position: static;
	width: 100%;
	height: 100%;
	opacity: 1;
	pointer-events: auto;
}

.kit-video-canvas .preview-video:-webkit-full-screen {
	position: static;
	width: 100%;
	height: 100%;
	opacity: 1;
	pointer-events: auto;
}