@media (max-width: 991.98px) {
    .hero-carousel,
    .hero-carousel .carousel-item {
        height: 55vh;
        min-height: 400px;
    }
    .hero-caption h1 { font-size: 2rem; }
    .hero-caption p  { font-size: 1rem; }
    .search-bar { border-radius: 12px; padding: 1rem; margin-top: -30px; }
    .promo-banner { grid-template-columns: 1fr; }
    .promo-banner .promo-content { padding: 2rem; }
}

@media (max-width: 575.98px) {
    .section-title { font-size: 1.5rem; }
    .hero-caption h1 { font-size: 1.65rem; }
}