/* =========================================================
   PAXOR GLOBAL MOBILE PLAYER
   ЕДИНЫЙ мобильный глобальный плеер для всего Paxor
   Все изменения положения мобильного плеера делать здесь.
   ========================================================= */

@media (max-width: 760px) {

    :root {
        --paxor-mobile-bottom-nav-height: 58px;
        --paxor-mobile-player-height: 64px;
        --paxor-mobile-player-progress-height: 6px;
        --paxor-mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
    }


    /* =====================================================
       GLOBAL PLAYER
       Всегда непосредственно над нижней панелью
       ===================================================== */

    html body #music-player#music-player.paxor-global-player,
    html body footer#music-player#music-player.paxor-global-player,
    html.paxor-mobile-ui body #music-player#music-player.paxor-global-player,
    html.paxor-mobile-ui body footer#music-player#music-player.paxor-global-player {

        position: fixed !important;

        left: 0 !important;
        right: 0 !important;

        top: auto !important;

        bottom: var(--paxor-mobile-bottom-nav-height) !important;

        width: 100% !important;
        max-width: none !important;

        height: var(--paxor-mobile-player-height) !important;
        min-height: var(--paxor-mobile-player-height) !important;
        max-height: var(--paxor-mobile-player-height) !important;

        margin: 0 !important;

        padding-bottom:
            var(--paxor-mobile-player-progress-height) !important;

        transform: none !important;

        box-sizing: border-box !important;

        z-index: 1280 !important;
    }


    /* =====================================================
       BOTTOM NAV
       ===================================================== */

    html body .paxor-mobile-bottom-nav,
    html.paxor-mobile-ui body .paxor-mobile-bottom-nav {

        position: fixed !important;

        left: 0 !important;
        right: 0 !important;

        bottom: 0 !important;

        z-index: 1300 !important;
    }


    /* =====================================================
       PLAYER CENTER
       ===================================================== */

    html body
    #music-player#music-player .music-player-center,

    html.paxor-mobile-ui body
    #music-player#music-player .music-player-center {

        position: static !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;
    }


    /* =====================================================
       CONTROLS
       ===================================================== */

    html body
    #music-player#music-player .music-player-controls,

    html.paxor-mobile-ui body
    #music-player#music-player .music-player-controls {

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;
    }


    /* =====================================================
       PROGRESS ROW
       Шкала всегда ВНИЗУ самого плеера
       ===================================================== */

    html body
    #music-player#music-player .music-progress-row,

    html.paxor-mobile-ui body
    #music-player#music-player .music-progress-row {

        position: absolute !important;

        left: 0 !important;
        right: 0 !important;

        top: auto !important;
        bottom: 0 !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: var(--paxor-mobile-player-progress-height) !important;
        min-height: var(--paxor-mobile-player-progress-height) !important;
        max-height: var(--paxor-mobile-player-progress-height) !important;

        display: block !important;

        visibility: visible !important;
        opacity: 1 !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        overflow: visible !important;

        pointer-events: auto !important;

        z-index: 1290 !important;
    }


    /* Время на компактной мобильной шкале скрываем */

    html body
    #music-player#music-player .music-progress-row > span,

    html body
    #music-player#music-player #music-current-time,

    html body
    #music-player#music-player #music-duration,

    html.paxor-mobile-ui body
    #music-player#music-player .music-progress-row > span,

    html.paxor-mobile-ui body
    #music-player#music-player #music-current-time,

    html.paxor-mobile-ui body
    #music-player#music-player #music-duration {

        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }


    /* =====================================================
       PROGRESS WRAPPER
       ===================================================== */

    html body
    #music-player#music-player .music-progress-wrap,

    html.paxor-mobile-ui body
    #music-player#music-player .music-progress-wrap {

        position: relative !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        display: block !important;

        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: var(--paxor-mobile-player-progress-height) !important;
        min-height: var(--paxor-mobile-player-progress-height) !important;
        max-height: var(--paxor-mobile-player-progress-height) !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        overflow: visible !important;

        pointer-events: auto !important;
    }


    /* Визуальная линия progress */

    html body
    #music-player#music-player .music-progress-wrap::before,

    html.paxor-mobile-ui body
    #music-player#music-player .music-progress-wrap::before {

        position: absolute !important;

        left: 0 !important;
        right: 0 !important;

        top: 1px !important;
        bottom: auto !important;

        width: 100% !important;

        height: 3px !important;
        min-height: 3px !important;
        max-height: 3px !important;

        margin: 0 !important;

        transform: none !important;

        pointer-events: none !important;

        z-index: 1 !important;
    }


    /* =====================================================
       RANGE INPUT
       ===================================================== */

    html body
    #music-player#music-player #music-progress,

    html.paxor-mobile-ui body
    #music-player#music-player #music-progress {

        position: absolute !important;

        left: 0 !important;
        right: 0 !important;

        top: 0 !important;
        bottom: auto !important;

        display: block !important;

        visibility: visible !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: var(--paxor-mobile-player-progress-height) !important;
        min-height: var(--paxor-mobile-player-progress-height) !important;
        max-height: var(--paxor-mobile-player-progress-height) !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 0 !important;

        transform: none !important;

        pointer-events: auto !important;

        z-index: 2 !important;
    }


    /* =====================================================
       SPACE FOR PLAYER + BOTTOM NAV
       ===================================================== */

    html body {

        padding-bottom: calc(
            var(--paxor-mobile-player-height)
            + var(--paxor-mobile-bottom-nav-height)
        ) !important;
    }
}

