/** Shopify CDN: Minification failed

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

**/


/* CSS from section stylesheet tags */
.dior-split-section {
  display: flex;
  flex-wrap: wrap;
}
.dior-left,
.dior-right {
  width: 50%;
  position: relative;
}
.dior-left iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
}
.dior-right {
  display: flex;
  flex-direction: column;
}
.dior-image-block {
  position: relative;
  height: 50%;
}
.dior-image-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dior-overlay {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: white;
  z-index: 2;
}
.dior-overlay a {
  display: inline-block;
  margin-top: 8px;
  background-color: black;
  color: white;
  padding: 6px 12px;
  text-decoration: none;
}
/* Existing styles for .retina_size and .lazyload classes (if any) */

  .full-width-image {
    /* Optional: Set default image width for mobile view */
    width: auto;
    /* Ensure consistent width across devices */
    max-width: 100%;
    /* Set fixed height based on your needs */
    height: auto; /* Adjust this value as needed */
  }

  @media (min-width: 768px) and (max-width: 1023px) { /* Targets tablets */
    .full-width-image {
      width: 100%;
    }
    .image-set-gap{
      margin: 10px 0px 10px 0px;
    }
  }

  @media (min-width: 399px) and (max-width: 768px) { /* Targets tablets */
    .full-width-image {
      width: 100%;
    }
    .image-set-gap{
      margin: 10px 0px 10px 0px;
    }
  }

  @media (min-width: 1024px) { /* Targets laptops and desktops */
    .full-width-image {
      width: 100%;
    }
    .image-set-gap{
    /* margin: 10px 8px 0px 8px; */
      margin: 10px auto 0px auto;
  }
  }
.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;
  }