/** Shopify CDN: Minification failed

Line 115:0 Unexpected "}"

**/
/* assets/section-product-banner.css */

.product-banner {
  display: none;
}

@media(min-width: 769px) {
  .product-banner {
    display: block;
  }
}

.collection-hero {
  position: relative;
  max-height: 400px;
  overflow: hidden;
}

@media(min-width: 769px) {
  .collection-hero {
    max-height: 500px;
  }
}

@media(min-width: 1050px) {
  .collection-hero {
    max-height: 600px;
  }
}

@media(min-width: 1200px) {
  .collection-hero {
    max-height: 700px;
  }
}

.collection-hero .section-header,
.product-hero .section-header {
  margin: 0;
}

.collection-hero .section-header__title {
  font-size: 25px;
}

.collection-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Video specific styles */
.video-parent-section {
  position: relative;
  width: 100%;
  background: transparent; /* Ensure no background color */
}

.hero--mobile--650px {
  height: 400px; /* Reduced from 650px */
}

.collection-video {
  position: relative;
  width: 100%;
  height: 100%;
  background: transparent; /* Ensure no background color */
}

.hero__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent; /* Ensure no background color */
}

.hero__media-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent; /* Ensure no background color */
}

.hero__media-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: transparent; /* Ensure no background color */
}

.collection-hero__content:before{
  background-color: transparent
}

/* Content overlay styles */
/* .collection-hero__content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: 2;
  pointer-events: none; /* Allows clicking through to video */
} */

/* .section-header__shadow {
  padding: 15px;
  color: #ffffff;
  text-align: center;
  background: transparent; /* Remove any background */
} */

/* Additional responsive adjustments for video */
@media(max-width: 768px) {
  .hero--mobile--650px {
    height: 300px; /* Even shorter on mobile */
  }
}

/* Make sure no other elements are adding opacity */
.video-parent-section::before,
.video-parent-section::after,
.collection-video::before,
.collection-video::after,
.hero__media::before,
.hero__media::after {
  display: none !important;
}