/* Category carousel styling */
.category-carousel {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  touch-action: pan-y;
  cursor: grab;
}

.category-carousel::-webkit-scrollbar {
  display: none;
}

.category-carousel.dragging {
  cursor: grabbing;
}

.category-carousel__track {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}

.category-card {
  flex: 0 0 80%;
  max-width: 18rem;
}

@media (min-width: 640px) {
  .category-card {
    flex-basis: 60%;
  }
}

@media (min-width: 1024px) {
  .category-card {
    flex-basis: 16.25rem;
  }
}