@media (max-width: 1080px) {
    .nav {
        position: fixed;
        inset: 78px 0 auto 0;
        background: var(--bg-alt);
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding: 16px 24px 28px;
        border-bottom: 1px solid var(--border);
        box-shadow: var(--shadow);
        display: none;
    }

    .nav.open {
        display: flex;
    }

    .nav a {
        width: 100%;
        padding: 14px 0;
        border-bottom: 1px solid var(--border);
    }

    .burger {
        display: grid;
    }

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

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

@media (max-width: 640px) {
    .section { padding: 56px 0; }

    .grid-2,
    .grid-3,
    .grid-4 { grid-template-columns: 1fr; }

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

    .brand-text span { display: none; }

    .wa-float {
        padding: 12px;
    }

    .wa-float span {
        display: none;
    }
}