.ac-slider {
  position: relative;
  width: 100%;
  cursor: grab;
}
.ac-slider.is-dragging { cursor: grabbing; }

.ac-slider__viewport {
  position: relative;
  width: 100%;
  overflow: hidden !important;
}

.ac-slider__track {
  display: flex;
  align-items: flex-end;
}
.ac-slider__track.is-animating {
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.ac-slider__slide {
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
}
.ac-slider__slide img {
  width: 100%;
  height: auto;
  max-height: 600px;
  object-fit: contain;
  display: block;
  pointer-events: none;
  -webkit-user-drag: none;
}

.ac-slider__dots {
  position: absolute;
  bottom: 16px;
  left: 20px;
  display: flex;
  gap: 6px;
  z-index: 10;
  pointer-events: none;
}
.ac-slider__dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(100, 160, 220, 0.5);
  transition: background 0.3s, width 0.3s;
}
.ac-slider__dot.is-active {
  width: 18px;
  background: var(--theme-main);
}