/* ============================================================
   Responsive Styles
   ============================================================ */

@media (max-width: 1199.98px) {
    .hero-content h1 { font-size: 40px; }
    .hero-slide { height: 520px; }
    section { padding: 60px 0; }
}

@media (max-width: 991.98px) {
    .top-bar .row > .col-lg-8 { text-align: center; }
    .top-bar-info { justify-content: center; flex-wrap: wrap; gap: 8px; }
    .top-bar-info li { margin-right: 0 !important; font-size: 12px; }
    .top-bar .row > .col-lg-4 { display: none; }
    .hero-slide { height: 450px; }
    .hero-content h1 { font-size: 34px; }
    .hero-content p { font-size: 16px; }
    .section-title h2 { font-size: 30px; }
    .stat-card .stat-number { font-size: 34px; }
    .stats-section { margin-top: 0; border-radius: 0; }
    .navbar-collapse {
        background: #fff;
        padding: 20px;
        border-radius: var(--radius);
        box-shadow: var(--shadow-lg);
        margin-top: 10px;
    }
    .navbar-nav .nav-link { padding: 10px 0 !important; }
    .navbar-nav .nav-link.active::after { display: none; }
    .btn-donate { margin-top: 10px; display: inline-block; }
    .event-card { flex-direction: column; }
    .cta-section h2 { font-size: 28px; }
    .footer-bottom-links { justify-content: flex-start; margin-top: 10px; }
}

@media (max-width: 767.98px) {
    .brand-text { font-size: 14px; }
    .hero-slide { height: 400px; }
    .hero-content h1 { font-size: 28px; }
    .hero-content p { font-size: 15px; }
    .hero-content .btn { padding: 10px 24px; font-size: 14px; }
    section { padding: 50px 0; }
    .section-title { margin-bottom: 35px; }
    .section-title h2 { font-size: 26px; }
    .donate-form-wrapper { padding: 24px; }
    .page-banner { padding: 60px 0 40px; }
    .page-banner h1 { font-size: 28px; }
    .stat-card .stat-number { font-size: 28px; }
    .stat-card .stat-icon { font-size: 28px; }
    .gallery-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
    .about-badge { position: static; margin-top: 16px; display: inline-block; }
    .whatsapp-float { bottom: 20px; right: 20px; width: 48px; height: 48px; font-size: 24px; }
    .back-to-top { bottom: 80px; right: 20px; width: 38px; height: 38px; }
}

@media (max-width: 575.98px) {
    .hero-slide { height: 350px; }
    .hero-content h1 { font-size: 24px; }
    .footer-top { padding: 50px 0 30px; }
    .footer-widget { margin-bottom: 30px; }
    .gallery-grid { grid-template-columns: 1fr 1fr; }
    .gallery-item img { height: 160px; }
}