/* базові стилі слайдера */
.cis-slider { max-width: 1000px; margin: 20px auto; }
.cis-slider-container { position: relative; overflow: visible; }
.cis-slider-viewport { overflow: hidden; }
.cis-slider-track {
  display: flex;
  transition: transform 0.35s ease;
  will-change: transform;
}
.cis-slide {
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
  flex: 0 0 auto; /* JS поставить точний flex-basis */
}
.cis-slide img { width: 100%; display: block; border-radius: 6px; height: auto; }
.cis-title { margin-top: 8px; font-weight: 600; color: #222; font-size: 14px; }

/* кнопки */
.cis-prev, .cis-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  color: #fff;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  z-index: 20;
  font-size: 20px;
  border-radius: 4px;
}
.cis-prev { left: 10px; }
.cis-next { right: 10px; }
.cis-prev[disabled], .cis-next[disabled] { opacity: .4; cursor: default; }

/* невеликий responsive для моб і таб */
@media (max-width: 480px) {
  .cis-prev, .cis-next { padding:6px 8px; font-size:18px; }
}