@media (max-width: 768px) {
    .gallery {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding: 0 2rem;
    }

    .filter-nav {
        align-items: center;
        gap: 0.5rem;
    }

    .theme-toggle {
        top: 15px;
        right: 15px;
        padding: 5px 5px;
    }

    header {
        padding-top: 5rem;
    }

    header h1 {
        font-size: 1.8rem;
    }
}