/** Shopify CDN: Minification failed

Line 65:8 Expected identifier but found whitespace
Line 65:10 Unexpected "{"
Line 65:19 Expected ":"
Line 67:1 Expected "}" to go with "{"

**/


/* CSS from section stylesheet tags */
.video-section-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #000;
}

/* Aspect Ratio Containers */
.video-container {
  position: relative;
  height: 0;
  padding-top: 166.67%; /* Default: 3:5 aspect ratio for mobile */
}

@media screen and (min-width: 750px) {
  .video-container {
    padding-top: 62.5%; /* 16:10 aspect ratio for desktop */
  }
}

.video-container video,
.video-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Show/hide based on device */
.video-mobile {
  display: block;
}
.video-desktop {
  display: none;
}

@media screen and (min-width: 750px) {
  .video-mobile {
    display: none;
  }
  .video-desktop {
    display: block;
}

.video-text-content {
  position: absolute;
  z-index: 2;
  width: 100%;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  color: {{ section.settings.text_color }};
  padding: 20px;
}