/* Force slider full height */
.main-slider,
.main-slider .swiper-container,
.main-slider .swiper-wrapper,
.main-slider .swiper-slide,
.main-slider__bg-box,
.main-slider__bg {
  height: 100vh !important;    /* full screen */
  min-height: 500px !important;
  width: 100% !important;
}

/* Mobile adjustment */
@media (max-width: 767px){
  .main-slider,
  .main-slider .swiper-container,
  .main-slider .swiper-wrapper,
  .main-slider .swiper-slide,
  .main-slider__bg-box,
  .main-slider__bg {
    height: 65vh !important;
    min-height: 360px !important;
  }
}

/* Ensure background shows properly */
.main-slider__bg {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.main-slider__pattern-bg,
.main-slider__shape-1,
.main-slider__shape-2 {
  display: none !important;
}
/* If the theme tints via filter/opacity on the bg itself */
.main-slider__bg,
.main-slider__bg-box {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background-color: transparent !important;
}

/* Kill diagonal/triangle design cutting the slider */
.main-slider__pattern-bg,
.main-slider__shape-1,
.main-slider__shape-2 {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Ensure image covers full slider with no crop */
.main-slider__bg-box,
.main-slider__bg {
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
}
/* --- Force slider to show on mobile --- */
@media (max-width: 991.98px){
  .main-slider,
  .main-slider .swiper-container,
  .main-slider .swiper-wrapper,
  .main-slider .swiper-slide,
  .main-slider__bg-box,
  .main-slider__bg{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}

/* Height specifically for small phones (ignore any theme collapse) */
@media (max-width: 767.98px){
  .main-slider,
  .main-slider .swiper-container,
  .main-slider .swiper-wrapper,
  .main-slider .swiper-slide,
  .main-slider__bg-box,
  .main-slider__bg{
    height: 60vh !important;     /* try 55–70vh if you prefer */
    min-height: 360px !important; /* fallback if vh misbehaves */
  }
}

/* Keep the image visible and untinted */
.main-slider__bg{
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Kill any overlays/masks that may still apply on mobile */
.main-slider__pattern-bg,
.main-slider__shape-1,
.main-slider__shape-2,
.main-slider__bg::before,
.main-slider__bg::after,
.main-slider::before,
.main-slider::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

/* Make sure the slider isn't behind the sticky header */
.main-slider{ z-index: 1 !important; }

.swiper-wrapper {
  display: flex !important;
}

.swiper-slide {
  flex-shrink: 0 !important;
  width: 100% !important;
  height: auto !important;
}