.hero-image-carousel {
  position: relative;
  width: 100%;
  height: 90vh;
  overflow: hidden;
}

.hero-slide {
  position: relative;
  width: 100%;
  height: 90vh;
}

.carousel-image {
  width: 100%;
  height: 90vh;
  object-fit: cover;
}

/* Overlay */
.hero-overlay {
  position: absolute !important;
  inset: 0 !important;

  /* 🔥 Premium dark gradient */
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.25) 0%,
    rgba(0, 0, 0, 0.15) 30%,
    rgba(0, 0, 0, 0.35) 50%
  ) !important;
}

/* Swiper controls */
.swiper-button-next,
.swiper-button-prev {
  color: #fff;
}

.swiper-pagination-bullet {
  background: #fff;
}