/* Source: 16-responsive.css | Refactored location: assets/css/utilities/responsive.css */
/* ===============================
   10. Responsive
================================ */
@media (max-width: 1120px) {
    .header-inner {
        gap: 26px;
    }
    .brand-logo {
        height: 58px;
        max-width: 210px;
    }
    .nav-list {
        gap: 20px;
    }
    .nav-link {
        font-size: 14px;
    }
    .mega-panel__inner {
        grid-template-columns: 0.8fr 1.2fr;
        gap: 48px;
    }
}
@media (max-width: 980px) {
    .header-inner {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: clamp(8px, 2.5vw, 18px);
        min-height: 78px;
    }
    .site-branding {
        min-width: 0;
    }
    .brand-logo {
        width: min(100%, 210px);
        height: auto;
        max-height: 52px;
    }
    .main-nav,
    .header-donate {
        display: none;
    }
    .mobile-menu-toggle {
        display: inline-flex;
        flex: 0 0 auto;
    }
    .grid-3,
    .pathway-grid,
    .events-grid,
    .stories-grid,
    .giving-grid,
    .impact-metrics-grid,
    .contact-grid,
    .steps-grid,
    .form-layout,
    .two-column {
        grid-template-columns: 1fr;
    }
    .donate-panel,
    .final-cta-panel {
        grid-template-columns: 1fr;
        padding: 36px;
    }
    .donate-actions,
    .final-cta-actions {
        align-items: flex-start;
    }
    .team-profile {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .header-inner {
        gap: 10px;
    }
    .header-actions {
        gap: clamp(6px, 2.4vw, 10px);
        min-width: 0;
        white-space: nowrap;
    }
    .header-donate-link {
        min-height: 78px;
        font-size: 14px;
    }
    .header-donate-link::after {
        bottom: 18px;
    }
    .mobile-menu-toggle {
        width: 40px;
        height: 40px;
    }
}