/* Extra small devices (phones, 320px and up) */
@media (max-width: 575px) {
    .hero-title { font-size: 1.8rem; }
    .hero-subtitle { font-size: 0.95rem; }
    .hero-cta .btn { font-size: 0.85rem; padding: 10px 20px; }
    .section-padding { padding: 40px 0; }
    .section-title { font-size: 1.4rem; }
    .quick-search-card { padding: 20px; }
    .dest-card-img { height: 160px; }
    .stat-number { font-size: 2rem; }
    .exit-intent-content { padding: 25px; width: 95%; }
    .page-header { padding: 80px 0 30px; }
    .page-header h1 { font-size: 1.5rem; }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
    .hero-title { font-size: 2.2rem; }
    .section-padding { padding: 50px 0; }
    .dest-card-img { height: 180px; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    .hero-title { font-size: 2.8rem; }
    .section-padding { padding: 60px 0; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar .nav-link { padding: 8px 16px !important; }
    .mobile-bottom-bar { display: none !important; }
    .whatsapp-float { bottom: 30px; }
    .back-to-top { bottom: 30px; right: 85px; }
}

/* Mobile hamburger adjustments */
@media (max-width: 991px) {
    .site-header { background: #fff; box-shadow: var(--shadow); }
    .navbar .nav-link { color: var(--text-dark) !important; }
    .navbar-collapse { background: #fff; padding: 15px; border-radius: var(--radius); margin-top: 10px; }
    .quick-search-section { margin-top: -30px; }
    .social-proof-toast { bottom: 80px; left: 10px; max-width: 280px; }
    .hero-section, .hero-slide { height: 70vh; min-height: 400px; }
}

@media (max-width: 767px) {
    .hero-section, .hero-slide { height: 60vh; min-height: 350px; }
    .back-to-top { bottom: 70px; right: 20px; width: 40px; height: 40px; font-size: 1rem; }
}

/* Reduce animations for mobile */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}
