/** Shopify CDN: Minification failed

Line 109:3 Unexpected "{"
Line 109:4 Expected identifier but found "%"
Line 109:17 Expected identifier but found "#object-fit"
Line 109:36 Unexpected "#"
Line 109:38 Expected identifier but found "%"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:new-collection-banner (INDEX:38) */
.new-collection-banner {
  max-width: 1200px;
  margin: 20px auto;
  padding: 0 20px;
  text-align: center; /* Ensure all text is centered */
}

.banner-heading {
  font-size: 24px;
  margin-bottom: 10px;
  color: #333;
  text-align: center; /* Explicitly center heading */
}

.banner-link {
  display: block;
  position: relative;
  text-decoration: none;
}

.new-collection-banner img {
  width: 100%;
  height: auto;
  aspect-ratio: 2/1;
  object-fit: cover;
  max-height: 600px;
  display: block;
}

.banner-text {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: bold;
  text-align: center; /* Center text within the banner-text div */
  border-radius: 5px;
  width: auto;
  max-width: 80%; /* Prevent text from overflowing */
}

@media (max-width: 768px) {
  .new-collection-banner {
    padding: 0 10px;
  }

  .banner-heading {
    font-size: 20px;
  }

  .new-collection-banner img {
    max-height: 400px;
  }

  .banner-text {
    font-size: 14px;
    padding: 8px 16px;
    bottom: 10px;
    max-width: 90%;
  }
}
/* END_SECTION:new-collection-banner */

/* START_SECTION:split-image-section (INDEX:53) */
.split-image-section {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
    overflow-x: auto;
}

.split-image {
    flex: 1;
    min-width: 150px;
    max-width: 600px;
    position: relative;
    overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 2px 1px rgb(0 0 0 / 1.2);

}

.split-image img {
    width: 100%;
    height: auto;
    max-height: 500px;
    display: block;
   {% comment %} #object-fit: cover;#{% endcomment %}
    aspect-ratio: 1 / 1;
}

.split-image a {
    display: block;
    text-decoration: none;
}

.image-text {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border-radius: 3px;
}

@media (max-width: 768px) {
    .split-image-section {
        gap: 5px;
        padding: 10px;
    }

    .split-image {
        min-width: 140px;
        max-width: none;
    }

    .split-image img {
        max-height: 300px;
    }

    .image-text {
        font-size: 12px;
        padding: 3px 8px;
        bottom: 5px;
    }
}
/* END_SECTION:split-image-section */