/** 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 (min-width: 750px) {
  .custom-img-text .page-width {
    display: flex;
    justify-content: space-between;
  }

  /* Normal (Image left, Text right) */
  .custom-img-text .media-block {
    order: 1;
  }
  .custom-img-text .content-block {
    order: 2;
  }

  /* Reverse (Image right, Text left) */
  .custom-img-text .page-width.reverse .media-block {
    order: 2;
  }
  .custom-img-text .page-width.reverse .content-block {
    order: 1;
  }
}


  /* Button width fix */
  .custom-img-text .button {
    width: 130px !important; /* Fix width to 145px */
    text-align: center; /* Center text in the button */
    text-transform: uppercase !important;
  }