/* Homepage hero: tinggi = proporsi banner 1920x788 (mobile & desktop sama). */
.home-carousel,
.home--d .home-carousel {
  --home-banner-ratio: 1920 / 788;
  --home-banner-fill: #120810;
  position: relative;
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
  padding-bottom: 0 !important;
  transform: none !important;
  overflow: hidden;
  aspect-ratio: var(--home-banner-ratio);
  background-color: var(--home-banner-fill);
  background-image: linear-gradient(180deg, #1a0a14 0%, #0a0612 48%, #160812 100%);
}

.home-carousel .slick-slider,
.home-carousel .slick-slider.slick-initialized,
.home-carousel .banner-slider {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent;
}

.home-carousel .slick-slider .slick-list,
.home-carousel .slick-slider .slick-track,
.home-carousel .slick-slider .slick-slide,
.home-carousel .slick-slider .slick-slide > div,
.home-carousel .slick-slider .banner-slide-frame,
.home-carousel .slick-slider .slick-slide a {
  height: 100% !important;
  min-height: 100% !important;
}

.home-carousel .slick-slider .slick-slide > div,
.home-carousel .slick-slider .banner-slide-frame,
.home-carousel .slick-slider .slick-slide a {
  display: block !important;
  width: 100%;
  line-height: 0;
  background-color: var(--home-banner-fill);
}

.home-carousel .slick-slider .slick-slide img,
.home-carousel .slick-slider img.slide,
.home-carousel .slick-slider .slide {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  pointer-events: none;
}

.home-carousel .slick-slider .slick-dots {
  bottom: 8px;
  z-index: 2;
}