/* ===== HERO SLIDER FULL SCREEN SYSTEM (SIMPLIFIED) ===== */

.hero-section {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
}

.main-hero-slider-container,
#main-hero-slider {
  width: 100% !important;
  max-width: 100% !important;
  height: clamp(320px, 60vw, 680px) !important;
  min-height: 320px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  position: relative !important;
  overflow: hidden !important;
  background: #fff !important;
  background-color: #fff !important;
}

/* Swiper Wrapper - Full Width */
.main-hero-slider-container .swiper-wrapper,
#main-hero-slider .swiper-wrapper {
  width: 100% !important;
  height: 100% !important;
}

/* Swiper Slides - Full Coverage */
.main-hero-slider-container .swiper-slide,
#main-hero-slider .swiper-slide {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  position: relative !important;
  padding: clamp(20px, 3vh, 40px) 0 !important;
  box-sizing: border-box !important;
}

/* Images - Show Full Content Without Cropping */
.main-hero-slider-container .swiper-slide img,
#main-hero-slider .swiper-slide img {
  width: auto !important;
  height: auto !important;
  max-width: 94% !important;
  max-height: 82% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  border-radius: 0 !important;
  transition: transform 0.6s ease !important;
  background: #fff !important;
  background-color: #fff !important;
  margin: 0 auto !important;
}

@media (max-width: 1200px) {
  .main-hero-slider-container,
  #main-hero-slider {
    height: clamp(300px, 70vw, 520px) !important;
    min-height: 300px !important;
  }
}

@media (max-width: 992px) {
  .main-hero-slider-container,
  #main-hero-slider {
    height: clamp(260px, 85vw, 460px) !important;
    min-height: 260px !important;
  }
}

@media (max-width: 768px) {
  .main-hero-slider-container,
  #main-hero-slider {
    height: clamp(240px, 95vw, 420px) !important;
    min-height: 240px !important;
  }
}

@media (max-width: 576px) {
  .main-hero-slider-container,
  #main-hero-slider {
    height: clamp(210px, 105vw, 360px) !important;
    min-height: 210px !important;
  }
}

/* Ensure other content doesn't overlap */
.category-bar,
.products-section,
.content-section {
  position: relative !important;
  z-index: 2 !important;
  margin-top: 30px !important;
}