/* Hero Carousel - Hide indicator dots on desktop, show on mobile */
@media (min-width: 768px) {
    .carousel-indicators {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .carousel-indicators {
        display: flex !important;
    }
}