/** Shopify CDN: Minification failed

Line 22:10 Expected identifier but found whitespace
Line 22:12 Unexpected "{"
Line 22:21 Expected ":"
Line 22:54 Unexpected "{"
Line 22:63 Expected ":"
Line 22:96 Expected ":"
Line 23:19 Expected identifier but found whitespace
Line 23:21 Unexpected "{"
Line 23:30 Expected ":"
Line 29:6 Expected identifier but found whitespace
... and 19 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:dual-video (INDEX:16) */
.dual-video {
  padding: {{ section.settings.padding_vertical }}px {{ section.settings.padding_horizontal }}px;
  background-color: {{ section.settings.bg_color }};
}

.dual-video__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: {{ section.settings.gap }}px;
  max-width: {{ section.settings.max_width }}px;
  margin: 0 auto;
}

.dual-video__wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border-radius: {{ section.settings.border_radius }}px;
}

.dual-video__player {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dual-video__placeholder {
  aspect-ratio: 9 / 16;
  background: #f0f0f0;
  border-radius: {{ section.settings.border_radius }}px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dual-video__caption {
  margin-top: 10px;
  text-align: center;
  font-size: var(--caption-size);
}

.dual-video__heading {
  margin-top: 32px;
  text-align: center;
  font-size: var(--heading-size);
}

@media (max-width: 640px) {
  .dual-video {
    padding: {{ section.settings.padding_vertical }}px 8px;
  }

  .dual-video__inner {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .dual-video__wrapper {
    border-radius: 2px;
  }

  .dual-video__caption {
    font-size: var(--caption-size-mobile);
  }

  .dual-video__heading {
    font-size: var(--heading-size-mobile);
  }
}
/* END_SECTION:dual-video */

/* START_SECTION:hero-vide (INDEX:24) */
.hero-video-section {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  overflow: hidden;
}

.hero-video-section video {
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.hero-video-text {
  margin: 20px 0;
  color: #fff;
}

.hero-video-text h2 {
  font-size: 2rem;
  font-weight: 700;
}

.hero-video-text p {
  font-size: 1rem;
  opacity: 0.8;
}

.play-pause-button {
  position: absolute;
  bottom: 16px;
  right: 16px;
  background: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}

.play-pause-button svg {
  width: 20px;
  height: 20px;
}

@media (min-width: 768px) {
  .hero-video-section {
    flex-direction: row;
    text-align: left;
  }
  .hero-video-text {
    margin: 0 40px;
  }
}
/* END_SECTION:hero-vide */