/** Shopify CDN: Minification failed

Line 162:14 Expected identifier but found whitespace
Line 163:4 Unexpected "0"
Line 163:9 Unexpected "{"
Line 163:18 Expected ":"
Line 164:5 Unexpected "{"
Line 164:14 Expected ":"

**/


/* CSS from section stylesheet tags */
/* — semi-transparent box behind product meta (title, price, etc.) — */
.featured-product .product__meta {
  background: var(--info-backdrop);
  padding: 0.8em 1em;
  border-radius: 4px;
}
/* Style "Select Size" label to match product title */
.collection-with-hero__slide .variant-label {
  display: block;
  font-size: var(--product-name-font-size);
  font-family: var(--product-name-font);
  color: var(--product-name-color);
  background: var(--product-name-backdrop);
  padding: 0.2em 0.4em;
  border-radius: 3px;
  margin-top: 0.5rem;
}

/* Match select dropdown + label to product title styling */
.collection-with-hero__slide select,
.collection-with-hero__slide label[for^="product-select"] {
  font-family: var(--product-name-font);
  font-size: var(--product-name-font-size);
  color: var(--product-name-color);
  background: var(--product-name-backdrop);
  padding: 0.4em 0.6em;
  border: 1px solid var(--product-name-color);
  border-radius: 3px;
  width: 100%;
  margin-top: 0.5rem;
  display: block;
}

/* Optional: Slight spacing below the label */
.collection-with-hero__slide label[for^="product-select"] {
  margin-bottom: 0.2rem;
  font-weight: 500;
}

/* — product title + price styles — */
.collection-with-hero__slide .product-card__title {
  font-size: var(--product-name-font-size);
  color: var(--product-name-color);
  font-family: var(--product-name-font);
  background: var(--product-name-backdrop);
  padding: 0.2em 0.4em;
  border-radius: 3px;
}

.collection-with-hero__slide.custom-inserted-media img,
.collection-with-hero__slide.custom-inserted-media video {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
}
.collection-with-hero__slide.custom-inserted-media {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1rem;
}

.media-video-wrapper {
  width: 100%;
  display: block;
}

.collection-with-hero__slide .product-card__price {
  font-size: var(--product-price-font-size);
  color: var(--product-price-color);
  font-family: var(--product-price-font);
  background: var(--product-price-backdrop);
  padding: 0.2em 0.4em;
  border-radius: 3px;
  font-weight: 600;
}

.collection-with-hero__slide.custom-inserted-image {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}

