/** Shopify CDN: Minification failed

Line 23:10 Unexpected "{"
Line 23:19 Expected ":"
Line 27:10 Unexpected "{"
Line 27:19 Expected ":"
Line 28:10 Unexpected "{"
Line 28:19 Expected ":"
Line 29:10 Unexpected "{"
Line 29:19 Expected ":"
Line 31:10 Unexpected "{"
Line 31:19 Expected ":"
... and 16 more hidden warnings

**/


/* CSS from section stylesheet tags */
.button-section {
  width: 100%;
}

#section-{{ section.id }} .button-section__wrapper {
  display: flex;
}

#section-{{ section.id }} .button-section__wrapper--left   { justify-content: flex-start; }
#section-{{ section.id }} .button-section__wrapper--center { justify-content: center; }
#section-{{ section.id }} .button-section__wrapper--right  { justify-content: flex-end; }

#section-{{ section.id }} .button-section__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease,
              transform 0.15s ease;
}

#section-{{ section.id }} .button-section__button:hover {
  transform: translateY(-1px);
}

#section-{{ section.id }} .button-section__icon {
  display: inline-flex;
  line-height: 1;
}

#section-{{ section.id }} .button-section__icon--left {
  margin-right: 0.5em;
}

#section-{{ section.id }} .button-section__icon--right {
  margin-left: 0.5em;
}
.collection-carousel {
  position: relative;
  width: 100%;
}

/* Track layout */
.collection-carousel-track {
  display: flex;
  gap: 16px;
}

/* Desktop carousel behaviour */
.collection-carousel--is-carousel .collection-carousel-track {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

/* Hide scrollbar (desktop carousel) */
.collection-carousel--is-carousel .collection-carousel-track::-webkit-scrollbar {
  display: none;
}
.collection-carousel--is-carousel .collection-carousel-track {
  scrollbar-width: none;
}

/* Slides */
.collection-carousel-card {
  position: relative;
  scroll-snap-align: start;
  flex: 0 0 calc(100% / 1.2); /* overridden in JS */
  box-sizing: border-box;
}

/* Desktop grid fallback when <= products_per_view (collection mode) */
.collection-carousel--grid .collection-carousel-track {
  flex-wrap: wrap;
}
.collection-carousel--grid .collection-carousel-card {
  flex: 0 0 calc(25% - 12px);
}

/* Badge font-size using CSS vars (per element) + !important */
#CollectionCarouselSection-{{ section.id }} .collection-carousel-badge-left {
  font-size: var(--badge-font-size-desktop, {{ section.settings.badge_font_size }}px) !important;
}
#CollectionCarouselSection-{{ section.id }} .collection-carousel-badge-right {
  font-size: var(--badge-font-size-desktop, {{ section.settings.badge_font_size }}px) !important;
}

/* Image behaviour */
.collection-carousel-image-link,
.collection-carousel-image {
  display: block;
  width: 100%;
}
.collection-carousel-image {
  height: auto;
  object-fit: cover;
  border-radius: inherit;
}

/* Arrows */
.collection-carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 8px 10px;
  cursor: pointer;
  z-index: 3;
}
.collection-carousel-arrow--prev {
  left: 0;
}
.collection-carousel-arrow--next {
  right: 0;
}

/* MOBILE: always 1 row, 2 cards per view, swipe to see more */
@media screen and (max-width: 749px) {
  .collection-carousel-track {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .collection-carousel-track::-webkit-scrollbar {
    display: none;
  }
  .collection-carousel-track {
    scrollbar-width: none;
  }

  /* prevent wrapping on mobile */
  .collection-carousel--grid .collection-carousel-track {
    flex-wrap: nowrap;
  }

  /* 2 cards per view on mobile */
  .collection-carousel--grid .collection-carousel-card,
  .collection-carousel-card {
    flex: 0 0 calc(50% - 8px);
  }

  /* Mobile badge font size using per-element var + !important */
  #CollectionCarouselSection-{{ section.id }} .collection-carousel-badge-left {
    font-size: var(--badge-font-size-mobile, {{ section.settings.badge_font_size_mobile }}px) !important;
  }
  #CollectionCarouselSection-{{ section.id }} .collection-carousel-badge-right {
    font-size: var(--badge-font-size-mobile, {{ section.settings.badge_font_size_mobile }}px) !important;
  }
}