/* MAIN CONTAINER */
.hero-slider {
  position: relative;
  width: 100%;
  overflow: hidden; /* 🔥 hides other slides */
}

/* SLIDER TRACK */
.slides-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.4s ease;
}

/* EACH SLIDE */
.slide {
  flex: 0 0 100%;   /* 🔥 exactly 1 slide width */
  max-width: 100%;
  position: relative;
  user-select: none;
}

/* IMAGE */
.slide img {
  width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
}

/* DRAG STATE */
.slides-wrapper.grabbing {
  cursor: grabbing;
  transition: none;
}

.slides-wrapper {
  cursor: grab;
}

/* NAV BUTTONS */
.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: rgba(0,0,0,0.6);
  color: #fff;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
}

.prev { left: 10px; }
.next { right: 10px; }

/* OPTIONAL: PREVENT OVERFLOW ISSUES */
.hero-slider * {
  box-sizing: border-box;
}

/* Default: show desktop, hide mobile */
.desktop-slider {
  display: block;
}

.mobile-slider {
  display: none;
}

/* Mobile view */
@media (max-width: 768px) {
  .desktop-slider {
    display: none;
  }

  .mobile-slider {
    display: block;
  }
}