/* === PAXOR GLOBAL MOBILE PLAYER STABLE V3 START === */

@media (max-width: 760px) {

    /* -----------------------------------------------------
       Полностью фиксированная структура глобального плеера.
       Никакая страница не должна менять его layout.
       ----------------------------------------------------- */

    html body
    #music-player#music-player.paxor-global-player,
    html.paxor-mobile-ui body
    #music-player#music-player.paxor-global-player {

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            68px !important;

        grid-template-rows:
            minmax(0, 1fr)
            var(--paxor-mobile-player-progress-height, 6px) !important;

        align-items: center !important;

        column-gap: 6px !important;
        row-gap: 0 !important;

        padding:
            3px
            12px
            var(--paxor-mobile-player-progress-height, 6px)
            12px !important;

        overflow: visible !important;

        transform: none !important;

        /*
         * Убираем скачки/анимацию позиции при SPA-переходах.
         */
        transition: none !important;
        animation: none !important;

        will-change: auto !important;
    }


    /* -----------------------------------------------------
       TRACK: cover + title + artist
       ----------------------------------------------------- */

    html body
    #music-player#music-player .music-player-track,
    html.paxor-mobile-ui body
    #music-player#music-player .music-player-track {

        grid-column: 1 !important;
        grid-row: 1 !important;

        position: relative !important;

        display: grid !important;

        grid-template-columns:
            54px
            minmax(0, 1fr) !important;

        align-items: center !important;

        gap: 10px !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;

        margin: 0 !important;
        padding: 0 !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: hidden !important;

        transition: none !important;
        animation: none !important;
    }


    /* -----------------------------------------------------
       COVER
       ----------------------------------------------------- */

    html body
    #music-player#music-player .music-player-cover,
    html.paxor-mobile-ui body
    #music-player#music-player .music-player-cover {

        position: relative !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;

        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 8px !important;

        overflow: hidden !important;

        visibility: visible !important;
        opacity: 1 !important;

        transform: none !important;

        transition: none !important;
    }


    html body
    #music-player#music-player .music-player-cover img,
    html.paxor-mobile-ui body
    #music-player#music-player .music-player-cover img {

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;

        margin: 0 !important;
    }


    /* -----------------------------------------------------
       TITLE / ARTIST
       ----------------------------------------------------- */

    html body
    #music-player#music-player .music-player-copy,
    html.paxor-mobile-ui body
    #music-player#music-player .music-player-copy {

        position: static !important;

        display: block !important;

        min-width: 0 !important;
        width: auto !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: hidden !important;

        text-align: left !important;

        transition: none !important;
    }


    html body
    #music-player#music-player #music-player-title,
    html.paxor-mobile-ui body
    #music-player#music-player #music-player-title {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;

        text-align: left !important;

        transform: none !important;
    }


    html body
    #music-player#music-player #music-player-artist,
    html.paxor-mobile-ui body
    #music-player#music-player #music-player-artist {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 1px 0 0 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;

        text-align: left !important;

        transform: none !important;
    }


    /* Like не занимает место в компактном mobile player */

    html body
    #music-player#music-player #music-like,
    html.paxor-mobile-ui body
    #music-player#music-player #music-like {

        display: none !important;
    }


    /* -----------------------------------------------------
       CENTER = только кнопка Play
       ----------------------------------------------------- */

    html body
    #music-player#music-player .music-player-center,
    html.paxor-mobile-ui body
    #music-player#music-player .music-player-center {

        grid-column: 2 !important;
        grid-row: 1 !important;

        position: static !important;

        display: grid !important;
        place-items: center !important;

        width: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;

        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        overflow: visible !important;

        transition: none !important;
        animation: none !important;
    }


    html body
    #music-player#music-player .music-player-controls,
    html.paxor-mobile-ui body
    #music-player#music-player .music-player-controls {

        display: grid !important;
        place-items: center !important;

        width: 62px !important;
        height: 58px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        transition: none !important;
    }


    /*
     * Скрываем prev/next/shuffle/repeat только в мобильном
     * глобальном compact player.
     */
    html body
    #music-player#music-player .music-player-controls
    > :not(#music-play-toggle):not(.music-play-toggle),

    html.paxor-mobile-ui body
    #music-player#music-player .music-player-controls
    > :not(#music-play-toggle):not(.music-play-toggle) {

        display: none !important;
    }


    html body
    #music-player#music-player #music-play-toggle,
    html body
    #music-player#music-player .music-play-toggle,

    html.paxor-mobile-ui body
    #music-player#music-player #music-play-toggle,
    html.paxor-mobile-ui body
    #music-player#music-player .music-play-toggle {

        display: grid !important;
        place-items: center !important;

        position: static !important;

        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;

        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;

        margin: 0 !important;

        transform: none !important;

        transition: none !important;
        animation: none !important;
    }


    /* -----------------------------------------------------
       VOLUME / NFT / LEYA right desktop group
       ----------------------------------------------------- */

    html body
    #music-player#music-player .music-player-volume,
    html.paxor-mobile-ui body
    #music-player#music-player .music-player-volume {

        display: none !important;
    }


    /* -----------------------------------------------------
       PROGRESS — строго от края до края viewport
       ----------------------------------------------------- */

    html body
    #music-player#music-player .music-progress-row,

    html.paxor-mobile-ui body
    #music-player#music-player .music-progress-row {

        position: absolute !important;

        left: 0 !important;
        right: auto !important;

        top: auto !important;
        bottom: 0 !important;

        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        height: 6px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        transform: none !important;

        transition: none !important;
        animation: none !important;

        overflow: visible !important;

        z-index: 1295 !important;
    }


    html body
    #music-player#music-player .music-progress-wrap,

    html.paxor-mobile-ui body
    #music-player#music-player .music-progress-wrap {

        position: absolute !important;

        left: 0 !important;
        right: auto !important;

        top: 0 !important;
        bottom: auto !important;

        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        height: 6px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        transform: none !important;

        transition: none !important;

        overflow: visible !important;
    }


    html body
    #music-player#music-player .music-progress-wrap::before,

    html.paxor-mobile-ui body
    #music-player#music-player .music-progress-wrap::before {

        left: 0 !important;
        right: auto !important;

        top: 1px !important;
        bottom: auto !important;

        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        height: 3px !important;

        margin: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        transform: none !important;

        transition: none !important;
    }


    html body
    #music-player#music-player #music-progress,

    html.paxor-mobile-ui body
    #music-player#music-player #music-progress {

        left: 0 !important;
        right: auto !important;

        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        margin: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        transform: none !important;

        transition: none !important;
    }
}

