/** Shopify CDN: Minification failed

Line 111:29 Expected identifier but found whitespace
Line 111:31 Unexpected "{"
Line 111:40 Expected ":"
Line 111:80 Expected ":"
Line 112:32 Expected identifier but found whitespace
Line 112:34 Unexpected "{"
Line 112:43 Expected ":"
Line 112:86 Expected ":"
Line 113:26 Expected identifier but found whitespace
Line 113:28 Unexpected "{"
... and 7 more hidden warnings

**/
.simple-video .simple-video__heading {
  color: #000000 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
.simple-video {
  padding: var(--simple-video-padding-top, 80px) 0 var(--simple-video-padding-bottom, 80px);
  background-color: var(--simple-video-bg-color, #ffffff);
}

.simple-video__container {
  max-width: 1200px;
  margin: 0 auto;
   padding: 70px 180px;
}

.simple-video__header {
  text-align: center;
  margin-bottom: 60px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.simple-video__heading {
  font-size: clamp(32px, 4.5vw, 56px);
  font-weight: 700;
  margin: 0 0 20px;
  line-height: 1.1;
  color: var(--simple-video-heading-color, #000000);
}

.simple-video__description {
  font-size: 18px;
  line-height: 1.6;
  color: var(--simple-video-description-color, #000000);
}

.simple-video__wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  background-color: #000000;
}

.simple-video__player {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* Ensure video plays properly on all devices */
.simple-video__player::-webkit-media-controls {
  display: none !important;
}

.simple-video__player::-webkit-media-controls-panel {
  display: none !important;
}

.simple-video__player::-webkit-media-controls-play-button {
  display: none !important;
}

.simple-video__player::-webkit-media-controls-start-playback-button {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .simple-video {
    padding: var(--simple-video-padding-top, 60px) 0 var(--simple-video-padding-bottom, 60px);
  }
  
  .simple-video__container {
   padding: 50px 20px;
}

  .simple-video__header {
    margin-bottom: 40px;
  }
  
  .simple-video__heading {
    font-size: clamp(28px, 4vw, 42px);
  }
  
  .simple-video__description {
    font-size: 16px;
  }
  
}

/* Theme integration variables */
.simple-video {
  --simple-video-padding-top: {{ section.settings.padding_top | default: 80 }}px;
  --simple-video-padding-bottom: {{ section.settings.padding_bottom | default: 80 }}px;
  --simple-video-bg-color: {{ section.settings.bg_color | default: '#ffffff' }};
  --simple-video-heading-color: {{ section.settings.heading_color | default: '#000000' }};
  --simple-video-description-color: {{ section.settings.description_color | default: '#000000' }};
}