@media (max-width: 768px) {
    .mobile-nav-toggle { display: block; }
    #mainNav { display: none; width: 100%; }
    #mainNav.open { display: block; }
    .nav-list { flex-direction: column; width: 100%; }
    .nav-link, .admin-link { width: 100%; justify-content: flex-start; }
    .logo-text { font-size: 1rem; letter-spacing: 2px; }
    .header { padding: 8px 12px; }
    .container { padding: 8px 10px; }
    .songs-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
    .song-card { padding: 10px; }
    .song-card img { height: 100px; }
    .song-page-layout { grid-template-columns: 1fr; }
    .song-cover-large { max-width: 200px; margin: 0 auto; }
    .song-info-section h1 { font-size: 1.2rem; }
    .song-actions { flex-direction: column; }
    .action-btn { width: 100%; justify-content: center; }
    .player-bar { padding: 8px 12px; gap: 8px; }
    .player-bar-cover { width: 36px; height: 36px; }
    .player-bar-progress { display: none; }
    .player-bar-volume { display: none; }
    .profile-header { flex-direction: column; text-align: center; }
    .auth-module { padding: 15px; margin: 10px; }
    .upload-grid { grid-template-columns: 1fr; }
    .categories-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
}
@media (max-width: 480px) {
    .songs-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .categories-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
    .song-card img { height: 80px; }
    .logo-icon { font-size: 1.2rem; }
}