/** Shopify CDN: Minification failed

Line 20:16 Expected identifier but found whitespace
Line 20:18 Unexpected "{"
Line 20:27 Expected ":"
Line 20:53 Expected ":"
Line 21:19 Expected identifier but found whitespace
Line 21:21 Unexpected "{"
Line 21:30 Expected ":"
Line 21:59 Expected ":"
Line 22:21 Expected identifier but found whitespace
Line 22:23 Unexpected "{"
... and 4 more hidden warnings

**/


/* CSS from section stylesheet tags */
.custom-img-text {
    padding-top: {{ section.settings.padding_top }}px;
    padding-bottom: {{ section.settings.padding_bottom }}px;
    background-color: {{ section.settings.bg_color }};
  }

  /* Desktop: Media on the left and content on the right */
  .custom-img-text .media-block,
  .custom-img-text .content-block {
    width: 50%;
    height: 600px; /* Fixed height */
  }

  .custom-img-text .media-block video,
  .custom-img-text .media-block img {
    height: 100%;
    width: 100%;
    /* object-fit: cover; */
  }

  /* Content block styling */
  .custom-img-text .content-block {
    text-align: {{ section.settings.text_alignment }};
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 600px; /* Ensure height matches media */
    padding-left: 16px;
    padding-right: 16px;
  }

  .custom-img-text .content-block > * {
    max-width: 600px;
  }

  /* Mobile view (stack top and bottom) */
  @media (max-width: 749px) {
    .custom-img-text .media-block,
    .custom-img-text .content-block {
      width: 100% !important;
      height: auto;
    }

    .custom-img-text .content-block {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }

  /* Desktop Flexbox Layout: Media on left, content on right */
  @media (min-width: 750px) {
    .custom-img-text .page-width {
      display: flex;
      flex-direction: row-reverse; /* Side-by-side */
      justify-content: space-between;
    }

    .custom-img-text .media-block {
      order: 1; /* Ensure media is first */
    }

    .custom-img-text .content-block {
      order: 2; /* Content second */
    }
  }

  /* Button width fix */
  .custom-img-text .button {
    width: 185px !important; /* Fix width to 145px */
    text-align: center; /* Center text in the button */
    text-transform: uppercase !important;
  }