.scroll-video-section {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #000;
}

/* Force Elementor shortcode widget to take full width in flex containers */
.elementor-widget-shortcode:has(.scroll-video-section) {
	width: 100% !important;
	flex: 0 0 100% !important;
}

.scroll-video-section .scroll-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}

.scroll-video-section--canvas .scroll-video {
	opacity: 0;
}

.scroll-video-section .scroll-video-canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}