/* keep background video behind content */
.st-hls-video-wrapper {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}
.st-hls-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ensure parent can position absolute children */
.elementor-section,
.elementor-container,
.elementor-widget-wrap,
.e-con { /* Elementor Container */
  position: relative;
}

/* optional overlay via CSS var */
.st-hls-video-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--st-hls-overlay, transparent);
  z-index: 1;
}