.home-hero-image { display: block; width: 100%; height: auto; object-fit: contain; }
.home-hero-carousel { padding-bottom: 0; background: transparent; }
@media (hover: hover) and (pointer: fine) {
    .home-hero-carousel { cursor: grab; }
    .home-hero-carousel.is-dragging { cursor: grabbing; }
}
.home-hero-carousel .carousel-indicators { display: none !important; }
.home-hero-carousel .carousel-control-prev { display: none !important; }
.home-hero-carousel .carousel-control-next { display: none !important; }
.home-hero-carousel .carousel-control-prev,
.home-hero-carousel .carousel-control-next { top: 50%; bottom: auto; width: 44px; height: 44px; transform: translateY(-50%); opacity: .75; }
.home-hero-carousel .carousel-control-prev { left: 4px; }
.home-hero-carousel .carousel-control-next { right: 4px; }
.home-hero-carousel .carousel-control-prev-icon,
.home-hero-carousel .carousel-control-next-icon { width: 20px; height: 20px; background-color: var(--hijau) !important; background-image: none; border: 0 !important; border-radius: 0 !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m15 5-7 7 7 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.home-hero-carousel .carousel-control-next-icon { transform: rotate(180deg); }
.home-hero-carousel .carousel-control-prev:hover,
.home-hero-carousel .carousel-control-next:hover,
.home-hero-carousel .carousel-control-prev:focus-visible,
.home-hero-carousel .carousel-control-next:focus-visible { opacity: 1; }
.home-hero-carousel button:focus-visible { outline: 2px solid var(--hijau); outline-offset: -3px; }
@media (max-width: 767.98px) {
    .home-hero-container { max-width: 100%; padding-inline: 8px; }
    .home-hero-carousel .carousel-inner { border-radius: 12px !important; box-shadow: none; }
    .home-hero-media { width: 100%; }
    .home-hero-media > a { display: block; }
    .home-hero-media .home-hero-image { display: block; width: 100%; height: auto; }
}
@media (prefers-reduced-motion: reduce) { .home-hero-carousel .carousel-item { transition: none; } }