/* Карусель продуктов: тёмная лента без «резкого» перехода секций. */
.carousel { position: relative; }

.carousel__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(266px, 1fr);
  gap: 18px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 6px 4px 20px;
  scrollbar-width: thin;
  scrollbar-color: var(--c-gold-2) transparent;
}
.carousel__track > * { scroll-snap-align: start; }

.carousel__track::-webkit-scrollbar { height: 6px; }
.carousel__track::-webkit-scrollbar-thumb {
  background: var(--c-gold-2);
  border-radius: 3px;
}
.carousel__track::-webkit-scrollbar-track { background: rgba(255, 255, 255, .04); }

.carousel__nav { display: flex; gap: 10px; justify-content: flex-end; margin-top: 8px; }

.carousel__btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--c-line-strong);
  background: rgba(244, 233, 210, .06);
  color: var(--c-paper);
  font-size: 18px;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease;
}
.carousel__btn:hover { background: rgba(217, 180, 92, .18); border-color: var(--c-gold); }

@media (max-width: 620px) {
  .carousel__track { grid-auto-columns: 82%; }
  .carousel__nav { display: none; }
}