/* Habiba's Roots homepage hero slider - isolated and JS controlled */
.home-hero-slider {
  display: block !important;
  padding: 34px 0 48px !important;
  background: #fff !important;
  overflow: hidden !important;
}

.home-hero-slider .container {
  max-width: 1536px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.home-hero-carousel {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 1536px !important;
  margin: 0 auto !important;
  aspect-ratio: 1536 / 643 !important;
  min-height: 280px !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.home-hero-carousel .home-hero-slide {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 1.2s ease-in-out, visibility 1.2s ease-in-out !important;
  animation: none !important;
}

.home-hero-carousel .home-hero-slide.is-active {
  opacity: 1 !important;
  visibility: visible !important;
}

.home-hero-carousel .home-hero-slide:first-child {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 760px) {
  .home-hero-slider { padding: 24px 0 30px !important; }
  .home-hero-slider .container { padding-left: 10px !important; padding-right: 10px !important; }
  .home-hero-carousel { min-height: 180px !important; }
}