.collection-with-hero__slide.view-all-slide {
  font-size: var(--view-all-font-size);
  font-family: var(--view-all-font);
  color: var(--view-all-color);
  background: var(--view-all-backdrop);
  padding: 0.5em 1em;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.collection-with-hero__slide.view-all-slide .view-all-link {
  text-decoration: none;
  color: inherit;
  font-weight: 600;
}

/* container + CSS vars */
.collection-with-hero {
  position: relative;
  --arrow-color:              #ffffff;
  --arrow-bg:                 rgba(255,255,255,0.7);
  --toggle-text-size-desktop: 20px;
  --toggle-text-size-mobile:  16px;
  --toggle-text-color:        #ffffff;
  --toggle-text-font:         DM Sans, sans-serif;
  --toggle-text-backdrop:     rgba(0,0,0,0.3);

  /* product typography defaults */
  --product-name-font-size:   16px;
  --product-price-font-size:  16px;
  --product-name-color:       #000000;
  --product-price-color:      #333333;
  --product-name-font:        DM Sans, sans-serif;
  --product-price-font:       DM Sans, sans-serif;
  --product-name-backdrop:    rgba(255,255,255,0.5);
  --product-price-backdrop:   rgba(255,255,255,0.3);
}

/* Hero images */
.collection-with-hero__hero { position: relative; z-index: 2; } /* <- keep on top */
.collection-with-hero__image {
  width:100%; object-fit:cover; display:block;
}
.collection-with-hero__image--desktop { display:block; }
.collection-with-hero__image--mobile  { display:none; }
@media (max-width:749px) {
  .collection-with-hero__image--desktop { display:none; }
  .collection-with-hero__image--mobile  { display:block; }
}

/* Toggle container */
.collection-with-hero__toggle-container {
  position:absolute; bottom:1rem; right:1rem;
  display:flex; align-items:center; gap:0.5rem;
}
.collection-with-hero__toggle-text {
  font-family: var(--toggle-text-font);
  color: var(--toggle-text-color);
  font-size: var(--toggle-text-size-desktop);
  text-shadow:
    0 0 {{ section.settings.toggle_text_glow_blur }}px
    {{ section.settings.toggle_text_glow_color }};
  background: var(--toggle-text-backdrop);
  padding: 0.2em 0.5em;
  border-radius: 4px;
}
@media (max-width:749px) {
  .collection-with-hero__toggle-text {
    font-size: var(--toggle-text-size-mobile);
  }
}

/* Chevron button */
.collection-with-hero__toggle {
  width:48px; height:48px;
  background: var(--arrow-bg);
  border:2px solid var(--arrow-color);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition:transform .3s ease; z-index:10;
}
.collection-with-hero__toggle svg {
  stroke: var(--arrow-color); width:24px; height:24px;
}
.collection-with-hero__toggle.open { transform:rotate(180deg); }

/* Slider wrapper (below hero, height animated by JS) */
.collection-with-hero__wrapper {
  position: relative;
  z-index: 1;            /* under hero */
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s ease;
}

/* Horizontal slider */
.collection-with-hero__slider {
  display:flex; overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling: touch;
  gap:1rem; padding:1rem;
}
.collection-with-hero__slider::-webkit-scrollbar { display:none; }

/* Slide */
.collection-with-hero__slide {
  flex:0 0 calc(100% / var(--visible-desktop));
  scroll-snap-align:start;
  padding-left:1rem; box-sizing:border-box;
}
@media (max-width:749px) {
  .collection-with-hero__slide {
    flex:0 0 calc(100% / var(--visible-mobile));
  }
}

/* Desktop arrows */
.collection-with-hero__nav {
  display:none!important;
  position:absolute; top:50%; transform:translateY(-50%);
  width:48px; height:48px;
  background: var(--arrow-bg);
  border:2px solid var(--arrow-color);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; z-index:5;
}
.collection-with-hero__nav svg {
  stroke: var(--arrow-color); width:24px; height:24px;
}
.collection-with-hero__nav-left { left:1rem; }
.collection-with-hero__nav-right { right:1rem; }

@media (min-width:750px) {
  .collection-with-hero.open .collection-with-hero__nav {
    display:flex!important;
  }
}
@media (max-width:749px) {
  .collection-with-hero__nav { display:none!important; }
}

/* Mobile: show peek of next card */
@media (max-width:749px) {
  .collection-with-hero__slide {
    flex: 0 0 80% !important;
    scroll-snap-align: start;
    margin-right: 1rem;
  }
  .collection-with-hero__slider {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
/* remove any baked-in gradient */
.collection__products .product-item .product-item__info {
  background-image: none !important;
  background-color: var(--item-info-backdrop) !important;
  padding:          0.75em;
  border-radius:    4px;
}

/* apply your text color */
.collection__products .product-item .product-item__info a,
.collection__products .product-item .product-item__info .product-item__price,
.collection__products .product-item .product-item__info .product-rating {
  color: var(--item-info-text-color) !important;
}
.slim-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
}

.slim-hero__image {
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

.slim-hero__image--desktop {
  display: block;
}

.slim-hero__image--mobile {
  display: none;
}

.slim-hero__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  z-index: 2;
  padding: 1rem;
}

@media (max-width: 749px) {
  .slim-hero__image--desktop {
    display: none;
  }
  .slim-hero__image--mobile {
    display: block;
  }
}