/**
 * v31 — product row gaps + borders, animated section headings
 */

/* ——— Section headings: pill pulse + title glow ——— */
.page-home .home-section-head .trending-pill,
.page-home .home-section-head .home-section-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  animation: homePillPulse 2.4s ease-in-out infinite;
  transform-origin: center;
}
.page-home .home-section-head .section-title {
  position: relative;
  animation: homeTitleFocus 3.5s ease-in-out infinite;
}
@keyframes homePillPulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(233, 30, 99, 0.35);
  }
  50% {
    transform: scale(1.04);
    box-shadow: 0 0 0 8px rgba(233, 30, 99, 0);
  }
}
@keyframes homeTitleFocus {
  0%, 100% {
    opacity: 1;
    letter-spacing: -0.02em;
  }
  50% {
    opacity: 0.92;
    letter-spacing: 0.01em;
  }
}
.page-home .trending-pill {
  background: linear-gradient(135deg, #ff6b35, #e91e63) !important;
}
.page-home .badge-new {
  background: linear-gradient(135deg, #00897b, #26a69a) !important;
}
.page-home .badge-best {
  background: linear-gradient(135deg, #5c6bc0, #3949ab) !important;
}

/* ——— Product cards: light gap + border (override v30 zero-gap) ——— */
.page-home .home-products-showcase .home-products-grid {
  gap: 10px !important;
  padding: 0 10px 14px !important;
}
.page-home .home-products-showcase .store-product-card,
.page-home .home-products-showcase .store-product-card.store-card-layout-stacked {
  border-radius: 12px !important;
  border: 1px solid #e8e0e4 !important;
  border-right: 1px solid #e8e0e4 !important;
  box-shadow: 0 2px 12px rgba(26, 18, 24, 0.06) !important;
  overflow: hidden;
  background: #fff !important;
}
.page-home .home-products-showcase .home-products-grid > .store-product-card:last-child {
  border-right: 1px solid #e8e0e4 !important;
}
@media (min-width: 1024px) {
  .page-home .home-products-showcase .home-products-grid {
    gap: 12px !important;
    padding: 0 12px 16px !important;
  }
}
@media (max-width: 1023px) {
  .page-home .home-products-showcase .home-products-grid {
    gap: 8px !important;
    padding: 0 10px 12px !important;
  }
  .page-home .home-products-showcase .store-product-card {
    border-radius: 14px !important;
  }
}