/** Shopify CDN: Minification failed

Line 19:0 Unexpected "<"
Line 21:14 Expected identifier but found whitespace
Line 21:16 Unexpected "{"
Line 21:25 Expected ":"
Line 21:65 Expected ":"
Line 22:17 Expected identifier but found whitespace
Line 22:19 Unexpected "{"
Line 22:28 Expected ":"
Line 22:71 Expected ":"
Line 23:15 Expected identifier but found whitespace
... and 8 more hidden warnings

**/


/* CSS from section stylesheet tags */
<style>
.featured-collection-rows {
  padding-top: {{ section.settings.padding_top | default: 20 }}px;
  padding-bottom: {{ section.settings.padding_bottom | default: 20 }}px;
  padding-left: {{ section.settings.padding_left | default: 20 }}px;
  padding-right: {{ section.settings.padding_right | default: 20 }}px;
}

.section-header {
  text-align: center;
  margin-bottom: 2rem;
}

.section-heading {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.section-subtitle {
  font-size: 1rem;
  color: #777;
}

.featured-collection-row {
  margin-bottom: 40px;
}

.collection-row-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 10px;
}

.carousel-tiles {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 16px;
}

.collection-tile {
  flex: 0 0 auto;
  width: 150px;
  text-align: center;
}

.collection-tile img {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
  height: 150px;
}

.collection-tile-title {
  margin-top: 8px;
  font-size: 14px;
}

@media (min-width: 768px) {
  .carousel-tiles {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .collection-tile {
    flex: 0 0 23%; /* 4 columns on desktop */
  }
}
</style>