.categories-carousel {
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
  width: 100%;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  user-select: none;
}
.category-item {
  background: #e5e5e5;
  width: 150px;
  padding: 1rem;
  border-radius: 0.25rem;
}
.category-item a {
  display: grid;
  place-content: center;
  text-align: center;
  text-decoration: none;
  color: #0c0d0e;
  font-size: 0.75rem;
}
.category-item a:hover {
  color: #4b4e51;
}
.category-item img {
  aspect-ratio: 4 / 3.33;
  object-fit: contain;
}
.categories-carousel::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.categories-carousel::-webkit-scrollbar-track {
  background: transparent; 
}
.categories-carousel::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 0.25rem;
}
.categories-carousel::-webkit-scrollbar-thumb:hover {
  background: #888; 
}