/** Shopify CDN: Minification failed

Line 49:10 Expected identifier but found whitespace
Line 49:12 Unexpected "{"
Line 49:21 Expected ":"
Line 60:14 Expected identifier but found whitespace
Line 60:16 Unexpected "{"
Line 60:25 Expected ":"
Line 60:52 Expected ":"
Line 66:14 Expected identifier but found whitespace
Line 66:16 Unexpected "{"
Line 66:25 Expected ":"
... and 17 more hidden warnings

**/
  .section-video-autoplay-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    /* Ensure the iframe itself also respects border-radius if needed, though parent usually suffices */
    border-radius: inherit; /* Inherit border-radius from parent */
  }

  .section-video-autoplay iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: inherit; /* Inherit border-radius for the iframe */
  }

.section-video-autoplay.hidden-title iframe {pointer-events: none;} 

  /* Text overlay styling */
  .section-video-autoplay__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: {{ section.settings.text_color }};
    /* Ensure opacity is a number and properly formatted */
    background-color: rgba(var(--color-foreground), {{ section.settings.overlay_opacity | divided_by: 100.0 | round: 2 }});
    pointer-events: none; /* Allows clicks to pass through to the video */
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    border-radius: inherit; /* Inherit border-radius for the overlay */
  }

  .section-video-autoplay__heading {
    font-size: {{ section.settings.heading_size }}px;
    margin-bottom: 15px;
    border-radius: 8px; /* Rounded corners for heading */
  }

  .section-video-autoplay__text {
    font-size: {{ section.settings.text_size }}px;
    border-radius: 8px; /* Rounded corners for text */
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {

    .section-video-autoplay-wrapper {padding-bottom: 56.25%;}

    .section-video-autoplay__overlay {
      padding: 12px;
    }

    .section-video-autoplay__heading {
      font-size: {{ section.settings.heading_size | times: 0.8 | round: 0 }}px;
    }
    .section-video-autoplay__text {
      font-size: {{ section.settings.text_size | times: 0.9 | round: 0 }}px;
    }
  }

  @media (max-width: 480px) {
    .section-video-autoplay__heading {
      font-size: {{ section.settings.heading_size | times: 0.6 | round: 0 }}px;
      margin-bottom: 8px;
    }
    .section-video-autoplay__text {
      font-size: {{ section.settings.text_size | times: 0.7 | round: 0 }}px;
    }
    .section-video-autoplay__overlay {
      padding: 8px;
    }
  }