@media (max-width: 1024px) {
    /* Header */
    .site-header {
        position: relative;
        padding: 0.65rem 0;
    }

    .site-logo {
        height: 52px;
    }

    /* Hamburger button */
    .menu-toggle {
        display: flex;
    }

    /* Hamburger → X animation */
    .main-navigation.toggled .hamburger-bar:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }
    .main-navigation.toggled .hamburger-bar:nth-child(2) {
        opacity: 0;
    }
    .main-navigation.toggled .hamburger-bar:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    /* Nav dropdown */
    .nav-menu-wrap {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        background: var(--color-bg);
        border-bottom: 1px solid var(--color-border);
        padding: 0.5rem 1.5rem 1rem;
        z-index: 999;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
    }

    .main-navigation.toggled .nav-menu-wrap {
        display: flex;
    }

    .main-navigation ul {
        flex-direction: column;
        gap: 0;
    }

    .main-navigation ul li {
        border-bottom: 1px solid var(--color-border);
    }

    .main-navigation ul a {
        display: block;
        padding: 0.65rem 0;
        font-size: 1rem;
    }

    /* Donate button in mobile dropdown */
    .main-navigation .nav-donate {
        display: block;
        width: fit-content;
        margin: 0.65rem auto;
        padding: 0.65rem 2rem;
        text-align: center;
    }

    /* Instagram icon in mobile dropdown */
    .nav-social {
        display: flex;
        justify-content: center;
        padding: 0.75rem 0;
        border-top: 1px solid var(--color-border);
        color: var(--color-primary);
    }

    .nav-social svg {
        width: 26px;
        height: 26px;
    }

    /* Footer */
    .site-footer .container {
        flex-direction: column;
    }
}