.ccb_single_video_player {
	background-color: #000;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

/* ── Lazy (click-to-load) video facade ── */
.ccb_lazy_video {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	background-color: #000;
	cursor: pointer;
	line-height: 0;
}

.ccb_lazy_video__thumb {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.2s ease;
}

.ccb_lazy_video:hover .ccb_lazy_video__thumb {
	opacity: 0.85;
}

.ccb_lazy_video__play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 68px;
	height: 48px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	line-height: 0;
}

.ccb_lazy_video__play svg {
	width: 100%;
	height: 100%;
}

.ccb_lazy_video__play-bg {
	fill: #212121;
	fill-opacity: 0.8;
	transition: fill-opacity 0.2s ease;
}

.ccb_lazy_video:hover .ccb_lazy_video__play-bg,
.ccb_lazy_video__play:focus .ccb_lazy_video__play-bg {
	fill: #f00;
	fill-opacity: 1;
}