/* === PAXOR GLOBAL MOBILE PLAYER STABLE V3 END === */

/* === PAXOR GLOBAL MOBILE PLAYER HARD LOCK V4 START === */

@media (max-width: 760px) {

    html.paxor-mobile-player-lock body #music-player#music-player.paxor-global-player,
    body.paxor-mobile-player-lock #music-player#music-player.paxor-global-player,
    #music-player#music-player.paxor-global-player.paxor-mobile-player-lock {

        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        bottom: var(--paxor-mobile-bottom-nav-height, 58px) !important;

        width: 100% !important;
        max-width: none !important;

        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;

        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 70px !important;
        grid-template-rows: minmax(0, 1fr) 6px !important;

        column-gap: 6px !important;
        row-gap: 0 !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 3px 12px 6px 12px !important;

        box-sizing: border-box !important;
        overflow: visible !important;

        transform: none !important;
        transition: none !important;
        animation: none !important;

        isolation: isolate !important;
        contain: layout paint style !important;

        z-index: 1280 !important;
    }


    html.paxor-mobile-player-lock body .paxor-mobile-bottom-nav,
    body.paxor-mobile-player-lock .paxor-mobile-bottom-nav {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 1300 !important;
    }


    /* TRACK AREA */

    html.paxor-mobile-player-lock body #music-player#music-player .music-player-track,
    body.paxor-mobile-player-lock #music-player#music-player .music-player-track,
    #music-player#music-player.paxor-mobile-player-lock .music-player-track {
        grid-column: 1 !important;
        grid-row: 1 !important;

        position: relative !important;
        display: grid !important;
        grid-template-columns: 54px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 10px !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;

        margin: 0 !important;
        padding: 0 !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;
        transition: none !important;
        animation: none !important;

        overflow: hidden !important;
    }


    html.paxor-mobile-player-lock body #music-player#music-player .music-player-cover,
    body.paxor-mobile-player-lock #music-player#music-player .music-player-cover,
    #music-player#music-player.paxor-mobile-player-lock .music-player-cover {
        width: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 8px !important;
        overflow: hidden !important;

        transform: none !important;
    }

    html.paxor-mobile-player-lock body #music-player#music-player .music-player-cover img,
    body.paxor-mobile-player-lock #music-player#music-player .music-player-cover img,
    #music-player#music-player.paxor-mobile-player-lock .music-player-cover img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
        margin: 0 !important;
    }


    html.paxor-mobile-player-lock body #music-player#music-player .music-player-copy,
    body.paxor-mobile-player-lock #music-player#music-player .music-player-copy,
    #music-player#music-player.paxor-mobile-player-lock .music-player-copy {
        display: block !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        text-align: left !important;

        transform: none !important;
        transition: none !important;
        animation: none !important;
    }

    html.paxor-mobile-player-lock body #music-player#music-player #music-player-title,
    body.paxor-mobile-player-lock #music-player#music-player #music-player-title,
    #music-player#music-player.paxor-mobile-player-lock #music-player-title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-align: left !important;

        transform: none !important;
    }

    html.paxor-mobile-player-lock body #music-player#music-player #music-player-artist,
    body.paxor-mobile-player-lock #music-player#music-player #music-player-artist,
    #music-player#music-player.paxor-mobile-player-lock #music-player-artist {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 1px 0 0 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-align: left !important;

        transform: none !important;
    }

    html.paxor-mobile-player-lock body #music-player#music-player #music-like,
    body.paxor-mobile-player-lock #music-player#music-player #music-like,
    #music-player#music-player.paxor-mobile-player-lock #music-like {
        display: none !important;
    }


    /* CONTROL AREA */

    html.paxor-mobile-player-lock body #music-player#music-player .music-player-center,
    body.paxor-mobile-player-lock #music-player#music-player .music-player-center,
    #music-player#music-player.paxor-mobile-player-lock .music-player-center {
        grid-column: 2 !important;
        grid-row: 1 !important;

        position: static !important;
        display: grid !important;
        place-items: center !important;

        width: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;

        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;

        margin: 0 !important;
        padding: 0 !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;
        transition: none !important;
        animation: none !important;

        overflow: visible !important;
    }

    html.paxor-mobile-player-lock body #music-player#music-player .music-player-controls,
    body.paxor-mobile-player-lock #music-player#music-player .music-player-controls,
    #music-player#music-player.paxor-mobile-player-lock .music-player-controls {
        display: grid !important;
        place-items: center !important;
        width: 62px !important;
        height: 58px !important;
        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
        transition: none !important;
        animation: none !important;
    }

    html.paxor-mobile-player-lock body #music-player#music-player .music-player-controls > :not(#music-play-toggle):not(.music-play-toggle),
    body.paxor-mobile-player-lock #music-player#music-player .music-player-controls > :not(#music-play-toggle):not(.music-play-toggle),
    #music-player#music-player.paxor-mobile-player-lock .music-player-controls > :not(#music-play-toggle):not(.music-play-toggle) {
        display: none !important;
    }

    html.paxor-mobile-player-lock body #music-player#music-player #music-play-toggle,
    html.paxor-mobile-player-lock body #music-player#music-player .music-play-toggle,
    body.paxor-mobile-player-lock #music-player#music-player #music-play-toggle,
    body.paxor-mobile-player-lock #music-player#music-player .music-play-toggle,
    #music-player#music-player.paxor-mobile-player-lock #music-play-toggle,
    #music-player#music-player.paxor-mobile-player-lock .music-play-toggle {
        display: grid !important;
        place-items: center !important;

        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;

        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;

        margin: 0 !important;
        padding: 0 !important;

        position: static !important;

        transform: none !important;
        transition: none !important;
        animation: none !important;
    }

    html.paxor-mobile-player-lock body #music-player#music-player .music-player-volume,
    body.paxor-mobile-player-lock #music-player#music-player .music-player-volume,
    #music-player#music-player.paxor-mobile-player-lock .music-player-volume {
        display: none !important;
    }


    /* PROGRESS */

    html.paxor-mobile-player-lock body #music-player#music-player .music-progress-row,
    body.paxor-mobile-player-lock #music-player#music-player .music-progress-row,
    #music-player#music-player.paxor-mobile-player-lock .music-progress-row {
        grid-column: 1 / span 2 !important;
        grid-row: 2 !important;

        position: absolute !important;
        left: 0 !important;
        right: auto !important;
        top: auto !important;
        bottom: -1px !important;

        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        height: 6px !important;
        min-height: 6px !important;
        max-height: 6px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        overflow: visible !important;

        transform: none !important;
        transition: none !important;
        animation: none !important;

        z-index: 1295 !important;
    }

    html.paxor-mobile-player-lock body #music-player#music-player .music-progress-wrap,
    body.paxor-mobile-player-lock #music-player#music-player .music-progress-wrap,
    #music-player#music-player.paxor-mobile-player-lock .music-progress-wrap {
        position: absolute !important;
        left: 0 !important;
        right: auto !important;
        top: 0 !important;
        bottom: auto !important;

        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        height: 6px !important;
        min-height: 6px !important;
        max-height: 6px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        overflow: visible !important;

        transform: none !important;
        transition: none !important;
        animation: none !important;
    }

    html.paxor-mobile-player-lock body #music-player#music-player .music-progress-wrap::before,
    body.paxor-mobile-player-lock #music-player#music-player .music-progress-wrap::before,
    #music-player#music-player.paxor-mobile-player-lock .music-progress-wrap::before {
        left: 0 !important;
        right: auto !important;
        top: 2px !important;
        bottom: auto !important;

        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        height: 3px !important;
        min-height: 3px !important;
        max-height: 3px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        transform: none !important;
        transition: none !important;
        animation: none !important;

        pointer-events: none !important;
        z-index: 1 !important;
    }

    html.paxor-mobile-player-lock body #music-player#music-player #music-progress,
    body.paxor-mobile-player-lock #music-player#music-player #music-progress,
    #music-player#music-player.paxor-mobile-player-lock #music-progress {
        position: absolute !important;
        left: 0 !important;
        right: auto !important;
        top: 0 !important;
        bottom: auto !important;

        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        height: 6px !important;
        min-height: 6px !important;
        max-height: 6px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        visibility: visible !important;
        opacity: 0 !important;

        transform: none !important;
        transition: none !important;
        animation: none !important;

        pointer-events: auto !important;
        z-index: 2 !important;
    }


    /* HIDE WHITE ARTIFACTS */

    html.paxor-mobile-player-lock body #music-player#music-player .music-progress-row > span,
    html.paxor-mobile-player-lock body #music-player#music-player #music-current-time,
    html.paxor-mobile-player-lock body #music-player#music-player #music-duration,
    html.paxor-mobile-player-lock body #music-player#music-player .music-range-tooltip,
    html.paxor-mobile-player-lock body #music-player#music-player .music-progress-row::before,
    html.paxor-mobile-player-lock body #music-player#music-player .music-progress-row::after,
    html.paxor-mobile-player-lock body #music-player#music-player .music-progress-wrap::after,
    body.paxor-mobile-player-lock #music-player#music-player .music-progress-row > span,
    body.paxor-mobile-player-lock #music-player#music-player #music-current-time,
    body.paxor-mobile-player-lock #music-player#music-player #music-duration,
    body.paxor-mobile-player-lock #music-player#music-player .music-range-tooltip,
    body.paxor-mobile-player-lock #music-player#music-player .music-progress-row::before,
    body.paxor-mobile-player-lock #music-player#music-player .music-progress-row::after,
    body.paxor-mobile-player-lock #music-player#music-player .music-progress-wrap::after,
    #music-player#music-player.paxor-mobile-player-lock .music-progress-row > span,
    #music-player#music-player.paxor-mobile-player-lock #music-current-time,
    #music-player#music-player.paxor-mobile-player-lock #music-duration,
    #music-player#music-player.paxor-mobile-player-lock .music-range-tooltip,
    #music-player#music-player.paxor-mobile-player-lock .music-progress-row::before,
    #music-player#music-player.paxor-mobile-player-lock .music-progress-row::after,
    #music-player#music-player.paxor-mobile-player-lock .music-progress-wrap::after {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        content: none !important;
    }


    /* GLOBAL CONTENT SPACE */

    html.paxor-mobile-player-lock body,
    body.paxor-mobile-player-lock {
        padding-bottom: calc(64px + 58px) !important;
    }
}

/* === PAXOR GLOBAL MOBILE PLAYER HARD LOCK V4 END === */

