/* ============================================================
   RESPONSIVE — Breakpoints & mobile adaptations
   ============================================================ */

/* ── Tablet (≤ 1024px) ─── */
@media (max-width: 1024px) {
    :root {
        --space-section: 100px;
    }

    .editorial-grid {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
    }

    .editorial-text {
        padding-right: 0;
        order: 2;
    }

    .editorial-image-wrapper {
        order: 1;
        padding-top: 80%;
    }

    .donate-grid {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
    }

    .donate-story {
        padding-right: 0;
    }

    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stat-card:nth-child(2)::after {
        display: none;
    }

    .testimonial-card {
        flex: 0 0 calc(50% - var(--space-sm));
    }

    .footer-editorial {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footer-links {
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }
}

/* ── Mobile (≤ 768px) ─── */
@media (max-width: 768px) {
    :root {
        --space-section: 80px;
    }

    .nav-links {
        display: none;
    }

    .menu-toggle {
        display: block;
    }

    .mobile-nav {
        display: block;
    }

    .nav-container {
        grid-template-columns: 1fr auto;
    }

    .logo {
        order: 1;
    }

    .menu-toggle {
        order: 2;
    }

    .carousel-container {
        height: 50vh;
    }

    .carousel-slide {
        width: 70%;
    }

    .carousel-slide.prev {
        transform: translateX(-115%) scale(0.75);
        opacity: 0.3;
    }

    .carousel-slide.next {
        transform: translateX(15%) scale(0.75);
        opacity: 0.3;
    }

    .carousel-controls {
        padding: 0 1rem;
    }

    .carousel-btn {
        width: 40px;
        height: 40px;
        font-size: 0.9rem;
    }

    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-sm);
    }

    .stat-card {
        padding: var(--space-md) var(--space-sm);
    }

    .stat-card::after {
        display: none;
    }

    .impact-grid {
        grid-template-columns: 1fr;
    }

    .amount-buttons {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

    .testimonial-card {
        flex: 0 0 100%;
    }

    .store-badges {
        flex-direction: column;
        align-items: center;
    }

    .ghost-card {
        width: 100%;
        max-width: 300px;
    }

    .email-link {
        font-size: 1.3rem;
    }

    .toast {
        min-width: auto;
        max-width: calc(100vw - 48px);
        right: 0;
    }
}

/* ── Small Mobile (≤ 480px) ─── */
@media (max-width: 480px) {
    h1 {
        font-size: 2.2rem;
    }

    .hero-content {
        padding: 0 var(--space-sm);
    }

    .amount-buttons {
        grid-template-columns: repeat(2, 1fr);
    }

    .stats-grid {
        grid-template-columns: 1fr 1fr;
    }

    .stat-value {
        font-size: 2rem;
    }

    .donate-panel {
        padding: var(--space-md);
    }

    .trust-badges {
        flex-direction: column;
        align-items: center;
    }
}