/* MOBILE PLAYER: ISOLATED STYLES */
@media (max-width: 768px) {
    #player-toggle { display: none !important; }
    .sticky-audio-player { 
        display: none !important; 
        width: 100% !important; left: 0 !important; transform: none !important; bottom: 0 !important; 
        border-radius: 20px 20px 0 0 !important; height: auto !important; min-height: 140px !important;
        padding: 15px !important; background: #fff !important;
        box-shadow: 0 -5px 25px rgba(0,0,0,0.1) !important;
    }
    body.album-page .sticky-audio-player { display: flex !important; }
    
    .player-container { 
        display: grid !important;
        grid-template-columns: 180px 1fr !important; /* Фиксируем лево, чтобы право не улетало */
        grid-template-rows: auto auto !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        padding: 0 !important;
    }

    /* 1. Прогресс-бар сверху */
    .player-progress-area { 
        grid-row: 1 !important; grid-column: 1 / span 2 !important;
        width: 100% !important; margin: 0 0 5px 0 !important; padding: 5px 0 !important;
    }
    .p-progress-bar { height: 6px !important; background: rgba(0,0,0,0.08) !important; }

    /* 2. Инфо (Картинка + Текст) СЛЕВА */
    .player-info { 
        grid-row: 2 !important; grid-column: 1 !important;
        display: flex !important; align-items: center !important; gap: 10px !important;
        border: none !important; padding: 0 !important; overflow: hidden !important;
        width: 180px !important;
    }
    .player-cover { width: 55px !important; height: 55px !important; border-radius: 10px !important; flex-shrink: 0 !important; }
    
    .p-track-meta { 
        display: flex !important; flex-direction: column !important; justify-content: space-between !important; 
        height: 55px !important; overflow: hidden !important;
    }
    .p-title { font-size: 18px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; text-overflow: ellipsis !important; }
    .p-artist { font-size: 14px !important; opacity: 0.8 !important; white-space: nowrap !important; text-overflow: ellipsis !important; }

    /* 3. Кнопки управления ВПЛОТНУЮ */
    .player-controls { 
        grid-row: 2 !important; grid-column: 2 !important;
        display: flex !important; align-items: center !important; gap: 15px !important; 
        width: auto !important; justify-content: flex-start !important;
        margin-left: -40px !important; /* Сдвинули еще левее */
        padding: 0 !important;
        position: relative !important; z-index: 10 !important;
    }
    .p-btn { padding: 10px 5px !important; margin: 0 !important; background: transparent !important; border: none !important; display: flex !important; align-items: center !important; justify-content: center !important; }
    
    .player-volume, #p-album-select, #p-shuffle, #p-repeat { display: none !important; }
    #p-prev, #p-play-pause, #p-next, #p-show-lyrics, #p-goto-album { display: flex !important; }
    
    .p-btn i { font-size: 1.8rem !important; pointer-events: none; } 
    .p-main-btn i { font-size: 2.2rem !important; }
}