/* =====================================
   MOBILE COMPATIBILITY FIX (SAFE)
   DOES NOT AFFECT DESKTOP / TABLET
===================================== */

@media (max-width: 767px) {

  /* 1️⃣ Fix scrolling without touching body height */
  body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* 2️⃣ Prevent flex containers from blocking scroll */
  .myContainer {
    display: block;
  }

  /* 3️⃣ Banner & slider must contribute height */
  .banner,
  .banner li,
  .bannerContainer,
  .bannerContainer-inner {
    position: relative;
    height: auto;
  }

  /* 4️⃣ Fix fixed-height banner images */
  .bag-img img {
    height: auto !important;
    max-height: 220px;
    width: 100%;
    object-fit: cover;
  }

  /* 5️⃣ Prevent slider transform scroll lock (mobile only) */
  .slick-track,
  .slick-list,
  .bx-wrapper,
  .bx-viewport {
    transform: none !important;
  }

  /* 6️⃣ Prevent overflow hidden traps */
  .bannerContainer,
  .bannerContainer-inner,
  .slick-list {
    overflow: visible;
  }

  /* 7️⃣ Fix iframe & video responsiveness */
  iframe,
  video {
    max-width: 100%;
    height: auto;
  }

  /* 8️⃣ Navbar usability (no style change) */
  .navbar-collapse {
    max-height: none;
  }
}
/* =========================================
   FIX HUGE WHITE GAP BELOW BANNER (MOBILE)
   SAFE – DOES NOT AFFECT DESKTOP
========================================= */

@media (max-width: 767px) {

  /* Force banner to occupy natural height */
  .bannerContainer,
  .bannerContainer-inner,
  .banner {
    position: relative !important;
    min-height: 1px !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Ensure first slide defines height */
  .banner li {
    position: relative !important;
    display: block !important;
  }

  /* Prevent JS from collapsing height */
  .banner li:not(:first-child) {
    display: none !important;
  }

  /* Prevent container collapse */
  .myContainer,
  .myCol {
    height: auto !important;
  }

}
@media (max-width: 767px) {
  .banner {
    position: relative !important;
  }
}
/* ===============================
   RESPONSIVESLIDES FINAL FIX
   =============================== */

.desktop-slider {
  display: block;
}

.mobile-banner {
  display: none;
}

@media (max-width: 767px) {

  /* Disable broken slider on mobile */
  .desktop-slider {
    display: none !important;
  }

  /* Show static banner instead */
  .mobile-banner {
    display: block !important;
  }

  .mobile-banner img {
    width: 100%;
    height: auto;
    max-height: 220px;
    object-fit: cover;
  }

  /* Remove space collapse */
  .banner-wrapper {
    height: auto !important;
    overflow: visible !important;
  }
}
/* =========================================
   CRITICAL MOBILE FIX – REMOVE STICKY GAP
   DOES NOT AFFECT DESKTOP
========================================= */

@media (max-width: 767px) {

  .myContainer {
    position: static !important;
    top: auto !important;
    height: auto !important;
  }

}