@media (max-width: 768px) {
    .hamburger { display: flex; }
    header .container { position: relative; }
    nav {
        display: none;
        flex-basis: 100%;
        flex-direction: column;
        gap: 10px;
        margin-top: 15px;
        padding: 15px;
        background: var(--bg-secondary);
        border-radius: 8px;
        border: 1px solid var(--border-color);
    }
    nav.active { display: flex; }
    .search-form { width: 100%; margin: 10px 0; }
    .search-form input { flex: 1; min-width: 0; }
    .album-detail { flex-direction: column; }
    .album-cover-large { width: 100%; height: auto; }
    .track-item { flex-wrap: wrap; }
    .track-title { width: 100%; }
}