/* ============================================================
   carousel.css — sections "Récemment consultés" / "Produits similaires"
   ============================================================ */

.product-carousel-section {
  max-width: 1280px;
  margin: 0 auto;
  padding: var(--space-6) var(--space-4);
}

.product-carousel-section h2 { margin-bottom: var(--space-3); }

.product-carousel {
  display: flex;
  gap: var(--space-3);
  overflow-x: auto;
  padding-bottom: var(--space-2);
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}

.product-carousel::-webkit-scrollbar { height: 6px; }
.product-carousel::-webkit-scrollbar-thumb { background: var(--color-steel-300); border-radius: 999px; }

.product-carousel .product-card {
  flex: 0 0 220px;
  scroll-snap-align: start;
}

@media (max-width: 560px) {
  .product-carousel .product-card { flex-basis: 170px; }
}