/** Shopify CDN: Minification failed

Line 58:12 Expected identifier but found whitespace
Line 58:13 Unexpected "("

**/
.collection-list {
  margin-top: 0;
  margin-bottom: 0;
}

.collection-list-title {
  margin: 0;
}

@media screen and (max-width: 749px) {
  .collection-list:not(.slider) {
    padding-left: 0;
    padding-right: 0;
  }

  .section-collection-list .page-width {
    padding-left: 0;
    padding-right: 0;
  }

  .section-collection-list .collection-list:not(.slider) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}



@media screen and (min-width: 750px) {
  .collection-list__item a:hover {
    box-shadow: none;
  }
}



.collection-list-view-all {
  margin-top: 2rem;
}

@media screen and (max-width: 2600px) {
  .section-collection-list .grid__item {
    max-width: 13% !important;
    width: 13% !important;
  }
}



@media screen and (max-width: 749px) {
    .grid--peek .grid__item
Specificity: (0,2,0)
 {
        min-width: 11%!important;
        max-width: 11% !important;
    }
}

/* Ensure collection-list slider is horizontal and slides are visible */
.collection-list.slider {
  display: flex !important;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  gap: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

/* Slide sizing — adjust width to match your age slider tiles */
.collection-list.slider .collection-list__item,
.collection-list.slider .slider__slide {
  flex: 0 0 auto;
  width: 220px;
  box-sizing: border-box;
  scroll-snap-align: start;
}

@media screen and (max-width: 1600px) {
  /* Make any collection list behave like the slider */
  .collection-list {
    display: flex !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    gap: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .collection-list .collection-list__item,
  .collection-list .slider__slide {
    flex: 0 0 auto;
    width: 220px; /* adjust to match your age slider tile width */
    box-sizing: border-box;
    scroll-snap-align: start;
  }

  /* Ensure prev/next buttons (if present) remain visible */
  .slider-buttons { display: flex; gap: 8px; align-items: center; }
}

@media screen and (max-width: 989px) {
  .collection-list.slider .collection-list__item {
    max-width: 100%;
  }
}


