/** Shopify CDN: Minification failed

Line 217:15 Unexpected "{"
Line 217:24 Expected ":"
Line 218:10 Expected identifier but found whitespace
Line 218:12 Unexpected "{"
Line 218:21 Expected ":"
Line 219:14 Expected identifier but found whitespace
Line 219:16 Unexpected "{"
Line 219:25 Expected ":"
Line 219:49 Expected ":"
Line 220:16 Expected identifier but found whitespace
... and 24 more hidden warnings

**/
/* ===== BEST SELLERS GRID ===== */

.bs-wrapper {
  width: 100%;
  overflow: hidden;
  margin: 80px auto;
}

.bs-container {
  max-width: 1400px;
  margin: 0 auto;
}

/* ── Header ── */
.bs-header {
  text-align: center;
  margin-bottom: 40px;
}

.bs-heading {
      font-weight: 600;
    font-size: 32px;
  letter-spacing: -0.5px;
  margin: 0;
  line-height: 1.2;
  
}

/* ── Grid ── */
.bs-grid {
  display: grid;
  gap: 20px;
}

.bs-grid-2 { grid-template-columns: repeat(2, 1fr); }
.bs-grid-3 { grid-template-columns: repeat(3, 1fr); }
.bs-grid-4 { grid-template-columns: repeat(4, 1fr); }
.bs-grid-5 { grid-template-columns: repeat(5, 1fr); }
.bs-grid-6 { grid-template-columns: repeat(6, 1fr); }

@media (max-width: 991px) {
  .bs-grid-4,
  .bs-grid-5,
  .bs-grid-6 {
    grid-template-columns: repeat(3, 1fr);
  }
  .bs-heading { font-size: 28px !important; }
}

@media (max-width: 575px) {
  .bs-grid[data-columns-mobile="2"] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px;
  }
  .bs-grid[data-columns-mobile="1"] {
    grid-template-columns: 1fr !important;
    gap: 16px;
  }
  .bs-header { margin-bottom: 24px; }
  .bs-heading { font-size: 22px !important; }
}

/* ── Card ──
.bs-card-link {
  text-decoration: none;
  display: block;
  height: 100%;
}

.bs-card-image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: #f5f5f5;
}

.bs-card-image {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: grid;
}

.bs-card-image img {
  grid-row: 1;
  grid-column: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.5s ease, transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


.bs-img-primary {
  opacity: 1;
  z-index: 1;
}


.bs-img-secondary {
  opacity: 0;
  z-index: 2;
}


.bs-card-link:hover .bs-img-primary {
  opacity: 0;
}

.bs-card-link:hover .bs-img-secondary {
  opacity: 1;
  transform: scale(1.03);
}

.placeholder-svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.bs-card-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  z-index: 3;
}

.bs-card-content {
  padding: 14px 4px 4px;
}

.bs-card-title {
  font-size: 18px;
    font-weight: 600;
    font-family: Montserrat;
    margin: 0 0 6px;
    line-height: 1.3;
    transition: opacity .2s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bs-card-link:hover .bs-card-title {
  opacity: 0.7;
}

.bs-card-price-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.bs-card-price {
  font-size: 14px;
  font-weight: 700;
}

.bs-card-compare {
  font-size: 13px;
  font-weight: 400;
  text-decoration: line-through;
} */

/* ── Footer Button ── */
.bs-footer {
  text-align: center;
  margin-top: 30px;
}

.bs-btn {
  display: inline-flex;
  align-items: center;
  padding: 13px 36px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* ── Empty State ── */
.bs-empty {
  text-align: center;
  padding: 60px 20px;
  color: #888;
  font-size: 15px;
}

  .bs-wrapper-{{ section.id }} .bs-description {
    color: {{ section.settings.desc_color }};
    font-size: {{ section.settings.desc_size }}px;
    font-weight: {{ section.settings.desc_weight }};
    margin-top: 12px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    {%- if section.settings.desc_font == 'serif' -%}
      font-family: Georgia, serif;
    {%- elsif section.settings.desc_font == 'sans_serif' -%}
      font-family: Arial, sans-serif;
    {%- elsif section.settings.desc_font == 'heading' -%}
      font-family: {{ settings.type_header_font.family }}, {{ settings.type_header_font.fallback_families }};
    {%- else -%}
      font-family: {{ settings.type_body_font.family }}, {{ settings.type_body_font.fallback_families }};
    {%- endif -%}
  }