@media (max-width: 768px) {
    .sidebar { 
        display: none; 
    }
    
    .player-controls, .volume-control-wrapper { 
        display: none; 
    }
    
    .main-content { 
        padding: 0 16px 150px 16px; 
    }
    
    .header { 
        padding: 16px 0; 
    }
    
    .header .header-main .logo { 
        display: flex; 
        align-items: center; 
        font-size: 24px; 
        font-weight: bold; 
        color: var(--text-color); 
    }
    
    .header .search-bar { 
        order: 3; 
    }
    
    .player { 
        padding: 0; 
        bottom: 60px; 
        height: 64px; 
        background: var(--surface-color); 
    }
    
    .player-wrapper { 
        padding: 0 16px; 
    }
    
    .player-song-info { 
        flex-grow: 1; 
        width: auto; 
    }
    
    .mobile-controls { 
        display: flex; 
        align-items: center; 
        gap: 16px; 
        padding-left: 8px; 
        margin-left: auto; 
    }
    
    .mobile-progress-bar { 
        display: block; 
        position: absolute; 
        bottom: 0; 
        left: 0; 
        width: 100%; 
        height: 2px; 
        background: var(--surface-highlight); 
        z-index: 1002; 
    }
    
    .mobile-progress-fill { 
        height: 100%; 
        background: var(--primary-color); 
        width: 0%; 
    }
    
    .mobile-nav { 
        display: flex; 
        position: fixed; 
        bottom: 0; 
        left: 0; 
        right: 0; 
        background: var(--surface-color); 
        border-top: 1px solid var(--surface-highlight); 
        justify-content: space-around; 
        padding: 8px 0; 
        z-index: 1001; 
        height: 60px; 
    }
    
    .mobile-nav-item { 
        display: flex; 
        flex-direction: column; 
        align-items: center; 
        gap: 4px; 
        color: var(--text-color-secondary); 
        font-size: 12px; 
        cursor: pointer; 
        border: none; 
        background: none; 
        flex: 1; 
    }
    
    .mobile-nav-item i { 
        font-size: 22px; 
    }
    
    .mobile-nav-item.active { 
        color: var(--primary-color); 
    }
    
    /* CORREÇÃO DO PLAYER FLUTUANTE NO MOBILE */
    .floating-player-details {
        height: 100%; 
        max-height: 100vh;
        width: 100%; 
        max-width: 100%;
        bottom: 0; 
        left: 0; 
        transform: none; 
        border-radius: 0; 
        z-index: 2000; 
        padding: 20px;
        padding-top: 40px; 
        background: var(--surface-color); 
        display: none; 
        overflow-y: auto; 
    }
    
    .floating-player-details.active { 
        display: flex; 
    }
    
    .floating-song-info { 
        flex-direction: column; 
        align-items: center; 
        gap: 10px; 
        margin-top: 20px; 
    }
    
    .floating-song-cover { 
        width: 220px; 
        height: 220px; 
        border-radius: 12px; 
        box-shadow: 0 8px 16px rgba(0,0,0,0.3); 
        margin: 0 auto; 
        object-fit: cover; 
    }
    
    .floating-song-text { 
        width: 100%; 
        text-align: center; 
    }
    
    .floating-song-comments { 
        margin-top: 10px; 
        width: 100%; 
        text-align: left; 
    }
    
    .floating-player-controls { 
        margin-top: 10px; 
        gap: 10px; 
        padding-bottom: 40px; 
    }
    
    .comment-input-container { 
        width: 100%; 
    }
    
    .floating-player-header { 
        position: absolute; 
        top: 10px; 
        left: 0; 
        width: 100%; 
        padding: 0 20px; 
        z-index: 2001; 
    }

    /* Ajustes para Comunidade no Mobile */
    .post-tools { 
        flex-direction: column; 
    }
    
    .notif-wrapper { 
        margin-right: 10px; 
    }
}