.scroll-container {
  display: flex !important;
  gap: 20px; /* расстояние между элементами */
  overflow-x: auto !important;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch; /* для свайпа на iPhone */
  padding-bottom: 10px; /* чтобы не обрезался контент */
}

/* Скрыть стандартную полосу прокрутки (по желанию) */
.scroll-container::-webkit-scrollbar {
  height: 6px;
}
.scroll-container::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* Каждый элемент внутри не должен сжиматься */
.scroll-container > * {
  flex: 0 0 auto;
}