/* Slider-specific CSS moved from assets/css/style.css */

/* --- small, targeted overrides to ensure banner slider renders correctly --- */
.home-banner-slider,
.home-banner-slider .swiper,
.home-banner-slider .swiper-wrapper,
.home-banner-slider__slide {
  height: 100vh !important;
  min-height: 520px;
}

.home-banner-slider__image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.home-banner-slider__content {
  position: absolute !important;
  inset: 0 !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.home-banner-slider__pagination,
.home-banner-slider__nav {
  z-index: 11 !important;
}