/* --------------------------------------------------------
   youtube lite player
   lightweight click-to-play embed with layout shift prevention
   -------------------------------------------------------- */
.youtube-player {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
	cursor: pointer;
}

.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	border: none;
	background: transparent;
}

.youtube-player .youtube-thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: none;
	transition: filter 0.3s ease;
}

.youtube-player:hover .youtube-thumbnail {
	filter: brightness(75%);
}

.youtube-player .youtube-play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 68px;
	height: 48px;
	margin-left: -34px;
	margin-top: -24px;
	background: url('yt.png') no-repeat center center;
	background-size: contain;
	z-index: 10;
	pointer-events: none;
	transition: transform 0.2s ease;
}

.youtube-player:hover .youtube-play {
	transform: scale(1.1);
}

.youtube-player--active .youtube-thumbnail,
.youtube-player--active .youtube-play {
	display: none;
}