.c-hero.-has-video {
	overflow: hidden;
}

.c-hero.-has-video .container {
	z-index: 1;
}

/*
 * Video je pod stmavujúcim `.container:before` a pod booking formulárom.
 * `pointer-events: none` zabráni hoveru, takže YouTube neukáže názov ani
 * ovládanie; zobrazí sa až keď naozaj hrá, dovtedy je vidieť náhľadový obrázok.
 */
.c-hero-video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
	container-type: size;
	opacity: 0;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}

.c-hero-video.is-playing {
	opacity: 1;
}

/* 16:9 prehrávač natiahnutý ako `background-size: cover` */
.c-hero-video iframe {
	position: absolute;
	left: 50%;
	top: 50%;
	width: max(100cqw, 177.78cqh);
	height: max(100cqh, 56.25cqw);
	border: 0;
	-webkit-transform: translate(-50%, -50%) scale(1.02);
	transform: translate(-50%, -50%) scale(1.02);
}