/** Shopify CDN: Minification failed

Line 147:0 Unexpected "}"

**/
/* Custom Theme Fixes */

/* 1. Reduce gap/chin underneath hero image */
.section-image-banner + .section {
  margin-top: 3rem;
}

@media screen and (min-width: 750px) {
  .section-image-banner + .section {
    margin-top: 4rem;
  }
}

/* Remove bottom padding from image banner to eliminate the chin */
.banner__box {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.banner--mobile-bottom .banner__box {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

/* Ensure hero/banner leaves space below it for following sections */
.banner {
  margin-bottom: 2rem !important;
}

@media screen and (min-width: 750px) {
  .banner {
    margin-bottom: 3rem !important;
  }
}

@media screen and (min-width: 750px) {
  .banner__box {
    padding-top: 0 !important;
  }
  
  .banner--mobile-bottom .banner__box {
    padding-top: 0 !important;
  }
}

/* Allow clicks to pass through banner layers to the clickable parent banner div */
.banner__content,
.banner__media {
  pointer-events: none;
}

/* Re-enable clicks on actual interactive elements inside banner */
.banner__content a,
.banner__content button {
  pointer-events: auto;
}

/* Make banners with links appear clickable */
.banner[onclick],
.banner[data-banner-link] {
  cursor: pointer !important;
}

/* Hide Sale and Sold Out badges */
.card__badge {
  display: none !important;
}

/* 2 & 4. Add spacing between product cards on mobile and prevent text from touching edges */
@media screen and (max-width: 749px) {
  /* Increase horizontal spacing between grid items on mobile */
  .grid {
    --grid-mobile-horizontal-spacing: 32px;
    column-gap: 2rem !important;
    row-gap: 2rem !important;
  }
  
  /* Add horizontal gap between product cards */
  .product-grid .grid {
    column-gap: 2rem !important;
    row-gap: 2rem !important;
  }
  
  .collection-list {
    column-gap: 2rem !important;
    row-gap: 2rem !important;
  }
  
  /* Adjust grid item widths to account for the gap */
  .grid--2-col .grid__item,
  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - 1rem) !important;
  }
  
  /* Increase spacing for slider peek items specifically */
  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,
  .grid--peek .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) - 4rem) !important;
  }
  
  /* Add padding to prevent images from touching screen edges */
  .slider-mobile-gutter,
  .product-grid,
  .collection .page-width {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  
  /* Ensure first slider item has proper left margin */
  .grid--peek.slider .grid__item:first-of-type {
    margin-left: 0 !important;
  }
}
  
  /* Ensure content has proper padding on mobile */
  .card__information,
  .card__content,
  .card-information {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  /* Add padding to page width for product grids and collections */
  .collection .page-width,
  .page-width:has(.product-grid),
  .section-collection-list .page-width {
    padding: 0 1rem;
  }
  
  .section-collection-list .collection-list:not(.slider) {
    padding-left: 0;
    padding-right: 0;
  }
  
  /* Ensure product card text doesn't touch edges */
  .card__heading,
  .card-information__text,
  .price {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

/* 3 & 5. Move Shop Now buttons closer to images */
.image-with-text__content {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media screen and (min-width: 750px) {
  .image-with-text__content {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

/* Reduce spacing between image and button specifically */
.section-image-banner + .image-with-text {
  margin-top: 2rem;
}

@media screen and (min-width: 750px) {
  .section-image-banner + .image-with-text {
    margin-top: 3rem;
  }
}

/* Add more spacing after image banner sections (Shop Now buttons) */
@media screen and (max-width: 749px) {
  .multicolumn .page-width,
  .collection-list .page-width {
    padding-top: 3rem !important;
  }
  
  /* Reduce spacing for rich-text after image banners */
  .rich-text .page-width,
  .rich-text[class*="-padding"] {
    padding-top: 1.5rem !important;
  }
}

@media screen and (min-width: 750px) {
  .multicolumn .page-width,
  .collection-list .page-width {
    padding-top: 4rem !important;
  }
  
  /* Reduce spacing for rich-text after image banners */
  .rich-text .page-width,
  .rich-text[class*="-padding"] {
    padding-top: 2rem !important;
  }
}

/* Override global sale/sold-out badge colors to neutral tones */
.badge.price__badge-sale,
.price__badge-sale,
.badge--sale {
  background-color: #2b2b2b !important; /* dark neutral */
  color: #ffffff !important; /* white text */
  border: none !important;
}

/* Ensure inner text is readable */
.card__badge .badge span,
.badge.price__badge-sale span,
.price__badge-sale span,
.badge--sale span {
  color: #ffffff !important;
}

/* Muted sold-out badge */
.price__badge-sold-out,
.badge--sold-out {
  background-color: #7a7a7a !important; /* muted gray */
  color: #ffffff !important;
  border: none !important;
}

/* Small visual tweak: slightly rounded badge corners */
.badge.price__badge-sale,
.price__badge-sale,
.badge--sale,
.price__badge-sold-out,
.badge--sold-out {
  border-radius: 4px !important;
  padding: 0.25rem 0.5rem !important;
  font-weight: 600 !important;
}