/** Shopify CDN: Minification failed

Line 19:0 Unexpected "#"
Line 19:2 Unexpected "{"
Line 19:11 Expected ":"
Line 26:10 Unexpected "{"
Line 26:19 Expected ":"
Line 31:10 Unexpected "{"
Line 31:19 Expected ":"
Line 41:10 Unexpected "{"
Line 41:19 Expected ":"
Line 47:12 Unexpected "{"
... and 27 more hidden warnings

**/


/* CSS from section stylesheet tags */
#{{ section.id }}.app-wrapper{
  background: var(--section_bg, transparent);
}
.popular-categories {
  background-color: var(--section_bg);
}

.section-{{ section.id }} .section-surface {
  padding-top: var(--pt);
  padding-bottom: var(--pt);
}

.section-{{ section.id }} .section-title {
  font-size: 28px;
  text-align: center;
  margin-bottom: 30px;
  color: #333;
  font-weight: 600;
  letter-spacing: 1px;
}

/* GRID */
.section-{{ section.id }} .category-grid {
  display: grid;
  grid-template-columns: repeat(var(--cols-desktop), minmax(0, 1fr));
  gap: var(--gap-size, 30px);
}
@media (max-width: 1199.98px) {
  .section-{{ section.id }} .category-grid {
    grid-template-columns: repeat(var(--cols-tablet), minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .section-{{ section.id }} .category-grid {
    grid-template-columns: repeat(var(--cols-mobile), minmax(0, 1fr));
  }
}

.section-{{ section.id }} .category-item {
  text-align: center;
  transition: transform .3s ease, box-shadow .3s ease;
}
.section-{{ section.id }} .category-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0,0,0,.1);
}
.section-{{ section.id }} .category-content {
  display: flex; flex-direction: column; align-items: center; gap: 15px;
  padding: 20px; background: #fff; border-radius: 10px;
}
.section-{{ section.id }} .category-icon {
  width: 180px; height: 180px; position: relative; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
.section-{{ section.id }} .category-icon img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.section-{{ section.id }} .placeholder-icon {
  width: 100%; height: 100%; background: #ddd;
}
.section-{{ section.id }} .category-name {
  font-size: 18px; color: #444; font-weight: 500; text-align: center; padding: 0 10px;
}
.section-{{ section.id }} .category-link { text-decoration: none; color: inherit; }

/* Mobile sizing tweaks when slider is enabled */
@media (max-width: 767.98px) {
  .section-{{ section.id }} .category-icon { width: 140px; height: 140px; }
  .section-{{ section.id }} .category-name { font-size: 16px; }
}

/* Extra small phones */
@media (max-width: 479.98px) {
  .section-{{ section.id }} .category-icon { width: 120px; height: 120px; }
  .section-{{ section.id }} .category-name { font-size: 14px; }
}