/* ===== SLIDER ===== */

.slider-container{
  position:relative;
}

.slider-wrapper{
  display:flex;
  align-items:center;
  max-width:100%;
gap:16px;
  overflow-x:scroll;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
}

/* картинки - как было, без искажений */
.slider-wrapper img{
  width:100%;
  object-fit:cover;
  scroll-snap-align:center;
  pointer-events:none;
}


/* ===== BUTTONS ===== */

.slider-button{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border-radius:50%;
  border:none;
  background:rgba(0,0,0,.45);
  color:#fff;
  cursor:pointer;
  z-index:2;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:22px;
  line-height:1;
  transition:background-color .2s ease;
}

.slider-button-left{
  left:10px;
}

.slider-button-right{
  right:10px;
}

.slider-container:hover .slider-button{
  background:rgba(0,0,0,.7);
}

/* если один слайд */
.slider-single .slider-button{
  display:none;
}

/* ===== SCROLLBAR ===== */

.slider-wrapper::-webkit-scrollbar{
  height:12px;
}

.slider-wrapper::-webkit-scrollbar-track{
  background:#f5f5f5;
}

.slider-wrapper::-webkit-scrollbar-thumb{
  background:#dcdcdc;
  border-radius:6px;
}

/* ===== MOBILE ===== */

@media (max-width: 768px){
  .slider-button{
    display:none;
  }
}