.heroSwiper {
  width: 90%;
  height: auto;
  padding: 60px 0;
}

.heroSwiper .swiper-slide {
  height: auto;
  transition: all 0.4s ease;
  transform: scale(0.7);
  opacity: 0.5;
}

.heroSwiper .swiper-slide-active {
  transform: scale(1.15);
  opacity: 1;
  z-index: 10;
}

/* Show card badge and content overlay only on active slide */
.heroSwiper .swiper-slide-active .card-badge,
.heroSwiper .swiper-slide-active .card-content {
  opacity: 1 !important;
}

/* Add shadow to content overlay for better visibility */
.card-content {
  box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Badge styling */
.card-badge {
  z-index: 20;
}

.swiper-button-prev-custom,
.swiper-button-next-custom {
  cursor: pointer;
}

.swiper-button-prev-custom.swiper-button-disabled,
.swiper-button-next-custom.swiper-button-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}