/** Shopify CDN: Minification failed

Line 125:13 Expected identifier but found whitespace
Line 125:15 Unexpected "{"
Line 125:24 Expected ":"
Line 135:13 Expected identifier but found whitespace
Line 135:15 Unexpected "{"
Line 135:24 Expected ":"

**/


/* CSS from section stylesheet tags */
.collection-grid {
  margin: 2rem 0;
}

.collection-grid__title {
  text-align: center;
  margin-bottom: 1.5rem;
}

.collection-grid__items {
  display: grid;
  gap: 1rem;
}

.collection-grid__item {
  text-align: center;
}

.product-image-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* Aspect ratios */
.product-image-wrapper.aspect-1-1 { padding-top: 100%; }
.product-image-wrapper.aspect-4-3 { padding-top: 75%; }
.product-image-wrapper.aspect-16-9 { padding-top: 56.25%; }
.product-image-wrapper.aspect-3-4 { padding-top: 133.33%; }
.product-image-wrapper.aspect-9-16 { padding-top: 177.78%; }

.product-image-wrapper img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  transition: opacity 0.4s ease;
}

.product-image-wrapper img.hover-img { opacity: 0; }
.product-image-wrapper:hover img.hover-img { opacity: 1; }
.product-image-wrapper:hover img:first-child { opacity: 0; }

.collection-grid__info {
  margin-top: 0.8rem;
}

.collection-grid__title-product {
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 0.3rem;
}

.collection-grid__price {
  font-size: .9em;
  font-weight: 500;
}

.collection-grid__price .compare {
  text-decoration: line-through;
  color: #999;
  font-size: .8em;
  margin-left: 0.5rem;
}

.collection-grid__button {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}

.collection-grid__button a {
  padding: 0.6rem 1.5rem;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}

/* --- Carrusel --- */
.collection-grid__carousel {
  position: relative;
}

.collection-grid__carousel-track {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

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

.collection-grid__carousel-item {
  flex: 0 0 auto;
  scroll-snap-align: start;
  width: calc(100% / 2.2);
}

@media(min-width: 768px){
  .collection-grid__carousel-item {
    width: calc(100% / 4.2);
  }
}

.carousel-arrow {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  background: {{ section.settings.button_color }};
  color: white;
  border: none;
  padding: 0.6rem;
  cursor: pointer;
  border-radius: 50%;
  transition: background 0.3s ease;
}

.carousel-arrow:hover {
  background: {{ section.settings.button_hover_color }};
}

.carousel-arrow.prev { left: -1rem; }
.carousel-arrow.next { right: -1rem; }

@media(min-width: 769px){
  .collection-grid__items {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media(max-width: 768px){
  .collection-grid__items {
    grid-template-columns: repeat({{ section.settings.columns_desktop }}, 1fr) !important;
  }
}