/* Обёртка блока */
.works-slider {
  max-width: 1200px;
  margin: 0 auto 40px;
  padding: 0 15px;
  box-sizing: border-box;
}

/* Окно “слайдера” */
.slider-window {
  overflow-x: auto;                 /* горизонтальная прокрутка */
  overflow-y: hidden;
  scroll-snap-type: x mandatory;    /* прилипание по кадрам */
  -webkit-overflow-scrolling: touch;
}

/* Лента */
.slider-track {
  display: flex;
}

/* Элемент: на десктопе 4 штуки в экран */
.slider-item {
  flex: 0 0 25%;                    /* 4 на строку */
  padding: 5px;
  box-sizing: border-box;
  scroll-snap-align: start;         /* прилипание элемента к началу окна */
}

/* Если элемент пустой — просто прозрачная “ячейка” */
.slider-item:empty {
  min-height: 50px;
}

/* Картинка */
.slider-item img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
}

/* Мобильная версия: по 1 картинке */
@media (max-width: 768px) {
  .slider-item {
    flex: 0 0 100%;                 /* 1 на экран */
  }
}