/* Horizontal product carousel: "Popular right now", deals band and "Recently viewed". */
.carousel__controls { display: flex; gap: 8px; flex: none; }
.carousel {
  display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 24px) / 4); gap: 24px;
  overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
  padding-bottom: 4px;
}
.carousel::-webkit-scrollbar { display: none; }
.carousel__item { scroll-snap-align: start; display: flex; }
.carousel__item .card { flex: 1; }

@media (max-width: 1100px) {
  .carousel { grid-auto-columns: calc((100% - 2 * 20px) / 3); gap: 20px; }
}
@media (max-width: 600px) {
  .carousel { grid-auto-columns: 78%; gap: 16px; }
  .carousel__controls { display: none; }
}