/* app/static/css/light_theme_overrides.css */
/* Final light-theme pass loaded after page CSS. */

body.light-theme {
    --paxor-light-page: #f4f8fb;
    --paxor-light-surface: rgba(249, 252, 255, 0.96);
    --paxor-light-surface-strong: rgba(255, 255, 255, 0.98);
    --paxor-light-strip: rgba(238, 247, 251, 0.96);
    --paxor-light-border: rgba(3, 125, 156, 0.2);
    --paxor-light-border-strong: rgba(3, 125, 156, 0.34);
    --paxor-light-text: #132033;
    --paxor-light-muted: #52637a;
    --paxor-light-accent: #037d9c;
    color: var(--paxor-light-text) !important;
    background: transparent !important;
}

body.light-theme .main-content {
    color: var(--paxor-light-text) !important;
    background: transparent !important;
}

body.light-theme nav,
body.light-theme footer:not(.music-player),
body.light-theme .paxor-global-player,
body.light-theme .music-player,
body.light-theme .account-menu,
body.light-theme .vertical-menu,
body.light-theme .language-menu,
body.light-theme .notification-dropdown,
body.light-theme .music-messages-popover,
body.light-theme #wallet-compact-dropdown,
body.light-theme .wallet-compact-dropdown,
body.light-theme .calculator-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(237, 247, 251, 0.94)) !important;
    color: var(--paxor-light-text) !important;
    border-color: var(--paxor-light-border) !important;
    box-shadow:
        0 14px 30px rgba(26, 70, 98, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
    text-shadow: none !important;
}

body.light-theme footer:not(.music-player)::before {
    opacity: 0.18 !important;
}

body.light-theme :is(
    nav a,
    nav button,
    nav i,
    .account-menu,
    .account-menu a,
    .account-menu button,
    .account-menu li,
    .account-menu i,
    .vertical-menu,
    .vertical-menu a,
    .vertical-menu li,
    .vertical-menu i,
    .language-menu,
    .language-menu li,
    .language-menu span,
    .notification-dropdown,
    .notification-dropdown a,
    .notification-dropdown button,
    .music-messages-popover,
    .music-messages-popover a,
    .music-messages-popover button,
    #wallet-compact-dropdown,
    #wallet-compact-dropdown a,
    #wallet-compact-dropdown button,
    .calculator-panel,
    .calculator-panel button,
    footer:not(.music-player),
    footer:not(.music-player) a,
    footer:not(.music-player) p,
    footer:not(.music-player) h1,
    footer:not(.music-player) h2,
    footer:not(.music-player) h3,
    .music-player,
    .music-player a,
    .music-player button,
    .music-player span
) {
    color: var(--paxor-light-text) !important;
    text-shadow: none !important;
}

body.light-theme :is(
    .menu-item,
    .calculator-menu-button,
    .notification-button,
    .menu-toggle-btn,
    .music-messages-menu-button,
    #account-button
) {
    color: var(--paxor-light-text) !important;
    text-shadow: none !important;
}

body.light-theme :is(
    .menu-item:hover::before,
    .menu-item.active::before,
    .menu-center .menu-item:hover::before,
    .calculator-menu-button:hover::before,
    .calculator-menu-button.active::before,
    .calculator-menu-button[aria-expanded="true"]::before,
    .notification-button:hover::before,
    .notification-button.active::before,
    .notification-button[aria-expanded="true"]::before,
    .menu-toggle-btn:hover::before,
    .menu-toggle-btn.active::before,
    .menu-toggle-btn[aria-expanded="true"]::before,
    .music-messages-menu-button:hover::before,
    .music-messages-menu-button.active::before,
    .music-messages-menu-button[aria-expanded="true"]::before,
    #account-button:hover::before,
    #account-button.active::before,
    #account-button[aria-expanded="true"]::before
) {
    background:
        linear-gradient(90deg, rgba(3, 125, 156, 0.14), rgba(255, 255, 255, 0.92)) !important;
    border-color: var(--paxor-light-border-strong) !important;
}

body.light-theme :is(
    .music-messages-menu-button.active,
    .music-messages-menu-button[aria-expanded="true"],
    .calculator-menu-button.active,
    .calculator-menu-button[aria-expanded="true"],
    .notification-button.active,
    .notification-button[aria-expanded="true"],
    .menu-toggle-btn.active,
    .menu-toggle-btn[aria-expanded="true"],
    #account-button.active,
    #account-button[aria-expanded="true"]
),
body.light-theme:has(#verticalMenu.open) #toggleMenu,
body.light-theme:has(.vertical-menu.open) .menu-toggle-btn,
body.light-theme:has(#account-menu.open) #account-button,
body.light-theme .music-messages-top:has(#music-messages-popover:not([hidden])) .music-messages-menu-button {
    color: var(--paxor-light-text) !important;
    text-shadow: none !important;
}

body.light-theme:has(#verticalMenu.open) #toggleMenu::before,
body.light-theme:has(.vertical-menu.open) .menu-toggle-btn::before,
body.light-theme:has(#account-menu.open) #account-button::before,
body.light-theme .music-messages-top:has(#music-messages-popover:not([hidden])) .music-messages-menu-button::before {
    background:
        linear-gradient(90deg, rgba(3, 125, 156, 0.14), rgba(255, 255, 255, 0.92)) !important;
    border-color: var(--paxor-light-border-strong) !important;
}

body.light-theme #account-button::after,
body.light-theme #account-button.active::after,
body.light-theme #account-button[aria-expanded="true"]::after,
body.light-theme:has(#account-menu.open) #account-button::after {
    color: var(--paxor-light-text) !important;
    border-color: var(--paxor-light-text) !important;
    background: rgba(255, 255, 255, 0.96) !important;
}

body.light-theme :is(
    .account-menu ul li,
    .vertical-menu ul li,
    .language-menu ul li,
    .notification-item,
    .notification-view-all,
    .music-message-thread,
    .footer-section-wrapper,
    .footer-item,
    .footer-social-box,
    .footer-social-icon,
    .footer-bottom,
    .music-wallet-status,
    .nav-global-wallet .music-wallet-status,
    .wallet-compact-card,
    .wallet-compact-row,
    .calculator-display,
    .calculator-key,
    .calculator-section,
    .calc-button,
    .account-dashboard-layout .tab-button,
    .tab-button,
    .sub-tab-button,
    .paxor-global-player .music-player-cover
) {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(238, 247, 251, 0.88)) !important;
    border-color: var(--paxor-light-border) !important;
    color: var(--paxor-light-text) !important;
    box-shadow:
        0 8px 18px rgba(26, 70, 98, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}

body.light-theme :is(
    .account-menu ul li:hover,
    .vertical-menu ul li:hover,
    .language-menu ul li:hover,
    .language-menu ul li.active,
    .notification-item:hover,
    .notification-view-all:hover,
    .music-message-thread:hover,
    .footer-item:hover,
    .footer-social-box:hover,
    .calculator-key:hover,
    .calc-button:hover,
    .tab-button:hover,
    .sub-tab-button:hover
) {
    background:
        linear-gradient(90deg, rgba(3, 125, 156, 0.14), rgba(255, 255, 255, 0.92)) !important;
    border-color: var(--paxor-light-border-strong) !important;
    color: var(--paxor-light-text) !important;
}

body.light-theme :is(
    .account-container .account-box,
    .account-container .account-dashboard-sidebar,
    .account-container .tab-content,
    .account-container .account-profile-overview,
    .account-container .account-bank-card-face,
    .account-container .account-profile-balance,
    .account-container .account-profile-stats,
    .account-container .account-stat-card,
    .home-feature-card,
    .feature-card,
    .feature-section,
    .smart-card,
    .smart-panel,
    .smart-contract-card,
    .contract-card,
    .contract-preview,
    .dapp-card,
    .dapp-panel,
    .blockchain-card,
    .blockchain-panel,
    .explorer-toolbar,
    .blockchain-search,
    .analytics-card,
    .summary-card,
    .chart-box,
    .leya-card,
    .leya-panel,
    .wallets-container .generated-wallet-box,
    .wallets-container .paxor-wallet-main,
    .wallets-container .network-card,
    .wallets-container .network-box,
    .wallets-container .total-balance,
    .transactions-container,
    .transaction-form-container,
    .transaction-history-section,
    .transaction-history-item,
    .music-shell,
    .music-card,
    .music-panel,
    .artist-card,
    .artist-panel
) {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 248, 252, 0.9)) !important;
    color: var(--paxor-light-text) !important;
    border-color: var(--paxor-light-border) !important;
    box-shadow:
        0 14px 30px rgba(26, 70, 98, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
    text-shadow: none !important;
}

body.light-theme :is(
    .dapp-box,
    .dapp-intro,
    .dapp-workspace,
    .dapp-workspace-panel,
    .dapp-workspace-header,
    .dapp-panel,
    .dapp-card,
    .dapp-nft-card,
    .dapp-nft-card-body,
    .blockchain-page,
    .blockchain-shell,
    .blockchain-section,
    .blockchain-results,
    .blockchain-result-card,
    .blockchain-explorer-card,
    .blockchain-stat-card,
    .settings-container,
    .settings-box,
    .settings-card,
    .settings-panel,
    .settings-form-card,
    .security-card,
    .security-panel,
    .security-session-card,
    .security-guardian-card,
    .security-guardian-signal,
    .security-trusted-item,
    .personal-info-container,
    .personal-info-box,
    .personal-info-card,
    .notifications-page-box,
    .notifications-page-item,
    .notifications-page-empty,
    .wallet-content,
    .wallet-actions,
    .wallet-action-item,
    .wallet-address-wrapper,
    .wallet-address-meta,
    .linked-wallets-panel,
    .linked-wallet-card,
    .custom-network-dropdown,
    .custom-network-option,
    .modal-content,
    .auth-modal-card,
    .paxor-wallet-action-card,
    .paxor-wallet-modal-content,
    .music-sidebar,
    .music-main,
    .music-topbar,
    .music-content,
    .music-library,
    .music-library-panel,
    .music-track-row,
    .music-album-card,
    .music-playlist-card,
    .music-playlist-picker,
    .music-track-menu,
    .music-message-card,
    .music-token-dialog,
    .music-playlist-dialog,
    .music-listing-dialog,
    .music-purchase-dialog,
    .artist-studio,
    .artist-form-card,
    .artist-release-card,
    .artist-panel,
    .leya-app-shell,
    .leya-workspace-panel,
    .leya-sidebar,
    .leya-chat,
    .leya-chat-panel,
    .leya-chat-header,
    .leya-message,
    .leya-input-panel
) {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(240, 248, 252, 0.92)) !important;
    color: var(--paxor-light-text) !important;
    border-color: var(--paxor-light-border) !important;
    box-shadow:
        0 12px 26px rgba(26, 70, 98, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
    text-shadow: none !important;
}

body.light-theme :is(
    .dapp-box,
    .dapp-box *,
    .blockchain-shell,
    .blockchain-shell *,
    .settings-container,
    .settings-container *,
    .personal-info-container,
    .personal-info-container *,
    .notifications-page-box,
    .notifications-page-box *,
    .wallet-content,
    .wallet-content *,
    .linked-wallets-panel,
    .linked-wallets-panel *,
    .music-sidebar,
    .music-sidebar *,
    .music-main,
    .music-main *,
    .artist-studio,
    .artist-studio *,
    .leya-workspace-panel,
    .leya-workspace-panel *
) {
    text-shadow: none !important;
}

body.light-theme .music-track-actions,
body.light-theme .music-track-detail-menu,
body.light-theme .music-track-detail-more-actions {
    isolation: isolate !important;
}

body.light-theme .music-queue-row:has(.music-track-menu:not([hidden])),
body.light-theme .music-public-track-row:has(.music-track-menu:not([hidden])),
body.light-theme .music-feature:has(.music-track-menu:not([hidden])) {
    position: relative !important;
    z-index: 1000 !important;
}

body.light-theme .music-track-actions .music-track-menu,
body.light-theme .music-track-detail-menu .music-track-menu,
body.light-theme .music-track-detail-more-actions .music-track-menu,
body.light-theme .music-playlist-menu {
    overflow: hidden !important;
    border: 1px solid rgba(32, 217, 255, 0.48) !important;
    border-radius: 8px !important;
    background: #0b1114 !important;
    background-color: #0b1114 !important;
    background-image: none !important;
    color: #f4fbfd !important;
    opacity: 1 !important;
    z-index: 10070 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.86), 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}

body.light-theme .music-track-menu .music-track-menu-item {
    border-radius: 0 !important;
    background: #0b1114 !important;
    color: #f4fbfd !important;
}

body.light-theme .music-track-menu .music-track-menu-item + .music-track-menu-item {
    border-top: 1px solid rgba(255, 255, 255, 0.065) !important;
}

body.light-theme .music-track-menu .music-track-menu-item i {
    color: #b9c7cc !important;
}

body.light-theme .music-track-menu .music-track-menu-item:hover,
body.light-theme .music-track-menu .music-track-menu-item:focus-visible {
    background: #17252a !important;
    color: #ffffff !important;
}

body.light-theme .music-track-menu .music-track-menu-item:hover i,
body.light-theme .music-track-menu .music-track-menu-item:focus-visible i {
    color: #1db954 !important;
}

body.light-theme .music-track-more,
body.light-theme .music-track-actions:has(.music-track-menu:not([hidden])) .music-track-more,
body.light-theme .music-track-detail-menu:has(.music-track-menu:not([hidden])) .music-track-more,
body.light-theme .music-track-detail-more-actions:has(.music-track-menu:not([hidden])) .music-track-more {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.light-theme .music-track-actions:has(.music-track-menu:not([hidden])) .music-track-more,
body.light-theme .music-track-detail-menu:has(.music-track-menu:not([hidden])) .music-track-more,
body.light-theme .music-track-detail-more-actions:has(.music-track-menu:not([hidden])) .music-track-more {
    color: #ffffff !important;
}

body.light-theme :is(
    .dapp-box h2,
    .dapp-box h3,
    .dapp-workspace-header h2,
    .dapp-panel h3,
    .blockchain-shell h2,
    .blockchain-shell h3,
    .settings-container h2,
    .settings-container h3,
    .personal-info-container h2,
    .personal-info-container h3,
    .notifications-page-box h2,
    .notifications-page-box h3,
    .wallet-content h2,
    .wallet-content h3,
    .music-main h2,
    .music-main h3,
    .artist-studio h2,
    .artist-studio h3,
    .leya-workspace-panel h2,
    .leya-workspace-panel h3
) {
    color: var(--paxor-light-text) !important;
}

body.light-theme :is(
    .dapp-box p,
    .dapp-box span,
    .blockchain-shell p,
    .blockchain-shell span,
    .settings-container p,
    .settings-container span,
    .personal-info-container p,
    .personal-info-container span,
    .notifications-page-box p,
    .notifications-page-box span,
    .wallet-content p,
    .wallet-content span,
    .music-main p,
    .music-main span,
    .artist-studio p,
    .artist-studio span,
    .leya-workspace-panel p,
    .leya-workspace-panel span
) {
    color: var(--paxor-light-muted) !important;
}

body.light-theme :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    span,
    small,
    strong,
    b,
    label,
    li,
    td,
    th,
    .account-container,
    .account-container *,
    .wallets-container,
    .wallets-container *,
    .transactions-container,
    .transactions-container *,
    .analytics-container,
    .analytics-container *,
    .blockchain-shell,
    .blockchain-shell *,
    .smart-contracts-page,
    .smart-contracts-page *,
    .dapp-page,
    .dapp-page *,
    .leya-page,
    .leya-page *,
    .music-shell,
    .music-shell *,
    footer:not(.music-player) *
) {
    text-shadow: none !important;
}

body.light-theme :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    strong,
    b,
    .footer-brand-title,
    .footer-section h2,
    .wallet-title,
    .network-card-title,
    .summary-card strong
) {
    color: var(--paxor-light-text) !important;
}

body.light-theme :is(
    p,
    span,
    small,
    label,
    li,
    td,
    th,
    .footer-brand-subtitle,
    .footer-links-contact-box p,
    .footer-bottom p,
    .wallet-source-row span,
    .network-card-label,
    .token-usd,
    .music-player-copy a:last-child
) {
    color: var(--paxor-light-muted) !important;
}

body.light-theme :is(input, select, textarea, .custom-network-trigger, .search-input) {
    background: rgba(255, 255, 255, 0.94) !important;
    color: var(--paxor-light-text) !important;
    border-color: var(--paxor-light-border) !important;
}

body.light-theme :is(input, select, textarea)::placeholder {
    color: rgba(82, 99, 122, 0.7) !important;
}

body.light-theme :is(a:hover, button:hover) {
    color: var(--paxor-light-accent) !important;
}

body.light-theme .music-play-toggle {
    background: var(--paxor-light-text) !important;
    color: #ffffff !important;
}

body.light-theme .music-range-wrap input[type="range"]::-webkit-slider-runnable-track {
    background: linear-gradient(
        to right,
        var(--paxor-light-accent) 0,
        var(--paxor-light-accent) var(--range-progress),
        rgba(19, 32, 51, 0.2) var(--range-progress),
        rgba(19, 32, 51, 0.2) 100%
    ) !important;
}

body.light-theme .music-range-wrap input[type="range"]::-webkit-slider-thumb {
    background: var(--paxor-light-accent) !important;
}

body.light-theme .music-range-wrap input[type="range"]::-moz-range-track {
    background: rgba(19, 32, 51, 0.2) !important;
}

body.light-theme .music-range-wrap input[type="range"]::-moz-range-progress,
body.light-theme .music-range-wrap input[type="range"]::-moz-range-thumb {
    background: var(--paxor-light-accent) !important;
}

body.light-theme .account-card-actions,
body.light-theme .account-card-actions-list,
body.light-theme .account-card-actions .account-edit-profile-btn {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.light-theme .account-card-actions .account-edit-profile-btn {
    color: rgba(19, 32, 51, 0.66) !important;
}

body.light-theme .account-card-actions .account-edit-profile-btn:hover {
    color: #000000 !important;
    text-shadow: 0 0 8px rgba(3, 125, 156, 0.16) !important;
}

body.light-theme :is(
    .account-hero,
    .account-settings-hero,
    .smart-contracts-hero,
    .dapp-hero,
    .analytics-hero,
    .notifications-hero,
    .leya-hero,
    .leya-map-hero,
    .leya-assistant-hero,
    .music-feature-track-hero,
    .music-artist-hero,
    .music-track-hero,
    .music-track-detail-hero,
    .music-user-hero,
    .music-playlist-hero
) {
    color: #ffffff !important;
}

body.light-theme .smart-contracts-hero {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.02)),
        rgba(4, 22, 32, 0.55) !important;
    box-shadow:
        0 0 18px rgba(3, 125, 156, 0.55),
        0 12px 30px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

body.light-theme .smart-contracts-hero::before {
    display: block !important;
}

body.light-theme .dapp-hero {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.14) 48%, rgba(0, 0, 0, 0.04)),
        radial-gradient(circle at 78% 42%, rgba(3, 125, 156, 0.48), transparent 36%),
        linear-gradient(180deg, rgba(3, 125, 156, 0.38), rgba(4, 22, 32, 0.88)) !important;
    border-color: #037d9c !important;
    box-shadow:
        0 0 18px rgba(3, 125, 156, 0.55),
        0 12px 30px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

body.light-theme .analytics-hero {
    background:
        radial-gradient(circle at 72% 50%, rgba(3, 125, 156, 0.34), transparent 38%),
        linear-gradient(90deg, rgba(2, 8, 13, 0.98), rgba(4, 22, 30, 0.92) 48%, rgba(2, 8, 13, 0.96)) !important;
    border-color: #037d9c !important;
    box-shadow:
        0 0 18px rgba(3, 125, 156, 0.55),
        0 12px 30px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

body.light-theme :is(
    .account-hero h1,
    .account-settings-hero h1,
    .smart-contracts-hero h1,
    .dapp-hero h1,
    .analytics-hero h1,
    .notifications-hero h1,
    .leya-hero h1,
    .leya-map-hero h1,
    .leya-assistant-hero h1,
    .music-feature-track-hero h1,
    .music-artist-hero h1,
    .music-track-hero h1,
    .music-track-detail-hero h1,
    .music-user-hero h1,
    .music-playlist-hero h1,
    .account-hero-badge i,
    .account-hero-badge span,
    .smart-contracts-hero-badge i,
    .smart-contracts-hero-badge span,
    .dapp-hero-badge i,
    .dapp-hero-badge span,
    .analytics-hero-badge i,
    .analytics-hero-badge span,
    .notifications-hero-badge i,
    .notifications-hero-badge span
) {
    color: #ffffff !important;
}

body.light-theme :is(
    .account-hero p,
    .account-settings-hero p,
    .smart-contracts-hero p,
    .dapp-hero p,
    .analytics-hero p,
    .notifications-hero p,
    .leya-hero p,
    .leya-map-hero p,
    .leya-assistant-hero p,
    .music-feature-track-hero p,
    .music-artist-hero p,
    .music-track-hero p,
    .music-track-detail-hero p,
    .music-user-hero p,
    .music-playlist-hero p
) {
    color: #e8fbff !important;
}

body.light-theme .menu-center .menu-item.active,
body.light-theme .menu-center .menu-item.active > i {
    color: #037d9c !important;
    text-shadow: 0 0 10px rgba(3, 125, 156, 0.35) !important;
}

body.light-theme .menu-center .menu-item.active > img {
    filter: drop-shadow(0 0 8px rgba(3, 125, 156, 0.45)) !important;
}

body.light-theme .menu-center .menu-item.active::after {
    content: "" !important;
    position: absolute !important;
    bottom: 5px !important;
    left: 50% !important;
    width: 104px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: #037d9c !important;
    box-shadow: 0 0 9px rgba(3, 125, 156, 0.5) !important;
    transform: translateX(-50%) !important;
    z-index: 2 !important;
}

/* === PAXOR MOBILE FINAL STACK V1 START === */
@media (max-width: 760px) {
    body,
    body:has(#paxor-music-home),
    body:has(.feature-section),
    body:has(.leya3-page),
    body:has(.music-shell) {
        padding-top: var(--paxor-mobile-top-nav-height, 46px) !important;
        padding-bottom: calc(var(--paxor-mobile-player-height, 72px) + var(--paxor-mobile-bottom-nav-height, 58px) + env(safe-area-inset-bottom, 0px) + 8px) !important;
    }

    .paxor-global-player,
    #music-player.paxor-global-player,
    footer#music-player.paxor-global-player {
        bottom: calc(var(--paxor-mobile-bottom-nav-height, 58px) + env(safe-area-inset-bottom, 0px)) !important;
    }

    .paxor-mobile-bottom-nav { bottom: 0 !important; }
}
/* === PAXOR MOBILE FINAL STACK V1 END === */

/* === PAXOR MOBILE FINAL STACK V2 START === */
@media (max-width: 760px) {
    :root {
        --paxor-mobile-top-nav-height: 52px;
        --paxor-mobile-bottom-nav-height: 64px;
        --paxor-mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
    }

    body,
    body:has(#paxor-music-home),
    body:has(.feature-section),
    body:has(.leya3-page),
    body:has(.leya-app-shell),
    body:has(.music-shell),
    body.paxor-music-active {
        padding-top: var(--paxor-mobile-top-nav-height) !important;
        padding-bottom: calc(
            var(--paxor-mobile-player-height, var(--paxor-player-height, 72px))
            + var(--paxor-mobile-bottom-nav-height)
            + var(--paxor-mobile-safe-bottom)
            + 8px
        ) !important;
    }

    nav:not(.paxor-mobile-bottom-nav) {
        height: var(--paxor-mobile-top-nav-height) !important;
        min-height: var(--paxor-mobile-top-nav-height) !important;
        padding: 0 8px !important;
        gap: 0 !important;
        overflow: visible !important;
    }

    nav:not(.paxor-mobile-bottom-nav) > .menu-left {
        width: 40px !important;
        min-width: 40px !important;
        flex: 0 0 40px !important;
        padding-left: 0 !important;
        justify-content: center !important;
    }

    nav:not(.paxor-mobile-bottom-nav) > .menu-right {
        position: relative !important;
        top: 0 !important;
        width: auto !important;
        height: var(--paxor-mobile-top-nav-height) !important;
        min-height: var(--paxor-mobile-top-nav-height) !important;
        margin-left: 8px !important;
        padding: 0 !important;
        flex: 1 1 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 0 !important;
        overflow: visible !important;
    }

    .nav-logo img { width: 34px !important; height: 34px !important; }

    .nav-wallet-control, .nav-language, .nav-notifications, .nav-messages, .nav-account, .nav-more {
        width: 42px !important;
        min-width: 42px !important;
        flex: 0 0 42px !important;
    }

    #wallet-menu-button, .nav-language .menu-item, .nav-account .menu-item, #account-button,
    .notification-button, .music-messages-menu-button, .menu-toggle-btn {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        transform: none !important;
    }

    .nav-wallet-control .wallet-menu-button > i.fa-wallet,
    .notification-button > i,
    .notification-button > i.fa-bell,
    .music-messages-menu-button > i,
    .menu-toggle-btn > i {
        font-size: 20px !important;
        line-height: 1 !important;
    }

    .music-messages-menu-button::before, .calculator-menu-button::before, .menu-toggle-btn::before {
        width: 28px !important;
        height: 28px !important;
        flex: 0 0 28px !important;
    }

    .nav-language .language-icon, .nav-language .menu-item > img.language-icon { width: 26px !important; height: 26px !important; }
    .nav-account .menu-item img.account-avatar, #account-button img.account-avatar {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        flex: 0 0 34px !important;
    }

    .paxor-mobile-bottom-nav {
        height: calc(var(--paxor-mobile-bottom-nav-height) + var(--paxor-mobile-safe-bottom)) !important;
        min-height: calc(var(--paxor-mobile-bottom-nav-height) + var(--paxor-mobile-safe-bottom)) !important;
        padding: 5px 6px calc(5px + var(--paxor-mobile-safe-bottom)) !important;
        z-index: 1300 !important;
    }

    .paxor-mobile-bottom-nav .menu-item {
        height: 54px !important;
        min-height: 54px !important;
        padding: 4px 1px 3px !important;
        font-size: 10.3px !important;
        transform: none !important;
        transition: color 0.16s ease, background 0.16s ease, border-color 0.16s ease !important;
    }

    .paxor-mobile-bottom-nav .menu-item img, .paxor-mobile-bottom-nav .menu-item > i {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
        font-size: 24px !important;
        line-height: 26px !important;
    }

    .paxor-mobile-bottom-nav .menu-item[href="/leya"] img { width: 29px !important; height: 29px !important; }
    .paxor-mobile-bottom-nav .menu-item:active, .paxor-mobile-bottom-nav .menu-item.active { transform: none !important; }
    .paxor-mobile-bottom-nav .menu-item.active {
        color: #20d9ff !important;
        border-color: rgba(32, 217, 255, 0.48) !important;
        background: rgba(32, 217, 255, 0.10) !important;
        box-shadow: inset 0 0 0 1px rgba(32, 217, 255, 0.10) !important;
    }
    .paxor-mobile-bottom-nav .menu-item.active span, .paxor-mobile-bottom-nav .menu-item.active > i { color: #20d9ff !important; }

    html body #music-player.paxor-global-player,
    html body footer#music-player.paxor-global-player,
    html.paxor-mobile-ui body #music-player.paxor-global-player,
    html.paxor-mobile-ui body footer#music-player.paxor-global-player,
    body.paxor-music-active #music-player.paxor-global-player,
    body.paxor-music-active footer#music-player.paxor-global-player,
    body:has(.music-shell) #music-player.paxor-global-player,
    body:has(.music-shell) footer#music-player.paxor-global-player,
    body:has(.leya3-page) #music-player.paxor-global-player,
    body:has(.leya3-page) footer#music-player.paxor-global-player,
    body:has(.leya-app-shell) #music-player.paxor-global-player,
    body:has(.leya-app-shell) footer#music-player.paxor-global-player {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: calc(var(--paxor-mobile-bottom-nav-height) + var(--paxor-mobile-safe-bottom)) !important;
        z-index: 1200 !important;
    }
}

@media (max-width: 360px) {
    nav:not(.paxor-mobile-bottom-nav) { padding-left: 6px !important; padding-right: 6px !important; }
    nav:not(.paxor-mobile-bottom-nav) > .menu-left { width: 38px !important; min-width: 38px !important; flex-basis: 38px !important; }
    nav:not(.paxor-mobile-bottom-nav) > .menu-right { margin-left: 6px !important; }
    .nav-wallet-control, .nav-language, .nav-notifications, .nav-messages, .nav-account, .nav-more,
    #wallet-menu-button, .nav-language .menu-item, .nav-account .menu-item, #account-button,
    .notification-button, .music-messages-menu-button, .menu-toggle-btn {
        width: 39px !important;
        min-width: 39px !important;
        max-width: 39px !important;
        flex-basis: 39px !important;
    }
}
/* === PAXOR MOBILE FINAL STACK V2 END === */

/* === PAXOR MOBILE CONTENT CLEARANCE V3 START === */
@media (max-width: 760px) {
    :root {
        --paxor-mobile-chrome-clearance: calc(
            var(--paxor-mobile-player-height, var(--paxor-player-height, 72px))
            + var(--paxor-mobile-bottom-nav-height, 64px)
            + var(--paxor-mobile-safe-bottom, env(safe-area-inset-bottom, 0px))
            + 8px
        );
    }

    body:not(:has(.leya3-page)):not(:has(.leya-app-shell)):not(:has(.music-shell)) > .main-content {
        padding-bottom: var(--paxor-mobile-chrome-clearance) !important;
    }
}
/* === PAXOR MOBILE CONTENT CLEARANCE V3 END === */

/* === PAXOR MOBILE CHROME TUNE V4 START === */
@media (max-width: 760px) {
    :root {
        --paxor-mobile-bottom-nav-height: 62px;
        --paxor-mobile-safe-bottom: 0px;
        --paxor-mobile-chrome-clearance: calc(
            var(--paxor-mobile-player-height, var(--paxor-player-height, 72px))
            + var(--paxor-mobile-bottom-nav-height)
            + 8px
        );
    }

    .nav-logo img {
        width: 36px !important;
        height: 36px !important;
    }

    .nav-wallet-control,
    .nav-language,
    .nav-notifications,
    .nav-messages,
    .nav-account,
    .nav-more {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        flex: 0 0 44px !important;
        flex-basis: 44px !important;
    }

    #wallet-menu-button,
    .nav-language .menu-item,
    .nav-account .menu-item,
    #account-button,
    .notification-button,
    .music-messages-menu-button,
    .menu-toggle-btn {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
    }

    .nav-wallet-control .wallet-menu-button > i.fa-wallet,
    .notification-button > i,
    .notification-button > i.fa-bell,
    .music-messages-menu-button > i,
    .menu-toggle-btn > i {
        font-size: 22px !important;
    }

    .music-messages-menu-button::before,
    .calculator-menu-button::before,
    .menu-toggle-btn::before {
        width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
    }

    .nav-language .language-icon,
    .nav-language .menu-item > img.language-icon {
        width: 28px !important;
        height: 28px !important;
    }

    .nav-account .menu-item img.account-avatar,
    #account-button img.account-avatar {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        flex-basis: 36px !important;
    }

    .paxor-mobile-bottom-nav {
        height: var(--paxor-mobile-bottom-nav-height) !important;
        min-height: var(--paxor-mobile-bottom-nav-height) !important;
        padding: 2px 5px !important;
        align-items: center !important;
    }

    .paxor-mobile-bottom-nav .menu-item {
        height: 58px !important;
        min-height: 58px !important;
        padding: 4px 1px 3px !important;
        color: rgba(245, 251, 255, 0.92) !important;
        border-color: transparent !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        transition: color 0.16s ease, filter 0.16s ease !important;
    }

    .paxor-mobile-bottom-nav .menu-item[href="/paxor-music"],
    .paxor-mobile-bottom-nav .menu-item[href="/paxor-music"] > i {
        color: rgba(245, 251, 255, 0.92) !important;
    }

    .paxor-mobile-bottom-nav .menu-item img,
    .paxor-mobile-bottom-nav .menu-item > i {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        font-size: 26px !important;
        line-height: 28px !important;
        color: currentColor !important;
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
    }

    .paxor-mobile-bottom-nav .menu-item[href="/leya"] img {
        width: 31px !important;
        height: 31px !important;
    }

    .paxor-mobile-bottom-nav .menu-item:active,
    .paxor-mobile-bottom-nav .menu-item.active,
    .paxor-mobile-bottom-nav .menu-item.active:active {
        color: #20d9ff !important;
        border-color: transparent !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;
        transform: none !important;
    }

    .paxor-mobile-bottom-nav .menu-item.active span,
    .paxor-mobile-bottom-nav .menu-item.active > i {
        color: #20d9ff !important;
    }

    html body #music-player.paxor-global-player,
    html body footer#music-player.paxor-global-player,
    html.paxor-mobile-ui body #music-player.paxor-global-player,
    html.paxor-mobile-ui body footer#music-player.paxor-global-player,
    body.paxor-music-active #music-player.paxor-global-player,
    body.paxor-music-active footer#music-player.paxor-global-player,
    body:has(.music-shell) #music-player.paxor-global-player,
    body:has(.music-shell) footer#music-player.paxor-global-player,
    body:has(.leya3-page) #music-player.paxor-global-player,
    body:has(.leya3-page) footer#music-player.paxor-global-player,
    body:has(.leya-app-shell) #music-player.paxor-global-player,
    body:has(.leya-app-shell) footer#music-player.paxor-global-player {
        bottom: var(--paxor-mobile-bottom-nav-height) !important;
    }
}

@media (max-width: 340px) {
    .nav-wallet-control,
    .nav-language,
    .nav-notifications,
    .nav-messages,
    .nav-account,
    .nav-more,
    #wallet-menu-button,
    .nav-language .menu-item,
    .nav-account .menu-item,
    #account-button,
    .notification-button,
    .music-messages-menu-button,
    .menu-toggle-btn {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        flex-basis: 40px !important;
    }
}
/* === PAXOR MOBILE CHROME TUNE V4 END === */

/* === PAXOR MOBILE CHROME TUNE V5 START === */
@media (max-width: 760px) {
    :root {
        --paxor-mobile-bottom-nav-height: 60px;
        --paxor-mobile-safe-bottom: 0px;
        --paxor-mobile-chrome-clearance: calc(
            var(--paxor-mobile-player-height, var(--paxor-player-height, 72px))
            + var(--paxor-mobile-bottom-nav-height)
            + 6px
        );
    }

    .nav-logo img {
        width: 38px !important;
        height: 38px !important;
    }

    .nav-wallet-control,
    .nav-language,
    .nav-notifications,
    .nav-messages,
    .nav-account,
    .nav-more {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        flex: 0 0 46px !important;
        flex-basis: 46px !important;
    }

    #wallet-menu-button,
    .nav-language .menu-item,
    .nav-account .menu-item,
    #account-button,
    .notification-button,
    .music-messages-menu-button,
    .menu-toggle-btn {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
    }

    .nav-wallet-control .wallet-menu-button > i.fa-wallet,
    .notification-button > i,
    .notification-button > i.fa-bell,
    .music-messages-menu-button > i,
    .menu-toggle-btn > i {
        font-size: 23px !important;
    }

    .music-messages-menu-button::before,
    .calculator-menu-button::before,
    .menu-toggle-btn::before {
        width: 32px !important;
        height: 32px !important;
        flex-basis: 32px !important;
    }

    .nav-language .language-icon,
    .nav-language .menu-item > img.language-icon {
        width: 30px !important;
        height: 30px !important;
    }

    .nav-account .menu-item img.account-avatar,
    #account-button img.account-avatar {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        flex-basis: 38px !important;
    }

    .paxor-mobile-bottom-nav {
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: var(--paxor-mobile-bottom-nav-height) !important;
        min-height: var(--paxor-mobile-bottom-nav-height) !important;
        padding: 1px 5px 0 !important;
        align-items: flex-end !important;
        justify-content: space-evenly !important;
    }

    .paxor-mobile-bottom-nav .menu-item {
        height: 58px !important;
        min-height: 58px !important;
        padding: 3px 1px 2px !important;
        color: rgba(245, 251, 255, 0.92) !important;
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        transition: color 0.16s ease, filter 0.16s ease !important;
    }

    .paxor-mobile-bottom-nav .menu-item::before,
    .paxor-mobile-bottom-nav .menu-item::after {
        content: none !important;
        display: none !important;
        opacity: 0 !important;
    }

    .paxor-mobile-bottom-nav .menu-item img,
    .paxor-mobile-bottom-nav .menu-item > i {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        font-size: 28px !important;
        line-height: 30px !important;
        color: currentColor !important;
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
    }

    .paxor-mobile-bottom-nav .menu-item[href="/leya"] img {
        width: 33px !important;
        height: 33px !important;
    }

    .paxor-mobile-bottom-nav .menu-item[href="/paxor-music"],
    .paxor-mobile-bottom-nav .menu-item[href="/paxor-music"] > i {
        color: rgba(245, 251, 255, 0.92) !important;
    }

    .paxor-mobile-bottom-nav .menu-item:active,
    .paxor-mobile-bottom-nav .menu-item.active,
    .paxor-mobile-bottom-nav .menu-item.active:active {
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .paxor-mobile-bottom-nav .menu-item.active,
    .paxor-mobile-bottom-nav .menu-item.active span,
    .paxor-mobile-bottom-nav .menu-item.active > i,
    .paxor-mobile-bottom-nav .menu-item[href="/paxor-music"].active,
    .paxor-mobile-bottom-nav .menu-item[href="/paxor-music"].active > i {
        color: #20d9ff !important;
    }

    html body #music-player.paxor-global-player,
    html body footer#music-player.paxor-global-player,
    html.paxor-mobile-ui body #music-player.paxor-global-player,
    html.paxor-mobile-ui body footer#music-player.paxor-global-player,
    body.paxor-music-active #music-player.paxor-global-player,
    body.paxor-music-active footer#music-player.paxor-global-player,
    body:has(.music-shell) #music-player.paxor-global-player,
    body:has(.music-shell) footer#music-player.paxor-global-player,
    body:has(.leya3-page) #music-player.paxor-global-player,
    body:has(.leya3-page) footer#music-player.paxor-global-player,
    body:has(.leya-app-shell) #music-player.paxor-global-player,
    body:has(.leya-app-shell) footer#music-player.paxor-global-player {
        bottom: var(--paxor-mobile-bottom-nav-height) !important;
    }

    body:not(:has(.leya3-page)):not(:has(.leya-app-shell)):not(:has(.music-shell)) > .main-content {
        padding-bottom: var(--paxor-mobile-chrome-clearance) !important;
    }
}

@media (max-width: 340px) {
    .nav-wallet-control,
    .nav-language,
    .nav-notifications,
    .nav-messages,
    .nav-account,
    .nav-more,
    #wallet-menu-button,
    .nav-language .menu-item,
    .nav-account .menu-item,
    #account-button,
    .notification-button,
    .music-messages-menu-button,
    .menu-toggle-btn {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        flex-basis: 42px !important;
    }
}
/* === PAXOR MOBILE CHROME TUNE V5 END === */

/* === PAXOR MOBILE LEYA FULL CHAT V6 START === */
@media (max-width: 760px) {
    :root {
        --paxor-mobile-bottom-nav-height: 54px;
        --paxor-mobile-safe-bottom: 0px;
        --paxor-mobile-chrome-clearance: calc(
            var(--paxor-mobile-player-height, var(--paxor-player-height, 72px))
            + var(--paxor-mobile-bottom-nav-height)
            + 4px
        );
    }

    .paxor-mobile-bottom-nav {
        bottom: 0 !important;
        height: var(--paxor-mobile-bottom-nav-height) !important;
        min-height: var(--paxor-mobile-bottom-nav-height) !important;
        padding: 0 5px !important;
        align-items: flex-end !important;
        justify-content: space-evenly !important;
    }

    .paxor-mobile-bottom-nav .menu-item {
        height: 54px !important;
        min-height: 54px !important;
        padding: 0 1px 1px !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
    }

    .paxor-mobile-bottom-nav .menu-item span {
        display: none !important;
    }

    .paxor-mobile-bottom-nav .menu-item img,
    .paxor-mobile-bottom-nav .menu-item > i {
        width: 31px !important;
        height: 31px !important;
        min-width: 31px !important;
        min-height: 31px !important;
        font-size: 29px !important;
        line-height: 31px !important;
    }

    .paxor-mobile-bottom-nav .menu-item[href="/leya"] img {
        width: 34px !important;
        height: 34px !important;
    }

    html body #music-player.paxor-global-player,
    html body footer#music-player.paxor-global-player,
    html.paxor-mobile-ui body #music-player.paxor-global-player,
    html.paxor-mobile-ui body footer#music-player.paxor-global-player,
    body.paxor-music-active #music-player.paxor-global-player,
    body.paxor-music-active footer#music-player.paxor-global-player,
    body:has(.music-shell) #music-player.paxor-global-player,
    body:has(.music-shell) footer#music-player.paxor-global-player,
    body:has(.leya3-page) #music-player.paxor-global-player,
    body:has(.leya3-page) footer#music-player.paxor-global-player,
    body:has(.leya-app-shell) #music-player.paxor-global-player,
    body:has(.leya-app-shell) footer#music-player.paxor-global-player {
        bottom: var(--paxor-mobile-bottom-nav-height) !important;
    }

    body:has(.leya3-page) {
        padding-top: 0 !important;
        padding-bottom: var(--paxor-mobile-chrome-clearance) !important;
        overflow-x: hidden !important;
    }

    body:has(.leya3-page) > nav:not(.paxor-mobile-bottom-nav) {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body:has(.leya3-page) > .main-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-bottom: var(--paxor-mobile-chrome-clearance) !important;
        min-height: 100dvh !important;
    }

    body:has(.leya3-page) .leya3-page {
        --leya3-menu-h: 0px;
        --leya3-player-h: calc(
            var(--paxor-mobile-player-height, var(--paxor-player-height, 72px))
            + var(--paxor-mobile-bottom-nav-height)
        );
        width: 100vw !important;
        max-width: 100vw !important;
        min-height: 100dvh !important;
        margin: 0 !important;
        padding: 0 0 var(--paxor-mobile-chrome-clearance) !important;
        overflow: hidden !important;
    }

    body:has(.leya3-page) #leya3-hero,
    body:has(.leya3-page) #leya3-compact,
    body:has(.leya3-page) .leya3-hero,
    body:has(.leya3-page) .leya3-compact {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body:has(.leya3-page) .leya3-workspace,
    body:has(.leya3-page) .leya3-workspace.compact-active,
    body:has(.leya3-page) .leya3-page.hero-compact .leya3-workspace.compact-active {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100vw !important;
        height: calc(100dvh - var(--paxor-mobile-chrome-clearance)) !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        overflow: hidden !important;
        transform: none !important;
    }

    body:has(.leya3-page) .leya3-chat,
    body:has(.leya3-page) .leya3-page.hero-compact .leya3-workspace.compact-active .leya3-chat {
        width: 100vw !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        border-radius: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }

    body:has(.leya3-page) .leya3-messages {
        height: 100% !important;
        padding-top: 12px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: calc(var(--leya3-composer-h, 68px) + 14px) !important;
    }

    body:has(.leya3-page) .leya3-mobile-chats {
        top: 8px !important;
        right: 8px !important;
    }

    body:has(.leya3-page) .leya3-mobile-backdrop {
        inset: 0 0 var(--leya3-player-h) !important;
    }

    body:has(.leya3-page) .leya3-sidebar,
    body:has(.leya3-page) .leya3-page.hero-compact .leya3-workspace.compact-active .leya3-sidebar {
        top: 8px !important;
        bottom: calc(var(--leya3-player-h) + 8px) !important;
    }

    body:has(.leya3-page) .leya3-composer {
        left: 8px !important;
        right: 8px !important;
        bottom: var(--leya3-player-h) !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        transform: none !important;
    }
}
/* === PAXOR MOBILE LEYA FULL CHAT V6 END === */

/* === PAXOR MOBILE WALLET LEYA TUNE V7 START === */
@media (max-width: 760px) {
    :root {
        --paxor-mobile-top-nav-height: 52px;
        --paxor-mobile-bottom-nav-height: 50px;
        --paxor-mobile-safe-bottom: 0px;
        --paxor-mobile-safe-top: env(safe-area-inset-top, 0px);
        --paxor-mobile-chrome-clearance: calc(
            var(--paxor-mobile-player-height, var(--paxor-player-height, 72px))
            + var(--paxor-mobile-bottom-nav-height)
            + 2px
        );
    }

    nav:not(.paxor-mobile-bottom-nav) .calculator-tooltip,
    nav:not(.paxor-mobile-bottom-nav) .notification-tooltip,
    nav:not(.paxor-mobile-bottom-nav) .menu-tooltip,
    nav:not(.paxor-mobile-bottom-nav) .wallet-menu-tooltip,
    body > .paxor-tooltip-floating {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .paxor-mobile-bottom-nav {
        bottom: 0 !important;
        height: var(--paxor-mobile-bottom-nav-height) !important;
        min-height: var(--paxor-mobile-bottom-nav-height) !important;
        padding: 0 5px !important;
        align-items: flex-end !important;
        justify-content: space-evenly !important;
    }

    .paxor-mobile-bottom-nav .menu-item {
        height: 50px !important;
        min-height: 50px !important;
        padding: 0 1px !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
    }

    .paxor-mobile-bottom-nav .menu-item span {
        display: none !important;
    }

    .paxor-mobile-bottom-nav .menu-item img,
    .paxor-mobile-bottom-nav .menu-item > i {
        width: 31px !important;
        height: 31px !important;
        min-width: 31px !important;
        min-height: 31px !important;
        font-size: 29px !important;
        line-height: 31px !important;
    }

    .paxor-mobile-bottom-nav .menu-item[href="/leya"] img {
        width: 34px !important;
        height: 34px !important;
    }

    html body #music-player.paxor-global-player,
    html body footer#music-player.paxor-global-player,
    html.paxor-mobile-ui body #music-player.paxor-global-player,
    html.paxor-mobile-ui body footer#music-player.paxor-global-player,
    body.paxor-music-active #music-player.paxor-global-player,
    body.paxor-music-active footer#music-player.paxor-global-player,
    body:has(.music-shell) #music-player.paxor-global-player,
    body:has(.music-shell) footer#music-player.paxor-global-player,
    body:has(.leya3-page) #music-player.paxor-global-player,
    body:has(.leya3-page) footer#music-player.paxor-global-player,
    body:has(.leya-app-shell) #music-player.paxor-global-player,
    body:has(.leya-app-shell) footer#music-player.paxor-global-player {
        bottom: var(--paxor-mobile-bottom-nav-height) !important;
        z-index: 1300 !important;
    }

    .paxor-wallet-modal,
    .paxor-create-wallet-modal,
    .paxor-generated-wallet-modal,
    #generate-password-modal.paxor-create-wallet-modal,
    #wallet-modal.paxor-generated-wallet-modal {
        top: var(--paxor-mobile-top-nav-height) !important;
        right: 0 !important;
        bottom: var(--paxor-mobile-chrome-clearance) !important;
        left: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100dvh - var(--paxor-mobile-top-nav-height) - var(--paxor-mobile-chrome-clearance)) !important;
        padding: 8px 10px !important;
        align-items: flex-start !important;
        justify-content: center !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        z-index: 1180 !important;
    }

    .paxor-wallet-modal-card,
    .paxor-create-wallet-card,
    .paxor-generated-wallet-card,
    #generate-password-modal .paxor-create-wallet-card,
    #wallet-modal .paxor-generated-wallet-card {
        width: min(100%, calc(100vw - 20px)) !important;
        max-height: calc(100dvh - var(--paxor-mobile-top-nav-height) - var(--paxor-mobile-chrome-clearance) - 16px) !important;
        margin: 0 auto !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }

    body:has(.leya3-page) {
        padding-bottom: var(--paxor-mobile-chrome-clearance) !important;
    }

    body:has(.leya3-page) .leya3-page {
        --leya3-menu-h: 0px;
        --leya3-player-h: calc(
            var(--paxor-mobile-player-height, var(--paxor-player-height, 72px))
            + var(--paxor-mobile-bottom-nav-height)
        );
        padding-bottom: var(--paxor-mobile-chrome-clearance) !important;
    }

    body:has(.leya3-page) .leya3-workspace,
    body:has(.leya3-page) .leya3-workspace.compact-active,
    body:has(.leya3-page) .leya3-page.hero-compact .leya3-workspace.compact-active {
        height: calc(100dvh - var(--paxor-mobile-chrome-clearance)) !important;
    }

    body:has(.leya3-page) .leya3-mobile-chats {
        position: fixed !important;
        top: 8px !important;
        left: 8px !important;
        right: auto !important;
        z-index: 1710 !important;
        pointer-events: auto !important;
    }

    body:has(.leya3-page) .leya3-sidebar,
    body:has(.leya3-page) .leya3-page.hero-compact .leya3-workspace.compact-active .leya3-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: var(--leya3-player-h) !important;
        width: min(86vw, 320px) !important;
        height: auto !important;
        border-radius: 0 14px 14px 0 !important;
        z-index: 1700 !important;
        transform: translateX(calc(-100% - 14px)) !important;
        transition: transform .22s cubic-bezier(.2,.8,.2,1) !important;
        pointer-events: auto !important;
    }

    body:has(.leya3-page) .leya3-page.mobile-sidebar-open .leya3-sidebar {
        transform: translateX(0) !important;
    }

    body:has(.leya3-page) .leya3-mobile-backdrop {
        position: fixed !important;
        inset: 0 0 var(--leya3-player-h) 0 !important;
        z-index: 1690 !important;
    }

    body:has(.leya3-page) .leya3-page.mobile-sidebar-open .leya3-mobile-backdrop {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body:has(.leya3-page) .leya3-composer {
        bottom: var(--leya3-player-h) !important;
    }
}
/* === PAXOR MOBILE WALLET LEYA TUNE V7 END === */

/* === PAXOR MOBILE LEYA SIDEBAR OPEN FIX V8 START === */
@media (max-width: 760px) {
    body #leya3-page.mobile-sidebar-open #leya-sidebar,
    html body #leya3-page.mobile-sidebar-open #leya-sidebar,
    #leya3-page.mobile-sidebar-open #leya-sidebar.leya3-sidebar {
        left: 0 !important;
        transform: translateX(0) !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}
/* === PAXOR MOBILE LEYA SIDEBAR OPEN FIX V8 END === */

/* === PAXOR MOBILE CHROME WALLET LEYA V9 START === */
@media (max-width: 760px) {
    .paxor-mobile-bottom-nav {
        background:
            linear-gradient(90deg, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.14) 48%, rgba(0, 0, 0, 0.04)),
            radial-gradient(circle at 78% 48%, rgba(3, 125, 156, 0.42), transparent 38%),
            linear-gradient(180deg, rgba(3, 125, 156, 0.38), rgba(4, 22, 32, 0.84)) !important;
        box-shadow:
            0 0 14px rgba(3, 125, 156, 0.32),
            0 -8px 22px rgba(0, 0, 0, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
        border-top: 1px solid rgba(32, 217, 255, 0.24) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }

    body:has(.leya3-page) .leya3-mobile-chats,
    #leya-mobile-chats.leya3-mobile-chats {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 !important;
        gap: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        border-radius: 11px !important;
    }

    body:has(.leya3-page) .leya3-mobile-chats span:not(:first-child),
    #leya-mobile-chats.leya3-mobile-chats span:not(:first-child) {
        display: none !important;
    }

    body:has(.leya3-page) .leya3-mobile-chats span:first-child,
    #leya-mobile-chats.leya3-mobile-chats span:first-child {
        display: inline-flex !important;
        width: 100% !important;
        height: 100% !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
        line-height: 1 !important;
    }

    #wallet-compact-dropdown.wallet-compact-dropdown {
        position: fixed !important;
        top: calc(var(--paxor-mobile-top-nav-height, 52px) + 6px) !important;
        right: 8px !important;
        bottom: calc(var(--paxor-mobile-chrome-clearance, 124px) + 8px) !important;
        left: 8px !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        z-index: 1180 !important;
        box-sizing: border-box !important;
        padding-bottom: 8px !important;
    }

    #wallet-compact-dropdown.wallet-compact-dropdown .nav-global-wallet {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #wallet-compact-dropdown.wallet-compact-dropdown .music-wallet-status,
    #wallet-compact-dropdown.wallet-compact-dropdown .music-wallet-details-panel,
    #wallet-compact-dropdown.wallet-compact-dropdown .music-network-menu,
    .nav-global-wallet .music-wallet-details-panel,
    .nav-global-wallet .music-network-menu {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: none !important;
        overflow: visible !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    #wallet-compact-dropdown.wallet-compact-dropdown[hidden],
    #wallet-compact-dropdown.wallet-compact-dropdown[aria-hidden="true"] {
        display: none !important;
    }
}
/* === PAXOR MOBILE CHROME WALLET LEYA V9 END === */

/* === PAXOR MOBILE WALLET SCROLL BOUNDS V10 START === */
@media (max-width: 760px) {
    #wallet-compact-dropdown.wallet-compact-dropdown {
        --paxor-wallet-mobile-panel-height: calc(
            100dvh
            - var(--paxor-mobile-top-nav-height, 52px)
            - var(--paxor-mobile-chrome-clearance, 124px)
            - 14px
        );
        height: var(--paxor-wallet-mobile-panel-height) !important;
        min-height: 0 !important;
        max-height: var(--paxor-wallet-mobile-panel-height) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        scrollbar-gutter: stable !important;
    }

    #wallet-compact-dropdown.wallet-compact-dropdown .nav-global-wallet,
    #wallet-compact-dropdown.wallet-compact-dropdown .music-wallet-status,
    #wallet-compact-dropdown.wallet-compact-dropdown .music-wallet-details-panel,
    #wallet-compact-dropdown.wallet-compact-dropdown .music-network-menu {
        min-height: 0 !important;
    }
}
/* === PAXOR MOBILE WALLET SCROLL BOUNDS V10 END === */

/* === PAXOR MOBILE WALLET MUSIC DRAWERS V11 START === */
@media (max-width: 760px) {
    :root {
        --paxor-mobile-drawer-left: 4px;
    }

    #paxor-wallet-modal.paxor-wallet-modal,
    #restore-wallet-modal.modal {
        position: fixed !important;
        top: var(--paxor-mobile-top-nav-height, 52px) !important;
        right: 0 !important;
        bottom: var(--paxor-mobile-chrome-clearance, 124px) !important;
        left: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 8px 10px !important;
        align-items: flex-start !important;
        justify-content: center !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        z-index: 1180 !important;
    }

    #paxor-wallet-modal.paxor-wallet-modal .paxor-wallet-modal-card,
    #restore-wallet-modal.modal .modal-content {
        width: min(100%, calc(100vw - 20px)) !important;
        max-height: calc(100dvh - var(--paxor-mobile-top-nav-height, 52px) - var(--paxor-mobile-chrome-clearance, 124px) - 16px) !important;
        margin: 0 auto !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    #paxor-wallet-modal.paxor-wallet-modal .paxor-wallet-private-key-input,
    #paxor-wallet-modal.paxor-wallet-modal .paxor-wallet-password-input,
    #restore-wallet-modal.modal .wallet-password-input {
        max-width: 100% !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    #paxor-wallet-modal.paxor-wallet-modal .paxor-wallet-private-key-input {
        min-height: 82px !important;
        max-height: 128px !important;
        resize: vertical !important;
    }

    #paxor-wallet-modal.paxor-wallet-modal .paxor-wallet-seed-grid {
        max-height: min(44dvh, 330px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        padding-right: 4px !important;
    }

    body:has(.leya3-page) .leya3-mobile-chats,
    #leya-mobile-chats.leya3-mobile-chats {
        left: var(--paxor-mobile-drawer-left) !important;
    }

    body.paxor-music-active nav:not(.paxor-mobile-bottom-nav):not(.music-local-nav),
    body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav):not(.music-local-nav) {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.paxor-music-active,
    body:has(.music-shell) {
        padding-top: 0 !important;
    }

    body.paxor-music-active .main-content,
    body:has(.music-shell) .main-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body.paxor-music-active .music-shell,
    body:has(.music-shell) .music-shell {
        width: 100vw !important;
        max-width: 100vw !important;
        height: calc(100dvh - var(--paxor-mobile-chrome-clearance, 124px)) !important;
        min-height: calc(100dvh - var(--paxor-mobile-chrome-clearance, 124px)) !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: minmax(0, 1fr) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.paxor-music-active .music-main,
    body:has(.music-shell) .music-main {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.paxor-music-active .music-topbar,
    body:has(.music-shell) .music-topbar {
        min-height: 54px !important;
        padding: 8px 10px 8px 56px !important;
        gap: 8px !important;
    }

    body.paxor-music-active .music-mobile-topbar-title,
    body:has(.music-shell) .music-mobile-topbar-title {
        display: none !important;
    }

    body.paxor-music-active .music-search-shell,
    body.paxor-music-active .music-search,
    body:has(.music-shell) .music-search-shell,
    body:has(.music-shell) .music-search {
        width: 100% !important;
        min-width: 0 !important;
    }

    body.paxor-music-active .music-scroll-area,
    body:has(.music-shell) .music-scroll-area {
        height: calc(100% - 54px) !important;
        min-height: 0 !important;
        padding: 14px 12px 20px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.paxor-music-active .music-sidebar,
    body:has(.music-shell) .music-sidebar {
        position: fixed !important;
        top: 0 !important;
        right: auto !important;
        bottom: var(--paxor-mobile-chrome-clearance, 124px) !important;
        left: 0 !important;
        width: min(86vw, 320px) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 12px 14px 18px !important;
        border-right: 1px solid rgba(32, 217, 255, 0.24) !important;
        border-bottom: 0 !important;
        border-radius: 0 14px 14px 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        transform: translateX(calc(-100% - 14px)) !important;
        transition: transform .22s cubic-bezier(.2, .8, .2, 1) !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 1700 !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar,
    body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar {
        transform: translateX(0) !important;
    }

    body.paxor-music-active .music-sidebar-brand-row,
    body:has(.music-shell) .music-sidebar-brand-row {
        position: relative !important;
        min-height: 46px !important;
        padding-right: 44px !important;
    }

    body.paxor-music-active #music-left-toggle.music-left-toggle,
    body:has(.music-shell) #music-left-toggle.music-left-toggle {
        position: absolute !important;
        top: 4px !important;
        right: 4px !important;
        left: auto !important;
        width: 38px !important;
        height: 38px !important;
        display: grid !important;
        place-items: center !important;
        z-index: 2 !important;
    }

    body.paxor-music-active .music-local-nav,
    body:has(.music-shell) .music-local-nav {
        display: grid !important;
        width: 100% !important;
        margin-top: 0 !important;
        gap: 8px !important;
    }

    body.paxor-music-active .music-nav-item,
    body:has(.music-shell) .music-nav-item {
        width: 100% !important;
        min-height: 44px !important;
        justify-content: flex-start !important;
        white-space: normal !important;
    }

    body.paxor-music-active .music-sidebar-scroll,
    body:has(.music-shell) .music-sidebar-scroll {
        display: block !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    body.paxor-music-active .music-playlists-section,
    body.paxor-music-active .music-library-tabs,
    body.paxor-music-active .music-playlist-list,
    body:has(.music-shell) .music-playlists-section,
    body:has(.music-shell) .music-library-tabs,
    body:has(.music-shell) .music-playlist-list {
        display: grid !important;
    }

    body.paxor-music-active .music-chain-note,
    body:has(.music-shell) .music-chain-note {
        display: flex !important;
    }

    .paxor-music-mobile-library-btn {
        position: fixed !important;
        top: 8px !important;
        left: var(--paxor-mobile-drawer-left) !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 !important;
        display: none !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(32, 217, 255, 0.30) !important;
        border-radius: 11px !important;
        background:
            linear-gradient(90deg, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.14) 48%, rgba(0, 0, 0, 0.04)),
            radial-gradient(circle at 78% 48%, rgba(3, 125, 156, 0.42), transparent 38%),
            linear-gradient(180deg, rgba(3, 125, 156, 0.38), rgba(4, 22, 32, 0.84)) !important;
        color: rgba(245, 251, 255, 0.96) !important;
        box-shadow: 0 0 14px rgba(3, 125, 156, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        font-size: 20px !important;
        line-height: 1 !important;
        z-index: 1710 !important;
    }

    body.paxor-music-active .paxor-music-mobile-library-btn,
    body:has(.music-shell) .paxor-music-mobile-library-btn {
        display: inline-flex !important;
    }

    .paxor-music-mobile-backdrop {
        position: fixed !important;
        inset: 0 0 var(--paxor-mobile-chrome-clearance, 124px) 0 !important;
        display: block !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        background: rgba(0, 0, 0, 0.34) !important;
        z-index: 1690 !important;
        transition: opacity .18s ease, visibility .18s ease !important;
    }

    .paxor-music-mobile-backdrop.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}
/* === PAXOR MOBILE WALLET MUSIC DRAWERS V11 END === */

/* === PAXOR MOBILE WALLET MODAL LAYER V12 START === */
@media (max-width: 760px) {
    #paxor-wallet-modal.paxor-wallet-modal,
    #restore-wallet-modal.modal {
        z-index: 1290 !important;
    }

    #paxor-wallet-modal.paxor-wallet-modal .paxor-wallet-modal-card,
    #restore-wallet-modal.modal .modal-content {
        position: relative !important;
        z-index: 1 !important;
    }
}
/* === PAXOR MOBILE WALLET MODAL LAYER V12 END === */

/* === PAXOR MOBILE MUSIC LEYA TOPBAR DRAWERS V13 START === */
@media (max-width: 760px) {
    :root {
        --paxor-mobile-top-nav-height: 52px;
    }

    body:has(.leya3-page) > nav:not(.paxor-mobile-bottom-nav),
    body.paxor-music-active > nav:not(.paxor-mobile-bottom-nav),
    body:has(.music-shell) > nav:not(.paxor-mobile-bottom-nav) {
        display: flex !important;
        height: var(--paxor-mobile-top-nav-height) !important;
        min-height: var(--paxor-mobile-top-nav-height) !important;
        max-height: var(--paxor-mobile-top-nav-height) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        overflow: visible !important;
    }

    body:has(.leya3-page),
    body.paxor-music-active,
    body:has(.music-shell) {
        padding-top: var(--paxor-mobile-top-nav-height) !important;
    }

    body:has(.leya3-page) > .main-content,
    body.paxor-music-active > .main-content,
    body:has(.music-shell) > .main-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body:has(.leya3-page) .leya3-page {
        --leya3-menu-h: var(--paxor-mobile-top-nav-height);
        width: 100vw !important;
        max-width: 100vw !important;
        min-height: calc(100dvh - var(--paxor-mobile-top-nav-height)) !important;
        padding: 0 0 var(--paxor-mobile-chrome-clearance) !important;
    }

    body:has(.leya3-page) .leya3-workspace,
    body:has(.leya3-page) .leya3-workspace.compact-active,
    body:has(.leya3-page) .leya3-page.hero-compact .leya3-workspace.compact-active {
        height: calc(100dvh - var(--paxor-mobile-top-nav-height) - var(--paxor-mobile-chrome-clearance)) !important;
        min-height: 0 !important;
    }

    body:has(.leya3-page) .leya3-mobile-chats,
    #leya-mobile-chats.leya3-mobile-chats {
        top: calc(var(--paxor-mobile-top-nav-height) + 6px) !important;
        left: var(--paxor-mobile-drawer-left, 4px) !important;
    }

    body:has(.leya3-page) .leya3-sidebar,
    body:has(.leya3-page) .leya3-page.hero-compact .leya3-workspace.compact-active .leya3-sidebar {
        top: var(--paxor-mobile-top-nav-height) !important;
        bottom: var(--leya3-player-h) !important;
        max-height: calc(100dvh - var(--paxor-mobile-top-nav-height) - var(--leya3-player-h)) !important;
    }

    body:has(.leya3-page) .leya3-mobile-backdrop {
        inset: var(--paxor-mobile-top-nav-height) 0 var(--leya3-player-h) 0 !important;
    }

    body.paxor-music-active .music-shell,
    body:has(.music-shell) .music-shell {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: calc(100dvh - var(--paxor-mobile-top-nav-height) - var(--paxor-mobile-chrome-clearance, 124px)) !important;
        min-height: calc(100dvh - var(--paxor-mobile-top-nav-height) - var(--paxor-mobile-chrome-clearance, 124px)) !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: minmax(0, 1fr) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active .music-main,
    body:has(.music-shell) .music-main {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100vw !important;
        min-width: 0 !important;
        max-width: 100vw !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active .music-scroll-area,
    body:has(.music-shell) .music-scroll-area {
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 8px 10px 18px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.paxor-music-active #music-library-view,
    body.paxor-music-active #music-detail-view,
    body:has(.music-shell) #music-library-view,
    body:has(.music-shell) #music-detail-view,
    body.paxor-music-active .music-section,
    body:has(.music-shell) .music-section,
    body.paxor-music-active .music-track-grid,
    body:has(.music-shell) .music-track-grid,
    body.paxor-music-active .music-queue-section,
    body:has(.music-shell) .music-queue-section {
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active .music-marketplace-sticky-heading,
    body:has(.music-shell) .music-marketplace-sticky-heading {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 62px !important;
        max-height: none !important;
        margin: 10px 0 14px !important;
        padding: 10px 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        overflow: visible !important;
        border-radius: 16px !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active .music-marketplace-sticky-heading > div,
    body:has(.music-shell) .music-marketplace-sticky-heading > div {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    body.paxor-music-active .music-marketplace-sticky-heading h2,
    body:has(.music-shell) .music-marketplace-sticky-heading h2 {
        font-size: 18px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body.paxor-music-active .music-marketplace-sticky-heading .music-result-count,
    body:has(.music-shell) .music-marketplace-sticky-heading .music-result-count {
        flex: 0 0 auto !important;
        max-width: 42% !important;
        margin-left: 0 !important;
        white-space: nowrap !important;
    }

    body.paxor-music-active .paxor-music-mobile-library-btn,
    body:has(.music-shell) .paxor-music-mobile-library-btn {
        top: calc(var(--paxor-mobile-top-nav-height) + 6px) !important;
        left: var(--paxor-mobile-drawer-left, 4px) !important;
    }

    body.paxor-music-active .paxor-music-mobile-backdrop,
    body:has(.music-shell) .paxor-music-mobile-backdrop {
        inset: var(--paxor-mobile-top-nav-height) 0 var(--paxor-mobile-chrome-clearance, 124px) 0 !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle),
    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle[aria-expanded="true"]),
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle),
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle[aria-expanded="true"]) {
        position: fixed !important;
        top: var(--paxor-mobile-top-nav-height) !important;
        right: auto !important;
        bottom: var(--paxor-mobile-chrome-clearance, 124px) !important;
        left: 0 !important;
        width: min(86vw, 320px) !important;
        max-width: min(86vw, 320px) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100dvh - var(--paxor-mobile-top-nav-height) - var(--paxor-mobile-chrome-clearance, 124px)) !important;
        padding: 10px 12px 14px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-gutter: stable !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) > .music-sidebar-brand-row,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) > .music-sidebar-brand-row {
        flex: 0 0 48px !important;
        width: 100% !important;
        min-height: 48px !important;
        height: 48px !important;
        max-height: 48px !important;
        margin: 0 0 6px !important;
        padding: 0 44px 0 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) .music-sidebar-brand-row .music-brand,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) .music-sidebar-brand-row .music-brand {
        min-height: 44px !important;
        height: 44px !important;
        max-height: 44px !important;
        padding: 0 10px !important;
        gap: 9px !important;
        font-size: 14px !important;
        border-radius: 12px !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) .music-sidebar-brand-row .music-brand-mark,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) .music-sidebar-brand-row .music-brand-mark {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
        flex: 0 0 32px !important;
        font-size: 16px !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) #music-left-toggle.music-left-toggle,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) #music-left-toggle.music-left-toggle {
        top: 3px !important;
        right: 3px !important;
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav {
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 142px !important;
        max-height: none !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-auto-rows: 42px !important;
        align-content: start !important;
        gap: 8px !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item {
        position: relative !important;
        width: 100% !important;
        min-height: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 11px !important;
        display: grid !important;
        grid-template-columns: 32px minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 9px !important;
        border: 1px solid rgba(139, 159, 170, 0.26) !important;
        border-radius: 12px !important;
        background: rgba(15, 23, 30, 0.76) !important;
        color: rgba(232, 246, 250, 0.92) !important;
        text-decoration: none !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item.active,
    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item[aria-current="page"],
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item.active,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item[aria-current="page"] {
        border-color: rgba(32, 217, 255, 0.46) !important;
        background: linear-gradient(90deg, rgba(32, 217, 255, 0.16), rgba(15, 23, 30, 0.82)) !important;
        box-shadow: inset 4px 0 0 #20d9ff, inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
        color: #f6fdff !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item > i,
    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-avatar,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item > i,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-avatar {
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        justify-self: center !important;
    }

    body.paxor-music-active .music-shell .music-sidebar:has(#music-left-toggle) > .music-sidebar-scroll,
    body:has(.music-shell) .music-shell .music-sidebar:has(#music-left-toggle) > .music-sidebar-scroll {
        flex: 0 0 auto !important;
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 10px 2px 0 0 !important;
        border-top: 1px solid rgba(32, 217, 255, 0.16) !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
}
/* === PAXOR MOBILE MUSIC LEYA TOPBAR DRAWERS V13 END === */

/* === PAXOR MOBILE MUSIC LEYA TOPBAR DRAWERS V14 START === */
@media (max-width: 760px) {
    html body:has(.leya3-page) > nav:not(.paxor-mobile-bottom-nav),
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav):not(.music-local-nav),
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav):not(.music-local-nav) {
        display: flex !important;
        height: var(--paxor-mobile-top-nav-height, 52px) !important;
        min-height: var(--paxor-mobile-top-nav-height, 52px) !important;
        max-height: var(--paxor-mobile-top-nav-height, 52px) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        overflow: visible !important;
    }

    html body.paxor-music-active .music-shell .music-main .music-scroll-area,
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area {
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 8px 10px 18px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell) .music-marketplace-sticky-heading,
    html body.paxor-music-active .music-shell .music-main .music-marketplace-sticky-heading,
    html body:has(.music-shell) .music-shell .music-main .music-marketplace-sticky-heading {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 62px !important;
        max-height: none !important;
        margin: 10px 0 14px !important;
        padding: 10px 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        overflow: visible !important;
        border-radius: 16px !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) .music-marketplace-sticky-heading > div,
    html body.paxor-music-active .music-shell .music-main .music-marketplace-sticky-heading > div,
    html body:has(.music-shell) .music-shell .music-main .music-marketplace-sticky-heading > div {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-marketplace-sticky-heading h2,
    html.paxor-mobile-ui body:has(.music-shell) .music-marketplace-sticky-heading h2,
    html body.paxor-music-active .music-shell .music-main .music-marketplace-sticky-heading h2,
    html body:has(.music-shell) .music-shell .music-main .music-marketplace-sticky-heading h2 {
        font-size: 18px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-marketplace-sticky-heading .music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) .music-marketplace-sticky-heading .music-result-count,
    html body.paxor-music-active .music-shell .music-main .music-marketplace-sticky-heading .music-result-count,
    html body:has(.music-shell) .music-shell .music-main .music-marketplace-sticky-heading .music-result-count {
        flex: 0 0 auto !important;
        max-width: 42% !important;
        margin-left: 0 !important;
        white-space: nowrap !important;
    }
}
/* === PAXOR MOBILE MUSIC LEYA TOPBAR DRAWERS V14 END === */

/* === PAXOR MOBILE MUSIC MARKETPLACE HEADING V15 START === */
@media (max-width: 760px) {
    html body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading,
    html body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 62px !important;
        height: auto !important;
        max-height: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        padding: 10px 12px !important;
        margin: 10px 0 14px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        transform: none !important;
    }

    html body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    html body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 2px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    html body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker {
        font-size: 10px !important;
        line-height: 1.1 !important;
        letter-spacing: 0.04em !important;
        white-space: nowrap !important;
    }

    html body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 18px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    html body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    html body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count {
        flex: 0 0 auto !important;
        max-width: 42% !important;
        margin-left: 0 !important;
        white-space: nowrap !important;
    }
}
/* === PAXOR MOBILE MUSIC MARKETPLACE HEADING V15 END === */

/* === PAXOR MOBILE MUSIC DRAWER COMPACT V16 START === */
@media (max-width: 760px) {
    html body:has(.music-shell.music-mobile-sidebar-open) .paxor-music-mobile-library-btn,
    html body .paxor-music-mobile-library-btn.is-open {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle),
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) {
        width: min(88vw, 320px) !important;
        max-width: min(88vw, 320px) !important;
        padding: 10px 10px 12px !important;
        gap: 8px !important;
        overflow: hidden !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar *:not(i),
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar *:not(i) {
        letter-spacing: 0 !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-sidebar-brand-row,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-sidebar-brand-row {
        flex: 0 0 48px !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        margin: 0 0 8px !important;
        padding: 0 42px 0 0 !important;
        overflow: visible !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar .music-brand,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar .music-brand {
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        padding: 0 10px !important;
        display: grid !important;
        grid-template-columns: 32px minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 9px !important;
        border-radius: 13px !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar .music-brand > span:last-child,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar .music-brand > span:last-child {
        display: block !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar .music-brand-mark,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar .music-brand-mark {
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        font-size: 18px !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar #music-left-toggle.music-left-toggle,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar #music-left-toggle.music-left-toggle {
        top: 3px !important;
        right: 3px !important;
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        border-radius: 11px !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav {
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-auto-rows: 42px !important;
        gap: 7px !important;
        margin: 0 0 10px !important;
        padding: 0 0 10px !important;
        border-bottom: 1px solid rgba(154, 168, 174, 0.18) !important;
        overflow: visible !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item {
        position: relative !important;
        width: 100% !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        display: grid !important;
        grid-template-columns: 32px minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 10px !important;
        border: 1px solid transparent !important;
        border-radius: 10px !important;
        background: transparent !important;
        color: rgba(213, 224, 229, 0.76) !important;
        box-shadow: none !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        transform: none !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item.active,
    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item[aria-current="page"],
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item.active,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item[aria-current="page"] {
        border-color: rgba(32, 217, 255, 0.22) !important;
        background: rgba(32, 217, 255, 0.10) !important;
        color: #20d9ff !important;
        box-shadow: inset 4px 0 0 #20d9ff !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item > i,
    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-avatar,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item > i,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-avatar {
        width: 28px !important;
        min-width: 28px !important;
        max-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
        max-height: 28px !important;
        justify-self: center !important;
        margin: 0 !important;
        font-size: 15px !important;
        line-height: 28px !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-avatar-image,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-avatar-image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: inherit !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item > span:not(.music-nav-avatar),
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item > span:not(.music-nav-avatar) {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        color: inherit !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-sidebar-scroll,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-sidebar-scroll {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 2px 0 0 !important;
        border-top: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar .music-library-heading,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar .music-library-heading {
        min-height: 32px !important;
        height: 32px !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 32px !important;
        align-items: center !important;
        gap: 8px !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar .music-library-title,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar .music-library-title {
        display: block !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 16px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        color: #f5fbff !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar #music-create-playlist,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar #music-create-playlist {
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        font-size: 17px !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar .music-library-tabs,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar .music-library-tabs {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin: 0 0 8px !important;
        width: 100% !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar .music-library-tabs button,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar .music-library-tabs button {
        min-width: 0 !important;
        width: 100% !important;
        min-height: 32px !important;
        height: 32px !important;
        padding: 0 5px !important;
        border-radius: 999px !important;
        font-size: 9.5px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar .music-playlist-list,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar .music-playlist-list {
        display: grid !important;
        gap: 7px !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar .music-playlist-item,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar .music-playlist-item {
        min-height: 48px !important;
        margin: 0 !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar .music-playlist-open,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar .music-playlist-open {
        width: 100% !important;
        min-height: 48px !important;
        height: 48px !important;
        padding: 0 10px !important;
        display: grid !important;
        grid-template-columns: 40px minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 10px !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar .music-playlist-sidebar-cover,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar .music-playlist-sidebar-cover {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        font-size: 15px !important;
        justify-self: center !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar .music-playlist-sidebar-name,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar .music-playlist-sidebar-name {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar .music-playlist-sidebar-copy,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar .music-playlist-sidebar-copy {
        min-width: 0 !important;
        display: grid !important;
        gap: 3px !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar .music-playlist-sidebar-copy small,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar .music-playlist-sidebar-copy small {
        font-size: 10px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
}
/* === PAXOR MOBILE MUSIC DRAWER COMPACT V16 END === */

/* === PAXOR MOBILE MUSIC DRAWER TABS SCROLL V17 START === */
@media (max-width: 760px) {
    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-sidebar-scroll,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-sidebar-scroll {
        flex: 1 1 0 !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 2px 0 0 !important;
        border-top: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: thin !important;
        touch-action: pan-y !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-library-tabs,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-library-tabs {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-auto-flow: column !important;
        grid-auto-columns: minmax(0, 1fr) !important;
        gap: 6px !important;
        width: 100% !important;
        margin: 0 0 8px !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-library-tabs button,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-library-tabs button {
        min-width: 0 !important;
        width: 100% !important;
        min-height: 32px !important;
        height: 32px !important;
        padding: 0 4px !important;
        font-size: clamp(8px, 2.55vw, 9.5px) !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-playlist-list,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-playlist-list {
        display: grid !important;
        gap: 7px !important;
        min-height: 0 !important;
        overflow: visible !important;
    }
}
/* === PAXOR MOBILE MUSIC DRAWER TABS SCROLL V17 END === */

/* === PAXOR MOBILE MUSIC DRAWER BACKDROP HITBOX V18 START === */
@media (max-width: 760px) {
    html body.paxor-music-active .paxor-music-mobile-backdrop,
    html body:has(.music-shell) .paxor-music-mobile-backdrop {
        left: min(88vw, 320px) !important;
        right: 0 !important;
        width: auto !important;
        z-index: 1690 !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle),
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) {
        z-index: 1720 !important;
        pointer-events: auto !important;
    }
}
/* === PAXOR MOBILE MUSIC DRAWER BACKDROP HITBOX V18 END === */

/* === PAXOR MOBILE MUSIC DRAWER FULLWIDTH V19 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell,
    html.paxor-mobile-ui body:has(.music-shell) .music-shell,
    html body.paxor-music-active .music-shell,
    html body:has(.music-shell) .music-shell {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-main,
    html.paxor-mobile-ui body:has(.music-shell) .music-main,
    html body.paxor-music-active .music-main,
    html body:has(.music-shell) .music-main {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-scroll-area,
    html.paxor-mobile-ui body:has(.music-shell) .music-scroll-area,
    html body.paxor-music-active .music-scroll-area,
    html body:has(.music-shell) .music-scroll-area {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 8px 10px 18px !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view,
    html.paxor-mobile-ui body.paxor-music-active .music-marketplace-section,
    html.paxor-mobile-ui body:has(.music-shell) .music-marketplace-section,
    html body.paxor-music-active #music-library-view,
    html body:has(.music-shell) #music-library-view,
    html body.paxor-music-active .music-marketplace-section,
    html body:has(.music-shell) .music-marketplace-section {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading,
    html body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading,
    html body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        margin: 8px 0 12px !important;
        padding: 8px 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        overflow: hidden !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
        transform: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    html body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    html body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        gap: 2px !important;
        overflow: hidden !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: clamp(15px, 4.35vw, 17px) !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    html body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    html body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker {
        font-size: 9.5px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    html body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    html body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count {
        display: none !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle),
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) {
        position: fixed !important;
        top: calc(var(--paxor-mobile-top-nav-height, 52px) + 2px) !important;
        right: 0 !important;
        bottom: var(--paxor-mobile-chrome-clearance, 124px) !important;
        left: 0 !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: auto !important;
        max-height: calc(100dvh - var(--paxor-mobile-top-nav-height, 52px) - var(--paxor-mobile-chrome-clearance, 124px) - 2px) !important;
        padding: 8px 14px 10px !important;
        border-radius: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
        overflow: hidden !important;
        transform: none !important;
        box-sizing: border-box !important;
        z-index: 1720 !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-sidebar-brand-row,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-sidebar-brand-row {
        flex: 0 0 54px !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        margin: 0 0 8px !important;
        padding: 0 48px 0 0 !important;
        display: flex !important;
        align-items: center !important;
        overflow: visible !important;
        position: relative !important;
        z-index: 2 !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar .music-brand,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar .music-brand {
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        padding: 0 12px !important;
        display: grid !important;
        grid-template-columns: 36px minmax(0, 1fr) !important;
        column-gap: 10px !important;
        align-items: center !important;
        border-radius: 14px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        font-size: 16px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        box-sizing: border-box !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar .music-brand > span:last-child,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar .music-brand > span:last-child {
        display: block !important;
        min-width: 0 !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar .music-brand-mark,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar .music-brand-mark {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        font-size: 20px !important;
        justify-self: center !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar #music-left-toggle.music-left-toggle,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar #music-left-toggle.music-left-toggle {
        top: 5px !important;
        right: 4px !important;
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        border-radius: 12px !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav {
        flex: 0 0 auto !important;
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-auto-rows: 46px !important;
        gap: 8px !important;
        margin: 0 0 10px !important;
        padding: 0 0 10px !important;
        border-bottom: 1px solid rgba(154, 168, 174, 0.18) !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item {
        position: relative !important;
        width: 100% !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        margin: 0 !important;
        padding: 0 12px 0 14px !important;
        display: grid !important;
        grid-template-columns: 36px minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 12px !important;
        border: 1px solid rgba(148, 163, 184, 0.12) !important;
        border-radius: 10px !important;
        background: rgba(7, 22, 27, 0.76) !important;
        color: rgba(213, 224, 229, 0.82) !important;
        box-shadow: none !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        transform: none !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item::before,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 7px !important;
        bottom: 7px !important;
        width: 3px !important;
        border-radius: 0 4px 4px 0 !important;
        background: transparent !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item.active,
    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item[aria-current="page"],
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item.active,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item[aria-current="page"] {
        border-color: rgba(32, 217, 255, 0.32) !important;
        background: rgba(32, 217, 255, 0.10) !important;
        color: #20d9ff !important;
        box-shadow: none !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item.active::before,
    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item[aria-current="page"]::before,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item.active::before,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item[aria-current="page"]::before {
        background: #20d9ff !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item > i,
    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-avatar,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item > i,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-avatar {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
        justify-self: center !important;
        display: inline-grid !important;
        place-items: center !important;
        margin: 0 !important;
        color: inherit !important;
        font-size: 18px !important;
        line-height: 1 !important;
        border-radius: 9px !important;
        box-sizing: border-box !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-avatar i,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-avatar i {
        color: inherit !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item.active .music-nav-avatar,
    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item[aria-current="page"] .music-nav-avatar,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item.active .music-nav-avatar,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item[aria-current="page"] .music-nav-avatar {
        border: 1px solid rgba(32, 217, 255, 0.45) !important;
        background: rgba(32, 217, 255, 0.14) !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item > span:not(.music-nav-avatar),
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar > .music-local-nav .music-nav-item > span:not(.music-nav-avatar) {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        font-size: 15px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        color: inherit !important;
    }

    html body.paxor-music-active .paxor-music-mobile-backdrop,
    html body:has(.music-shell) .paxor-music-mobile-backdrop {
        left: 100vw !important;
        right: auto !important;
        width: 0 !important;
        pointer-events: none !important;
    }
}
/* === PAXOR MOBILE MUSIC DRAWER FULLWIDTH V19 END === */

/* === PAXOR MOBILE MUSIC DRAWER HAS-SPECIFIC V20 START === */
@media (max-width: 760px) {
    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-sidebar-brand-row,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-sidebar-brand-row {
        flex: 0 0 54px !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        margin: 0 0 8px !important;
        padding: 0 50px 0 0 !important;
        display: flex !important;
        align-items: center !important;
        overflow: visible !important;
        position: relative !important;
        z-index: 3 !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-sidebar-brand-row .music-brand,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-sidebar-brand-row .music-brand {
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        padding: 0 12px !important;
        display: grid !important;
        grid-template-columns: 36px minmax(0, 1fr) !important;
        column-gap: 10px !important;
        align-items: center !important;
        border-radius: 14px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        font-size: 16px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        box-sizing: border-box !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-brand-mark,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-brand-mark {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        font-size: 20px !important;
        justify-self: center !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-brand > span:last-child,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-brand > span:last-child {
        display: block !important;
        min-width: 0 !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav {
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-auto-rows: 46px !important;
        gap: 8px !important;
        margin: 0 0 10px !important;
        padding: 0 0 10px !important;
        border-bottom: 1px solid rgba(154, 168, 174, 0.18) !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item {
        position: relative !important;
        width: 100% !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        margin: 0 !important;
        padding: 0 12px 0 14px !important;
        display: grid !important;
        grid-template-columns: 36px minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 12px !important;
        border: 1px solid rgba(148, 163, 184, 0.12) !important;
        border-radius: 10px !important;
        background: rgba(7, 22, 27, 0.76) !important;
        color: rgba(213, 224, 229, 0.82) !important;
        box-shadow: none !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        transform: none !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item::before,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 7px !important;
        bottom: 7px !important;
        width: 3px !important;
        border-radius: 0 4px 4px 0 !important;
        background: transparent !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item.active,
    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item[aria-current="page"],
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item.active,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item[aria-current="page"] {
        border-color: rgba(32, 217, 255, 0.32) !important;
        background: rgba(32, 217, 255, 0.10) !important;
        color: #20d9ff !important;
        box-shadow: none !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item.active::before,
    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item[aria-current="page"]::before,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item.active::before,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item[aria-current="page"]::before {
        background: #20d9ff !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item > i,
    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-avatar,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item > i,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-avatar {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
        justify-self: center !important;
        display: inline-grid !important;
        place-items: center !important;
        margin: 0 !important;
        color: inherit !important;
        font-size: 18px !important;
        line-height: 1 !important;
        border-radius: 9px !important;
        box-sizing: border-box !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-avatar i,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-avatar i {
        color: inherit !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item.active .music-nav-avatar,
    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item[aria-current="page"] .music-nav-avatar,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item.active .music-nav-avatar,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item[aria-current="page"] .music-nav-avatar {
        border: 1px solid rgba(32, 217, 255, 0.45) !important;
        background: rgba(32, 217, 255, 0.14) !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item > span:not(.music-nav-avatar),
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-local-nav .music-nav-item > span:not(.music-nav-avatar) {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        font-size: 15px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        color: inherit !important;
    }
}
/* === PAXOR MOBILE MUSIC DRAWER HAS-SPECIFIC V20 END === */

/* === PAXOR MOBILE MUSIC DRAWER HEADER BUTTON V21 START === */
@media (max-width: 760px) {
    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-sidebar-brand-row,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) > .music-sidebar-brand-row {
        flex-basis: 54px !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        padding-right: 66px !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-sidebar-brand-row .music-brand,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-sidebar-brand-row .music-brand {
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        grid-template-columns: 36px minmax(0, 1fr) !important;
        column-gap: 10px !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-sidebar-brand-row .music-brand-mark,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-sidebar-brand-row .music-brand-mark,
    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-brand-mark,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-brand-mark {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        display: inline-grid !important;
        place-items: center !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #20d9ff !important;
        font-size: 24px !important;
        line-height: 1 !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-brand-mark i,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) .music-brand-mark i {
        color: #20d9ff !important;
        font-size: 24px !important;
        line-height: 1 !important;
        filter: none !important;
        text-shadow: none !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) #music-left-toggle.music-left-toggle,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) #music-left-toggle.music-left-toggle {
        top: 2px !important;
        right: 10px !important;
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        border-radius: 13px !important;
        padding: 0 !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) #music-left-toggle.music-left-toggle .music-sidebar-layout-icon,
    html body:has(.music-shell) .music-shell.music-mobile-sidebar-open .music-sidebar:has(#music-left-toggle) #music-left-toggle.music-left-toggle .music-sidebar-layout-icon {
        width: 34px !important;
        height: 32px !important;
        transform: none !important;
    }
}
/* === PAXOR MOBILE MUSIC DRAWER HEADER BUTTON V21 END === */

/* === PAXOR MOBILE MUSIC MARKETPLACE FULL WIDTH V22 START === */
@media (max-width: 760px) {
    html body.paxor-music-active .music-shell,
    html body:has(.music-shell) .music-shell,
    html.paxor-mobile-ui body.paxor-music-active .music-shell,
    html.paxor-mobile-ui body:has(.music-shell) .music-shell {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    html body.paxor-music-active .music-shell .music-main,
    html body:has(.music-shell) .music-shell .music-main,
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main,
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body.paxor-music-active .music-shell .music-main .music-scroll-area,
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area,
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area,
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 52px 0 18px !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        scrollbar-width: thin !important;
        scrollbar-color: rgba(32, 217, 255, 0.52) transparent !important;
        scrollbar-gutter: auto !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
    }

    html body.paxor-music-active .music-shell .music-main .music-scroll-area::-webkit-scrollbar,
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area::-webkit-scrollbar,
    html body.paxor-music-active .music-marketplace-section::-webkit-scrollbar,
    html body:has(.music-shell) .music-marketplace-section::-webkit-scrollbar {
        width: 3px !important;
        height: 3px !important;
    }

    html body.paxor-music-active .music-shell .music-main .music-scroll-area::-webkit-scrollbar-track,
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area::-webkit-scrollbar-track,
    html body.paxor-music-active .music-marketplace-section::-webkit-scrollbar-track,
    html body:has(.music-shell) .music-marketplace-section::-webkit-scrollbar-track {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html body.paxor-music-active .music-shell .music-main .music-scroll-area::-webkit-scrollbar-thumb,
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area::-webkit-scrollbar-thumb,
    html body.paxor-music-active .music-marketplace-section::-webkit-scrollbar-thumb,
    html body:has(.music-shell) .music-marketplace-section::-webkit-scrollbar-thumb {
        min-height: 24px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: rgba(32, 217, 255, 0.52) !important;
        box-shadow: none !important;
    }

    html body.paxor-music-active .music-shell .music-main .music-scroll-area::-webkit-scrollbar-button,
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area::-webkit-scrollbar-button,
    html body.paxor-music-active .music-marketplace-section::-webkit-scrollbar-button,
    html body:has(.music-shell) .music-marketplace-section::-webkit-scrollbar-button {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
    }

    html body.paxor-music-active #music-library-view,
    html body:has(.music-shell) #music-library-view,
    html.paxor-mobile-ui body.paxor-music-active #music-library-view,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view,
    html body.paxor-music-active .music-feature,
    html body:has(.music-shell) .music-feature,
    html body.paxor-music-active .music-marketplace-section,
    html body:has(.music-shell) .music-marketplace-section {
        width: 100vw !important;
        min-width: 0 !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    html body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading,
    html body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading,
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: center !important;
        justify-items: stretch !important;
        width: calc(100vw - 8px) !important;
        min-width: calc(100vw - 8px) !important;
        max-width: calc(100vw - 8px) !important;
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        margin: 8px 4px 12px !important;
        padding: 8px 12px 8px 14px !important;
        overflow: hidden !important;
        border-radius: 13px !important;
        box-sizing: border-box !important;
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    html body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-content: center !important;
        gap: 3px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    html body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        color: #20d9ff !important;
        font-size: 9.5px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        letter-spacing: 0.04em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #f6fdff !important;
        font-size: clamp(16px, 4.7vw, 18px) !important;
        font-weight: 900 !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    html body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count {
        display: none !important;
    }
}
/* === PAXOR MOBILE MUSIC MARKETPLACE FULL WIDTH V22 END === */

/* === PAXOR MOBILE MUSIC MARKETPLACE EDGE TO EDGE V23 START === */
@media (max-width: 760px) {
    html body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading,
    html body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading,
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        margin: 8px 0 12px !important;
        border-left-width: 0 !important;
        border-right-width: 0 !important;
        border-radius: 0 !important;
    }

    html body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    html body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}
/* === PAXOR MOBILE MUSIC MARKETPLACE EDGE TO EDGE V23 END === */

/* === PAXOR MOBILE MUSIC MARKETPLACE HARD FULLWIDTH V24 START === */
@media (max-width: 760px) {
    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main,
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main {
        position: relative !important;
        display: block !important;
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area,
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area {
        position: relative !important;
        display: block !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 52px 0 18px !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        scrollbar-width: thin !important;
        scrollbar-color: rgba(32, 217, 255, 0.48) transparent !important;
        scrollbar-gutter: auto !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
    }

    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area::-webkit-scrollbar,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area::-webkit-scrollbar,
    html body.paxor-music-active:not(.music-track-detail-page) .music-marketplace-section::-webkit-scrollbar,
    html body:has(.music-shell):not(.music-track-detail-page) .music-marketplace-section::-webkit-scrollbar,
    html body.paxor-music-active:not(.music-track-detail-page)::-webkit-scrollbar,
    html body:has(.music-shell):not(.music-track-detail-page)::-webkit-scrollbar {
        width: 2px !important;
        height: 2px !important;
        background: transparent !important;
    }

    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area::-webkit-scrollbar-thumb,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area::-webkit-scrollbar-thumb,
    html body.paxor-music-active:not(.music-track-detail-page) .music-marketplace-section::-webkit-scrollbar-thumb,
    html body:has(.music-shell):not(.music-track-detail-page) .music-marketplace-section::-webkit-scrollbar-thumb,
    html body.paxor-music-active:not(.music-track-detail-page)::-webkit-scrollbar-thumb,
    html body:has(.music-shell):not(.music-track-detail-page)::-webkit-scrollbar-thumb {
        min-height: 20px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: rgba(32, 217, 255, 0.48) !important;
        box-shadow: none !important;
    }

    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area::-webkit-scrollbar-track,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area::-webkit-scrollbar-track,
    html body.paxor-music-active:not(.music-track-detail-page) .music-marketplace-section::-webkit-scrollbar-track,
    html body:has(.music-shell):not(.music-track-detail-page) .music-marketplace-section::-webkit-scrollbar-track,
    html body.paxor-music-active:not(.music-track-detail-page)::-webkit-scrollbar-track,
    html body:has(.music-shell):not(.music-track-detail-page)::-webkit-scrollbar-track {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html body.paxor-music-active:not(.music-track-detail-page) #music-library-view,
    html body:has(.music-shell):not(.music-track-detail-page) #music-library-view,
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) #music-library-view,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) #music-library-view,
    html body.paxor-music-active:not(.music-track-detail-page) .music-marketplace-section,
    html body:has(.music-shell):not(.music-track-detail-page) .music-marketplace-section {
        position: relative !important;
        display: block !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    html body.paxor-music-active:not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: center !important;
        justify-items: stretch !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        margin: 8px 0 12px !important;
        padding: 8px 14px !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        overflow: hidden !important;
        border-left-width: 0 !important;
        border-right-width: 0 !important;
        border-radius: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
        box-sizing: border-box !important;
    }

    html body.paxor-music-active:not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading > div,
    html body:has(.music-shell):not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading > div {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-content: center !important;
        gap: 3px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html body.paxor-music-active:not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading .music-kicker,
    html body:has(.music-shell):not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading .music-kicker,
    html body.paxor-music-active:not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell):not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading #music-library-title {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html body.paxor-music-active:not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading .music-kicker,
    html body:has(.music-shell):not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading .music-kicker {
        color: #20d9ff !important;
        font-size: 9.5px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        letter-spacing: 0.04em !important;
    }

    html body.paxor-music-active:not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell):not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading #music-library-title {
        color: #f6fdff !important;
        font-size: clamp(16px, 4.7vw, 18px) !important;
        font-weight: 900 !important;
        line-height: 1.05 !important;
    }

    html body.paxor-music-active:not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading .music-result-count,
    html body:has(.music-shell):not(.music-track-detail-page) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading .music-result-count {
        display: none !important;
    }
}
/* === PAXOR MOBILE MUSIC MARKETPLACE HARD FULLWIDTH V24 END === */

/* === PAXOR HOME MOBILE VIDEO LOGO ZOOM V25 START === */
@media (max-width: 760px) {
    body:has(#paxor-music-home) .paxor-home-hero {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
        background: #000 !important;
        overflow: hidden !important;
    }

    body:has(#paxor-music-home) .header-video {
        position: relative !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: clamp(245px, 72vw, 328px) !important;
        min-height: 245px !important;
        max-height: 328px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #000 !important;
        line-height: 0 !important;
        box-sizing: border-box !important;
    }

    body:has(#paxor-music-home) .header-video video {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: none !important;
        margin: 0 !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center center !important;
        transform: translate(-50%, -50%) scale(1.24) !important;
        transform-origin: center center !important;
        will-change: transform !important;
    }

    body:has(#paxor-music-home) .paxor-home-hero + .home-intro {
        margin-top: 0 !important;
        border-top: 0 !important;
    }
}

@media (max-width: 420px) {
    body:has(#paxor-music-home) .header-video {
        height: clamp(255px, 74vw, 320px) !important;
        min-height: 255px !important;
        max-height: 320px !important;
    }

    body:has(#paxor-music-home) .header-video video {
        transform: translate(-50%, -50%) scale(1.32) !important;
    }
}
/* === PAXOR HOME MOBILE VIDEO LOGO ZOOM V25 END === */

/* === PAXOR MOBILE MUSIC MARKETPLACE HEADING RECOVER V26 START === */
@media (max-width: 760px) {
    html body.paxor-music-active .music-shell,
    html body:has(.music-shell) .music-shell {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }

    html body.paxor-music-active .music-shell .music-main,
    html body:has(.music-shell) .music-shell .music-main,
    html body.paxor-music-active .music-shell .music-main .music-scroll-area,
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area,
    html body.paxor-music-active .music-shell #music-library-view,
    html body:has(.music-shell) .music-shell #music-library-view,
    html body.paxor-music-active .music-shell .music-marketplace-section,
    html body:has(.music-shell) .music-shell .music-marketplace-section {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    html body.paxor-music-active .music-shell .music-main .music-scroll-area,
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
        scrollbar-width: thin !important;
        scrollbar-color: rgba(32, 217, 255, 0.48) transparent !important;
    }

    html body.paxor-music-active .music-shell .music-main .music-scroll-area::-webkit-scrollbar,
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area::-webkit-scrollbar {
        width: 2px !important;
        height: 2px !important;
    }

    html body.paxor-music-active .music-shell #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell) .music-shell #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active .music-shell #music-library-view:not([hidden]) .music-marketplace-sticky-heading,
    html body:has(.music-shell) .music-shell #music-library-view:not([hidden]) .music-marketplace-sticky-heading {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: center !important;
        justify-items: stretch !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 62px !important;
        min-height: 62px !important;
        max-height: 62px !important;
        margin: 8px 0 12px !important;
        padding: 8px 14px !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        overflow: hidden !important;
        border-left-width: 0 !important;
        border-right-width: 0 !important;
        border-radius: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
        box-sizing: border-box !important;
    }

    html body.paxor-music-active .music-shell #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    html body:has(.music-shell) .music-shell #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-content: center !important;
        gap: 3px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html body.paxor-music-active .music-shell #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    html body:has(.music-shell) .music-shell #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    html body.paxor-music-active .music-shell #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) .music-shell #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html body.paxor-music-active .music-shell #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    html body:has(.music-shell) .music-shell #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker {
        color: #20d9ff !important;
        font-size: 9.5px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        letter-spacing: 0.04em !important;
    }

    html body.paxor-music-active .music-shell #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) .music-shell #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title {
        color: #f6fdff !important;
        font-size: clamp(16px, 4.7vw, 18px) !important;
        font-weight: 900 !important;
        line-height: 1.05 !important;
    }

    html body.paxor-music-active .music-shell #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    html body:has(.music-shell) .music-shell #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count {
        display: none !important;
    }
}
/* === PAXOR MOBILE MUSIC MARKETPLACE HEADING RECOVER V26 END === */

/* === PAXOR MOBILE MUSIC MARKETPLACE SIMPLE FULLWIDTH V35 START === */
@media (max-width: 760px) {
    body.paxor-music-active .music-main,
    body.paxor-music-active .music-scroll-area,
    body.paxor-music-active #music-library-view,
    body.paxor-music-active .music-marketplace-section {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active .music-scroll-area {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
        scrollbar-width: thin !important;
    }

    body.paxor-music-active .music-scroll-area::-webkit-scrollbar {
        width: 2px !important;
        height: 2px !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 62px !important;
        min-height: 62px !important;
        max-height: 62px !important;
        margin: 8px 0 12px !important;
        padding: 8px 14px !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        visibility: visible !important;
        opacity: 1 !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count {
        display: none !important;
    }
}
/* === PAXOR MOBILE MUSIC MARKETPLACE SIMPLE FULLWIDTH V35 END === */

/* === PAXOR MOBILE MUSIC VIEW HIDDEN FIX V36 START === */
@media (max-width: 760px) {
    body.paxor-music-active #music-library-view[hidden],
    body.paxor-music-active #music-detail-view[hidden],
    body.paxor-music-active .music-shell #music-library-view[hidden],
    body.paxor-music-active .music-shell #music-detail-view[hidden],
    body.paxor-music-active .music-main #music-library-view[hidden],
    body.paxor-music-active .music-main #music-detail-view[hidden],
    html.paxor-mobile-ui body.paxor-music-active #music-library-view[hidden],
    html.paxor-mobile-ui body.paxor-music-active #music-detail-view[hidden] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]),
    body.paxor-music-active #music-detail-view:not([hidden]),
    body.paxor-music-active .music-shell #music-library-view:not([hidden]),
    body.paxor-music-active .music-shell #music-detail-view:not([hidden]),
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]),
    html.paxor-mobile-ui body.paxor-music-active #music-detail-view:not([hidden]) {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        height: auto !important;
        max-height: none !important;
    }
}
/* === PAXOR MOBILE MUSIC VIEW HIDDEN FIX V36 END === */

/* === PAXOR MOBILE MARKETPLACE INTRO ORDER V37 START === */
@media (max-width: 760px) {
    body.paxor-music-active:not(.music-track-detail-page) .music-topbar {
        width: 100% !important;
        min-height: 54px !important;
        padding: 7px 10px !important;
        display: flex !important;
        align-items: center !important;
        gap: 0 !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active:not(.music-track-detail-page) .music-mobile-topbar-title {
        display: none !important;
    }

    body.paxor-music-active:not(.music-track-detail-page) .music-topbar .music-search-shell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 3px !important;
        display: block !important;
        flex: 1 1 auto !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active:not(.music-track-detail-page) .music-topbar .music-search {
        width: 100% !important;
        min-height: 38px !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 13px !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active .music-scroll-area:has(#music-library-view:not([hidden])) {
        width: 100% !important;
        max-width: 100vw !important;
        padding: 8px 10px calc(150px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) #music-onboarding.music-onboarding {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 10px !important;
        padding: 13px 12px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: start !important;
        border-radius: 8px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) #music-market-network-kicker {
        display: block !important;
        font-size: 0 !important;
        line-height: 1 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) #music-market-network-kicker::after {
        content: "PAXOR MUSIC \00a0 \00b7 \00a0 POLYGON" !important;
        display: inline-block !important;
        color: var(--music-cyan) !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1.15 !important;
        letter-spacing: .08em !important;
        white-space: nowrap !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding h2 {
        margin: 4px 0 6px !important;
        color: #f4fbff !important;
        font-size: 18px !important;
        line-height: 1.16 !important;
        font-weight: 900 !important;
        letter-spacing: 0 !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding p {
        margin: 0 !important;
        color: #c9d6dc !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding ol {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 7px !important;
        list-style: none !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 38px !important;
        margin: 0 !important;
        padding: 7px 9px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        text-align: left !important;
        border-radius: 7px !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li .music-step-number {
        width: 24px !important;
        height: 24px !important;
        flex: 0 0 24px !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li .music-step-label {
        width: auto !important;
        min-height: 0 !important;
        display: block !important;
        color: #dce7eb !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        text-align: left !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) > #music-feature.music-feature-track-hero,
    body.paxor-music-active #music-library-view:not([hidden]) > .music-feature-track-hero#music-feature {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 56px !important;
        max-height: none !important;
        margin: 0 0 10px !important;
        padding: 9px 12px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: center !important;
        border-radius: 8px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        z-index: 1 !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        display: grid !important;
        gap: 2px !important;
        overflow: visible !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: block !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        visibility: visible !important;
        opacity: 1 !important;
        box-sizing: border-box !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker {
        font-size: 10px !important;
        line-height: 1.1 !important;
        letter-spacing: .08em !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title {
        font-size: 19px !important;
        line-height: 1.14 !important;
        font-weight: 900 !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count {
        display: none !important;
    }

    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-section,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-section .music-track-grid {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE INTRO ORDER V37 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CARDS V38 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 5 !important;
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        margin: 0 !important;
        padding: 6px 10px 6px 58px !important;
        align-items: center !important;
        justify-content: stretch !important;
        gap: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-mobile-topbar-title,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-mobile-topbar-title,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-mobile-topbar-title,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-mobile-topbar-title {
        display: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search-shell,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search-shell,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search-shell,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search-shell {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 2px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        margin: 0 !important;
        padding: 0 11px !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search input,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search input,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search input,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search input {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        color: var(--music-text) !important;
        font-size: 14px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        height: calc(100% - 52px) !important;
        min-height: 0 !important;
        padding: 8px 8px calc(148px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]),
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]),
    body.paxor-music-active #music-library-view:not([hidden]),
    body:has(.music-shell) #music-library-view:not([hidden]) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    body.paxor-music-active #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    body:has(.music-shell) #music-library-view:not([hidden]) #music-onboarding.music-onboarding {
        display: grid !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 0 8px !important;
        padding: 11px 10px !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 9px !important;
        border-radius: 8px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) #music-market-network-kicker,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) #music-market-network-kicker,
    body.paxor-music-active #music-library-view:not([hidden]) #music-market-network-kicker,
    body:has(.music-shell) #music-library-view:not([hidden]) #music-market-network-kicker {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        color: var(--music-cyan) !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
        font-weight: 900 !important;
        letter-spacing: .06em !important;
        white-space: nowrap !important;
        overflow: visible !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) #music-market-network-kicker::after,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) #music-market-network-kicker::after,
    body.paxor-music-active #music-library-view:not([hidden]) #music-market-network-kicker::after,
    body:has(.music-shell) #music-library-view:not([hidden]) #music-market-network-kicker::after {
        content: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding h2,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding h2,
    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding h2,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding h2 {
        margin: 2px 0 5px !important;
        font-size: 17px !important;
        line-height: 1.15 !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
        overflow: visible !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding p,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding p,
    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding p,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding p {
        margin: 0 !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        overflow: visible !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding ol,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding ol,
    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding ol,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding ol {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding li,
    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding li {
        min-height: 34px !important;
        padding: 6px 7px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        text-align: left !important;
        overflow: hidden !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li .music-step-number,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding li .music-step-number,
    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li .music-step-number,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding li .music-step-number {
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px !important;
        font-size: 10px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li .music-step-label,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding li .music-step-label,
    body.paxor-music-active #music-library-view:not([hidden]) .music-onboarding li .music-step-label,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-onboarding li .music-step-label {
        min-width: 0 !important;
        min-height: 0 !important;
        display: block !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > #music-feature,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > #music-feature,
    body.paxor-music-active #music-library-view:not([hidden]) > #music-feature,
    body:has(.music-shell) #music-library-view:not([hidden]) > #music-feature {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    body.paxor-music-active #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading {
        position: static !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 46px !important;
        max-height: none !important;
        margin: 0 0 8px !important;
        padding: 8px 10px !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        border-radius: 8px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-kicker {
        font-size: 9px !important;
        line-height: 1.1 !important;
        letter-spacing: .06em !important;
        white-space: nowrap !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading #music-library-title {
        font-size: 18px !important;
        line-height: 1.12 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-section,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-section,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-section,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-section {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-section .music-track-grid,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-section .music-track-grid,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-section .music-track-grid,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-section .music-track-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-track-card,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-track-card,
    body.paxor-music-active #music-library-view:not([hidden]) .music-track-card,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-track-card {
        min-width: 0 !important;
        padding: 6px !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-cover,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-cover,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-cover,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-cover {
        border-radius: 5px !important;
        font-size: 22px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-play,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-play,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-play,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-play {
        width: 30px !important;
        height: 30px !important;
        right: 6px !important;
        bottom: 6px !important;
        opacity: 1 !important;
        transform: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-nft,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-nft,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-nft,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-nft {
        top: 5px !important;
        left: 5px !important;
        padding: 2px 4px !important;
        font-size: 7px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-track-card h3,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-track-card h3,
    body.paxor-music-active #music-library-view:not([hidden]) .music-track-card h3,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-track-card h3 {
        margin: 7px 0 2px !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-track-card p,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-track-card p,
    body.paxor-music-active #music-library-view:not([hidden]) .music-track-card p,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-track-card p {
        font-size: 10px !important;
        line-height: 1.15 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-sale,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-sale,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-sale,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-sale {
        margin-top: 6px !important;
        padding-top: 6px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 4px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-price,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-price,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-price,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-price {
        gap: 1px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-price span,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-price span,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-price span,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-price span {
        font-size: 7px !important;
        line-height: 1 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-price strong,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-price strong,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-price strong,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-price strong {
        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-availability,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-availability,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-availability,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-availability {
        display: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-card-market-btn,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-card-market-btn,
    body.paxor-music-active #music-library-view:not([hidden]) .music-card-market-btn,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-card-market-btn {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 28px !important;
        padding: 0 6px !important;
        font-size: 10px !important;
        border-radius: 5px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CARDS V38 END === */

/* === PAXOR MOBILE MARKETPLACE SCROLLING SEARCH STICKY HEADER V39 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main,
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main,
    body.paxor-music-active .music-shell .music-main,
    body:has(.music-shell) .music-shell .music-main {
        height: 100% !important;
        min-height: 0 !important;
        display: block !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-y: contain !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        z-index: 1 !important;
        display: flex !important;
        width: 100% !important;
        height: auto !important;
        min-height: 50px !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 6px 8px 5px 56px !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        overflow: visible !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search-shell,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search-shell,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search-shell,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search-shell {
        display: block !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        overflow: visible !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
        filter: none !important;
        backdrop-filter: none !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-topbar .music-search-shell::before,
    html.paxor-mobile-ui body.paxor-music-active .music-topbar .music-search-shell::after,
    html.paxor-mobile-ui body:has(.music-shell) .music-topbar .music-search-shell::before,
    html.paxor-mobile-ui body:has(.music-shell) .music-topbar .music-search-shell::after,
    body.paxor-music-active .music-topbar .music-search-shell::before,
    body.paxor-music-active .music-topbar .music-search-shell::after,
    body:has(.music-shell) .music-topbar .music-search-shell::before,
    body:has(.music-shell) .music-topbar .music-search-shell::after {
        display: none !important;
        content: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar .music-search {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border: 1px solid rgba(32, 217, 255, 0.34) !important;
        border-radius: 8px !important;
        background: rgba(5, 20, 24, 0.78) !important;
        box-shadow: none !important;
        outline: 0 !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 8px calc(148px + env(safe-area-inset-bottom, 0px)) !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    body.paxor-music-active #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    body:has(.music-shell) #music-library-view:not([hidden]) #music-onboarding.music-onboarding {
        margin-top: 0 !important;
        overflow: visible !important;
        z-index: 0 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    body.paxor-music-active #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading {
        position: sticky !important;
        top: 0 !important;
        z-index: 30 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 2px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 58px !important;
        max-height: none !important;
        margin: 0 0 8px !important;
        padding: 8px 10px !important;
        transform: none !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        background: linear-gradient(135deg, rgba(2, 24, 29, 0.96), rgba(6, 42, 49, 0.92)) !important;
        border: 1px solid rgba(32, 217, 255, 0.22) !important;
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22) !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading > div {
        display: grid !important;
        gap: 1px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 1px 0 0 !important;
        padding: 0 !important;
        color: rgba(222, 244, 248, 0.72) !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        font-weight: 700 !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        box-sizing: border-box !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SCROLLING SEARCH STICKY HEADER V39 END === */

/* === PAXOR MOBILE MARKETPLACE INLINE SEARCH SCROLL FIX V40 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main,
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main,
    body.paxor-music-active .music-shell .music-main,
    body:has(.music-shell) .music-shell .music-main {
        height: 100% !important;
        min-height: 0 !important;
        display: block !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-topbar,
    body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-topbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: 8px 8px calc(148px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-y: contain !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]),
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]),
    body.paxor-music-active #music-library-view:not([hidden]),
    body:has(.music-shell) #music-library-view:not([hidden]) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        width: calc(100% - 48px) !important;
        min-width: 0 !important;
        max-width: calc(100% - 48px) !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 0 8px 48px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search::before,
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search::after,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search::before,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search::after,
    body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search::before,
    body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search::after,
    body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search::before,
    body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search::after {
        display: none !important;
        content: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search,
    body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search,
    body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border: 1px solid rgba(32, 217, 255, 0.34) !important;
        border-radius: 8px !important;
        background: rgba(5, 20, 24, 0.78) !important;
        box-shadow: none !important;
        outline: 0 !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search input,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search input,
    body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search input,
    body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search input {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        color: var(--music-text) !important;
        font-size: 14px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    body.paxor-music-active #music-library-view:not([hidden]) #music-onboarding.music-onboarding,
    body:has(.music-shell) #music-library-view:not([hidden]) #music-onboarding.music-onboarding {
        margin-top: 0 !important;
        margin-bottom: 8px !important;
        overflow: visible !important;
        z-index: 0 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    body.paxor-music-active #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-section-heading.music-marketplace-sticky-heading {
        position: sticky !important;
        top: 0 !important;
        z-index: 30 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 2px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 58px !important;
        max-height: none !important;
        margin: 0 0 8px !important;
        padding: 8px 10px !important;
        transform: none !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        background: linear-gradient(135deg, rgba(2, 24, 29, 0.96), rgba(6, 42, 49, 0.92)) !important;
        border: 1px solid rgba(32, 217, 255, 0.22) !important;
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22) !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    body.paxor-music-active #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count,
    body:has(.music-shell) #music-library-view:not([hidden]) .music-marketplace-sticky-heading .music-result-count {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 1px 0 0 !important;
        padding: 0 !important;
        color: rgba(222, 244, 248, 0.72) !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        font-weight: 700 !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE INLINE SEARCH SCROLL FIX V40 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH HEADER ALIGN V41 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: 56px 8px calc(148px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        width: calc(100% - 48px) !important;
        min-width: 0 !important;
        max-width: calc(100% - 48px) !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 0 8px 48px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search,
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search,
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search .music-search {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border: 1px solid rgba(32, 217, 255, 0.36) !important;
        border-radius: 9px !important;
        background: rgba(5, 20, 24, 0.82) !important;
        box-shadow: none !important;
        outline: 0 !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading {
        position: sticky !important;
        top: 0 !important;
        left: auto !important;
        right: auto !important;
        z-index: 60 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        justify-items: center !important;
        align-items: center !important;
        gap: 2px !important;
        width: calc(100vw - 16px) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 16px) !important;
        height: auto !important;
        min-height: 60px !important;
        max-height: none !important;
        margin: 0 auto 8px !important;
        padding: 8px 12px !important;
        transform: none !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        text-align: center !important;
        background: linear-gradient(135deg, rgba(2, 24, 29, 0.96), rgba(6, 42, 49, 0.93)) !important;
        border: 1px solid rgba(32, 217, 255, 0.3) !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24) !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-marketplace-sticky-heading > div,
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-marketplace-sticky-heading > div,
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-marketplace-sticky-heading > div {
        display: grid !important;
        justify-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        gap: 1px !important;
        overflow: hidden !important;
        text-align: center !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-marketplace-sticky-heading .music-kicker,
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-marketplace-sticky-heading .music-kicker,
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-marketplace-sticky-heading .music-kicker {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        color: var(--music-cyan) !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
        letter-spacing: .08em !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-marketplace-sticky-heading #music-library-title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #f4fbff !important;
        font-size: 18px !important;
        line-height: 1.15 !important;
        font-weight: 900 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-marketplace-sticky-heading .music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-marketplace-sticky-heading .music-result-count,
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-marketplace-sticky-heading .music-result-count,
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-marketplace-sticky-heading .music-result-count {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 2px 0 0 !important;
        padding: 0 !important;
        color: rgba(222, 244, 248, 0.74) !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        font-weight: 700 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH HEADER ALIGN V41 END === */

/* === PAXOR MOBILE MARKETPLACE STICKY WIDTH V42 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading {
        position: sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        z-index: 80 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        place-items: center !important;
        justify-self: stretch !important;
        align-self: start !important;
        inline-size: calc(100vw - 16px) !important;
        width: calc(100vw - 16px) !important;
        min-inline-size: calc(100vw - 16px) !important;
        min-width: calc(100vw - 16px) !important;
        max-inline-size: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        height: auto !important;
        min-height: 60px !important;
        max-height: none !important;
        margin: 0 0 8px 0 !important;
        padding: 8px 12px !important;
        transform: none !important;
        translate: none !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        text-align: center !important;
        background: linear-gradient(135deg, rgba(2, 24, 29, 0.96), rgba(6, 42, 49, 0.93)) !important;
        border: 1px solid rgba(32, 217, 255, 0.3) !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24) !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div {
        display: grid !important;
        justify-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        text-align: center !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-result-count,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-result-count,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-result-count {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        box-sizing: border-box !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE STICKY WIDTH V42 END === */

/* === PAXOR MOBILE MARKETPLACE STICKY CONTENT V43 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading {
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto !important;
        place-items: stretch !important;
        justify-items: stretch !important;
        align-items: center !important;
        column-gap: 12px !important;
        row-gap: 1px !important;
        min-height: 60px !important;
        padding: 8px 12px !important;
        text-align: left !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        display: grid !important;
        justify-items: start !important;
        align-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        text-align: left !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker {
        color: var(--music-green, #5dff9a) !important;
        text-align: left !important;
        justify-self: start !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title {
        text-align: left !important;
        justify-self: start !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-result-count,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-result-count,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-result-count {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
        align-self: center !important;
        justify-self: end !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 86px !important;
        margin: 0 !important;
        color: var(--music-green, #5dff9a) !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
        text-align: right !important;
        white-space: nowrap !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE STICKY CONTENT V43 END === */

/* === PAXOR MOBILE MARKETPLACE GREEN COUNT V44 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-marketplace-sticky-heading {
        display: contents !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading .music-kicker,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading .music-kicker,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading .music-kicker {
        color: #5dff9a !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
        align-self: center !important;
        justify-self: end !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 90px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #5dff9a !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
        text-align: right !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE GREEN COUNT V44 END === */

/* === PAXOR MOBILE MARKETPLACE KICKER GREEN V45 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"] {
        color: #5dff9a !important;
        -webkit-text-fill-color: #5dff9a !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE KICKER GREEN V45 END === */

/* === PAXOR MOBILE MARKETPLACE HEADER TUNE V46 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading {
        grid-template-columns: minmax(0, 1fr) max-content !important;
        min-height: 68px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
        align-items: stretch !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"] {
        color: #20d9ff !important;
        -webkit-text-fill-color: #20d9ff !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title {
        max-width: none !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        font-size: 18px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count {
        grid-column: 2 !important;
        grid-row: 2 !important;
        align-self: end !important;
        justify-self: end !important;
        margin: 0 0 2px 6px !important;
        max-width: 92px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE HEADER TUNE V46 END === */

/* === PAXOR MOBILE MARKETPLACE TITLE FIT V47 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title {
        font-size: 16px !important;
        line-height: 1.15 !important;
        max-width: 100% !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE TITLE FIT V47 END === */

/* === PAXOR MOBILE MARKETPLACE HEADER SPACING V47 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading {
        min-height: 70px !important;
        padding: 9px 12px 10px !important;
        grid-template-columns: minmax(0, 1fr) max-content !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        column-gap: 10px !important;
        row-gap: 0 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        align-content: start !important;
        padding-top: 1px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title {
        margin-top: 5px !important;
        font-size: 16px !important;
        line-height: 1.12 !important;
        max-width: 100% !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: start !important;
        justify-self: end !important;
        margin: 1px 0 0 6px !important;
        max-width: 92px !important;
        font-size: 10px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE HEADER SPACING V47 END === */

/* === PAXOR MOBILE MARKETPLACE TITLE POLISH V48 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading {
        min-height: 74px !important;
        padding-bottom: 12px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div {
        max-width: calc(100% - 50px) !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title {
        width: max-content !important;
        max-width: calc(100vw - 92px) !important;
        margin-top: 8px !important;
        padding-right: 3px !important;
        font-size: 17px !important;
        line-height: 1.12 !important;
        letter-spacing: 0 !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE TITLE POLISH V48 END === */

/* === PAXOR MOBILE MARKETPLACE TITLE FULL ROW V49 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading {
        min-height: 82px !important;
        padding: 10px 12px 12px !important;
        grid-template-columns: minmax(0, 1fr) max-content !important;
        grid-template-rows: auto auto !important;
        column-gap: 10px !important;
        row-gap: 8px !important;
        align-items: start !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading > div {
        display: contents !important;
        max-width: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading .music-kicker {
        grid-column: 1 !important;
        grid-row: 1 !important;
        align-self: start !important;
        justify-self: start !important;
        width: auto !important;
        max-width: 100% !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-result-count.music-result-count {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: start !important;
        justify-self: end !important;
        margin: 1px 0 0 6px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        align-self: end !important;
        justify-self: start !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 2px 0 0 !important;
        padding: 0 4px 0 0 !important;
        font-size: 18px !important;
        line-height: 1.12 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE TITLE FULL ROW V49 END === */

/* === PAXOR MOBILE MARKETPLACE HEADER COMPACT V50 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page) .music-shell .music-main .music-scroll-area #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading {
        min-height: 76px !important;
        padding-top: 8px !important;
        padding-bottom: 9px !important;
        row-gap: 5px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell) #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading.music-marketplace-sticky-heading #music-library-title {
        margin-top: 0 !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE HEADER COMPACT V50 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V51 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 76px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    html body.paxor-music-active #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search,
    html body:has(.music-shell) #music-library-view:not([hidden]) > .music-search-shell.music-mobile-inline-search {
        margin-top: 4px !important;
        margin-bottom: 10px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V51 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V52 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 112px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V52 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V53 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 94px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V53 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V54 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 84px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V54 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V55 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 68px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V55 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V56 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 56px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V56 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V57 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 50px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V57 END === */

/* === PAXOR MOBILE MARKETPLACE INLINE DRAWER BUTTON V58 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]),
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]),
    html body.paxor-music-active #music-library-view:not([hidden]),
    html body:has(.music-shell) #music-library-view:not([hidden]) {
        position: relative !important;
    }

    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html body.paxor-music-active #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html body:has(.music-shell) #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        transform: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 24 !important;
    }

    html body.paxor-music-active .music-shell.music-mobile-sidebar-open #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html body:has(.music-shell.music-mobile-sidebar-open) #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html body #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn.is-open {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE INLINE DRAWER BUTTON V58 END === */

/* === PAXOR MOBILE MARKETPLACE INLINE DRAWER BUTTON V59 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html body.paxor-music-active #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html body:has(.music-shell) #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn {
        top: -4px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE INLINE DRAWER BUTTON V59 END === */

/* === PAXOR MOBILE MARKETPLACE INLINE DRAWER BUTTON V60 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html.paxor-mobile-ui body:has(.music-shell) #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html body.paxor-music-active #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn,
    html body:has(.music-shell) #music-library-view:not([hidden]) > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-inline-library-btn {
        top: -1px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE INLINE DRAWER BUTTON V60 END === */

/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V62 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 56px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE SEARCH CLEARANCE V62 END === */

/* === PAXOR MOBILE MUSIC AUTH POSITION LOCK V63 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active[data-user-id]:not([data-user-id=""]),
    html.paxor-mobile-ui body[data-user-id]:not([data-user-id=""]):has(.music-shell),
    html body.paxor-music-active[data-user-id]:not([data-user-id=""]),
    html body[data-user-id]:not([data-user-id=""]):has(.music-shell) {
        --paxor-mobile-top-nav-height: 52px !important;
        padding-top: 52px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active[data-user-id]:not([data-user-id=""]) > nav:not(.paxor-mobile-bottom-nav),
    html.paxor-mobile-ui body[data-user-id]:not([data-user-id=""]):has(.music-shell) > nav:not(.paxor-mobile-bottom-nav),
    html body.paxor-music-active[data-user-id]:not([data-user-id=""]) > nav:not(.paxor-mobile-bottom-nav),
    html body[data-user-id]:not([data-user-id=""]):has(.music-shell) > nav:not(.paxor-mobile-bottom-nav) {
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        align-items: center !important;
        overflow: visible !important;
    }

    html.paxor-mobile-ui body.paxor-music-active[data-user-id]:not([data-user-id=""]) > .main-content,
    html.paxor-mobile-ui body[data-user-id]:not([data-user-id=""]):has(.music-shell) > .main-content,
    html body.paxor-music-active[data-user-id]:not([data-user-id=""]) > .main-content,
    html body[data-user-id]:not([data-user-id=""]):has(.music-shell) > .main-content {
        position: fixed !important;
        top: 52px !important;
        right: 0 !important;
        bottom: var(--paxor-mobile-chrome-clearance, 124px) !important;
        left: 0 !important;
        width: 100vw !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active[data-user-id]:not([data-user-id=""]) .music-shell,
    html.paxor-mobile-ui body[data-user-id]:not([data-user-id=""]):has(.music-shell) .music-shell,
    html body.paxor-music-active[data-user-id]:not([data-user-id=""]) .music-shell,
    html body[data-user-id]:not([data-user-id=""]):has(.music-shell) .music-shell {
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        margin-top: 0 !important;
        transform: none !important;
    }
}
/* === PAXOR MOBILE MUSIC AUTH POSITION LOCK V63 END === */

/* === PAXOR MOBILE MUSIC VIEWPORT LOCK V64 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui .music-shell,
    html .music-shell {
        position: fixed !important;
        top: 52px !important;
        right: 0 !important;
        bottom: var(--paxor-mobile-chrome-clearance, 124px) !important;
        left: 0 !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui .music-shell .music-main,
    html .music-shell .music-main {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui .music-shell .music-scroll-area,
    html .music-shell .music-scroll-area {
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}
/* === PAXOR MOBILE MUSIC VIEWPORT LOCK V64 END === */

/* === PAXOR MOBILE MUSIC VIEWPORT LOCK V65 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell,
    html.paxor-mobile-ui body:has(.music-shell) .music-shell,
    html.paxor-mobile-ui body.paxor-music-active[data-user-id]:not([data-user-id=""]) .music-shell,
    html.paxor-mobile-ui body[data-user-id]:not([data-user-id=""]):has(.music-shell) .music-shell,
    html body.paxor-music-active .music-shell,
    html body:has(.music-shell) .music-shell,
    html body.paxor-music-active[data-user-id]:not([data-user-id=""]) .music-shell,
    html body[data-user-id]:not([data-user-id=""]):has(.music-shell) .music-shell {
        position: fixed !important;
        top: 52px !important;
        right: 0 !important;
        bottom: var(--paxor-mobile-chrome-clearance, 124px) !important;
        left: 0 !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main,
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main,
    html body.paxor-music-active .music-shell .music-main,
    html body:has(.music-shell) .music-shell .music-main {
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 56px !important;
    }
}
/* === PAXOR MOBILE MUSIC VIEWPORT LOCK V65 END === */

/* === PAXOR MOBILE MUSIC SEARCH POSITION V66 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 50px !important;
    }
}
/* === PAXOR MOBILE MUSIC SEARCH POSITION V66 END === */

/* === PAXOR MOBILE MUSIC SEARCH POSITION V67 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 24px !important;
    }
}
/* === PAXOR MOBILE MUSIC SEARCH POSITION V67 END === */

/* === PAXOR MOBILE MUSIC SEARCH POSITION V68 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 10px !important;
    }
}
/* === PAXOR MOBILE MUSIC SEARCH POSITION V68 END === */

/* === PAXOR MOBILE MUSIC SEARCH POSITION V69 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html.paxor-mobile-ui body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body.paxor-music-active .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])),
    html body:has(.music-shell) .music-shell .music-main .music-scroll-area:has(#music-library-view:not([hidden])) {
        padding-top: 0 !important;
    }
}
/* === PAXOR MOBILE MUSIC SEARCH POSITION V69 END === */


/* === PAXOR MOBILE TRACK PAGE PLAYER V72 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body:has(.music-mobile-track-page) #music-player.paxor-global-player,
    html.paxor-mobile-ui body:has(.music-mobile-track-page) footer#music-player.paxor-global-player,
    html body:has(.music-mobile-track-page) #music-player.paxor-global-player,
    html body:has(.music-mobile-track-page) footer#music-player.paxor-global-player,
    html.paxor-mobile-ui body:has(.music-public-page[data-track-accent]) #music-player.paxor-global-player,
    html.paxor-mobile-ui body:has(.music-public-page[data-track-accent]) footer#music-player.paxor-global-player,
    html body:has(.music-public-page[data-track-accent]) #music-player.paxor-global-player,
    html body:has(.music-public-page[data-track-accent]) footer#music-player.paxor-global-player {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
    }

    html.paxor-mobile-ui body:has(.music-mobile-track-page),
    html body:has(.music-mobile-track-page),
    html.paxor-mobile-ui body:has(.music-public-page[data-track-accent]),
    html body:has(.music-public-page[data-track-accent]) {
        padding-bottom: calc(var(--paxor-mobile-bottom-nav-height, 64px) + env(safe-area-inset-bottom, 0px) + 8px) !important;
    }
}
/* === PAXOR MOBILE TRACK PAGE PLAYER V72 END === */


/* === PAXOR MOBILE GLOBAL PLAYER SEEK V74 START === */
@media (max-width: 760px) {
    :root {
        --paxor-mobile-player-height: 72px;
        --paxor-mobile-player-progress-height: 14px;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) {
        padding-bottom: calc(
            var(--paxor-mobile-player-height, 72px)
            + var(--paxor-mobile-bottom-nav-height, 64px)
            + var(--paxor-mobile-safe-bottom, env(safe-area-inset-bottom, 0px))
            + 8px
        ) !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player.paxor-global-player,
    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) footer#music-player.paxor-global-player {
        bottom: calc(var(--paxor-mobile-bottom-nav-height, 64px) + var(--paxor-mobile-safe-bottom, env(safe-area-inset-bottom, 0px))) !important;
        height: var(--paxor-mobile-player-height, 72px) !important;
        min-height: var(--paxor-mobile-player-height, 72px) !important;
        max-height: var(--paxor-mobile-player-height, 72px) !important;
        grid-template-columns: minmax(0, 1fr) 46px !important;
        grid-template-rows: minmax(0, 56px) var(--paxor-mobile-player-progress-height, 14px) !important;
        align-items: center !important;
        gap: 0 6px !important;
        padding: 6px 8px 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-player-track {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        touch-action: manipulation !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-player-cover {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        border-radius: 7px !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        touch-action: manipulation !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-player-copy,
    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-player-title,
    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-player-artist {
        pointer-events: auto !important;
        cursor: pointer !important;
        touch-action: manipulation !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-player-title {
        font-size: 13px !important;
        line-height: 1.2 !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-player-artist {
        font-size: 11px !important;
        line-height: 1.12 !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-player-center {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-play-toggle,
    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-play-toggle {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-progress-row {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 1 !important;
        width: 100% !important;
        height: var(--paxor-mobile-player-progress-height, 14px) !important;
        min-height: var(--paxor-mobile-player-progress-height, 14px) !important;
        max-height: var(--paxor-mobile-player-progress-height, 14px) !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 0 !important;
        padding: 0 2px 3px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        pointer-events: auto !important;
        background: transparent !important;
        border: 0 !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-progress-row > span,
    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-current-time,
    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-duration,
    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-progress-row .music-range-tooltip {
        display: none !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-progress-wrap {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: 14px !important;
        min-height: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        background: transparent !important;
        pointer-events: auto !important;
        touch-action: pan-x !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-webkit-slider-runnable-track {
        height: 3px !important;
        border-radius: 999px !important;
        background: linear-gradient(90deg, #20d9ff 0%, #20d9ff var(--range-progress, 0%), rgba(255,255,255,.22) var(--range-progress, 0%), rgba(255,255,255,.22) 100%) !important;
        box-shadow: 0 0 8px rgba(32, 217, 255, .18) !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        width: 16px !important;
        height: 16px !important;
        margin-top: -6.5px !important;
        border-radius: 50% !important;
        border: 2px solid rgba(255,255,255,.95) !important;
        background: #20d9ff !important;
        box-shadow: 0 0 10px rgba(32, 217, 255, .42) !important;
    }
}
/* === PAXOR MOBILE GLOBAL PLAYER SEEK V74 END === */



/* === PAXOR MOBILE TRACK PAGE HIDE GLOBAL PLAYER V74 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.music-mobile-track-page #music-player.paxor-global-player,
    html.paxor-mobile-ui body.music-mobile-track-page footer#music-player.paxor-global-player,
    html.paxor-mobile-ui body.music-track-detail-page #music-player.paxor-global-player,
    html.paxor-mobile-ui body.music-track-detail-page footer#music-player.paxor-global-player,
    html body.music-mobile-track-page #music-player.paxor-global-player,
    html body.music-mobile-track-page footer#music-player.paxor-global-player,
    html body.music-track-detail-page #music-player.paxor-global-player,
    html body.music-track-detail-page footer#music-player.paxor-global-player,
    html.paxor-mobile-ui body:has(.music-public-page[data-track-accent]) #music-player.paxor-global-player,
    html.paxor-mobile-ui body:has(.music-public-page[data-track-accent]) footer#music-player.paxor-global-player {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
    }

    html.paxor-mobile-ui body.music-mobile-track-page,
    html.paxor-mobile-ui body.music-track-detail-page,
    html body.music-mobile-track-page,
    html body.music-track-detail-page,
    html.paxor-mobile-ui body:has(.music-public-page[data-track-accent]) {
        padding-bottom: calc(var(--paxor-mobile-bottom-nav-height, 64px) + env(safe-area-inset-bottom, 0px) + 8px) !important;
    }
}
/* === PAXOR MOBILE TRACK PAGE HIDE GLOBAL PLAYER V74 END === */


/* === PAXOR MOBILE TRACK PAGE TOPBAR + THIN PLAYER LINE V75 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.music-track-detail-page,
    html.paxor-mobile-ui body.music-mobile-track-page,
    html body.music-track-detail-page,
    html body.music-mobile-track-page {
        --paxor-mobile-chrome-clearance: calc(
            var(--paxor-mobile-bottom-nav-height, 64px)
            + var(--paxor-mobile-safe-bottom, env(safe-area-inset-bottom, 0px))
            + 4px
        ) !important;
        padding-bottom: calc(
            var(--paxor-mobile-bottom-nav-height, 64px)
            + var(--paxor-mobile-safe-bottom, env(safe-area-inset-bottom, 0px))
            + 4px
        ) !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-shell .music-main .music-topbar,
    html.paxor-mobile-ui body.music-mobile-track-page .music-shell .music-main .music-topbar,
    html body.music-track-detail-page .music-shell .music-main .music-topbar,
    html body.music-mobile-track-page .music-shell .music-main .music-topbar {
        position: relative !important;
        z-index: 34 !important;
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        align-items: center !important;
        justify-content: stretch !important;
        gap: 6px !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        margin: 0 !important;
        padding: 4px 6px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-mobile-topbar-title,
    html.paxor-mobile-ui body.music-mobile-track-page .music-mobile-topbar-title,
    html body.music-track-detail-page .music-mobile-topbar-title,
    html body.music-mobile-track-page .music-mobile-topbar-title {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-topbar .music-search-shell,
    html.paxor-mobile-ui body.music-mobile-track-page .music-topbar .music-search-shell,
    html body.music-track-detail-page .music-topbar .music-search-shell,
    html body.music-mobile-track-page .music-topbar .music-search-shell {
        position: relative !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        grid-column: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        inset: auto !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        pointer-events: auto !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-topbar .music-search-shell::before,
    html.paxor-mobile-ui body.music-track-detail-page .music-topbar .music-search-shell::after,
    html.paxor-mobile-ui body.music-mobile-track-page .music-topbar .music-search-shell::before,
    html.paxor-mobile-ui body.music-mobile-track-page .music-topbar .music-search-shell::after,
    html body.music-track-detail-page .music-topbar .music-search-shell::before,
    html body.music-track-detail-page .music-topbar .music-search-shell::after,
    html body.music-mobile-track-page .music-topbar .music-search-shell::before,
    html body.music-mobile-track-page .music-topbar .music-search-shell::after {
        display: none !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-topbar .music-search,
    html.paxor-mobile-ui body.music-mobile-track-page .music-topbar .music-search,
    html body.music-track-detail-page .music-topbar .music-search,
    html body.music-mobile-track-page .music-topbar .music-search {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
        grid-template-columns: 18px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 7px !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        border: 1px solid rgba(32, 217, 255, 0.42) !important;
        border-radius: 11px !important;
        background:
            linear-gradient(90deg, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.18) 54%, rgba(0, 0, 0, 0.08)),
            linear-gradient(180deg, rgba(3, 125, 156, 0.28), rgba(4, 22, 32, 0.78)) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 12px rgba(3, 125, 156, 0.18) !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-topbar .music-search i,
    html.paxor-mobile-ui body.music-mobile-track-page .music-topbar .music-search i,
    html body.music-track-detail-page .music-topbar .music-search i,
    html body.music-mobile-track-page .music-topbar .music-search i {
        display: inline-flex !important;
        color: rgba(221, 246, 255, 0.84) !important;
        font-size: 14px !important;
        line-height: 1 !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-topbar .music-search input,
    html.paxor-mobile-ui body.music-mobile-track-page .music-topbar .music-search input,
    html body.music-track-detail-page .music-topbar .music-search input,
    html body.music-mobile-track-page .music-topbar .music-search input {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 36px !important;
        padding: 0 !important;
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        color: rgba(245, 251, 255, 0.96) !important;
        font-size: 13px !important;
        line-height: 36px !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-topbar > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-track-topbar-btn,
    html.paxor-mobile-ui body.music-mobile-track-page .music-topbar > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-track-topbar-btn,
    html body.music-track-detail-page .music-topbar > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-track-topbar-btn,
    html body.music-mobile-track-page .music-topbar > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-track-topbar-btn {
        position: relative !important;
        inset: auto !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        grid-column: 1 !important;
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        z-index: 36 !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-shell .music-main .music-scroll-area,
    html.paxor-mobile-ui body.music-mobile-track-page .music-shell .music-main .music-scroll-area,
    html body.music-track-detail-page .music-shell .music-main .music-scroll-area,
    html body.music-mobile-track-page .music-shell .music-main .music-scroll-area {
        padding-top: 2px !important;
        padding-bottom: 10px !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page #music-detail-view,
    html.paxor-mobile-ui body.music-mobile-track-page #music-detail-view,
    html body.music-track-detail-page #music-detail-view,
    html body.music-mobile-track-page #music-detail-view {
        padding-bottom: 10px !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-progress-row,
    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-progress-wrap,
    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress {
        pointer-events: none !important;
        touch-action: none !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-progress-row {
        height: 9px !important;
        min-height: 9px !important;
        max-height: 9px !important;
        padding: 0 4px 4px !important;
        overflow: hidden !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress {
        height: 8px !important;
        min-height: 8px !important;
        max-height: 8px !important;
        cursor: default !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-webkit-slider-runnable-track {
        height: 2px !important;
        border-radius: 999px !important;
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.96) 0%,
            rgba(255, 255, 255, 0.96) var(--range-progress, 0%),
            rgba(255, 255, 255, 0.20) var(--range-progress, 0%),
            rgba(255, 255, 255, 0.20) 100%
        ) !important;
        box-shadow: none !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        appearance: none !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 0 !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-moz-range-track {
        height: 2px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.20) !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-moz-range-progress {
        height: 2px !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.96) !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-moz-range-thumb {
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 0 !important;
    }
}
/* === PAXOR MOBILE TRACK PAGE TOPBAR + THIN PLAYER LINE V75 END === */


/* === PAXOR MOBILE TRACK SEARCH FLOW + FULL PLAYER LINE V76 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body.music-track-detail-page .music-shell .music-main .music-topbar,
    html.paxor-mobile-ui body.music-mobile-track-page .music-shell .music-main .music-topbar,
    html body.music-track-detail-page .music-shell .music-main .music-topbar,
    html body.music-mobile-track-page .music-shell .music-main .music-topbar {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-shell .music-main .music-scroll-area,
    html.paxor-mobile-ui body.music-mobile-track-page .music-shell .music-main .music-scroll-area,
    html body.music-track-detail-page .music-shell .music-main .music-scroll-area,
    html body.music-mobile-track-page .music-shell .music-main .music-scroll-area {
        padding-top: 0 !important;
        padding-bottom: 8px !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page #music-detail-view,
    html.paxor-mobile-ui body.music-mobile-track-page #music-detail-view,
    html body.music-track-detail-page #music-detail-view,
    html body.music-mobile-track-page #music-detail-view {
        padding-top: 0 !important;
        padding-bottom: 8px !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-mobile-track-search-row,
    html.paxor-mobile-ui body.music-mobile-track-page .music-mobile-track-search-row,
    html body.music-track-detail-page .music-mobile-track-search-row,
    html body.music-mobile-track-page .music-mobile-track-search-row {
        position: relative !important;
        z-index: 34 !important;
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 6px !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 40px !important;
        margin: 0 0 4px !important;
        padding: 1px 6px 0 !important;
        box-sizing: border-box !important;
        background: transparent !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-mobile-track-search-row .music-search-shell,
    html.paxor-mobile-ui body.music-mobile-track-page .music-mobile-track-search-row .music-search-shell,
    html body.music-track-detail-page .music-mobile-track-search-row .music-search-shell,
    html body.music-mobile-track-page .music-mobile-track-search-row .music-search-shell {
        position: relative !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        inset: auto !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        pointer-events: auto !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-mobile-track-search-row .music-search-shell::before,
    html.paxor-mobile-ui body.music-track-detail-page .music-mobile-track-search-row .music-search-shell::after,
    html.paxor-mobile-ui body.music-mobile-track-page .music-mobile-track-search-row .music-search-shell::before,
    html.paxor-mobile-ui body.music-mobile-track-page .music-mobile-track-search-row .music-search-shell::after,
    html body.music-track-detail-page .music-mobile-track-search-row .music-search-shell::before,
    html body.music-track-detail-page .music-mobile-track-search-row .music-search-shell::after,
    html body.music-mobile-track-page .music-mobile-track-search-row .music-search-shell::before,
    html body.music-mobile-track-page .music-mobile-track-search-row .music-search-shell::after {
        display: none !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-mobile-track-search-row .music-search,
    html.paxor-mobile-ui body.music-mobile-track-page .music-mobile-track-search-row .music-search,
    html body.music-track-detail-page .music-mobile-track-search-row .music-search,
    html body.music-mobile-track-page .music-mobile-track-search-row .music-search {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
        grid-template-columns: 18px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 7px !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        border: 1px solid rgba(32, 217, 255, 0.42) !important;
        border-radius: 11px !important;
        background:
            linear-gradient(90deg, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.18) 54%, rgba(0, 0, 0, 0.08)),
            linear-gradient(180deg, rgba(3, 125, 156, 0.28), rgba(4, 22, 32, 0.78)) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 12px rgba(3, 125, 156, 0.18) !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-mobile-track-search-row .music-search input,
    html.paxor-mobile-ui body.music-mobile-track-page .music-mobile-track-search-row .music-search input,
    html body.music-track-detail-page .music-mobile-track-search-row .music-search input,
    html body.music-mobile-track-page .music-mobile-track-search-row .music-search input {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 36px !important;
        padding: 0 !important;
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        color: rgba(245, 251, 255, 0.96) !important;
        font-size: 13px !important;
        line-height: 36px !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-mobile-track-search-row > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-track-drawer-btn,
    html.paxor-mobile-ui body.music-mobile-track-page .music-mobile-track-search-row > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-track-drawer-btn,
    html body.music-track-detail-page .music-mobile-track-search-row > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-track-drawer-btn,
    html body.music-mobile-track-page .music-mobile-track-search-row > #music-mobile-library.paxor-music-mobile-library-btn.music-mobile-track-drawer-btn {
        position: relative !important;
        inset: auto !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        z-index: 36 !important;
        pointer-events: auto !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-track-detail-hero,
    html.paxor-mobile-ui body.music-mobile-track-page .music-track-detail-hero,
    html body.music-track-detail-page .music-track-detail-hero,
    html body.music-mobile-track-page .music-track-detail-hero {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player.paxor-global-player,
    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) footer#music-player.paxor-global-player {
        position: fixed !important;
        overflow: hidden !important;
        grid-template-rows: minmax(0, 1fr) !important;
        padding-bottom: 10px !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-player-center {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-player-controls {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-player-controls > :not(.music-play-toggle):not(#music-play-toggle) {
        display: none !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-progress-row {
        position: absolute !important;
        left: 8px !important;
        right: 8px !important;
        bottom: 4px !important;
        z-index: 6 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        height: 6px !important;
        min-height: 6px !important;
        max-height: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: transparent !important;
        border: 0 !important;
        pointer-events: none !important;
        touch-action: none !important;
        transform: none !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-progress-wrap {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 6px !important;
        min-height: 6px !important;
        max-height: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        min-width: 100% !important;
        height: 6px !important;
        min-height: 6px !important;
        max-height: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        background: transparent !important;
        pointer-events: none !important;
        touch-action: none !important;
        cursor: default !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-webkit-slider-runnable-track {
        width: 100% !important;
        height: 2px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.96) 0%,
            rgba(255, 255, 255, 0.96) var(--range-progress, 0%),
            rgba(255, 255, 255, 0.36) var(--range-progress, 0%),
            rgba(255, 255, 255, 0.36) 100%
        ) !important;
        box-shadow: none !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        appearance: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 0 !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-moz-range-track {
        width: 100% !important;
        height: 2px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.36) !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-moz-range-progress {
        height: 2px !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.96) !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-moz-range-thumb {
        width: 0 !important;
        height: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 0 !important;
    }
}
/* === PAXOR MOBILE TRACK SEARCH FLOW + FULL PLAYER LINE V76 END === */


/* === PAXOR MOBILE PLAYER LINE NFT BADGES AUTH LAYER V77 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-progress-row {
        position: fixed !important;
        left: 8px !important;
        right: 8px !important;
        bottom: calc(
            var(--paxor-mobile-bottom-nav-height, 64px)
            + var(--paxor-mobile-safe-bottom, env(safe-area-inset-bottom, 0px))
            + 4px
        ) !important;
        z-index: 1905 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 6px !important;
        min-height: 6px !important;
        max-height: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        pointer-events: none !important;
        transform: none !important;
        background: transparent !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-progress-wrap {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 6px !important;
        min-height: 6px !important;
        max-height: 6px !important;
        overflow: visible !important;
        pointer-events: none !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 6px !important;
        min-height: 6px !important;
        max-height: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        pointer-events: none !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-webkit-slider-runnable-track {
        width: 100% !important;
        height: 2px !important;
        border-radius: 999px !important;
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.98) 0%,
            rgba(255, 255, 255, 0.98) var(--range-progress, 0%),
            rgba(255, 255, 255, 0.42) var(--range-progress, 0%),
            rgba(255, 255, 255, 0.42) 100%
        ) !important;
        box-shadow: 0 0 5px rgba(255, 255, 255, 0.18) !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        appearance: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 0 !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-moz-range-track {
        width: 100% !important;
        height: 2px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.42) !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-moz-range-progress {
        height: 2px !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.98) !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-moz-range-thumb {
        width: 0 !important;
        height: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 0 !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-track-detail-hero .music-track-verified-row,
    html.paxor-mobile-ui body.music-mobile-track-page .music-track-detail-hero .music-track-verified-row,
    html body.music-track-detail-page .music-track-detail-hero .music-track-verified-row,
    html body.music-mobile-track-page .music-track-detail-hero .music-track-verified-row {
        width: min(310px, 100%) !important;
        margin: 2px auto 12px !important;
        gap: 7px !important;
        justify-content: center !important;
        color: #31d86b !important;
        font-size: 13px !important;
        line-height: 1.05 !important;
        font-weight: 950 !important;
        opacity: 1 !important;
        white-space: nowrap !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-track-detail-hero .music-inline-nft-icon,
    html.paxor-mobile-ui body.music-mobile-track-page .music-track-detail-hero .music-inline-nft-icon,
    html body.music-track-detail-page .music-track-detail-hero .music-inline-nft-icon,
    html body.music-mobile-track-page .music-track-detail-hero .music-inline-nft-icon {
        width: 58px !important;
        height: 29px !important;
        object-fit: contain !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-track-detail-hero .music-track-verified-row i,
    html.paxor-mobile-ui body.music-mobile-track-page .music-track-detail-hero .music-track-verified-row i,
    html body.music-track-detail-page .music-track-detail-hero .music-track-verified-row i,
    html body.music-mobile-track-page .music-track-detail-hero .music-track-verified-row i {
        font-size: 19px !important;
        line-height: 1 !important;
        color: #31d86b !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-track-detail-hero .music-track-nft-badge,
    html.paxor-mobile-ui body.music-mobile-track-page .music-track-detail-hero .music-track-nft-badge,
    html body.music-track-detail-page .music-track-detail-hero .music-track-nft-badge,
    html body.music-mobile-track-page .music-track-detail-hero .music-track-nft-badge {
        width: 104px !important;
        height: 52px !important;
        left: 12px !important;
        bottom: 12px !important;
        border-radius: 14px !important;
    }

    html.paxor-mobile-ui body.music-track-detail-page .music-track-detail-hero .music-track-nft-badge img,
    html.paxor-mobile-ui body.music-mobile-track-page .music-track-detail-hero .music-track-nft-badge img,
    html body.music-track-detail-page .music-track-detail-hero .music-track-nft-badge img,
    html body.music-mobile-track-page .music-track-detail-hero .music-track-nft-badge img {
        width: 88px !important;
        height: 42px !important;
        object-fit: contain !important;
    }

    html.paxor-mobile-ui body:has(.music-shell) #account-button,
    html.paxor-mobile-ui body:has(.music-shell) .nav-account,
    html.paxor-mobile-ui body:has(.music-shell) #account-menu.account-menu {
        position: relative !important;
        z-index: 2147482000 !important;
        pointer-events: auto !important;
    }

    html.paxor-mobile-ui body:has(.music-shell) #account-menu.account-menu.open {
        z-index: 2147482000 !important;
        pointer-events: auto !important;
    }

    html.paxor-mobile-ui body #paxor-auth-modal.paxor-auth-modal,
    html.paxor-mobile-ui body #paxor-auth-modal.paxor-auth-modal.show {
        z-index: 2147483000 !important;
        pointer-events: auto !important;
    }

    html.paxor-mobile-ui body #paxor-auth-modal.paxor-auth-modal.show .paxor-auth-modal-card {
        pointer-events: auto !important;
    }
}
/* === PAXOR MOBILE PLAYER LINE NFT BADGES AUTH LAYER V77 END === */


/* === PAXOR MOBILE ACCOUNT NAV LAYER V78 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body:has(.music-shell) > nav,
    html.paxor-mobile-ui body:has(.music-shell) .navbar,
    html.paxor-mobile-ui body:has(.music-shell) .top-nav {
        z-index: 2147481000 !important;
        pointer-events: auto !important;
    }
}
/* === PAXOR MOBILE ACCOUNT NAV LAYER V78 END === */


/* === PAXOR MOBILE PLAYER BOUNDARY PROGRESS V79 START === */
@media (max-width: 760px) {
    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-progress-row {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: calc(
            var(--paxor-mobile-bottom-nav-height, 64px)
            + var(--paxor-mobile-safe-bottom, env(safe-area-inset-bottom, 0px))
            - 2px
        ) !important;
        z-index: 2147480000 !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 9px !important;
        min-height: 9px !important;
        max-height: 9px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
        background: transparent !important;
        pointer-events: none !important;
        transform: none !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player .music-progress-wrap {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 9px !important;
        min-height: 9px !important;
        max-height: 9px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        pointer-events: none !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 9px !important;
        min-height: 9px !important;
        max-height: 9px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        background: transparent !important;
        pointer-events: none !important;
        touch-action: none !important;
        cursor: default !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-webkit-slider-runnable-track {
        width: 100vw !important;
        height: 5px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 1) var(--range-progress, 0%),
            rgba(255, 255, 255, 0.32) var(--range-progress, 0%),
            rgba(255, 255, 255, 0.32) 100%
        ) !important;
        box-shadow: 0 0 7px rgba(255, 255, 255, 0.22) !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        appearance: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 0 !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-moz-range-track {
        width: 100vw !important;
        height: 5px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.32) !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-moz-range-progress {
        height: 5px !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 1) !important;
    }

    html.paxor-mobile-ui body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player #music-progress::-moz-range-thumb {
        width: 0 !important;
        height: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 0 !important;
    }
}
/* === PAXOR MOBILE PLAYER BOUNDARY PROGRESS V79 END === */


/* === PAXOR MOBILE PLAYER BOUNDARY PROGRESS V80 START === */
@media (max-width: 760px) {

    html body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player {
        overflow: visible !important;
    }

    html body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player .music-player-center {
        overflow: visible !important;
    }

    html body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player.paxor-global-player .music-progress-row {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: calc(
            var(--paxor-mobile-bottom-nav-height, 64px)
            + var(--paxor-mobile-safe-bottom, env(safe-area-inset-bottom, 0px))
            - 2px
        ) !important;
        z-index: 2147480000 !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 4px !important;
        min-height: 4px !important;
        max-height: 4px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
        pointer-events: none !important;
        background: transparent !important;
    }

    html body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player.paxor-global-player .music-progress-wrap {
        position: static !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 4px !important;
        min-height: 4px !important;
        max-height: 4px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        pointer-events: none !important;
    }

    html body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player.paxor-global-player .music-progress-wrap::before {
        content: "" !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: calc(
            var(--paxor-mobile-bottom-nav-height, 64px)
            + var(--paxor-mobile-safe-bottom, env(safe-area-inset-bottom, 0px))
            - 2px
        ) !important;
        z-index: 2147480001 !important;
        width: 100vw !important;
        height: 4px !important;
        border-radius: 0 !important;
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 1) var(--range-progress, 0%),
            rgba(255, 255, 255, 0.34) var(--range-progress, 0%),
            rgba(255, 255, 255, 0.34) 100%
        ) !important;
        box-shadow: 0 0 5px rgba(255, 255, 255, 0.18) !important;
        pointer-events: none !important;
    }

    html body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent])) #music-player.paxor-global-player #music-progress {
        opacity: 0 !important;
        visibility: hidden !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 4px !important;
        min-height: 4px !important;
        max-height: 4px !important;
        pointer-events: none !important;
    }

    html.paxor-mobile-ui body .nav-account,
    html.paxor-mobile-ui body #account-button {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    html.paxor-mobile-ui body #account-button:has(> img.account-avatar[src*="account.png"])::before,
    html.paxor-mobile-ui body #account-button:has(> img.account-avatar[src*="account2.png"])::before {
        content: none !important;
        display: none !important;
    }

    html.paxor-mobile-ui body #account-button:has(> img.account-avatar[src*="account.png"]) > img.account-avatar,
    html.paxor-mobile-ui body #account-button:has(> img.account-avatar[src*="account2.png"]) > img.account-avatar,
    html.paxor-mobile-ui body #account-button > img.account-avatar[src*="account.png"],
    html.paxor-mobile-ui body #account-button > img.account-avatar[src*="account2.png"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 31px !important;
        height: 31px !important;
        min-width: 31px !important;
        min-height: 31px !important;
        max-width: 31px !important;
        max-height: 31px !important;
        flex: 0 0 31px !important;
        object-fit: contain !important;
        object-position: center !important;
    }
}
/* === PAXOR MOBILE PLAYER BOUNDARY PROGRESS V80 END === */

/* =========================================================
   PAXOR MUSIC — ANDROID MOBILE-UI ACCOUNT ICON V81
   Visibility only. No positioning/layout changes.
   ========================================================= */

html.paxor-mobile-ui body:has(.music-shell) .nav-account,
html.paxor-mobile-ui body:has(.music-shell) #account-button {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}


/* For default Paxor account icon:
   use the real IMG also when WebView viewport
   does not match max-width:760px. */

html.paxor-mobile-ui body:has(.music-shell)
#account-button:has(> img.account-avatar[src*="account.png"])::before,

html.paxor-mobile-ui body:has(.music-shell)
#account-button:has(> img.account-avatar[src*="account2.png"])::before {
    content: none !important;
    display: none !important;
}


html.paxor-mobile-ui body:has(.music-shell)
#account-button > img.account-avatar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    min-height: 31px !important;
    max-width: 31px !important;
    max-height: 31px !important;

    object-fit: contain !important;
    object-position: center !important;
}

/* === PAXOR MUSIC — ANDROID MOBILE-UI ACCOUNT ICON V81 END === */



/* =========================================================
   PAXOR MOBILE ACCOUNT ICON — CANONICAL V82
   Restore the new outline account icon.
   Real user avatars are untouched.
   ========================================================= */

html.paxor-mobile-ui body:not(:has(.music-shell))
#account-button:has(> img.account-avatar[src*="account.png"])
> img.account-avatar,

html.paxor-mobile-ui body:not(:has(.music-shell))
#account-button:has(> img.account-avatar[src*="account2.png"])
> img.account-avatar {
    display: none !important;
}


html.paxor-mobile-ui body:not(:has(.music-shell))
#account-button:has(> img.account-avatar[src*="account.png"])::before,

html.paxor-mobile-ui body:not(:has(.music-shell))
#account-button:has(> img.account-avatar[src*="account2.png"])::before {
    content: "" !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 26px !important;
    height: 25px !important;
    min-width: 26px !important;
    min-height: 25px !important;
    flex: 0 0 26px !important;

    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}

/* === PAXOR MOBILE ACCOUNT ICON — CANONICAL V82 END === */


/* === PAXOR MOBILE PLAYING PLAYER COMPACT V82 START === */
@media (max-width: 760px) {

    html.paxor-mobile-ui
    body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player.has-track,

    html
    body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player.has-track {

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

        grid-template-rows: minmax(0, 1fr) !important;

        padding: 2px 8px !important;

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


    html.paxor-mobile-ui
    body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player.has-track .music-player-track,

    html
    body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player.has-track .music-player-track {

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


    html.paxor-mobile-ui
    body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player.has-track .music-player-center,

    html
    body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player.has-track .music-player-center {

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


    html.paxor-mobile-ui
    body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player.has-track .music-player-controls,

    html
    body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player.has-track .music-player-controls {

        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
    }


    html.paxor-mobile-ui
    body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player.has-track .music-progress-row,

    html
    body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player.has-track .music-progress-row {

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

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


    html.paxor-mobile-ui
    body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player.has-track .music-progress-wrap::before,

    html
    body:not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player.has-track .music-progress-wrap::before {

        height: 3px !important;
    }


    html.paxor-mobile-ui:has(#music-player.paxor-global-player.has-track) {
        --paxor-mobile-player-height: 58px !important;
        --paxor-player-height: 58px !important;
    }
}
/* === PAXOR MOBILE PLAYING PLAYER COMPACT V82 END === */


/* === PAXOR GLOBAL EQUALIZER UNIFIED MOBILE V83 START === */

#music-player .music-global-equalizer {
    position: absolute !important;
    left: 0 !important;
    top: 9px !important;

    width: 14px !important;
    height: 16px !important;

    display: none !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 2px !important;

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

    transform: none !important;
    pointer-events: none !important;
    z-index: 5 !important;
}

#music-player .music-global-equalizer.playing {
    display: flex !important;
}

#music-player .music-global-equalizer b {
    display: block !important;

    width: 3px !important;
    min-width: 3px !important;

    border-radius: 999px !important;
    background: #20d9ff !important;

    transform-origin: bottom center !important;

    animation:
        paxor-global-eq-v83
        .62s
        ease-in-out
        infinite
        alternate !important;
}

#music-player .music-global-equalizer b:nth-child(1) {
    height: 7px !important;
    animation-delay: -.20s !important;
}

#music-player .music-global-equalizer b:nth-child(2) {
    height: 15px !important;
    animation-delay: -.42s !important;
}

#music-player .music-global-equalizer b:nth-child(3) {
    height: 10px !important;
    animation-delay: -.10s !important;
}

@keyframes paxor-global-eq-v83 {
    from {
        transform: scaleY(.38);
        opacity: .70;
    }

    to {
        transform: scaleY(1);
        opacity: 1;
    }
}

@media (max-width: 760px) {

    #music-player.paxor-global-player.has-track .music-player-copy {
        position: relative !important;

        display: flex !important;
        flex-direction: column !important;

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

        min-width: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        margin: 0 !important;

        text-align: left !important;
        transform: none !important;
    }

    #music-player.paxor-global-player.has-track
    .music-player-copy.has-playing-equalizer {
        padding-left: 20px !important;
    }

    #music-player.paxor-global-player.has-track #music-player-title,
    #music-player.paxor-global-player.has-track #music-player-artist {
        position: static !important;

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

        display: block !important;

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

        align-self: stretch !important;

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

        text-align: left !important;
        transform: none !important;

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

    #music-player.paxor-global-player.has-track .music-global-equalizer {
        left: 0 !important;
        top: 9px !important;

        width: 14px !important;
        height: 16px !important;

        transform: none !important;
    }
}

#music-player.paxor-global-player:not(.has-track) .music-global-equalizer {
    display: none !important;
}

/* === PAXOR GLOBAL EQUALIZER UNIFIED MOBILE V83 END === */


/* ============================================================
   PAXOR MUSIC — FINAL GLOBAL MOBILE UI SYNC
   progress + equalizer + account
   2026-08-25
   ============================================================ */

@media (max-width: 900px) {

    /* ========================================================
       1. GLOBAL PLAYER PROGRESS
       Do not depend on html.paxor-mobile-ui
       ======================================================== */

    body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-progress-row,

    body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-progress-row {

        position: fixed !important;

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

        bottom: calc(
            var(--paxor-mobile-bottom-nav-height, 64px)
            + var(--paxor-mobile-safe-bottom, env(safe-area-inset-bottom, 0px))
            - 2px
        ) !important;

        z-index: 2147480000 !important;

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

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

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

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

        overflow: visible !important;

        background: transparent !important;

        pointer-events: none !important;
    }


    body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-progress-wrap,

    body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-progress-wrap {

        position: static !important;

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

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

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

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

        overflow: visible !important;

        pointer-events: none !important;
    }


    body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-progress-wrap::before,

    body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-progress-wrap::before {

        content: "" !important;

        position: fixed !important;

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

        bottom: calc(
            var(--paxor-mobile-bottom-nav-height, 64px)
            + var(--paxor-mobile-safe-bottom, env(safe-area-inset-bottom, 0px))
            - 2px
        ) !important;

        z-index: 2147480001 !important;

        display: block !important;

        width: 100vw !important;
        height: 4px !important;

        border-radius: 0 !important;

        background: linear-gradient(
            90deg,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,1) var(--range-progress, 0%),
            rgba(255,255,255,.34) var(--range-progress, 0%),
            rgba(255,255,255,.34) 100%
        ) !important;

        box-shadow:
            0 0 5px rgba(255,255,255,.18) !important;

        pointer-events: none !important;
    }


    body.paxor-music-active
    #music-player.paxor-global-player.has-track
    #music-progress,

    body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    #music-progress {

        display: block !important;

        opacity: 0 !important;
        visibility: hidden !important;

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

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

        pointer-events: none !important;
    }


    /* ========================================================
       2. EQUALIZER — SAME AS GLOBAL PLAYER
       ======================================================== */

    body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-player-copy,

    body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-player-copy {

        position: relative !important;

        display: flex !important;
        flex-direction: column !important;

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

        gap: 3px !important;
        row-gap: 3px !important;

        text-align: left !important;

        transform: none !important;
    }


    body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-player-copy.has-playing-equalizer,

    body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-player-copy.has-playing-equalizer {

        padding-left: 20px !important;
    }


    body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-global-equalizer,

    body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-global-equalizer {

        position: absolute !important;

        left: 0 !important;
        top: 9px !important;

        width: 14px !important;
        height: 16px !important;

        gap: 2px !important;

        transform: none !important;

        pointer-events: none !important;

        z-index: 5 !important;
    }


    body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-global-equalizer b,

    body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-global-equalizer b {

        width: 3px !important;
        min-width: 3px !important;
    }


    body.paxor-music-active
    #music-player.paxor-global-player.has-track
    #music-player-title,

    body.paxor-music-active
    #music-player.paxor-global-player.has-track
    #music-player-artist,

    body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    #music-player-title,

    body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    #music-player-artist {

        position: static !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        text-align: left !important;

        justify-self: start !important;
    }


    /* ========================================================
       3. TOP ACCOUNT — KEEP IT BEFORE THREE DOTS
       ======================================================== */

    body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav),

    body:has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav) {

        overflow: visible !important;
    }


    body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav) > .menu-right,

    body:has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav) > .menu-right {

        display: flex !important;

        flex: 1 1 auto !important;
        flex-wrap: nowrap !important;

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

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

        overflow: visible !important;
    }


    body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav) .nav-account,

    body:has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav) .nav-account {

        display: flex !important;

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

        flex-shrink: 0 !important;

        position: relative !important;

        order: 50 !important;

        z-index: 2147482000 !important;

        pointer-events: auto !important;
    }


    body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav) #account-button,

    body:has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav) #account-button {

        display: grid !important;

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

        flex-shrink: 0 !important;

        pointer-events: auto !important;
    }


    body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav)
    #account-button > img.account-avatar,

    body:has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav)
    #account-button > img.account-avatar {

        display: block !important;

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


    body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav) .nav-more,

    body:has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav) .nav-more {

        flex-shrink: 0 !important;

        order: 60 !important;
    }

    /* ========================================================
       PAXOR MUSIC DEFAULT ACCOUNT ICON RESTORE V1
       Keep real avatar image.
       Standard account.png/account2.png uses ::before icon.
       ======================================================== */

    body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(> img.account-avatar[src*="account.png"])
    > img.account-avatar,

    body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(> img.account-avatar[src*="account2.png"])
    > img.account-avatar,

    body:has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(> img.account-avatar[src*="account.png"])
    > img.account-avatar,

    body:has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(> img.account-avatar[src*="account2.png"])
    > img.account-avatar {
        display: none !important;
    }


    body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(> img.account-avatar[src*="account.png"])::before,

    body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(> img.account-avatar[src*="account2.png"])::before,

    body:has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(> img.account-avatar[src*="account.png"])::before,

    body:has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(> img.account-avatar[src*="account2.png"])::before {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 29px !important;
        height: 26px !important;

        min-width: 29px !important;
        min-height: 26px !important;

        flex: 0 0 29px !important;

        background-color: currentColor !important;

        -webkit-mask-size: 29px 26px !important;
        mask-size: 29px 26px !important;

        -webkit-mask-position: center !important;
        mask-position: center !important;
    }

}

/* === PAXOR MUSIC FINAL GLOBAL MOBILE UI SYNC END === */


/* ============================================================
   PAXOR MUSIC — MOBILE LAST TWO FIXES V84
   progress 5px + stable account icon
   ============================================================ */

@media (max-width: 760px) {

    /* --------------------------------------------------------
       1. PAXOR MUSIC PROGRESS — SAME VISIBLE HEIGHT AS OTHERS
       -------------------------------------------------------- */

    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-progress-row,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-progress-row {

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

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-progress-wrap,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-progress-wrap {

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

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-progress-wrap::before,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-progress-wrap::before {

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

        height: 5px !important;
        min-height: 5px !important;
        max-height: 5px !important;
    }


    /* --------------------------------------------------------
       2. ACCOUNT CONTAINER — NEVER DISAPPEAR ON PAXOR MUSIC
       -------------------------------------------------------- */

    html.paxor-mobile-ui body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav),

    html.paxor-mobile-ui body:has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav) {

        overflow: visible !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav) > .menu-right,

    html.paxor-mobile-ui body:has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav) > .menu-right {

        overflow: visible !important;
        flex-wrap: nowrap !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    .nav-account,

    html.paxor-mobile-ui body:has(.music-shell)
    .nav-account {

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

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

        flex: 0 0 34px !important;
        flex-shrink: 0 !important;

        position: relative !important;
        order: 50 !important;

        overflow: visible !important;

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


    html.paxor-mobile-ui body.paxor-music-active
    #account-button,

    html.paxor-mobile-ui body:has(.music-shell)
    #account-button {

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

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

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

        place-items: center !important;

        position: relative !important;

        overflow: visible !important;
        pointer-events: auto !important;
    }


    /* Real uploaded avatar / noavatar stays an image */

    html.paxor-mobile-ui body.paxor-music-active
    #account-button > img.account-avatar,

    html.paxor-mobile-ui body:has(.music-shell)
    #account-button > img.account-avatar {

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

        width: 27px !important;
        min-width: 27px !important;

        height: 27px !important;
        min-height: 27px !important;

        object-fit: cover !important;
        border-radius: 50% !important;
    }


    /* Standard account.png/account2.png is replaced by outline icon */

    html.paxor-mobile-ui body.paxor-music-active
    #account-button:has(> img.account-avatar[src*="account.png"])
    > img.account-avatar,

    html.paxor-mobile-ui body.paxor-music-active
    #account-button:has(> img.account-avatar[src*="account2.png"])
    > img.account-avatar,

    html.paxor-mobile-ui body:has(.music-shell)
    #account-button:has(> img.account-avatar[src*="account.png"])
    > img.account-avatar,

    html.paxor-mobile-ui body:has(.music-shell)
    #account-button:has(> img.account-avatar[src*="account2.png"])
    > img.account-avatar {

        display: none !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    #account-button:has(> img.account-avatar[src*="account.png"])::before,

    html.paxor-mobile-ui body.paxor-music-active
    #account-button:has(> img.account-avatar[src*="account2.png"])::before,

    html.paxor-mobile-ui body:has(.music-shell)
    #account-button:has(> img.account-avatar[src*="account.png"])::before,

    html.paxor-mobile-ui body:has(.music-shell)
    #account-button:has(> img.account-avatar[src*="account2.png"])::before {

        content: "" !important;

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

        width: 26px !important;
        height: 25px !important;

        min-width: 26px !important;
        min-height: 25px !important;

        flex: 0 0 26px !important;

        background-color: currentColor !important;

        -webkit-mask-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.3' fill='none' stroke='black' stroke-width='1.18' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.3 20c.55-4.15 3.1-6.35 6.7-6.35s6.15 2.2 6.7 6.35' fill='none' stroke='black' stroke-width='1.18' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;

        mask-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.3' fill='none' stroke='black' stroke-width='1.18' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.3 20c.55-4.15 3.1-6.35 6.7-6.35s6.15 2.2 6.7 6.35' fill='none' stroke='black' stroke-width='1.18' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;

        -webkit-mask-repeat: no-repeat !important;
        mask-repeat: no-repeat !important;

        -webkit-mask-position: center !important;
        mask-position: center !important;

        -webkit-mask-size: 26px 25px !important;
        mask-size: 26px 25px !important;

        pointer-events: none !important;
    }


    html.paxor-mobile-ui body.paxor-music-active .nav-more,
    html.paxor-mobile-ui body:has(.music-shell) .nav-more {

        order: 60 !important;
        flex-shrink: 0 !important;
    }
}

/* === PAXOR MUSIC MOBILE LAST TWO FIXES V84 END === */


/* ============================================================
   PAXOR MUSIC — PROGRESS COLOR EXACT GLOBAL MATCH V85
   ============================================================ */

@media (max-width: 760px) {

    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-progress-wrap::before,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-progress-wrap::before {

        height: 5px !important;

        background: linear-gradient(
            90deg,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,1) var(--range-progress, 0%),
            rgba(255,255,255,.32) var(--range-progress, 0%),
            rgba(255,255,255,.32) 100%
        ) !important;

        box-shadow:
            0 0 7px rgba(255,255,255,.22) !important;

        opacity: 1 !important;
    }
}

/* === PAXOR MUSIC PROGRESS COLOR EXACT GLOBAL MATCH V85 END === */


/* ============================================================
   PAXOR MUSIC — USE REAL GLOBAL PROGRESS TRACK V86
   ============================================================ */

@media (max-width: 760px) {

    /* Убираем отдельную сероватую псевдополосу Music */

    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-progress-wrap::before,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    .music-progress-wrap::before {

        display: none !important;
        content: none !important;
    }


    /* Показываем настоящий range — как на остальных страницах */

    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    #music-progress,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    #music-progress {

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

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

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

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

        appearance: none !important;
        -webkit-appearance: none !important;

        background: transparent !important;

        pointer-events: none !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    #music-progress::-webkit-slider-runnable-track,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    #music-progress::-webkit-slider-runnable-track {

        width: 100vw !important;
        height: 5px !important;

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

        background: linear-gradient(
            90deg,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,1) var(--range-progress, 0%),
            rgba(255,255,255,.32) var(--range-progress, 0%),
            rgba(255,255,255,.32) 100%
        ) !important;

        box-shadow:
            0 0 7px rgba(255,255,255,.22) !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    #music-progress::-webkit-slider-thumb,

    html.paxor-mobile-ui body:has(.music-shell)
    #music-player.paxor-global-player.has-track
    #music-progress::-webkit-slider-thumb {

        -webkit-appearance: none !important;
        appearance: none !important;

        width: 0 !important;
        height: 0 !important;

        margin: 0 !important;
        border: 0 !important;

        background: transparent !important;
        box-shadow: none !important;

        opacity: 0 !important;
    }
}

/* === PAXOR MUSIC USE REAL GLOBAL PROGRESS TRACK V86 END === */


/* ============================================================
   PAXOR MUSIC — REMOVE PROGRESS CONTAINER OUTLINE V88
   ============================================================ */

@media (max-width: 760px) {

    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-progress-row,

    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-progress-wrap {

        border: 0 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;

        outline: 0 !important;

        box-shadow: none !important;

        background: transparent !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-progress-row::before,

    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-progress-row::after,

    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    .music-progress-wrap::after {

        content: none !important;
        display: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }


    html.paxor-mobile-ui body.paxor-music-active
    #music-player.paxor-global-player.has-track
    #music-progress {

        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }
}

/* === PAXOR MUSIC REMOVE PROGRESS CONTAINER OUTLINE V88 END === */


/* ============================================================
   PAXOR MUSIC — HIDE BOTTOM NAV TOP BORDER UNDER PROGRESS V89
   ============================================================ */

@media (max-width: 760px) {

    html.paxor-mobile-ui
    body.paxor-music-active:has(#music-player.paxor-global-player.has-track)
    .paxor-mobile-bottom-nav {

        border-top: 0 !important;
        border-top-width: 0 !important;
        border-top-color: transparent !important;

        outline: 0 !important;
    }
}

/* === PAXOR MUSIC HIDE BOTTOM NAV TOP BORDER V89 END === */


/* ============================================================
   PAXOR MOBILE BOTTOM NAV — UNIFIED BUTTON COLORS V90
   Same border + gradient on every page
   ============================================================ */

@media (max-width: 760px) {

    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item {

        background: linear-gradient(
            180deg,
            #0b1216 0%,
            #070d11 100%
        ) !important;

        border: 1px solid transparent !important;

        box-shadow: none !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }


    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item.active {

        background: linear-gradient(
            180deg,
            #10313a 0%,
            #092029 100%
        ) !important;

        border-color: #087f9e !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.05) !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }


    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item.active > i,

    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item.active > span {

        color: #00ccff !important;
    }
}

/* === PAXOR MOBILE BOTTOM NAV UNIFIED BUTTON COLORS V90 END === */


/* ============================================================
   PAXOR MOBILE BOTTOM NAV — ICON ONLY ACTIVE STATE V91
   No button background, no frame.
   Active icon = same #00ccff everywhere.
   ============================================================ */

@media (max-width: 760px) {

    /* --------------------------------------------------------
       ALL BOTTOM BUTTONS — completely transparent
       -------------------------------------------------------- */

    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item,

    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item:hover,

    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item:focus,

    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item:focus-visible,

    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item.active {

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        border-color: transparent !important;

        outline: 0 !important;

        box-shadow: none !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }


    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item::before,

    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item::after {

        content: none !important;
        display: none !important;

        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }


    /* --------------------------------------------------------
       ACTIVE FONT / SVG-LIKE ICONS
       -------------------------------------------------------- */

    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item.active > i,

    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item.active > span {

        color: #00ccff !important;
    }


    /* --------------------------------------------------------
       ACTIVE IMAGE ICONS
       Force same cyan on every page, including Paxor Music.
       -------------------------------------------------------- */

    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item.active > img:not(.leya-avatar),

    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item.active img:not(.leya-avatar) {

        filter:
            brightness(0)
            saturate(100%)
            invert(67%)
            sepia(93%)
            saturate(3539%)
            hue-rotate(147deg)
            brightness(102%)
            contrast(103%) !important;

        opacity: 1 !important;
    }
}

/* === PAXOR MOBILE BOTTOM NAV ICON ONLY ACTIVE STATE V91 END === */


/* ============================================================
   PAXOR MOBILE BOTTOM NAV — DARK ACTIVE ICON V92
   Active only: #037d9c
   No background / no frame
   ============================================================ */

@media (max-width: 760px) {

    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item.active {

        background: transparent !important;
        background-image: none !important;

        border: 0 !important;
        outline: 0 !important;

        box-shadow: none !important;
    }


    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item.active > i,

    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item.active > span {

        color: #037d9c !important;
    }


    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item.active > img:not(.leya-avatar),

    html.paxor-mobile-ui
    .paxor-mobile-bottom-nav .menu-item.active img:not(.leya-avatar) {

        filter:
            brightness(0)
            saturate(100%)
            invert(35%)
            sepia(84%)
            saturate(1215%)
            hue-rotate(151deg)
            brightness(88%)
            contrast(98%) !important;

        opacity: 1 !important;
    }
}

/* === PAXOR MOBILE BOTTOM NAV DARK ACTIVE ICON V92 END === */


/* ============================================================
   PAXOR GLOBAL PLAYER — MARKETPLACE PLAY COLORS V93
   Cyan circle + dark play/pause icon
   ============================================================ */

#music-player.paxor-global-player .music-play-toggle,
#music-player.paxor-global-player #music-play-toggle {

    background: var(--music-cyan) !important;
    background-color: var(--music-cyan) !important;

    color: #041014 !important;

    border: 0 !important;
    box-shadow: none !important;
}


#music-player.paxor-global-player .music-play-toggle > i,
#music-player.paxor-global-player #music-play-toggle > i,
#music-player.paxor-global-player .music-play-toggle .fa-play,
#music-player.paxor-global-player .music-play-toggle .fa-pause {

    color: #041014 !important;
}


/* Hover не должен возвращать белый круг */

#music-player.paxor-global-player .music-play-toggle:hover,
#music-player.paxor-global-player #music-play-toggle:hover {

    background: var(--music-cyan) !important;
    background-color: var(--music-cyan) !important;

    color: #041014 !important;
}

/* === PAXOR GLOBAL PLAYER MARKETPLACE PLAY COLORS V93 END === */


/* ============================================================
   PAXOR GLOBAL PLAYER — DARK ACTIVE BLUE PLAY V94
   Same color as active bottom navigation icons
   ============================================================ */

#music-player.paxor-global-player .music-play-toggle,
#music-player.paxor-global-player #music-play-toggle,
#music-player.paxor-global-player .music-play-toggle:hover,
#music-player.paxor-global-player #music-play-toggle:hover {

    background: #037d9c !important;
    background-color: #037d9c !important;

    color: #041014 !important;

    border: 0 !important;
    box-shadow: none !important;
}


#music-player.paxor-global-player .music-play-toggle > i,
#music-player.paxor-global-player #music-play-toggle > i,
#music-player.paxor-global-player .music-play-toggle .fa-play,
#music-player.paxor-global-player .music-play-toggle .fa-pause {

    color: #041014 !important;
}

/* === PAXOR GLOBAL PLAYER DARK ACTIVE BLUE PLAY V94 END === */


/* ============================================================
   PAXOR MUSIC MARKETPLACE — DARK PLAY BUTTON V95
   ============================================================ */

body.paxor-music-active
.music-marketplace-section
.music-card-play,

body:has(.music-shell)
.music-marketplace-section
.music-card-play {

    background: #037d9c !important;
    background-color: #037d9c !important;

    color: #041014 !important;

    border: 0 !important;
    box-shadow: none !important;

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

    padding: 0 !important;
}


/* PLAY — smaller and visually centered */

body.paxor-music-active
.music-marketplace-section
.music-card-play .fa-play,

body:has(.music-shell)
.music-marketplace-section
.music-card-play .fa-play {

    color: #041014 !important;

    font-size: 15px !important;
    line-height: 1 !important;

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

    transform: translateX(1px) !important;
}


/* PAUSE */

body.paxor-music-active
.music-marketplace-section
.music-card-play .fa-pause,

body:has(.music-shell)
.music-marketplace-section
.music-card-play .fa-pause {

    color: #041014 !important;

    font-size: 15px !important;
    line-height: 1 !important;

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

    transform: none !important;
}


/* Hover keeps the same dark blue */

body.paxor-music-active
.music-marketplace-section
.music-card-play:hover,

body:has(.music-shell)
.music-marketplace-section
.music-card-play:hover {

    background: #037d9c !important;
    background-color: #037d9c !important;

    color: #041014 !important;
}

/* === PAXOR MUSIC MARKETPLACE DARK PLAY BUTTON V95 END === */


/* ============================================================
   PAXOR TRACK PAGE — NFT BADGE SHIFT V96
   On track page cover: slightly lower and more left
   ============================================================ */

body.music-track-detail-page .music-card-nft,
body.music-track-detail-page .track-nft-badge,
body.music-track-detail-page .music-track-nft,
body.music-track-detail-page .music-track-cover .music-card-nft,
body.music-track-detail-page .music-track-art .music-card-nft,
body.music-track-detail-page .track-cover .music-card-nft {
    top: 8px !important;
    left: 4px !important;
    right: auto !important;
    transform: none !important;
}

/* === PAXOR TRACK PAGE NFT BADGE SHIFT V96 END === */


/* ============================================================
   PAXOR TRACK PAGE — NFT BADGE POSITION V97
   Large track cover: lower + more left
   ============================================================ */

@media (max-width: 760px) {

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-detail-hero
    .music-track-nft-badge {

        left: 6px !important;
        right: auto !important;

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

        transform: none !important;
    }
}

/* === PAXOR TRACK PAGE NFT BADGE POSITION V97 END === */


/* ============================================================
   PAXOR TRACK PAGE — NFT BADGE POSITION V98
   More left + more down
   ============================================================ */

@media (max-width: 760px) {

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-detail-hero
    .music-track-nft-badge {

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

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

        transform: none !important;
    }
}

/* === PAXOR TRACK PAGE NFT BADGE POSITION V98 END === */


/* ============================================================
   PAXOR TRACK PAGE — NFT BADGE LOWER ONLY V99
   Keep horizontal position, move only down
   ============================================================ */

@media (max-width: 760px) {

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-detail-hero
    .music-track-nft-badge {

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

        bottom: -5px !important;
        top: auto !important;

        transform: none !important;
    }
}

/* === PAXOR TRACK PAGE NFT BADGE LOWER ONLY V99 END === */


/* ============================================================
   PAXOR MOBILE TRACK — CLEAN MORE MENU V100

   Outside:
   Like → Repost → Share → QR → Buy → More

   Inside ⋮:
   remove duplicate Share / Repost / both QR items
   Desktop untouched.
   ============================================================ */

@media (max-width: 760px) {

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu
    > .music-track-menu-item.music-track-menu-duplicate-share,

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu
    > .music-track-menu-item.music-track-menu-duplicate-repost,

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu
    > .music-track-menu-item.music-track-menu-duplicate-qr,

    body.music-track-detail-page
    .music-track-detail-more-actions
    .music-track-menu
    > .music-track-menu-qr-mobile {

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

        pointer-events: none !important;

        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;

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

        border: 0 !important;
        overflow: hidden !important;
    }
}

/* === PAXOR MOBILE TRACK CLEAN MORE MENU V100 END === */


/* ============================================================
   PAXOR MOBILE TRACK — SHOW QR IN ACTION ROW V101

   Like → Repost → Share → QR → Buy → More
   Desktop untouched.
   ============================================================ */

@media (max-width: 760px) {

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions
    > button.music-secondary-btn.music-track-icon-action.music-track-qr-action,

    html.paxor-mobile-ui
    body.music-mobile-track-page
    .music-track-detail-controls
    .music-track-hero-actions
    > button.music-secondary-btn.music-track-icon-action.music-track-qr-action {

        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;

        flex: 0 0 40px !important;

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

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

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

        place-items: center !important;

        border: 0 !important;
        background: transparent !important;

        overflow: visible !important;
    }

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-hero-actions
    > .music-track-qr-action
    .fa-qrcode,

    html.paxor-mobile-ui
    body.music-mobile-track-page
    .music-track-hero-actions
    > .music-track-qr-action
    .fa-qrcode {

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

        font-size: 23px !important;
        line-height: 1 !important;

        color: #858d91 !important;
    }
}

/* === PAXOR MOBILE TRACK SHOW QR V101 END === */


/* ============================================================
   TRACK PAGE MOBILE — STEEL GREY ICONS + BLUE PLAY BUTTON
   inactive icons/counters = #8B9091
   play circle = brand blue
   ============================================================ */

@media (max-width: 768px) {

    /* --------------------------------------------------------
       1) Track page: inactive counters / icons / labels
       -------------------------------------------------------- */

    body.music-track-detail-page .music-track-stat,
    body.music-track-detail-page .music-track-stat-value,
    body.music-track-detail-page .music-track-stat-label,
    body.music-track-detail-page .music-track-detail-controls .music-track-icon-action,
    body.music-track-detail-page .music-track-detail-controls .music-track-icon-action i,
    body.music-track-detail-page .music-track-detail-controls .music-track-icon-action svg,
    body.music-track-detail-page .music-track-detail-controls .music-track-buy,
    body.music-track-detail-page .music-track-detail-controls .music-track-buy i,
    body.music-track-detail-page .music-track-detail-controls .music-track-more,
    body.music-track-detail-page .music-track-detail-controls .music-track-more i,
    body.music-track-detail-page .music-track-meta-stats .music-track-stat,
    body.music-track-detail-page .music-track-meta-stats .music-track-stat i,
    body.music-track-detail-page .music-track-meta-stats .music-track-stat span {
        color: #8B9091 !important;
    }

    /* inactive only */
    body.music-track-detail-page .music-track-detail-controls .music-track-icon-action:not(.active),
    body.music-track-detail-page .music-track-detail-controls .music-track-icon-action:not(.active) i,
    body.music-track-detail-page .music-track-detail-controls .music-track-icon-action:not(.active) svg,
    body.music-track-detail-page .music-track-detail-controls .music-track-stat:not(.active),
    body.music-track-detail-page .music-track-detail-controls .music-track-stat:not(.active) i,
    body.music-track-detail-page .music-track-detail-controls .music-track-stat:not(.active) span {
        color: #8B9091 !important;
    }

    /* keep active actions blue */
    body.music-track-detail-page .music-track-detail-controls .music-track-icon-action.active,
    body.music-track-detail-page .music-track-detail-controls .music-track-icon-action.active i,
    body.music-track-detail-page .music-track-detail-controls .music-track-icon-action.active svg {
        color: #037d9c !important;
    }


    /* --------------------------------------------------------
       2) Global player play button
       blue circle instead of white
       -------------------------------------------------------- */

    #music-player .music-play-toggle,
    #music-player #music-play-toggle {
        background: #037d9c !important;
        background-color: #037d9c !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    #music-player .music-play-toggle i,
    #music-player #music-play-toggle i,
    #music-player .music-play-toggle .fa-play,
    #music-player #music-play-toggle .fa-play,
    #music-player .music-play-toggle .fa-pause,
    #music-player #music-play-toggle .fa-pause {
        color: #041014 !important;
    }

    /* hover/active keep same blue */
    #music-player .music-play-toggle:hover,
    #music-player #music-play-toggle:hover,
    #music-player .music-play-toggle:active,
    #music-player #music-play-toggle:active {
        background: #037d9c !important;
        background-color: #037d9c !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* === TRACK PAGE MOBILE — STEEL GREY ICONS + BLUE PLAY BUTTON END === */


/* ============================================================
   PAXOR MOBILE TRACK — STEEL UI + BLUE DETAIL PLAY V103
   ============================================================ */

@media (max-width: 760px) {

    /* --------------------------------------------------------
       НЕАКТИВНЫЕ значки:
       Like / Repost / Share / QR
       -------------------------------------------------------- */

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-hero-actions
    .music-track-icon-action:not(.active),

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-hero-actions
    .music-track-icon-action:not(.active) i,

    html.paxor-mobile-ui
    body.music-mobile-track-page
    .music-track-hero-actions
    .music-track-icon-action:not(.active),

    html.paxor-mobile-ui
    body.music-mobile-track-page
    .music-track-hero-actions
    .music-track-icon-action:not(.active) i {
        color: #8B9091 !important;
    }


    /* Счётчики под кнопками */
    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-detail-stats,

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-detail-stats span,

    html.paxor-mobile-ui
    body.music-mobile-track-page
    .music-track-detail-stats,

    html.paxor-mobile-ui
    body.music-mobile-track-page
    .music-track-detail-stats span {
        color: #8B9091 !important;
    }


    /* Три точки */
    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-more,

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-more i,

    html.paxor-mobile-ui
    body.music-mobile-track-page
    .music-track-more,

    html.paxor-mobile-ui
    body.music-mobile-track-page
    .music-track-more i {
        color: #8B9091 !important;
    }


    /* Неактивная покупка */
    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-detail-buy.not-for-sale,

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-detail-buy.not-for-sale i {
        color: #8B9091 !important;
    }


    /* --------------------------------------------------------
       PLAY возле названия трека:
       БЕЛЫЙ КРУЖОК -> ФИРМЕННЫЙ ГОЛУБОЙ
       -------------------------------------------------------- */

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-detail-play,

    html.paxor-mobile-ui
    body.music-mobile-track-page
    .music-track-detail-play {
        background: #037d9c !important;
        background-color: #037d9c !important;

        color: #041014 !important;

        border-color: #037d9c !important;
        box-shadow: none !important;
    }

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-detail-play i,

    html.paxor-mobile-ui
    body.music-mobile-track-page
    .music-track-detail-play i {
        color: #041014 !important;
    }
}

/* === PAXOR MOBILE TRACK STEEL UI + BLUE DETAIL PLAY V103 END === */


/* ============================================================
   PAXOR MOBILE TRACK — INLINE PLAYER PLAY BLUE V104
   Main Play button of track-page own player
   ============================================================ */

@media (max-width: 760px) {

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-mobile-track-player
    .music-mobile-player-play,

    html
    body.music-track-detail-page
    .music-mobile-track-player
    .music-mobile-player-play {

        background: #037d9c !important;
        background-color: #037d9c !important;
        background-image: none !important;

        color: #041014 !important;

        border: 0 !important;
        outline: 0 !important;

        box-shadow: none !important;
    }

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-mobile-track-player
    .music-mobile-player-play i,

    html
    body.music-track-detail-page
    .music-mobile-track-player
    .music-mobile-player-play i {
        color: #041014 !important;
    }

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-mobile-track-player
    .music-mobile-player-play:hover,

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-mobile-track-player
    .music-mobile-player-play:active {
        background: #037d9c !important;
        background-color: #037d9c !important;
        background-image: none !important;
    }
}

/* === PAXOR MOBILE TRACK INLINE PLAYER PLAY BLUE V104 END === */


/* ============================================================
   PAXOR MOBILE TRACK — INLINE PLAYER SEEK BLUE V105
   played progress + thumb = #037d9c
   ============================================================ */

@media (max-width: 760px) {

    /* Chrome / Edge / Android */
    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-mobile-track-player
    .music-mobile-track-seek::-webkit-slider-runnable-track,

    html
    body.music-track-detail-page
    .music-mobile-track-player
    .music-mobile-track-seek::-webkit-slider-runnable-track {

        height: 4px !important;
        border-radius: 999px !important;

        background: linear-gradient(
            to right,
            #037d9c 0%,
            #037d9c var(--mobile-track-progress, 0%),
            rgba(255,255,255,.28) var(--mobile-track-progress, 0%),
            rgba(255,255,255,.28) 100%
        ) !important;
    }


    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-mobile-track-player
    .music-mobile-track-seek::-webkit-slider-thumb,

    html
    body.music-track-detail-page
    .music-mobile-track-player
    .music-mobile-track-seek::-webkit-slider-thumb {

        background: #037d9c !important;
        background-color: #037d9c !important;

        border: 0 !important;
        box-shadow: none !important;
    }


    /* Firefox */
    html
    body.music-track-detail-page
    .music-mobile-track-player
    .music-mobile-track-seek::-moz-range-progress {

        height: 4px !important;
        border-radius: 999px !important;
        background: #037d9c !important;
    }


    html
    body.music-track-detail-page
    .music-mobile-track-player
    .music-mobile-track-seek::-moz-range-thumb {

        background: #037d9c !important;
        background-color: #037d9c !important;

        border: 0 !important;
        box-shadow: none !important;
    }
}

/* === PAXOR MOBILE TRACK INLINE PLAYER SEEK BLUE V105 END === */


/* ============================================================
   PAXOR MOBILE TRACK — TITLE BRAND BLUE V106
   ============================================================ */

@media (max-width: 760px) {

    /* Основное название трека */
    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-heading-copy h1,

    html
    body.music-track-detail-page
    .music-track-heading-copy h1,

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-detail-hero h1,

    html
    body.music-track-detail-page
    .music-track-detail-hero h1 {
        color: #037d9c !important;
    }

    /* Название в compact-состоянии встроенного плеера */
    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-mobile-track-compact-title,

    html
    body.music-track-detail-page
    .music-mobile-track-compact-title {
        color: #037d9c !important;
    }
}

/* === PAXOR MOBILE TRACK TITLE BRAND BLUE V106 END === */


/* ============================================================
   PAXOR MOBILE TRACK — ACTIVE ICONS BRAND BLUE V107
   active icons = #037d9c
   ============================================================ */

@media (max-width: 760px) {

    /* Like / Repost в строке действий */
    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-hero-actions
    .music-track-icon-action.active,

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-track-hero-actions
    .music-track-icon-action.active i,

    html
    body.music-track-detail-page
    .music-track-hero-actions
    .music-track-icon-action.active,

    html
    body.music-track-detail-page
    .music-track-hero-actions
    .music-track-icon-action.active i {
        color: #037d9c !important;
    }


    /* Like внутри собственного плеера страницы трека */
    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-mobile-track-like.active,

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-mobile-track-like.active i,

    html
    body.music-track-detail-page
    .music-mobile-track-like.active,

    html
    body.music-track-detail-page
    .music-mobile-track-like.active i {
        color: #037d9c !important;
    }


    /* Shuffle / Repeat */
    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-mobile-shuffle.active,

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-mobile-shuffle.active i,

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-mobile-repeat.active,

    html.paxor-mobile-ui
    body.music-track-detail-page
    .music-mobile-repeat.active i,

    html
    body.music-track-detail-page
    .music-mobile-shuffle.active,

    html
    body.music-track-detail-page
    .music-mobile-shuffle.active i,

    html
    body.music-track-detail-page
    .music-mobile-repeat.active,

    html
    body.music-track-detail-page
    .music-mobile-repeat.active i {
        color: #037d9c !important;
    }
}

/* === PAXOR MOBILE TRACK ACTIVE ICONS BRAND BLUE V107 END === */


/* ============================================================
   PAXOR MOBILE TRACK — FORCE ACTIVE ICONS BLUE V108
   Overrides old #e3e7e9 active rule
   ============================================================ */

@media (max-width: 760px) {

    /* Like / Repost — active */
    html body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions
    > .music-track-icon-action.active,

    html body.music-track-detail-page
    .music-track-detail-controls
    .music-track-hero-actions
    > .music-track-icon-action.active i {
        color: #037d9c !important;
        -webkit-text-fill-color: #037d9c !important;
    }


    /* Like внутри собственного плеера */
    html body.music-track-detail-page
    .music-mobile-track-player
    .music-mobile-track-like.active,

    html body.music-track-detail-page
    .music-mobile-track-player
    .music-mobile-track-like.active i {
        color: #037d9c !important;
        -webkit-text-fill-color: #037d9c !important;
    }


    /* Shuffle / Repeat — active */
    html body.music-track-detail-page
    .music-mobile-track-player
    .music-mobile-track-playback
    .music-mobile-player-btn.active,

    html body.music-track-detail-page
    .music-mobile-track-player
    .music-mobile-track-playback
    .music-mobile-player-btn.active i {
        color: #037d9c !important;
        -webkit-text-fill-color: #037d9c !important;
    }
}

/* === PAXOR MOBILE TRACK FORCE ACTIVE ICONS BLUE V108 END === */


/* ============================================================
   PAXOR MOBILE MUSIC — DRAWER HEADER TOGGLE HITBOX V111
   Make visible header toggle actually tappable.
   Mobile only.
   ============================================================ */

@media (max-width: 760px) {

    html.paxor-mobile-ui
    body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    > .music-sidebar-brand-row,

    html.paxor-mobile-ui
    body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    > .music-sidebar-brand-row {

        position: relative !important;
        overflow: visible !important;
    }


    /* Paxor Music link stays under the close button */
    html.paxor-mobile-ui
    body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand,

    html.paxor-mobile-ui
    body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand {

        position: relative !important;
        z-index: 1 !important;
    }


    /* Real clickable close/collapse button */
    html.paxor-mobile-ui
    body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    #music-left-toggle.music-left-toggle,

    html.paxor-mobile-ui
    body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    #music-left-toggle.music-left-toggle {

        position: absolute !important;

        top: 2px !important;
        right: 10px !important;
        left: auto !important;

        z-index: 50 !important;

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

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

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

        place-items: center !important;

        pointer-events: auto !important;
        touch-action: manipulation !important;

        cursor: pointer !important;
    }


    /* Tap belongs to button, not inner decorative pieces */
    html.paxor-mobile-ui
    body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    #music-left-toggle
    .music-sidebar-layout-icon,

    html.paxor-mobile-ui
    body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    #music-left-toggle
    .music-sidebar-layout-icon,

    html.paxor-mobile-ui
    body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    #music-left-toggle
    .music-sidebar-layout-icon *,

    html.paxor-mobile-ui
    body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    #music-left-toggle
    .music-sidebar-layout-icon * {

        pointer-events: none !important;
    }
}

/* === PAXOR MOBILE MUSIC DRAWER HEADER TOGGLE HITBOX V111 END === */


/* ============================================================
   PAXOR MOBILE MUSIC — DRAWER INNER EDGE TO EDGE V114

   Drawer itself already fills viewport.
   Now header / navigation / inner frames fill it too.
   Mobile only.
   ============================================================ */

@media (max-width: 760px) {

    /* --------------------------------------------------------
       1. Сам drawer — без внутренних горизонтальных полей
       -------------------------------------------------------- */

    html
    body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-sidebar,

    html
    body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-sidebar {

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

        padding-left: 0 !important;
        padding-right: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* --------------------------------------------------------
       2. Все основные прямые блоки drawer
       тянем на полную ширину
       -------------------------------------------------------- */

    html
    body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-sidebar > *,

    html
    body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-sidebar > * {

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* --------------------------------------------------------
       3. Шапка Paxor Music
       рамка идёт от края до края
       -------------------------------------------------------- */

    html
    body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    > .music-sidebar-brand-row,

    html
    body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    > .music-sidebar-brand-row {

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /*
       Сама рамка Paxor Music теперь занимает всю ширину.
       Справа оставляем внутреннее место под кнопку закрытия.
    */

    html
    body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand,

    html
    body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    .music-sidebar-brand-row
    .music-brand {

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

        margin: 0 !important;

        padding-left: 14px !important;
        padding-right: 70px !important;

        box-sizing: border-box !important;
    }


    /* --------------------------------------------------------
       4. Верхние кнопки Marketplace / Profile / ...
       контейнер — от края до края
       -------------------------------------------------------- */

    html
    body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    > .music-local-nav,

    html
    body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    > .music-local-nav {

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* Сами рамки кнопок */
    html
    body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    .music-local-nav
    .music-nav-item,

    html
    body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    .music-local-nav
    .music-nav-item {

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* --------------------------------------------------------
       5. Остальные секции / плейлисты / network
       тоже на всю доступную ширину
       -------------------------------------------------------- */

    html
    body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    .music-sidebar-section,

    html
    body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    .music-playlist-list,

    html
    body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    .music-chain-note,

    html
    body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    .music-sidebar-section,

    html
    body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    .music-playlist-list,

    html
    body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-sidebar
    .music-chain-note {

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }
}

/* === PAXOR MOBILE MUSIC DRAWER INNER EDGE TO EDGE V114 END === */


/* ============================================================
   PAXOR MOBILE MUSIC — DRAWER CONTENT WIDE V117
   Real structure:
   sidebar
     brand-row
     local-nav
     sidebar-scroll
       library section
       chain note

   6px viewport gutter only.
   Mobile only.
   ============================================================ */

@media (max-width: 760px) {

    /* --------------------------------------------------------
       Общая ширина внутреннего содержимого
       -------------------------------------------------------- */

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-brand-row,

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-local-nav,

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-scroll,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-brand-row,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-local-nav,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-scroll {

        width: calc(100vw - 6px) !important;
        min-width: calc(100vw - 6px) !important;
        max-width: calc(100vw - 6px) !important;

        margin-left: 0 !important;
        margin-right: 6px !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        align-self: stretch !important;
        box-sizing: border-box !important;
    }


    /* --------------------------------------------------------
       Шапка Paxor Music
       -------------------------------------------------------- */

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-sidebar-brand-row
    > .music-brand,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-sidebar-brand-row
    > .music-brand {

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

        margin: 0 !important;

        box-sizing: border-box !important;
    }


    /* --------------------------------------------------------
       Marketplace / Profile / Artist Studio
       -------------------------------------------------------- */

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-local-nav
    > .music-nav-item,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-local-nav
    > .music-nav-item {

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* --------------------------------------------------------
       Настоящий внутренний scroll-wrapper
       -------------------------------------------------------- */

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-scroll
    > .music-sidebar-section,

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-scroll
    > .music-chain-note,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-scroll
    > .music-sidebar-section,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-scroll
    > .music-chain-note {

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* --------------------------------------------------------
       My Library heading
       -------------------------------------------------------- */

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-library-heading,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-library-heading {

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* --------------------------------------------------------
       Playlists / Artists / Albums / Following
       растягиваем ровно на всю строку
       -------------------------------------------------------- */

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-library-tabs,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-library-tabs {

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

        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

        gap: 6px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-library-tabs > button,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-library-tabs > button {

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

        margin: 0 !important;

        box-sizing: border-box !important;
    }


    /* --------------------------------------------------------
       Playlist list / Liked Songs
       -------------------------------------------------------- */

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-playlist-list,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-playlist-list {

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-playlist-list
    > *,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-playlist-list
    > * {

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* --------------------------------------------------------
       Polygon Mainnet
       -------------------------------------------------------- */

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-sidebar-scroll
    > .music-chain-note,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-sidebar-scroll
    > .music-chain-note {

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

        box-sizing: border-box !important;
    }
}

/* === PAXOR MOBILE MUSIC DRAWER CONTENT WIDE V117 END === */


/* ============================================================
   PAXOR MOBILE MUSIC — DRAWER TRUE FULL WIDTH V120
   Beat old 86vw / 320px mobile drawer constraint.
   Keep 4px visual gutter.
   Mobile only.
   ============================================================ */

@media (max-width: 760px) {

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar.music-sidebar:has(#music-left-toggle[aria-expanded="true"]),

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar.music-sidebar:has(#music-left-toggle[aria-expanded="true"]),

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar.music-sidebar:has(#music-left-toggle),

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar.music-sidebar:has(#music-left-toggle) {

        position: fixed !important;

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

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

        padding-left: 4px !important;
        padding-right: 4px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        transform: translateX(0) !important;

        box-sizing: border-box !important;
    }


    /* Шапка + верхнее меню + весь блок Library */
    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-brand-row,

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-local-nav,

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-scroll,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-brand-row,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-local-nav,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-scroll {

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* Marketplace / Profile / Artist Studio */
    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-local-nav > .music-nav-item,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-local-nav > .music-nav-item {

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

        box-sizing: border-box !important;
    }


    /* Library / Liked Songs / Polygon */
    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    .music-sidebar-scroll > *,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    .music-sidebar-scroll > * {

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

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    /* Mobile drawer scrollbars must not reserve horizontal space */
    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar {

        scrollbar-gutter: auto !important;
        scrollbar-width: none !important;
    }


    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-scroll,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-scroll {

        scrollbar-gutter: auto !important;
        scrollbar-width: none !important;
    }


    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar::-webkit-scrollbar,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar::-webkit-scrollbar,

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-scroll::-webkit-scrollbar,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar
    > .music-sidebar-scroll::-webkit-scrollbar {

        width: 0 !important;
        height: 0 !important;
        display: none !important;
    }

}

/* === PAXOR MOBILE MUSIC DRAWER TRUE FULL WIDTH V120 END === */


/* ============================================================
   PAXOR MOBILE MUSIC — DRAWER HEADER POLISH V139
   Balanced mobile drawer header.
   ============================================================ */

@media (max-width: 760px) {

    /*
     * Polygon Mainnet:
     * двигаем только иконку + текст,
     * сама рамка остаётся на месте.
     */
    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    > .music-sidebar-scroll
    > .music-chain-note
    > i,

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    > .music-sidebar-scroll
    > .music-chain-note
    > div,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    > .music-sidebar-scroll
    > .music-chain-note
    > i,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    > .music-sidebar-scroll
    > .music-chain-note
    > div {

        transform: translate(6px, 3px) !important;
    }


    /*
     * Уменьшаем пустоту после Artist Studio:
     * весь блок библиотеки немного выше.
     */
    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    > .music-sidebar-scroll,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    > .music-sidebar-scroll {

        margin-top: -5px !important;
    }


    /*
     * My Library + plus:
     * поднимаем только заголовок вместе с кнопкой +.
     */
    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    > .music-sidebar-scroll
    .music-library-heading,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    > .music-sidebar-scroll
    .music-library-heading {

        transform: translateY(-7px) !important;
    }


    /*
     * Marketplace / Profile / Artist Studio
     * поднимаем ближе к Paxor Music.
     * Саму шапку не двигаем.
     */
    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    > .music-local-nav,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    > .music-local-nav {

        margin-top: -8px !important;
    }


    /*
     * Реально поднимаем всю шапку ближе к верхней панели.
     * Внутренние padding текста/иконок не меняем.
     */
    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle),

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle) {

        padding-top: 1px !important;
    }


    /* Шапка немного ниже, чем V124 */
    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    > .music-sidebar-brand-row,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    > .music-sidebar-brand-row {

        height: 57px !important;
        min-height: 57px !important;

        box-sizing: border-box !important;
    }


    /* Рамка Paxor Music той же высоты */
    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    .music-sidebar-brand-row
    > .music-brand,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    .music-sidebar-brand-row
    > .music-brand {

        height: 57px !important;
        min-height: 57px !important;

        display: flex !important;
        align-items: center !important;

        box-sizing: border-box !important;
    }


    /* Наушники немного уменьшаем */
    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    .music-sidebar-brand-row
    .music-brand
    .music-brand-mark,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    .music-sidebar-brand-row
    .music-brand
    .music-brand-mark {

        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
    }


    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    .music-sidebar-brand-row
    .music-brand
    .music-brand-mark
    i.fa-headphones-simple,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    .music-sidebar-brand-row
    .music-brand
    .music-brand-mark
    i.fa-headphones-simple {

        font-size: 28px !important;
        line-height: 1 !important;
    }


    /* Paxor Music немного крупнее */
    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    .music-sidebar-brand-row
    .music-brand
    > span:last-child,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    .music-sidebar-brand-row
    .music-brand
    > span:last-child {

        font-size: 22px !important;
        line-height: 1.1 !important;
    }


    /* Значок сворачивания опускаем ниже относительно V124 */
    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    #music-left-toggle.music-left-toggle
    .music-sidebar-layout-icon,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    #music-left-toggle.music-left-toggle
    .music-sidebar-layout-icon {

        transform: translateY(-1px) !important;

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

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

        border: 1px solid rgba(185, 194, 198, 0.72) !important;

        box-shadow:
            inset 0 0 0 1px rgba(255,255,255,0.025) !important;

        transition:
            border-color 120ms ease,
            box-shadow 120ms ease,
            transform 160ms ease !important;
    }


    /* Светлее при нажатии */
    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    #music-left-toggle.music-left-toggle:active
    .music-sidebar-layout-icon,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    #music-left-toggle.music-left-toggle:active
    .music-sidebar-layout-icon,

    html body.paxor-music-active
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    #music-left-toggle.music-left-toggle.is-animating
    .music-sidebar-layout-icon,

    html body:has(.music-shell)
    .music-shell.music-mobile-sidebar-open
    > .music-sidebar:has(#music-left-toggle)
    #music-left-toggle.music-left-toggle.is-animating
    .music-sidebar-layout-icon {

        border-color: rgba(235,240,242,0.95) !important;
    }
}

/* === PAXOR MOBILE MUSIC DRAWER HEADER POLISH V139 END === */

/* === PAXOR GLOBAL PLAYER NO EQ/GAP LIGHT V135 START === */

@media (max-width: 900px) {

    /*
     * Этот файл подключается после paxor_global_player.css,
     * поэтому окончательно перебиваем старый light/global V83.
     */

    html body
    #music-player.paxor-global-player
    .music-global-equalizer,

    html body
    #music-player.paxor-global-player
    .music-global-equalizer.playing {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;

        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;

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

        pointer-events: none !important;
    }


    html body
    #music-player.paxor-global-player
    .music-player-copy.has-playing-equalizer {
        padding-left: 0 !important;
        margin-left: 0 !important;

        transform: none !important;
    }

}

/* === PAXOR GLOBAL PLAYER NO EQ/GAP LIGHT V135 END === */

/* === PAXOR MOBILE TOP NAV ICON ALIGN V144 START === */

@media (max-width: 760px) {

    /* ======================================================
       1. ВЕСЬ ПРАВЫЙ РЯД ВЕРХНЕГО МЕНЮ
       Все ячейки и значки по одному центру.
       ====================================================== */

    html.paxor-mobile-ui
    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right {

        display: flex !important;

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

        gap: 1px !important;

        overflow: visible !important;
    }


    html.paxor-mobile-ui
    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > li {

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

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

        flex: 0 0 34px !important;
        flex-shrink: 0 !important;

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

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

        box-sizing: border-box !important;

        overflow: visible !important;
    }


    /* ======================================================
       2. ВСЕ ОСНОВНЫЕ КНОПКИ
       Одинаковый центр 34 × 40.
       ====================================================== */

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #wallet-menu-button,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .nav-language > .menu-item,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .notification-button,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .music-messages-menu-button,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu {

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

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

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

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

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

        line-height: 1 !important;

        box-sizing: border-box !important;

        position: relative !important;

        overflow: visible !important;
    }


    /* Все обычные FontAwesome значки точно по центру */

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #wallet-menu-button > i,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .notification-button > i,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .music-messages-menu-button > i {

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

        align-self: center !important;
        justify-self: center !important;

        line-height: 1 !important;
    }


    /* Language тоже центрируем */

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .nav-language
    .language-icon {

        margin: 0 !important;

        align-self: center !important;
        justify-self: center !important;

        object-fit: contain !important;
    }


    /* ======================================================
       3. ACCOUNT — НЕ ДАЁМ ИСЧЕЗНУТЬ
       В том числе на Paxor Music.
       ====================================================== */

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .nav-account {

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

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

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

        height: 40px !important;

        flex: 0 0 34px !important;
        flex-shrink: 0 !important;

        position: relative !important;

        overflow: visible !important;

        pointer-events: auto !important;
    }


    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button {

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

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

        pointer-events: auto !important;
    }


    /* ======================================================
       4. АВТОРИЗОВАННЫЙ ПОЛЬЗОВАТЕЛЬ
       Настоящий avatar оставляем круглым и по центру.
       ====================================================== */

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button
    > img.account-avatar {

        grid-area: 1 / 1 !important;

        align-self: center !important;
        justify-self: center !important;

        margin: 0 !important;

        object-position: center !important;
    }


    /* ======================================================
       5. ГОСТЬ
       account.png/account2.png:
       скрываем старую картинку,
       используем outline ::before и увеличиваем.
       ====================================================== */

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account.png"]
    )
    > img.account-avatar,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account2.png"]
    )
    > img.account-avatar {

        display: none !important;
    }


    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account.png"]
    )::before,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account2.png"]
    )::before {

        content: "" !important;

        display: block !important;

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

        /*
         * Было примерно 26 × 25.
         * Делаем заметнее.
         */
        width: 30px !important;
        height: 29px !important;

        min-width: 30px !important;
        min-height: 29px !important;

        max-width: 30px !important;
        max-height: 29px !important;

        grid-area: 1 / 1 !important;

        align-self: center !important;
        justify-self: center !important;

        position: static !important;

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

        transform: none !important;

        flex: none !important;

        background-color: currentColor !important;

        -webkit-mask-size: 30px 29px !important;
        mask-size: 30px 29px !important;

        -webkit-mask-position: center !important;
        mask-position: center !important;

        -webkit-mask-repeat: no-repeat !important;
        mask-repeat: no-repeat !important;
    }


    /* ======================================================
       6. THREE DOTS
       Горизонтальные ... превращаем в вертикальные ⋮
       Кнопку НЕ вращаем — только иконку.
       ====================================================== */

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu
    > i.fa-ellipsis-h {

        display: block !important;

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

        align-self: center !important;
        justify-self: center !important;

        font-size: 18px !important;
        line-height: 1 !important;

        transform: rotate(90deg) !important;
        transform-origin: center center !important;
    }

}


/* Очень узкие телефоны */

@media (max-width: 360px) {

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account.png"]
    )::before,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account2.png"]
    )::before {

        width: 29px !important;
        height: 28px !important;

        min-width: 29px !important;
        min-height: 28px !important;

        -webkit-mask-size: 29px 28px !important;
        mask-size: 29px 28px !important;
    }

}

/* === PAXOR MOBILE TOP NAV ICON ALIGN V144 END === */

/* === PAXOR MUSIC MOBILE TOP NAV V145 START === */

@media (max-width: 760px) {

    /* ======================================================
       PAXOR MUSIC:
       растягиваем правую группу на всё место после логотипа,
       как сейчас хорошо выглядит на Home.
       ====================================================== */

    html.paxor-mobile-ui
    body.paxor-music-active
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right,

    html.paxor-mobile-ui
    body:has(.music-shell)
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right {

        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin-left: 0 !important;

        padding-left: 8px !important;
        padding-right: 4px !important;

        display: flex !important;

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

        gap: 0 !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /* Все шесть ячеек одинаковые */

    html.paxor-mobile-ui
    body.paxor-music-active
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > li,

    html.paxor-mobile-ui
    body:has(.music-shell)
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > li {

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

        height: 40px !important;

        flex: 0 0 34px !important;

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

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

        position: relative !important;

        overflow: visible !important;
    }


    /* ======================================================
       THREE DOTS
       На Paxor Music сейчас видны два набора точек.
       Оставляем ТОЛЬКО настоящий FontAwesome <i>.
       ====================================================== */

    html.paxor-mobile-ui
    body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu::before,

    html.paxor-mobile-ui
    body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu::after,

    html.paxor-mobile-ui
    body:has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu::before,

    html.paxor-mobile-ui
    body:has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu::after {

        content: none !important;
        display: none !important;
    }


    /* Оставшиеся три точки — строго по центру */

    html.paxor-mobile-ui
    body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu
    > i.fa-ellipsis-h,

    html.paxor-mobile-ui
    body:has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu
    > i.fa-ellipsis-h {

        display: block !important;

        position: static !important;

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

        align-self: center !important;
        justify-self: center !important;

        font-size: 18px !important;
        line-height: 1 !important;

        transform: rotate(90deg) !important;
        transform-origin: center center !important;
    }


    /* Account оставляем крупным и строго в центре */

    html.paxor-mobile-ui
    body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav)
    #account-button,

    html.paxor-mobile-ui
    body:has(.music-shell)
    nav:not(.paxor-mobile-bottom-nav)
    #account-button {

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

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

}

/* === PAXOR MUSIC MOBILE TOP NAV V145 END === */

/* === PAXOR MOBILE TOP NAV STABLE V146 START === */

@media (max-width: 760px) {

    /* ======================================================
       ЕДИНАЯ ГЕОМЕТРИЯ ДЛЯ ВСЕХ СТРАНИЦ
       Home / Paxor Music / Account / etc.
       ====================================================== */

    html.paxor-mobile-ui
    body
    > nav:not(.paxor-mobile-bottom-nav) {

        display: flex !important;
        align-items: center !important;

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

        padding: 0 4px !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /*
     * После логотипа правая часть всегда занимает
     * всё оставшееся место.
     */

    html.paxor-mobile-ui
    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right {

        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 100% !important;

        margin: 0 0 0 8px !important;
        padding: 0 4px 0 0 !important;

        display: flex !important;

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

        gap: 0 !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /* ======================================================
       ВСЕ ШЕСТЬ ЯЧЕЕК
       Одна и та же высота и вертикальный центр.
       ====================================================== */

    html.paxor-mobile-ui
    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-wallet-control,

    html.paxor-mobile-ui
    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-language,

    html.paxor-mobile-ui
    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-notifications,

    html.paxor-mobile-ui
    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-messages,

    html.paxor-mobile-ui
    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-account,

    html.paxor-mobile-ui
    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-more {

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

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

        flex: 0 0 34px !important;

        align-self: center !important;

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

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

        position: relative !important;

        transform: none !important;

        box-sizing: border-box !important;

        overflow: visible !important;

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


    /* ======================================================
       ВСЕ КНОПКИ ТОЖЕ 34 × 40
       ====================================================== */

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #wallet-menu-button,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .nav-language > .menu-item,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .notification-button,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .music-messages-menu-button,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu {

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

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

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

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

        align-self: center !important;

        position: relative !important;

        transform: none !important;

        line-height: 1 !important;

        box-sizing: border-box !important;

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


    /* ======================================================
       ИКОНКИ
       Снимаем старые translate / vertical offsets.
       ====================================================== */

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #wallet-menu-button > i,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .notification-button > i,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .music-messages-menu-button > i {

        position: static !important;

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

        align-self: center !important;
        justify-self: center !important;

        transform: none !important;

        line-height: 1 !important;
    }


    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .nav-language
    .language-icon {

        position: static !important;

        align-self: center !important;
        justify-self: center !important;

        margin: 0 !important;

        transform: none !important;

        object-fit: contain !important;
    }


    /* ======================================================
       ACCOUNT
       Никогда не исчезает и не меняет положение.
       ====================================================== */

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .nav-account {

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

        order: 50 !important;

        pointer-events: auto !important;
    }


    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button {

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

        pointer-events: auto !important;
    }


    /*
     * Обычный пользовательский avatar.
     */

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button
    > img.account-avatar {

        align-self: center !important;
        justify-self: center !important;

        margin: 0 !important;

        position: static !important;

        transform: none !important;

        object-position: center !important;
    }


    /*
     * Guest account.png/account2.png:
     * картинку скрываем.
     */

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account.png"]
    )
    > img.account-avatar,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account2.png"]
    )
    > img.account-avatar {

        display: none !important;
    }


    /*
     * Guest outline — крупный и всегда один размер.
     */

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account.png"]
    )::before,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account2.png"]
    )::before {

        content: "" !important;

        display: block !important;

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

        width: 30px !important;
        height: 29px !important;

        min-width: 30px !important;
        min-height: 29px !important;

        max-width: 30px !important;
        max-height: 29px !important;

        align-self: center !important;
        justify-self: center !important;

        position: static !important;

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

        transform: none !important;

        flex: none !important;

        background-color: currentColor !important;

        -webkit-mask-size: 30px 29px !important;
        mask-size: 30px 29px !important;

        -webkit-mask-position: center !important;
        mask-position: center !important;

        -webkit-mask-repeat: no-repeat !important;
        mask-repeat: no-repeat !important;
    }


    /* ======================================================
       THREE DOTS
       КЛЮЧЕВОЕ ИСПРАВЛЕНИЕ:
       старый CSS-generated icon отключаем ВЕЗДЕ.
       ====================================================== */

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu::before,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu::after,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .menu-toggle-btn::before,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .menu-toggle-btn::after {

        content: none !important;

        display: none !important;

        width: 0 !important;
        height: 0 !important;

        min-width: 0 !important;
        min-height: 0 !important;

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


    /*
     * Используем только реальный FontAwesome <i>.
     */

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu
    > i.fa-ellipsis-h {

        display: block !important;

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

        position: static !important;

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

        align-self: center !important;
        justify-self: center !important;

        font-size: 18px !important;
        line-height: 1 !important;

        transform: rotate(90deg) !important;
        transform-origin: center center !important;
    }


    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .nav-more {

        order: 60 !important;
    }

}


/* Узкие телефоны — та же геометрия, только 32px ячейка */

@media (max-width: 360px) {

    html.paxor-mobile-ui body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > li,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #wallet-menu-button,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .nav-language > .menu-item,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .notification-button,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    .music-messages-menu-button,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button,

    html.paxor-mobile-ui body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu {

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

        flex-basis: 32px !important;
    }

}

/* === PAXOR MOBILE TOP NAV STABLE V146 END === */

/* === PAXOR MOBILE TOP NAV STATE-INDEPENDENT V147 START === */

@media (max-width: 760px) {

    /* ======================================================
       1. TOP NAV
       Больше НЕ зависит от html.paxor-mobile-ui.
       ====================================================== */

    body
    > nav:not(.paxor-mobile-bottom-nav) {
        height: var(--paxor-mobile-top-nav-height) !important;
        min-height: var(--paxor-mobile-top-nav-height) !important;
        max-height: var(--paxor-mobile-top-nav-height) !important;

        padding: 0 4px !important;

        display: flex !important;
        align-items: center !important;

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


    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right {
        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 100% !important;

        margin: 0 0 0 8px !important;
        padding: 0 4px 0 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        gap: 0 !important;

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


    /* ======================================================
       2. ВСЕ ЯЧЕЙКИ ОДИНАКОВОЙ ВЫСОТЫ
       ====================================================== */

    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-wallet-control,

    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-language,

    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-notifications,

    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-messages,

    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-account,

    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-more {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

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

        flex: 0 0 34px !important;

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

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

        align-self: center !important;

        position: relative !important;

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

        transform: none !important;

        box-sizing: border-box !important;

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

        overflow: visible !important;
    }


    /* ======================================================
       3. ВСЕ КНОПКИ СТРОГО 34 × 40
       ====================================================== */

    body nav:not(.paxor-mobile-bottom-nav) #wallet-menu-button,
    body nav:not(.paxor-mobile-bottom-nav) .nav-language > .menu-item,
    body nav:not(.paxor-mobile-bottom-nav) .notification-button,
    body nav:not(.paxor-mobile-bottom-nav) .music-messages-menu-button,
    body nav:not(.paxor-mobile-bottom-nav) #account-button,
    body nav:not(.paxor-mobile-bottom-nav) #toggleMenu {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

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

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

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

        align-self: center !important;

        position: relative !important;

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

        transform: none !important;

        line-height: 1 !important;

        box-sizing: border-box !important;

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


    /* ======================================================
       4. BELL + MESSAGES
       После SPA больше не могут опускаться вниз.
       ====================================================== */

    body
    nav:not(.paxor-mobile-bottom-nav)
    .notification-button > i,

    body
    nav:not(.paxor-mobile-bottom-nav)
    .music-messages-menu-button > i {
        position: static !important;

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

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

        align-self: center !important;
        justify-self: center !important;

        transform: none !important;
        translate: none !important;

        line-height: 1 !important;
    }


    /* Wallet тоже тот же вертикальный центр */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #wallet-menu-button > i {
        position: static !important;

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

        align-self: center !important;
        justify-self: center !important;

        transform: none !important;

        line-height: 1 !important;
    }


    /* Language */

    body
    nav:not(.paxor-mobile-bottom-nav)
    .nav-language
    .language-icon {
        position: static !important;

        margin: 0 !important;

        align-self: center !important;
        justify-self: center !important;

        transform: none !important;

        object-fit: contain !important;
    }


    /* ======================================================
       5. ACCOUNT
       Одинаковый размер до Music / после Music.
       ====================================================== */

    body
    nav:not(.paxor-mobile-bottom-nav)
    .nav-account {
        display: grid !important;
        place-items: center !important;

        order: 50 !important;

        pointer-events: auto !important;
    }


    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button {
        display: grid !important;
        place-items: center !important;

        pointer-events: auto !important;
    }


    /* Реальный пользовательский avatar */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button
    > img.account-avatar {
        align-self: center !important;
        justify-self: center !important;

        position: static !important;

        margin: 0 !important;

        transform: none !important;

        object-position: center !important;
    }


    /* Guest image скрываем */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account.png"]
    )
    > img.account-avatar,

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account2.png"]
    )
    > img.account-avatar {
        display: none !important;
    }


    /* Guest outline всегда 30 × 29 */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account.png"]
    )::before,

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account2.png"]
    )::before {
        content: "" !important;

        display: block !important;

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

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

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

        position: static !important;

        align-self: center !important;
        justify-self: center !important;

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

        flex: none !important;

        transform: none !important;

        background-color: currentColor !important;

        -webkit-mask-size: 30px 29px !important;
        mask-size: 30px 29px !important;

        -webkit-mask-position: center !important;
        mask-position: center !important;

        -webkit-mask-repeat: no-repeat !important;
        mask-repeat: no-repeat !important;
    }


    /* ======================================================
       6. THREE DOTS
       Никаких дополнительных ::before после SPA.
       ====================================================== */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu::before,

    body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu::after,

    body
    nav:not(.paxor-mobile-bottom-nav)
    .menu-toggle-btn::before,

    body
    nav:not(.paxor-mobile-bottom-nav)
    .menu-toggle-btn::after {
        content: none !important;

        display: none !important;

        width: 0 !important;
        height: 0 !important;

        min-width: 0 !important;
        min-height: 0 !important;

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


    /* Только настоящий FontAwesome */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu
    > i.fa-ellipsis-h {
        display: block !important;

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

        position: static !important;

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

        align-self: center !important;
        justify-self: center !important;

        font-size: 18px !important;
        line-height: 1 !important;

        transform: rotate(90deg) !important;
        transform-origin: center center !important;
    }


    body
    nav:not(.paxor-mobile-bottom-nav)
    .nav-more {
        order: 60 !important;
    }

}


/* Узкий экран */

@media (max-width: 360px) {

    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > li,

    body nav:not(.paxor-mobile-bottom-nav) #wallet-menu-button,
    body nav:not(.paxor-mobile-bottom-nav) .nav-language > .menu-item,
    body nav:not(.paxor-mobile-bottom-nav) .notification-button,
    body nav:not(.paxor-mobile-bottom-nav) .music-messages-menu-button,
    body nav:not(.paxor-mobile-bottom-nav) #account-button,
    body nav:not(.paxor-mobile-bottom-nav) #toggleMenu {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;

        flex-basis: 32px !important;
    }

}

/* === PAXOR MOBILE TOP NAV STATE-INDEPENDENT V147 END === */

/* === PAXOR MOBILE TOP ICON TUNE V148 START === */

@media (max-width: 760px) {

    /* ------------------------------------------------------
       BELL + MESSAGE
       Сейчас визуально ниже остальных — поднимаем на 2px.
       ------------------------------------------------------ */

    body
    nav:not(.paxor-mobile-bottom-nav)
    .notification-button > i,

    body
    nav:not(.paxor-mobile-bottom-nav)
    .music-messages-menu-button > i {

        position: relative !important;

        top: -2px !important;

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

        transform: none !important;

        line-height: 1 !important;
    }


    /* ------------------------------------------------------
       ACCOUNT
       Делаем guest icon заметно крупнее.
       ------------------------------------------------------ */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account.png"]
    )::before,

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account2.png"]
    )::before {

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

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

        -webkit-mask-size: 32px 31px !important;
        mask-size: 32px 31px !important;
    }


    /* ------------------------------------------------------
       ACCOUNT ближе к THREE DOTS
       Не двигаем весь layout — только содержимое ячеек.
       ------------------------------------------------------ */

    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-account {

        justify-items: end !important;
    }


    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button {

        justify-self: end !important;

        transform: translateX(3px) !important;
    }


    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-more {

        justify-items: start !important;
    }


    body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu {

        justify-self: start !important;

        transform: translateX(-2px) !important;
    }


    /*
     * Внутри кнопки три точки остаются точно вертикальными.
     */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu
    > i.fa-ellipsis-h {

        margin: 0 !important;

        transform: rotate(90deg) !important;
        transform-origin: center center !important;
    }

}

/* === PAXOR MOBILE TOP ICON TUNE V148 END === */

/* === PAXOR MOBILE ACCOUNT MUSIC STABLE V149 START === */

@media (max-width: 760px) {

    /* ------------------------------------------------------
       1. ОТМЕНЯЕМ V148-СДВИГ САМОЙ КНОПКИ ACCOUNT
       ------------------------------------------------------ */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button {

        transform: none !important;

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

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

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

        overflow: visible !important;

        pointer-events: auto !important;
    }


    /* ------------------------------------------------------
       2. ACCOUNT + ⋮ ДЕЛАЕМ БЛИЖЕ БЕЗ transform КНОПОК
       ------------------------------------------------------ */

    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-account {

        margin-right: -3px !important;

        transform: none !important;
    }


    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-more {

        margin-left: -3px !important;

        transform: none !important;
    }


    body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu {

        transform: none !important;
    }


    /* ------------------------------------------------------
       3. PAXOR MUSIC — ACCOUNT НИКОГДА НЕ СКРЫВАЕТСЯ
       ------------------------------------------------------ */

    html body.paxor-music-active
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-account {

        display: grid !important;

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

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

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

        flex: 0 0 34px !important;

        place-items: center !important;

        overflow: visible !important;

        pointer-events: auto !important;

        z-index: 100 !important;
    }


    html body.paxor-music-active
    > nav:not(.paxor-mobile-bottom-nav)
    #account-button {

        display: grid !important;

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

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

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

        place-items: center !important;

        transform: none !important;

        overflow: visible !important;

        pointer-events: auto !important;
    }


    /* ------------------------------------------------------
       4. ГОСТЕВОЙ ACCOUNT НА PAXOR MUSIC
       Старую png скрываем.
       ------------------------------------------------------ */

    html body.paxor-music-active
    > nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account.png"]
    )
    > img.account-avatar,

    html body.paxor-music-active
    > nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account2.png"]
    )
    > img.account-avatar {

        display: none !important;
    }


    /* Большой outline guest-account */

    html body.paxor-music-active
    > nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account.png"]
    )::before,

    html body.paxor-music-active
    > nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account2.png"]
    )::before {

        content: "" !important;

        display: block !important;

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

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

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

        position: static !important;

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

        align-self: center !important;
        justify-self: center !important;

        transform: none !important;

        background-color: currentColor !important;

        -webkit-mask-size: 32px 31px !important;
        mask-size: 32px 31px !important;

        -webkit-mask-position: center !important;
        mask-position: center !important;

        -webkit-mask-repeat: no-repeat !important;
        mask-repeat: no-repeat !important;
    }


    /* ------------------------------------------------------
       5. THREE DOTS
       Оставляем один настоящий ⋮
       ------------------------------------------------------ */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu::before,

    body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu::after {

        content: none !important;
        display: none !important;
    }


    body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu
    > i.fa-ellipsis-h {

        display: block !important;

        margin: 0 !important;

        transform: rotate(90deg) !important;
        transform-origin: center center !important;
    }

}

/* === PAXOR MOBILE ACCOUNT MUSIC STABLE V149 END === */

/* === PAXOR MOBILE ACCOUNT MUSIC STABLE V149 START === */

@media (max-width: 760px) {

    /* ------------------------------------------------------
       1. ОТМЕНЯЕМ V148-СДВИГ САМОЙ КНОПКИ ACCOUNT
       ------------------------------------------------------ */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button {

        transform: none !important;

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

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

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

        overflow: visible !important;

        pointer-events: auto !important;
    }


    /* ------------------------------------------------------
       2. ACCOUNT + ⋮ ДЕЛАЕМ БЛИЖЕ БЕЗ transform КНОПОК
       ------------------------------------------------------ */

    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-account {

        margin-right: -3px !important;

        transform: none !important;
    }


    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-more {

        margin-left: -3px !important;

        transform: none !important;
    }


    body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu {

        transform: none !important;
    }


    /* ------------------------------------------------------
       3. PAXOR MUSIC — ACCOUNT НИКОГДА НЕ СКРЫВАЕТСЯ
       ------------------------------------------------------ */

    html body.paxor-music-active
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-account {

        display: grid !important;

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

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

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

        flex: 0 0 34px !important;

        place-items: center !important;

        overflow: visible !important;

        pointer-events: auto !important;

        z-index: 100 !important;
    }


    html body.paxor-music-active
    > nav:not(.paxor-mobile-bottom-nav)
    #account-button {

        display: grid !important;

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

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

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

        place-items: center !important;

        transform: none !important;

        overflow: visible !important;

        pointer-events: auto !important;
    }


    /* ------------------------------------------------------
       4. ГОСТЕВОЙ ACCOUNT НА PAXOR MUSIC
       Старую png скрываем.
       ------------------------------------------------------ */

    html body.paxor-music-active
    > nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account.png"]
    )
    > img.account-avatar,

    html body.paxor-music-active
    > nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account2.png"]
    )
    > img.account-avatar {

        display: none !important;
    }


    /* Большой outline guest-account */

    html body.paxor-music-active
    > nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account.png"]
    )::before,

    html body.paxor-music-active
    > nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account2.png"]
    )::before {

        content: "" !important;

        display: block !important;

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

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

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

        position: static !important;

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

        align-self: center !important;
        justify-self: center !important;

        transform: none !important;

        background-color: currentColor !important;

        -webkit-mask-size: 32px 31px !important;
        mask-size: 32px 31px !important;

        -webkit-mask-position: center !important;
        mask-position: center !important;

        -webkit-mask-repeat: no-repeat !important;
        mask-repeat: no-repeat !important;
    }


    /* ------------------------------------------------------
       5. THREE DOTS
       Оставляем один настоящий ⋮
       ------------------------------------------------------ */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu::before,

    body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu::after {

        content: none !important;
        display: none !important;
    }


    body
    nav:not(.paxor-mobile-bottom-nav)
    #toggleMenu
    > i.fa-ellipsis-h {

        display: block !important;

        margin: 0 !important;

        transform: rotate(90deg) !important;
        transform-origin: center center !important;
    }

}

/* === PAXOR MOBILE ACCOUNT MUSIC STABLE V149 END === */

/* === PAXOR MOBILE REAL GUEST ACCOUNT V150 START === */

/*
 * На desktop новый элемент не показываем.
 * Там остаётся существующая account.png.
 */
.account-guest-real-icon {
    display: none;
}


@media (max-width: 760px) {

    /* ======================================================
       ACCOUNT CONTAINER
       Не зависит ни от paxor-mobile-ui,
       ни от Paxor Music state.
       ====================================================== */

    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-account {

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

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

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

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

        flex: 0 0 34px !important;

        overflow: visible !important;

        pointer-events: auto !important;
    }


    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button {

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

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

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

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

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

        transform: none !important;

        overflow: visible !important;

        pointer-events: auto !important;
    }


    /* ======================================================
       GUEST
       Старые account.png/account2.png на mobile скрыты.
       ====================================================== */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account.png"]
    )
    > img.account-avatar,

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account2.png"]
    )
    > img.account-avatar {

        display: none !important;
    }


    /* ======================================================
       ВАЖНО:
       старый guest Account через ::before отключаем полностью.
       Он больше нам не нужен.
       ====================================================== */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account.png"]
    )::before,

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(
        > img.account-avatar[src*="account2.png"]
    )::before {

        content: none !important;

        display: none !important;

        width: 0 !important;
        height: 0 !important;

        min-width: 0 !important;
        min-height: 0 !important;
    }


    /* ======================================================
       REAL GUEST ICON
       Это настоящий span внутри #account-button.
       Поэтому SPA/CSS state его больше не "потеряет".
       ====================================================== */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button
    > span.account-guest-real-icon {

        display: block !important;

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

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

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

        grid-area: 1 / 1 !important;

        align-self: center !important;
        justify-self: center !important;

        position: static !important;

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

        transform: none !important;

        background-color: currentColor !important;

        -webkit-mask-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.3' fill='none' stroke='black' stroke-width='1.18' stroke-linecap='round'/%3E%3Cpath d='M5.3 20c.55-4.15 3.1-6.35 6.7-6.35s6.15 2.2 6.7 6.35' fill='none' stroke='black' stroke-width='1.18' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;

        mask-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.3' fill='none' stroke='black' stroke-width='1.18' stroke-linecap='round'/%3E%3Cpath d='M5.3 20c.55-4.15 3.1-6.35 6.7-6.35s6.15 2.2 6.7 6.35' fill='none' stroke='black' stroke-width='1.18' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;

        -webkit-mask-repeat: no-repeat !important;
        mask-repeat: no-repeat !important;

        -webkit-mask-position: center !important;
        mask-position: center !important;

        -webkit-mask-size: 32px 31px !important;
        mask-size: 32px 31px !important;

        pointer-events: none !important;
    }

}

/* === PAXOR MOBILE REAL GUEST ACCOUNT V150 END === */

/* === PAXOR MOBILE REAL ACCOUNT SVG V151 START === */

/* desktop: новый mobile SVG не показываем */
.account-guest-svg {
    display: none;
}


@media (max-width: 760px) {

    /* ======================================================
       ACCOUNT ЯЧЕЙКА
       Постоянно присутствует на всех страницах.
       ====================================================== */

    body
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-account {

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

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

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

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

        flex: 0 0 34px !important;
        flex-shrink: 0 !important;

        overflow: visible !important;

        pointer-events: auto !important;

        order: 50 !important;
    }


    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button {

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

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

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

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

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

        position: relative !important;

        transform: none !important;

        overflow: visible !important;

        pointer-events: auto !important;
    }


    /* ======================================================
       ГОСТЬ:
       account.png/account2.png больше не используем на mobile.
       ====================================================== */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(> .account-guest-svg)
    > img.account-avatar {

        display: none !important;
    }


    /* ======================================================
       ОТКЛЮЧАЕМ ВСЕ СТАРЫЕ ::before ACCOUNT
       в том числе старые правила Paxor Music.
       ====================================================== */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button:has(> .account-guest-svg)::before {

        content: none !important;

        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;

        background: none !important;

        -webkit-mask-image: none !important;
        mask-image: none !important;
    }


    /* ======================================================
       НАСТОЯЩИЙ SVG ACCOUNT
       Не span, не pseudo-element, не mask.
       ====================================================== */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button
    > svg.account-guest-svg {

        display: block !important;

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

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

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

        grid-area: 1 / 1 !important;

        align-self: center !important;
        justify-self: center !important;

        position: static !important;

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

        transform: none !important;

        overflow: visible !important;

        fill: none !important;

        stroke: currentColor !important;
        stroke-width: 1.45 !important;

        stroke-linecap: round !important;
        stroke-linejoin: round !important;

        color: inherit !important;

        pointer-events: none !important;
    }


    /*
     * У SVG внутренние элементы тоже явно фиксируем.
     */

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button
    > svg.account-guest-svg
    circle,

    body
    nav:not(.paxor-mobile-bottom-nav)
    #account-button
    > svg.account-guest-svg
    path {

        display: block !important;

        fill: none !important;

        stroke: currentColor !important;
        stroke-width: 1.45 !important;

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


    /* ======================================================
       PAXOR MUSIC
       Дополнительная страховка только контейнера.
       Сам SVG такой же, как на Home.
       ====================================================== */

    body.paxor-music-active
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-account {

        display: grid !important;

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

        flex: 0 0 34px !important;

        overflow: visible !important;
    }


    body.paxor-music-active
    nav:not(.paxor-mobile-bottom-nav)
    #account-button
    > svg.account-guest-svg {

        display: block !important;

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

        width: 32px !important;
        height: 32px !important;
    }

}

/* === PAXOR MOBILE REAL ACCOUNT SVG V151 END === */

/* === PAXOR MOBILE ACCOUNT CENTERED SVG V152 START === */
@media (max-width: 760px) {
    html body > nav:not(.paxor-mobile-bottom-nav) > .menu-right > .nav-account {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        flex: 0 0 38px !important;
        overflow: visible !important;
        pointer-events: auto !important;
        order: 50 !important;
    }

    html body nav:not(.paxor-mobile-bottom-nav) #account-button,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) #account-button,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) #account-button {
        display: grid !important;
        place-items: center !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        transform: none !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        color: var(--paxor-top-icon-color, rgba(232, 251, 255, 0.92)) !important;
    }

    html body nav:not(.paxor-mobile-bottom-nav) #account-button::before,
    html body nav:not(.paxor-mobile-bottom-nav) #account-button:has(> .account-guest-svg)::before,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) #account-button:has(> .account-guest-svg)::before,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) #account-button:has(> .account-guest-svg)::before {
        content: none !important;
        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;
        flex: 0 0 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }

    html body nav:not(.paxor-mobile-bottom-nav) #account-button::after {
        content: none !important;
        display: none !important;
    }

    html body nav:not(.paxor-mobile-bottom-nav) #account-button:has(> .account-guest-svg) > img.account-avatar,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) #account-button:has(> .account-guest-svg) > img.account-avatar,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) #account-button:has(> .account-guest-svg) > img.account-avatar {
        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;
        flex: 0 0 0 !important;
        margin: 0 !important;
    }

    html body nav:not(.paxor-mobile-bottom-nav) #account-button > svg.account-guest-svg,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) #account-button > svg.account-guest-svg,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) #account-button > svg.account-guest-svg {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        right: auto !important;
        bottom: auto !important;
        transform: translate(-50%, -50%) !important;
        grid-area: 1 / 1 !important;
        place-self: center !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 3 !important;
        overflow: visible !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.5 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
        color: inherit !important;
        pointer-events: none !important;
    }

    html body nav:not(.paxor-mobile-bottom-nav) #account-button > svg.account-guest-svg circle,
    html body nav:not(.paxor-mobile-bottom-nav) #account-button > svg.account-guest-svg path {
        display: block !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.5 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

@media (max-width: 360px) {
    html body > nav:not(.paxor-mobile-bottom-nav) > .menu-right > .nav-account,
    html body nav:not(.paxor-mobile-bottom-nav) #account-button,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) #account-button,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) #account-button {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        flex-basis: 36px !important;
    }
}
/* === PAXOR MOBILE ACCOUNT CENTERED SVG V152 END === */

/* === PAXOR MOBILE ACCOUNT REMOVE OLD PSEUDO V153 START === */
@media (max-width: 760px) {
    html body nav:not(.paxor-mobile-bottom-nav) #account-button#account-button::before,
    html body nav:not(.paxor-mobile-bottom-nav) #account-button#account-button:has(> .account-guest-svg)::before,
    html body nav:not(.paxor-mobile-bottom-nav) #account-button#account-button:has(> img.account-avatar[src*="account.png"])::before,
    html body nav:not(.paxor-mobile-bottom-nav) #account-button#account-button:has(> img.account-avatar[src*="account2.png"])::before,
    html body.paxor-music-active > nav:not(.paxor-mobile-bottom-nav) #account-button#account-button::before,
    html body.paxor-music-active > nav:not(.paxor-mobile-bottom-nav) #account-button#account-button:has(> .account-guest-svg)::before,
    html body.paxor-music-active > nav:not(.paxor-mobile-bottom-nav) #account-button#account-button:has(> img.account-avatar[src*="account.png"])::before,
    html body.paxor-music-active > nav:not(.paxor-mobile-bottom-nav) #account-button#account-button:has(> img.account-avatar[src*="account2.png"])::before,
    html body:has(.music-shell) > nav:not(.paxor-mobile-bottom-nav) #account-button#account-button::before,
    html body:has(.music-shell) > nav:not(.paxor-mobile-bottom-nav) #account-button#account-button:has(> .account-guest-svg)::before,
    html body:has(.music-shell) > nav:not(.paxor-mobile-bottom-nav) #account-button#account-button:has(> img.account-avatar[src*="account.png"])::before,
    html body:has(.music-shell) > nav:not(.paxor-mobile-bottom-nav) #account-button#account-button:has(> img.account-avatar[src*="account2.png"])::before {
        content: none !important;
        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;
        flex: 0 0 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
        pointer-events: none !important;
    }
}
/* === PAXOR MOBILE ACCOUNT REMOVE OLD PSEUDO V153 END === */

/* === PAXOR MOBILE ACCOUNT STATIC CENTER V154 START === */
@media (max-width: 760px) {
    html body nav:not(.paxor-mobile-bottom-nav) #account-button > svg.account-guest-svg,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) #account-button > svg.account-guest-svg,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) #account-button > svg.account-guest-svg {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
        grid-area: 1 / 1 !important;
        align-self: center !important;
        justify-self: center !important;
        place-self: center !important;
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}
/* === PAXOR MOBILE ACCOUNT STATIC CENTER V154 END === */

/* === PAXOR MOBILE TOP BAR NO OVERLAP V155 START === */
@media (max-width: 760px) {
    html body nav:not(.paxor-mobile-bottom-nav) > .menu-right {
        gap: 0 !important;
    }

    html body nav:not(.paxor-mobile-bottom-nav) > .menu-right > li {
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
    }

    html body nav:not(.paxor-mobile-bottom-nav) > .menu-right > .nav-account,
    html body nav:not(.paxor-mobile-bottom-nav) > .menu-right > .nav-more,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) > .menu-right > .nav-account,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) > .menu-right > .nav-more,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) > .menu-right > .nav-account,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) > .menu-right > .nav-more {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        flex: 0 0 36px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: grid !important;
        place-items: center !important;
        overflow: visible !important;
    }

    html body nav:not(.paxor-mobile-bottom-nav) #account-button,
    html body nav:not(.paxor-mobile-bottom-nav) #toggleMenu,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) #account-button,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) #toggleMenu,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) #account-button,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) #toggleMenu {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        margin: 0 !important;
        place-self: center !important;
        transform: none !important;
    }
}
/* === PAXOR MOBILE TOP BAR NO OVERLAP V155 END === */

/* === PAXOR MOBILE ACCOUNT MENU FULL WIDTH V156 START === */
@media (max-width: 760px) {
    html body #account-menu.account-menu,
    html body.paxor-music-active #account-menu.account-menu,
    html body:has(.music-shell) #account-menu.account-menu,
    html.paxor-mobile-ui body #account-menu.account-menu,
    html.paxor-mobile-ui body.paxor-music-active #account-menu.account-menu,
    html.paxor-mobile-ui body:has(.music-shell) #account-menu.account-menu {
        position: fixed !important;
        top: var(--paxor-mobile-top-nav-height, 52px) !important;
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        max-height: calc(100vh - var(--paxor-mobile-top-nav-height, 52px)) !important;
        margin: 0 !important;
        padding: 22px 24px 24px !important;
        border-radius: 0 0 18px 18px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        z-index: 2147482200 !important;
        transition:
            opacity 0.20s ease,
            visibility 0.20s ease,
            transform 0.20s ease !important;
    }

    html body #account-menu.account-menu:not(.open),
    html body.paxor-music-active #account-menu.account-menu:not(.open),
    html body:has(.music-shell) #account-menu.account-menu:not(.open),
    html.paxor-mobile-ui body #account-menu.account-menu:not(.open),
    html.paxor-mobile-ui body.paxor-music-active #account-menu.account-menu:not(.open),
    html.paxor-mobile-ui body:has(.music-shell) #account-menu.account-menu:not(.open) {
        display: block !important;
        left: 0 !important;
        right: auto !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translate3d(0, -10px, 0) !important;
    }

    html body #account-menu.account-menu.open,
    html body.paxor-music-active #account-menu.account-menu.open,
    html body:has(.music-shell) #account-menu.account-menu.open,
    html.paxor-mobile-ui body #account-menu.account-menu.open,
    html.paxor-mobile-ui body.paxor-music-active #account-menu.account-menu.open,
    html.paxor-mobile-ui body:has(.music-shell) #account-menu.account-menu.open {
        display: block !important;
        left: 0 !important;
        right: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translate3d(0, 0, 0) !important;
    }

    html body #account-menu.account-menu > ul {
        width: 100% !important;
        max-width: 560px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html body #account-menu.account-menu > ul > li {
        width: 100% !important;
        min-height: 66px !important;
        margin: 10px 0 !important;
        box-sizing: border-box !important;
    }
}
/* === PAXOR MOBILE ACCOUNT MENU FULL WIDTH V156 END === */

/* === PAXOR MOBILE COMPACT ACCOUNT MENU + TOP ICON ALIGN V157 START === */
@media (max-width: 760px) {
    html body #account-menu.account-menu,
    html body.paxor-music-active #account-menu.account-menu,
    html body:has(.music-shell) #account-menu.account-menu,
    html.paxor-mobile-ui body #account-menu.account-menu,
    html.paxor-mobile-ui body.paxor-music-active #account-menu.account-menu,
    html.paxor-mobile-ui body:has(.music-shell) #account-menu.account-menu {
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100vh - var(--paxor-mobile-top-nav-height, 52px)) !important;
        padding: 12px 24px 14px !important;
        border-radius: 0 0 16px 16px !important;
    }

    html body #account-menu.account-menu > ul {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 560px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    html body #account-menu.account-menu > ul > li {
        width: 100% !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        margin: 0 !important;
        padding: 6px 12px 6px 54px !important;
        display: flex !important;
        align-items: center !important;
        border-radius: 13px !important;
        box-sizing: border-box !important;
    }

    html body #account-menu.account-menu > ul > li::before {
        top: 50% !important;
        left: 10px !important;
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        transform: translateY(-50%) !important;
    }

    html body #account-menu.account-menu > ul > li > i {
        top: 50% !important;
        left: 10px !important;
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        font-size: 14px !important;
        transform: translateY(-50%) !important;
    }

    html body #account-menu.account-menu > ul > li > a,
    html body #account-menu.account-menu > ul > li > button,
    html body #account-menu.account-menu .logout-btn {
        padding-left: 9px !important;
        line-height: 1.15 !important;
    }

    html body > nav:not(.paxor-mobile-bottom-nav) > .menu-right > .nav-notifications,
    html body > nav:not(.paxor-mobile-bottom-nav) > .menu-right > .nav-messages,
    html body.paxor-music-active > nav:not(.paxor-mobile-bottom-nav) > .menu-right > .nav-notifications,
    html body.paxor-music-active > nav:not(.paxor-mobile-bottom-nav) > .menu-right > .nav-messages,
    html body:has(.music-shell) > nav:not(.paxor-mobile-bottom-nav) > .menu-right > .nav-notifications,
    html body:has(.music-shell) > nav:not(.paxor-mobile-bottom-nav) > .menu-right > .nav-messages,
    html.paxor-mobile-ui body > nav:not(.paxor-mobile-bottom-nav) > .menu-right > .nav-notifications,
    html.paxor-mobile-ui body > nav:not(.paxor-mobile-bottom-nav) > .menu-right > .nav-messages {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        flex: 0 0 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        align-self: center !important;
        position: relative !important;
        top: -4px !important;
        bottom: auto !important;
        transform: none !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    html body nav:not(.paxor-mobile-bottom-nav) .notification-button,
    html body nav:not(.paxor-mobile-bottom-nav) .music-messages-menu-button,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) .notification-button,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) .music-messages-menu-button,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) .notification-button,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) .music-messages-menu-button,
    html.paxor-mobile-ui body nav:not(.paxor-mobile-bottom-nav) .notification-button,
    html.paxor-mobile-ui body nav:not(.paxor-mobile-bottom-nav) .music-messages-menu-button {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        align-self: center !important;
        justify-self: center !important;
        position: relative !important;
        top: 0 !important;
        bottom: auto !important;
        transform: none !important;
        line-height: 1 !important;
        box-sizing: border-box !important;
    }

    html body nav:not(.paxor-mobile-bottom-nav) .notification-button > i,
    html body nav:not(.paxor-mobile-bottom-nav) .notification-button > i.fa-bell,
    html body nav:not(.paxor-mobile-bottom-nav) .music-messages-menu-button::before,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) .notification-button > i,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) .notification-button > i.fa-bell,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) .music-messages-menu-button::before,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) .notification-button > i,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) .notification-button > i.fa-bell,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) .music-messages-menu-button::before,
    html.paxor-mobile-ui body nav:not(.paxor-mobile-bottom-nav) .notification-button > i,
    html.paxor-mobile-ui body nav:not(.paxor-mobile-bottom-nav) .notification-button > i.fa-bell,
    html.paxor-mobile-ui body nav:not(.paxor-mobile-bottom-nav) .music-messages-menu-button::before {
        margin: 0 !important;
        padding: 0 !important;
        align-self: center !important;
        justify-self: center !important;
        place-self: center !important;
        position: static !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        line-height: 1 !important;
    }
}
/* === PAXOR MOBILE COMPACT ACCOUNT MENU + TOP ICON ALIGN V157 END === */

/* === PAXOR MOBILE BELL MESSAGE VISUAL RAISE V158 START === */
@media (max-width: 760px) {
    html body nav:not(.paxor-mobile-bottom-nav) .notification-button,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) .notification-button,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) .notification-button,
    html.paxor-mobile-ui body nav:not(.paxor-mobile-bottom-nav) .notification-button {
        position: relative !important;
        top: -4px !important;
    }

    html body nav:not(.paxor-mobile-bottom-nav) .music-messages-menu-button,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) .music-messages-menu-button,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) .music-messages-menu-button,
    html.paxor-mobile-ui body nav:not(.paxor-mobile-bottom-nav) .music-messages-menu-button {
        position: relative !important;
        top: -6px !important;
    }
}
/* === PAXOR MOBILE BELL MESSAGE VISUAL RAISE V158 END === */

/* === PAXOR MOBILE ACCOUNT MENU EXTRA COMPACT + RIGHT NUDGE V159 START === */
@media (max-width: 760px) {
    html body #account-menu.account-menu,
    html body.paxor-music-active #account-menu.account-menu,
    html body:has(.music-shell) #account-menu.account-menu,
    html.paxor-mobile-ui body #account-menu.account-menu,
    html.paxor-mobile-ui body.paxor-music-active #account-menu.account-menu,
    html.paxor-mobile-ui body:has(.music-shell) #account-menu.account-menu {
        height: auto !important;
        min-height: 0 !important;
        padding: 8px 20px 10px !important;
        border-radius: 0 0 14px 14px !important;
    }

    html body #account-menu.account-menu > ul {
        gap: 6px !important;
    }

    html body #account-menu.account-menu > ul > li {
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        padding: 5px 12px 5px 48px !important;
        border-radius: 12px !important;
    }

    html body #account-menu.account-menu > ul > li::before,
    html body #account-menu.account-menu > ul > li > i {
        left: 9px !important;
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
    }

    html body #account-menu.account-menu > ul > li > a,
    html body #account-menu.account-menu > ul > li > button,
    html body #account-menu.account-menu .logout-btn {
        padding-left: 8px !important;
        font-size: 16px !important;
        line-height: 1.1 !important;
    }

    html body > nav:not(.paxor-mobile-bottom-nav) > .menu-right > li,
    html body.paxor-music-active > nav:not(.paxor-mobile-bottom-nav) > .menu-right > li,
    html body:has(.music-shell) > nav:not(.paxor-mobile-bottom-nav) > .menu-right > li,
    html.paxor-mobile-ui body > nav:not(.paxor-mobile-bottom-nav) > .menu-right > li {
        position: relative !important;
        left: 4px !important;
    }
}

@media (max-width: 360px) {
    html body > nav:not(.paxor-mobile-bottom-nav) > .menu-right > li,
    html body.paxor-music-active > nav:not(.paxor-mobile-bottom-nav) > .menu-right > li,
    html body:has(.music-shell) > nav:not(.paxor-mobile-bottom-nav) > .menu-right > li,
    html.paxor-mobile-ui body > nav:not(.paxor-mobile-bottom-nav) > .menu-right > li {
        left: 3px !important;
    }
}
/* === PAXOR MOBILE ACCOUNT MENU EXTRA COMPACT + RIGHT NUDGE V159 END === */

/* === PAXOR MOBILE ACCOUNT FINAL COMPACT V160 START === */

@media (max-width: 760px) {

    /* Одинаковый компактный список */
    html body #account-menu.account-menu > ul {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        width: 100% !important;

        gap: 4px !important;
        row-gap: 4px !important;

        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* Все планки строго одинаковые, включая первую */
    html body #account-menu.account-menu > ul > li,
    html body #account-menu.account-menu > ul > li:first-child,
    html body #account-menu.account-menu > ul > li:last-child,
    html body #account-menu.account-menu > ul > li:has(#calculator-button-account),
    html body #account-menu.account-menu > ul > li:has(#logout-button-menu) {
        position: relative !important;

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

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

        flex: 0 0 32px !important;

        margin: 0 !important;

        padding-top: 0 !important;
        padding-right: 12px !important;
        padding-bottom: 0 !important;
        padding-left: 40px !important;

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

        align-self: stretch !important;

        transform: none !important;

        box-sizing: border-box !important;
    }

    /* Маленький кружок */
    html body #account-menu.account-menu > ul > li::before {
        position: absolute !important;

        left: 9px !important;
        top: 50% !important;

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

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

        margin: 0 !important;

        transform: translateY(-50%) !important;

        border-radius: 50% !important;
    }

    /* Значок строго по центру кружка */
    html body #account-menu.account-menu > ul > li > i {
        position: absolute !important;

        left: 9px !important;
        top: 50% !important;

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

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

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

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

        font-size: 10px !important;
        line-height: 1 !important;

        transform: translateY(-50%) !important;
    }

    /* Текст как в компактном меню три точки */
    html body #account-menu.account-menu > ul > li > a,
    html body #account-menu.account-menu > ul > li > button,
    html body #account-menu.account-menu .logout-btn,
    html body #account-menu.account-menu #calculator-button-account,
    html body #account-menu.account-menu #calculator-button-account > span {
        min-height: 32px !important;
        height: 32px !important;
        max-height: 32px !important;

        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 6px !important;

        display: flex !important;
        align-items: center !important;

        font-size: 14px !important;
        font-weight: 550 !important;
        line-height: 1.15 !important;

        box-sizing: border-box !important;
    }
}

/* === PAXOR MOBILE ACCOUNT FINAL COMPACT V160 END === */

/* === PAXOR MOBILE FIRST HOME TOP BAR STABILITY V161 START === */
@media (max-width: 760px) {
    html body:not(.paxor-music-active):not(:has(.music-shell))
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-messages {
        position: relative !important;
        top: 0 !important;
    }

    html body:not(.paxor-music-active):not(:has(.music-shell))
    nav:not(.paxor-mobile-bottom-nav)
    .music-messages-menu-button {
        position: relative !important;
        top: 0 !important;
    }

    html body nav:not(.paxor-mobile-bottom-nav) #account-button,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) #account-button,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) #account-button,
    html.paxor-mobile-ui body nav:not(.paxor-mobile-bottom-nav) #account-button {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        display: grid !important;
        place-items: center !important;
        overflow: visible !important;
    }

    html body nav:not(.paxor-mobile-bottom-nav) #account-button > svg.account-guest-svg,
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) #account-button > svg.account-guest-svg,
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) #account-button > svg.account-guest-svg,
    html.paxor-mobile-ui body nav:not(.paxor-mobile-bottom-nav) #account-button > svg.account-guest-svg {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        grid-area: 1 / 1 !important;
        place-self: center !important;
        transform: none !important;
    }

    html body nav:not(.paxor-mobile-bottom-nav) #account-button > img.account-avatar:not([src*="account.png"]):not([src*="account2.png"]),
    html body.paxor-music-active nav:not(.paxor-mobile-bottom-nav) #account-button > img.account-avatar:not([src*="account.png"]):not([src*="account2.png"]),
    html body:has(.music-shell) nav:not(.paxor-mobile-bottom-nav) #account-button > img.account-avatar:not([src*="account.png"]):not([src*="account2.png"]),
    html.paxor-mobile-ui body nav:not(.paxor-mobile-bottom-nav) #account-button > img.account-avatar:not([src*="account.png"]):not([src*="account2.png"]) {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        object-fit: cover !important;
        object-position: center !important;
        border-radius: 50% !important;
        margin: 0 !important;
        position: static !important;
        grid-area: 1 / 1 !important;
        place-self: center !important;
        transform: none !important;
    }
}
/* === PAXOR MOBILE FIRST HOME TOP BAR STABILITY V161 END === */

/* === PAXOR MOBILE MARKETPLACE FULL WIDTH COMPACT V162 START === */
@media (max-width: 760px) {

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page)
    .music-shell .music-main .music-scroll-area
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page)
    .music-shell .music-main .music-scroll-area
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page)
    .music-shell .music-main .music-scroll-area
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page)
    .music-shell .music-main .music-scroll-area
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading {
        position: sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        z-index: 90 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto !important;
        align-items: center !important;
        align-content: center !important;
        column-gap: 8px !important;
        row-gap: 1px !important;
        width: calc(100% + 16px) !important;
        min-width: calc(100% + 16px) !important;
        max-width: calc(100% + 16px) !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        margin: 0 0 6px -8px !important;
        padding: 5px 10px !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        text-align: left !important;
        box-sizing: border-box !important;
        transform: none !important;
        translate: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading > div,
    html body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading > div,
    html body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading > div {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        display: grid !important;
        align-content: center !important;
        justify-items: start !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        gap: 1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html.paxor-mobile-ui body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"] {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        color: #20d9ff !important;
        -webkit-text-fill-color: #20d9ff !important;
        font-size: 8px !important;
        line-height: 1 !important;
        letter-spacing: .06em !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-library-title {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 2px 0 0 !important;
        padding: 0 !important;
        color: #f4fbff !important;
        font-size: 15px !important;
        line-height: 1.05 !important;
        font-weight: 900 !important;
        text-align: left !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html.paxor-mobile-ui body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
        align-self: center !important;
        justify-self: end !important;
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 70px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #5dff9a !important;
        font-size: 9px !important;
        line-height: 1.05 !important;
        font-weight: 800 !important;
        text-align: right !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section,
    html body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section,
    html body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section {
        width: calc(100% + 16px) !important;
        min-width: calc(100% + 16px) !important;
        max-width: calc(100% + 16px) !important;
        margin: 0 0 0 -8px !important;
        padding: 0 4px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid,
    html body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid,
    html body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 340px) {

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section,
    html body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section,
    html body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid,
    html body.paxor-music-active:not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid,
    html body:has(.music-shell):not(.music-track-detail-page)
    #music-library-view:not([hidden]) > section.music-section.music-marketplace-section > .music-track-grid#music-track-grid {
        gap: 4px !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE FULL WIDTH COMPACT V162 END === */

/* === PAXOR MOBILE MARKETPLACE HEADER SHORT FULLBLEED V163 START === */
@media (max-width: 760px) {

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page)
    .music-shell .music-main .music-scroll-area
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page)
    .music-shell .music-main .music-scroll-area
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page)
    .music-shell .music-main .music-scroll-area
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page)
    .music-shell .music-main .music-scroll-area
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        margin: 0 0 5px calc(50% - 50vw) !important;
        padding: 4px 8px !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto !important;
        column-gap: 7px !important;
        row-gap: 0 !important;
        align-items: center !important;
        align-content: center !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        transform: none !important;
        translate: none !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading > div,
    html.paxor-mobile-ui body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading > div,
    html body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading > div,
    html body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading > div {
        gap: 0 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html.paxor-mobile-ui body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"] {
        font-size: 7px !important;
        line-height: 1 !important;
        letter-spacing: .05em !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-library-title {
        margin-top: 1px !important;
        font-size: 14px !important;
        line-height: 1.02 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html.paxor-mobile-ui body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count {
        max-width: 64px !important;
        font-size: 8px !important;
        line-height: 1 !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE HEADER SHORT FULLBLEED V163 END === */

/* === PAXOR MOBILE MARKETPLACE HEADER LOWER WIDER V164 START === */
@media (max-width: 760px) {

    html.paxor-mobile-ui body.paxor-music-active:not(.music-track-detail-page)
    .music-shell .music-main .music-scroll-area
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading,
    html.paxor-mobile-ui body:has(.music-shell):not(.music-track-detail-page)
    .music-shell .music-main .music-scroll-area
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading,
    html body.paxor-music-active:not(.music-track-detail-page)
    .music-shell .music-main .music-scroll-area
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading,
    html body:has(.music-shell):not(.music-track-detail-page)
    .music-shell .music-main .music-scroll-area
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading {
        width: calc(100vw + 12px) !important;
        min-width: calc(100vw + 12px) !important;
        max-width: none !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        margin: 0 0 4px calc(50% - 50vw - 6px) !important;
        padding: 3px 8px !important;
        column-gap: 6px !important;
        row-gap: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html.paxor-mobile-ui body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"],
    html body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading span.music-kicker[data-i18n="LISTED ON-CHAIN"] {
        font-size: 6px !important;
        line-height: 1 !important;
        letter-spacing: .045em !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-library-title,
    html.paxor-mobile-ui body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-library-title,
    html body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-library-title,
    html body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-library-title {
        margin-top: 1px !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html.paxor-mobile-ui body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body.paxor-music-active
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count,
    html body:has(.music-shell)
    #music-library-view:not([hidden]) > div.music-section-heading.music-marketplace-sticky-heading #music-result-count.music-result-count {
        max-width: 58px !important;
        font-size: 7px !important;
        line-height: 1 !important;
    }
}
/* === PAXOR MOBILE MARKETPLACE HEADER LOWER WIDER V164 END === */

/* === PAXOR MOBILE ARTIST STUDIO ORDER V165 START === */
@media (max-width: 760px) {

    html body:has(main.artist-studio),
    html.paxor-mobile-ui body:has(main.artist-studio) {
        overflow-x: hidden !important;
        background: #05090b !important;
    }

    html body:has(main.artist-studio) .main-content,
    html.paxor-mobile-ui body:has(main.artist-studio) .main-content {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) main.artist-studio,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 100dvh !important;
        margin: 0 !important;
        padding: 8px 0 calc(var(--paxor-mobile-player-height, 66px) + 96px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-x: hidden !important;
        background:
            linear-gradient(180deg, rgba(8, 22, 27, .98), #05090b 42%, #05090b 100%) !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) main.artist-studio > .artist-workspace,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio > .artist-workspace {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 8px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-studio-sidebar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar {
        position: static !important;
        top: auto !important;
        z-index: 4 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-sidebar-fixed,
    html body:has(main.artist-studio) .artist-sidebar-profile,
    html body:has(main.artist-studio) .artist-sidebar-workspace-label,
    html body:has(main.artist-studio) .artist-sidebar-actions,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-fixed,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-profile,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-workspace-label,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-actions {
        display: none !important;
    }

    html body:has(main.artist-studio) .artist-music-switcher,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-music-switcher {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        overflow: visible !important;
        border: 0 !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-music-switcher-item,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-music-switcher-item {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        margin: 0 !important;
        padding: 0 5px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        border: 1px solid rgba(255,255,255,.09) !important;
        border-radius: 8px !important;
        background: rgba(5, 12, 15, .78) !important;
        box-shadow: none !important;
        color: #b8c5ca !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html body:has(main.artist-studio) .artist-music-switcher-item.active,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-music-switcher-item.active {
        color: #22d8fa !important;
        border-color: rgba(34,216,250,.38) !important;
        background: linear-gradient(180deg, rgba(25, 211, 247, .17), rgba(5, 15, 18, .86)) !important;
        box-shadow: inset 0 -2px 0 rgba(34,216,250,.78) !important;
    }

    html body:has(main.artist-studio) .artist-music-switcher-icon,
    html body:has(main.artist-studio) .artist-music-switcher-avatar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-music-switcher-icon,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-music-switcher-avatar {
        width: 18px !important;
        min-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        overflow: hidden !important;
        background: rgba(255,255,255,.05) !important;
        border: 0 !important;
    }

    html body:has(main.artist-studio) .artist-music-switcher-icon i,
    html body:has(main.artist-studio) .artist-music-switcher-avatar > i,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-music-switcher-icon i,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-music-switcher-avatar > i {
        font-size: 10px !important;
        line-height: 1 !important;
    }

    html body:has(main.artist-studio) .artist-music-switcher-avatar img,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-music-switcher-avatar img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }

    html body:has(main.artist-studio) .artist-music-switcher-copy,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-music-switcher-copy {
        min-width: 0 !important;
        max-width: 100% !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        letter-spacing: 0 !important;
    }

    html body:has(main.artist-studio) .artist-sidebar-scroll,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-scroll {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        overflow: visible !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-studio-nav,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-nav {
        width: calc(100% + 16px) !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 -8px !important;
        padding: 0 8px 8px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        gap: 6px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
        box-sizing: border-box !important;
        scroll-snap-type: x proximity !important;
    }

    html body:has(main.artist-studio) .artist-studio-nav::-webkit-scrollbar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-nav::-webkit-scrollbar {
        display: none !important;
    }

    html body:has(main.artist-studio) .artist-nav-group,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-nav-group {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        border: 0 !important;
        background: transparent !important;
        box-sizing: border-box !important;
        scroll-snap-align: start !important;
    }

    html body:has(main.artist-studio) .artist-nav-label,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-nav-label {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    html body:has(main.artist-studio) .artist-nav-link,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-nav-link {
        position: relative !important;
        width: auto !important;
        min-width: 118px !important;
        max-width: 152px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        margin: 0 !important;
        padding: 0 9px !important;
        display: grid !important;
        grid-template-columns: 16px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 7px !important;
        border: 1px solid rgba(255,255,255,.09) !important;
        border-radius: 8px !important;
        background: rgba(4, 10, 13, .88) !important;
        box-shadow: none !important;
        color: #c4d0d4 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-nav-link::before,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-nav-link::before {
        content: "" !important;
        position: absolute !important;
        left: 8px !important;
        right: 8px !important;
        bottom: 0 !important;
        top: auto !important;
        width: auto !important;
        height: 2px !important;
        border-radius: 999px !important;
        background: transparent !important;
        opacity: 1 !important;
    }

    html body:has(main.artist-studio) .artist-nav-link.active,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-nav-link.active {
        color: #20d9ff !important;
        border-color: rgba(32,217,255,.42) !important;
        background: linear-gradient(180deg, rgba(32,217,255,.16), rgba(4, 11, 14, .9)) !important;
    }

    html body:has(main.artist-studio) .artist-nav-link.active::before,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-nav-link.active::before {
        background: #20d9ff !important;
    }

    html body:has(main.artist-studio) .artist-nav-link > i,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-nav-link > i {
        width: 16px !important;
        min-width: 16px !important;
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 1 !important;
        text-align: center !important;
    }

    html body:has(main.artist-studio) .artist-nav-link > span,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-nav-link > span {
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        overflow: hidden !important;
    }

    html body:has(main.artist-studio) .artist-nav-link strong,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-nav-link strong {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body:has(main.artist-studio) .artist-nav-link small,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-nav-link small {
        display: none !important;
    }

    html body:has(main.artist-studio) .artist-studio-main,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-main {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 0 12px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-hero,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-hero {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    html body:has(main.artist-studio) .artist-hero-banner,
    html body:has(main.artist-studio) .artist-preview-banner.artist-hero-banner,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-hero-banner,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-preview-banner.artist-hero-banner {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 92px !important;
        min-height: 92px !important;
        max-height: 92px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        overflow: hidden !important;
        border: 1px solid rgba(32,217,255,.25) !important;
        border-radius: 8px !important;
        background-size: cover !important;
        background-position: center !important;
        box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-hero-topbar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-hero-topbar {
        display: none !important;
    }

    html body:has(main.artist-studio) .artist-cover-change,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-cover-change {
        top: auto !important;
        right: 8px !important;
        bottom: 8px !important;
        left: auto !important;
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 50% !important;
        opacity: 1 !important;
        transform: none !important;
    }

    html body:has(main.artist-studio) .artist-cover-change > span:last-child,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-cover-change > span:last-child {
        display: none !important;
    }

    html body:has(main.artist-studio) .artist-hero-profile,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-hero-profile {
        position: absolute !important;
        inset: 0 !important;
        z-index: 5 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 92px !important;
        min-height: 92px !important;
        max-height: 92px !important;
        margin: 0 !important;
        padding: 9px 44px 9px 9px !important;
        display: grid !important;
        grid-template-columns: 50px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 9px !important;
        background: linear-gradient(90deg, rgba(0,0,0,.64), rgba(0,0,0,.22) 70%, rgba(0,0,0,.08)) !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-avatar-editor,
    html body:has(main.artist-studio) .artist-studio .artist-avatar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-avatar-editor,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio .artist-avatar {
        width: 50px !important;
        min-width: 50px !important;
        height: 50px !important;
        min-height: 50px !important;
        margin: 0 !important;
        border-width: 2px !important;
        border-radius: 50% !important;
        font-size: 18px !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-avatar-change,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-avatar-change {
        display: none !important;
    }

    html body:has(main.artist-studio) .artist-hero-copy,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-hero-copy {
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        overflow: hidden !important;
    }

    html body:has(main.artist-studio) .artist-verified,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-verified {
        margin: 0 !important;
        font-size: 6.5px !important;
        line-height: 1 !important;
        letter-spacing: .04em !important;
        gap: 3px !important;
        white-space: nowrap !important;
    }

    html body:has(main.artist-studio) .artist-verified-nft-icon,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-verified-nft-icon {
        width: 10px !important;
        height: 10px !important;
    }

    html body:has(main.artist-studio) .artist-hero-copy h1,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-hero-copy h1 {
        margin: 3px 0 2px !important;
        font-size: 18px !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body:has(main.artist-studio) .artist-hero-copy p,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-hero-copy p {
        margin: 0 !important;
        font-size: 9.5px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body:has(main.artist-studio) .artist-public-page-link,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-public-page-link {
        display: none !important;
    }

    html body:has(main.artist-studio) .artist-dashboard-strip,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-dashboard-strip {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 0 !important;
        overflow: hidden !important;
        border: 1px solid rgba(255,255,255,.08) !important;
        border-radius: 8px !important;
        background: rgba(5, 10, 13, .84) !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-dashboard-stat,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-dashboard-stat {
        min-height: 42px !important;
        height: 42px !important;
        padding: 6px !important;
        display: grid !important;
        align-content: center !important;
        gap: 1px !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-dashboard-stat strong,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-dashboard-stat strong {
        font-size: 15px !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
    }

    html body:has(main.artist-studio) .artist-dashboard-stat span,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-dashboard-stat span {
        font-size: 7px !important;
        line-height: 1.05 !important;
        letter-spacing: .02em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body:has(main.artist-studio) .artist-dashboard-wallet,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-dashboard-wallet {
        grid-column: 1 / -1 !important;
        min-height: 32px !important;
        height: 32px !important;
        padding: 6px 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        border-top: 1px solid rgba(255,255,255,.08) !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-global-wallet-indicator,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-global-wallet-indicator {
        min-width: 0 !important;
        max-width: 100% !important;
        font-size: 9px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body:has(main.artist-studio) .artist-dashboard-wallet small,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-dashboard-wallet small {
        font-size: 7px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    html body:has(main.artist-studio) .artist-active-panel-heading,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-active-panel-heading {
        position: relative !important;
        top: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 50px !important;
        margin: 0 !important;
        padding: 8px 9px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: center !important;
        border: 1px solid rgba(32,217,255,.28) !important;
        border-radius: 8px !important;
        background: rgba(5, 13, 16, .9) !important;
        box-shadow: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-active-panel-heading::before,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-active-panel-heading::before {
        display: none !important;
        content: none !important;
    }

    html body:has(main.artist-studio) .artist-active-panel-heading .music-kicker,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-active-panel-heading .music-kicker {
        font-size: 7px !important;
        line-height: 1 !important;
        letter-spacing: .04em !important;
    }

    html body:has(main.artist-studio) .artist-active-panel-heading h2,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-active-panel-heading h2 {
        margin: 2px 0 !important;
        font-size: 18px !important;
        line-height: 1.05 !important;
        letter-spacing: 0 !important;
    }

    html body:has(main.artist-studio) .artist-active-panel-heading p,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-active-panel-heading p {
        margin: 0 !important;
        font-size: 9.5px !important;
        line-height: 1.2 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    html body:has(main.artist-studio) .artist-active-panel-side,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-active-panel-side {
        display: none !important;
    }

    html body:has(main.artist-studio) .artist-studio-content,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-content {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 0 calc(var(--paxor-mobile-player-height, 66px) + 88px + env(safe-area-inset-bottom, 0px)) !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-content-card,
    html body:has(main.artist-studio) .artist-editor,
    html body:has(main.artist-studio) .artist-track-upload,
    html body:has(main.artist-studio) .artist-nft-studio,
    html body:has(main.artist-studio) .artist-releases,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-content-card,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-editor,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-track-upload,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-nft-studio,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-releases {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 12px 10px !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-panel-heading,
    html body:has(main.artist-studio) .artist-studio-content .music-section-heading,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-panel-heading,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-content .music-section-heading {
        width: 100% !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 8px !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-panel-heading h2,
    html body:has(main.artist-studio) .artist-studio-content .music-section-heading h2,
    html body:has(main.artist-studio) .nft-studio-title-header h2,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-panel-heading h2,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-content .music-section-heading h2,
    html.paxor-mobile-ui body:has(main.artist-studio) .nft-studio-title-header h2 {
        margin: 2px 0 0 !important;
        font-size: 18px !important;
        line-height: 1.08 !important;
        letter-spacing: 0 !important;
    }

    html body:has(main.artist-studio) .artist-panel-heading p,
    html body:has(main.artist-studio) .nft-studio-title-header p,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-panel-heading p,
    html.paxor-mobile-ui body:has(main.artist-studio) .nft-studio-title-header p {
        margin: 3px 0 0 !important;
        font-size: 10px !important;
        line-height: 1.25 !important;
    }

    html body:has(main.artist-studio) .artist-profile-image-note,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-profile-image-note {
        min-height: 40px !important;
        margin: 0 0 10px !important;
        padding: 7px 8px !important;
        grid-template-columns: 22px minmax(0, 1fr) !important;
        gap: 7px !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
        border-radius: 8px !important;
    }

    html body:has(main.artist-studio) .artist-profile-image-note a,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-profile-image-note a {
        display: none !important;
    }

    html body:has(main.artist-studio) .artist-field-row,
    html body:has(main.artist-studio) .artist-field-row-equal,
    html body:has(main.artist-studio) .artist-track-upload-form,
    html body:has(main.artist-studio) .artist-track-fields,
    html body:has(main.artist-studio) .artist-nft-link-panel,
    html body:has(main.artist-studio) .nft-media-studio-grid,
    html body:has(main.artist-studio) .nft-studio-preview-grid,
    html body:has(main.artist-studio) .nft-system-contract-grid,
    html body:has(main.artist-studio) .nft-system-mint-fields,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-field-row,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-field-row-equal,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-track-upload-form,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-track-fields,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-nft-link-panel,
    html.paxor-mobile-ui body:has(main.artist-studio) .nft-media-studio-grid,
    html.paxor-mobile-ui body:has(main.artist-studio) .nft-studio-preview-grid,
    html.paxor-mobile-ui body:has(main.artist-studio) .nft-system-contract-grid,
    html.paxor-mobile-ui body:has(main.artist-studio) .nft-system-mint-fields {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    html body:has(main.artist-studio) .artist-field,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-field {
        gap: 5px !important;
        min-width: 0 !important;
    }

    html body:has(main.artist-studio) .artist-field > span,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-field > span {
        font-size: 9px !important;
        line-height: 1.1 !important;
    }

    html body:has(main.artist-studio) .artist-field input,
    html body:has(main.artist-studio) .artist-field textarea,
    html body:has(main.artist-studio) .artist-field select,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-field input,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-field textarea,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-field select {
        width: 100% !important;
        min-height: 38px !important;
        padding: 8px 10px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-field textarea,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-field textarea {
        min-height: 86px !important;
    }

    html body:has(main.artist-studio) .artist-form-footer,
    html body:has(main.artist-studio) .artist-track-upload-actions,
    html body:has(main.artist-studio) .artist-rights-footer-actions,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-form-footer,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-track-upload-actions,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-rights-footer-actions {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
    }

    html body:has(main.artist-studio) .artist-save-btn,
    html body:has(main.artist-studio) .artist-studio-content .music-primary-btn,
    html body:has(main.artist-studio) .artist-studio-content .music-secondary-btn,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-save-btn,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-content .music-primary-btn,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-content .music-secondary-btn {
        width: 100% !important;
        min-height: 38px !important;
        justify-content: center !important;
        font-size: 11px !important;
        border-radius: 8px !important;
        white-space: nowrap !important;
    }

    html body:has(main.artist-studio) .artist-track-file,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-track-file {
        min-height: 96px !important;
        padding: 12px 10px !important;
        border-radius: 8px !important;
    }

    html body:has(main.artist-studio) .artist-track-file i,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-track-file i {
        font-size: 20px !important;
    }

    html body:has(main.artist-studio) .artist-track-file strong,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-track-file strong {
        font-size: 13px !important;
        line-height: 1.1 !important;
    }

    html body:has(main.artist-studio) .artist-track-file span,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-track-file span {
        font-size: 9px !important;
        line-height: 1.2 !important;
    }

    html body:has(main.artist-studio) .artist-metadata-intro,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-metadata-intro {
        margin: 10px 0 !important;
        padding: 10px !important;
        grid-template-columns: 34px minmax(0, 1fr) !important;
        gap: 9px !important;
        border-radius: 8px !important;
    }

    html body:has(main.artist-studio) .artist-metadata-icon,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-metadata-icon {
        width: 34px !important;
        height: 34px !important;
        border-radius: 8px !important;
    }

    html body:has(main.artist-studio) .artist-metadata-intro h3,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-metadata-intro h3 {
        margin: 2px 0 !important;
        font-size: 15px !important;
        line-height: 1.1 !important;
    }

    html body:has(main.artist-studio) .artist-metadata-intro p,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-metadata-intro p {
        font-size: 9px !important;
        line-height: 1.25 !important;
    }

    html body:has(main.artist-studio) .artist-release-row,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-release-row {
        grid-template-columns: 44px minmax(0, 1fr) !important;
        gap: 8px !important;
        padding: 10px 0 !important;
    }
}

@media (max-width: 390px) {

    html body:has(main.artist-studio) .artist-nav-link,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-nav-link {
        min-width: 108px !important;
        max-width: 138px !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        padding: 0 8px !important;
        gap: 6px !important;
    }

    html body:has(main.artist-studio) .artist-hero-banner,
    html body:has(main.artist-studio) .artist-preview-banner.artist-hero-banner,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-hero-banner,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-preview-banner.artist-hero-banner {
        height: 86px !important;
        min-height: 86px !important;
        max-height: 86px !important;
    }

    html body:has(main.artist-studio) .artist-hero-profile,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-hero-profile {
        height: 86px !important;
        min-height: 86px !important;
        max-height: 86px !important;
        grid-template-columns: 46px minmax(0, 1fr) !important;
        padding: 8px 42px 8px 8px !important;
        gap: 8px !important;
    }

    html body:has(main.artist-studio) .artist-avatar-editor,
    html body:has(main.artist-studio) .artist-studio .artist-avatar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-avatar-editor,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio .artist-avatar {
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
    }

    html body:has(main.artist-studio) .artist-dashboard-stat,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-dashboard-stat {
        height: 38px !important;
        min-height: 38px !important;
    }
}
/* === PAXOR MOBILE ARTIST STUDIO ORDER V165 END === */

/* === PAXOR MOBILE ARTIST STUDIO TOOLBAR DRAWER V166 START === */
.artist-mobile-topbar,
.artist-mobile-backdrop,
.artist-mobile-tabs-host {
    display: none;
}

@media (max-width: 760px) {

    html body:has(main.artist-studio) main.artist-studio,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio {
        padding-top: 0 !important;
    }

    html body:has(main.artist-studio) .artist-mobile-topbar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-topbar {
        position: relative !important;
        z-index: 1180 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        margin: 0 !important;
        padding: 6px 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        overflow: visible !important;
        background:
            linear-gradient(180deg, rgba(9, 32, 38, .96), rgba(4, 10, 13, .96)) !important;
        border-bottom: 1px solid rgba(32,217,255,.18) !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) #artist-mobile-library.artist-mobile-library-btn,
    html.paxor-mobile-ui body:has(main.artist-studio) #artist-mobile-library.artist-mobile-library-btn {
        position: static !important;
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        flex: 0 0 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(255,255,255,.42) !important;
        border-radius: 11px !important;
        background: rgba(8,15,18,.82) !important;
        color: #f5fbff !important;
        box-shadow:
            inset 0 0 0 1px rgba(32,217,255,.16),
            0 0 16px rgba(0,185,226,.18) !important;
        box-sizing: border-box !important;
        appearance: none !important;
    }

    html body:has(main.artist-studio) #artist-mobile-library.artist-mobile-library-btn.is-open,
    html.paxor-mobile-ui body:has(main.artist-studio) #artist-mobile-library.artist-mobile-library-btn.is-open {
        color: #20d9ff !important;
        border-color: rgba(32,217,255,.72) !important;
        background: rgba(2, 24, 31, .96) !important;
    }

    html body:has(main.artist-studio) #artist-mobile-library.artist-mobile-library-btn i,
    html.paxor-mobile-ui body:has(main.artist-studio) #artist-mobile-library.artist-mobile-library-btn i {
        font-size: 20px !important;
        line-height: 1 !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search-shell,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search-shell {
        position: relative !important;
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 2px !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search {
        width: 100% !important;
        min-width: 0 !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        border: 1px solid rgba(32,217,255,.32) !important;
        border-radius: 11px !important;
        background: rgba(5, 11, 14, .88) !important;
        color: #aeb9bd !important;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.03) !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search i,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search i {
        flex: 0 0 auto !important;
        color: #aeb9bd !important;
        font-size: 15px !important;
        line-height: 1 !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search input,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search input {
        width: 100% !important;
        min-width: 0 !important;
        height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        color: #f6fbff !important;
        font-size: 13px !important;
        line-height: 1 !important;
        box-shadow: none !important;
        appearance: none !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search input::placeholder,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search input::placeholder {
        color: rgba(210, 221, 226, .56) !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search-results,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search-results {
        position: absolute !important;
        top: 44px !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1220 !important;
        max-height: min(310px, 52dvh) !important;
        padding: 6px !important;
        display: grid !important;
        gap: 5px !important;
        overflow-y: auto !important;
        border: 1px solid rgba(32,217,255,.28) !important;
        border-radius: 10px !important;
        background: rgba(4, 10, 13, .98) !important;
        box-shadow: 0 18px 42px rgba(0, 0, 0, .48) !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search-results[hidden],
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search-results[hidden] {
        display: none !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search-result,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search-result {
        min-width: 0 !important;
        min-height: 42px !important;
        padding: 6px 7px !important;
        display: grid !important;
        grid-template-columns: 28px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 8px !important;
        border: 1px solid rgba(255,255,255,.07) !important;
        border-radius: 8px !important;
        background: rgba(255,255,255,.025) !important;
        color: #f6fbff !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search-result-icon,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search-result-icon {
        width: 28px !important;
        height: 28px !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 8px !important;
        background: rgba(32,217,255,.1) !important;
        color: #20d9ff !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search-result-copy,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search-result-copy {
        min-width: 0 !important;
        display: grid !important;
        gap: 2px !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search-result-copy strong,
    html body:has(main.artist-studio) .artist-mobile-search-result-copy small,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search-result-copy strong,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search-result-copy small {
        min-width: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search-result-copy strong,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search-result-copy strong {
        font-size: 11px !important;
        line-height: 1.05 !important;
        font-weight: 800 !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search-result-copy small,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search-result-copy small,
    html body:has(main.artist-studio) .artist-mobile-search-empty,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search-empty {
        color: #8d9aa0 !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search-empty,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search-empty {
        padding: 12px !important;
        text-align: center !important;
    }

    html body:has(main.artist-studio) .artist-mobile-backdrop,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-backdrop {
        position: fixed !important;
        inset: var(--paxor-mobile-top-nav-height, 52px) 0 0 0 !important;
        z-index: 1150 !important;
        display: none !important;
        background: rgba(0,0,0,.46) !important;
        backdrop-filter: blur(2px) !important;
    }

    html body:has(main.artist-studio) .artist-mobile-backdrop.is-open,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-backdrop.is-open {
        display: block !important;
    }

    html body:has(main.artist-studio) .artist-studio-sidebar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar {
        position: fixed !important;
        top: var(--paxor-mobile-top-nav-height, 52px) !important;
        left: 0 !important;
        right: auto !important;
        bottom: calc(var(--paxor-mobile-player-height, 66px) + var(--paxor-mobile-bottom-nav-height, 64px) + env(safe-area-inset-bottom, 0px)) !important;
        z-index: 1165 !important;
        width: min(86vw, 320px) !important;
        min-width: 0 !important;
        max-width: 320px !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 8px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateX(-105%) !important;
        transition: transform .18s ease, visibility .18s ease !important;
        border: 0 !important;
        border-right: 1px solid rgba(32,217,255,.28) !important;
        border-radius: 0 12px 12px 0 !important;
        background:
            linear-gradient(180deg, rgba(8, 28, 34, .98), rgba(3, 8, 11, .98)) !important;
        box-shadow: 18px 0 42px rgba(0, 0, 0, .52) !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-studio-sidebar,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-studio-sidebar {
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateX(0) !important;
    }

    html body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-sidebar-fixed,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-sidebar-fixed {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-sidebar-brand-row,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-sidebar-brand-row {
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 38px !important;
        align-items: center !important;
        gap: 6px !important;
        border: 1px solid rgba(32,217,255,.24) !important;
        border-radius: 9px !important;
        background: rgba(5, 13, 16, .78) !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-sidebar-home,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-sidebar-home {
        min-width: 0 !important;
        height: 42px !important;
        padding: 0 8px !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        color: #f6fbff !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-sidebar-home-icon,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-sidebar-home-icon {
        font-size: 22px !important;
        line-height: 1 !important;
        color: #20d9ff !important;
    }

    html body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-sidebar-home span,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-sidebar-home span {
        min-width: 0 !important;
        font-size: 14px !important;
        line-height: 1 !important;
        font-weight: 750 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open #artist-sidebar-collapse,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open #artist-sidebar-collapse {
        display: none !important;
    }

    html body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-item,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-item {
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        justify-content: flex-start !important;
        padding: 0 10px !important;
        gap: 9px !important;
    }

    html body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-icon,
    html body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-avatar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-icon,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-avatar {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
    }

    html body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-copy,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-copy {
        font-size: 12px !important;
        text-align: left !important;
    }

    html body:has(main.artist-studio) .artist-mobile-tabs-host,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-tabs-host {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-mobile-tabs-host[hidden],
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-tabs-host[hidden] {
        display: none !important;
    }

    html body:has(main.artist-studio) .artist-mobile-tabs-host .artist-studio-nav,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-tabs-host .artist-studio-nav {
        width: calc(100% + 16px) !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        margin: 0 -8px !important;
        padding: 4px 8px 8px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        gap: 6px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-mobile-tabs-host .artist-studio-nav::-webkit-scrollbar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-tabs-host .artist-studio-nav::-webkit-scrollbar {
        display: none !important;
    }

    html body:has(main.artist-studio) .artist-mobile-tabs-host .artist-nav-link,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-tabs-host .artist-nav-link {
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
    }

    html body:has(main.artist-studio) .artist-studio-main,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-main {
        padding-top: 0 !important;
    }
}
/* === PAXOR MOBILE ARTIST STUDIO TOOLBAR DRAWER V166 END === */

/* === PAXOR MOBILE ARTIST STUDIO MARKETPLACE DRAWER V167 START === */
@media (max-width: 760px) {
    html body:has(main.artist-studio) main.artist-studio,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio {
        --artist-mobile-drawer-top: var(--paxor-mobile-top-nav-height, 52px);
        --artist-mobile-drawer-bottom: calc(var(--paxor-mobile-player-height, 66px) + var(--paxor-mobile-bottom-nav-height, 64px) + env(safe-area-inset-bottom, 0px));
    }

    html body:has(main.artist-studio) .artist-mobile-topbar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-topbar {
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        padding: 7px 8px !important;
        gap: 8px !important;
        background: linear-gradient(180deg, rgba(9, 32, 38, .98), rgba(4, 10, 13, .98)) !important;
        border-bottom: 1px solid rgba(32,217,255,.2) !important;
    }

    html body:has(main.artist-studio) #artist-mobile-library.artist-mobile-library-btn,
    html.paxor-mobile-ui body:has(main.artist-studio) #artist-mobile-library.artist-mobile-library-btn {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        flex-basis: 44px !important;
        border-radius: 12px !important;
    }

    html body:has(main.artist-studio) #artist-mobile-library.artist-mobile-library-btn i,
    html.paxor-mobile-ui body:has(main.artist-studio) #artist-mobile-library.artist-mobile-library-btn i {
        font-size: 22px !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search-shell,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search-shell {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        border-radius: 12px !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search input,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search input {
        height: 38px !important;
        font-size: 14px !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search-results,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search-results {
        top: 48px !important;
    }

    html body:has(main.artist-studio) .artist-mobile-backdrop,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-backdrop {
        inset: var(--artist-mobile-drawer-top, var(--paxor-mobile-top-nav-height, 52px)) 0 var(--artist-mobile-drawer-bottom, 124px) 0 !important;
        z-index: 1680 !important;
        background: rgba(0, 0, 0, .18) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        filter: none !important;
    }

    html body:has(main.artist-studio) .artist-mobile-backdrop.is-open,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-backdrop.is-open {
        display: block !important;
    }

    html body:has(main.artist-studio) .artist-studio-sidebar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar,
    html body:has(main.artist-studio) main.artist-studio.sidebar-collapsed .artist-studio-sidebar,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio.sidebar-collapsed .artist-studio-sidebar {
        position: fixed !important;
        top: var(--artist-mobile-drawer-top, var(--paxor-mobile-top-nav-height, 52px)) !important;
        right: auto !important;
        bottom: var(--artist-mobile-drawer-bottom, 124px) !important;
        left: 0 !important;
        z-index: 1700 !important;
        width: min(86vw, 320px) !important;
        min-width: 0 !important;
        max-width: 320px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 12px 14px 18px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translateX(calc(-100% - 14px)) !important;
        transition: transform .22s cubic-bezier(.2, .8, .2, 1) !important;
        border: 0 !important;
        border-right: 1px solid rgba(32, 217, 255, .24) !important;
        border-radius: 0 14px 14px 0 !important;
        background: linear-gradient(180deg, rgba(8, 28, 34, .99), rgba(3, 8, 11, .99)) !important;
        box-shadow: 18px 0 42px rgba(0, 0, 0, .52) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        filter: none !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-studio-sidebar,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-studio-sidebar {
        transform: translateX(0) !important;
    }

    html body:has(main.artist-studio) .artist-studio-sidebar *,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar * {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        filter: none !important;
    }

    html body:has(main.artist-studio) .artist-sidebar-fixed,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-fixed,
    html body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-sidebar-fixed,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-sidebar-fixed {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 1 !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-sidebar-brand-row.music-sidebar-brand-row,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-brand-row.music-sidebar-brand-row,
    html body:has(main.artist-studio) main.artist-studio.sidebar-collapsed .artist-sidebar-brand-row.music-sidebar-brand-row,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio.sidebar-collapsed .artist-sidebar-brand-row.music-sidebar-brand-row {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 44px 0 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 0 !important;
        border: 1px solid rgba(32,217,255,.24) !important;
        border-radius: 11px !important;
        background: rgba(5, 13, 16, .78) !important;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.03) !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-sidebar-home.music-brand,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-home.music-brand,
    html body:has(main.artist-studio) main.artist-studio.sidebar-collapsed .artist-sidebar-home.music-brand,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio.sidebar-collapsed .artist-sidebar-home.music-brand {
        width: 100% !important;
        min-width: 0 !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #f6fbff !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-sidebar-home.music-brand .music-brand-mark,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-home.music-brand .music-brand-mark {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        flex: 0 0 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body:has(main.artist-studio) .artist-sidebar-home.music-brand .music-brand-mark::before,
    html body:has(main.artist-studio) .artist-sidebar-home.music-brand .music-brand-mark::after,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-home.music-brand .music-brand-mark::before,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-home.music-brand .music-brand-mark::after {
        display: none !important;
        content: none !important;
    }

    html body:has(main.artist-studio) .artist-sidebar-home-icon,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-home-icon {
        color: #20d9ff !important;
        font-size: 30px !important;
        line-height: 1 !important;
    }

    html body:has(main.artist-studio) .artist-sidebar-home.music-brand > span:not(.music-brand-mark),
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-home.music-brand > span:not(.music-brand-mark),
    html body:has(main.artist-studio) main.artist-studio.sidebar-collapsed .artist-sidebar-home.music-brand > span:not(.music-brand-mark),
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio.sidebar-collapsed .artist-sidebar-home.music-brand > span:not(.music-brand-mark) {
        display: block !important;
        min-width: 0 !important;
        color: #f6fbff !important;
        font-size: 15px !important;
        line-height: 1 !important;
        font-weight: 750 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body:has(main.artist-studio) #artist-sidebar-collapse.music-left-toggle,
    html.paxor-mobile-ui body:has(main.artist-studio) #artist-sidebar-collapse.music-left-toggle,
    html body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open #artist-sidebar-collapse.music-left-toggle,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open #artist-sidebar-collapse.music-left-toggle,
    html body:has(main.artist-studio) main.artist-studio.sidebar-collapsed #artist-sidebar-collapse.music-left-toggle,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio.sidebar-collapsed #artist-sidebar-collapse.music-left-toggle {
        position: absolute !important;
        top: 4px !important;
        right: 4px !important;
        left: auto !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        z-index: 2 !important;
    }

    html body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-item,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-item {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 44px !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 7px 10px !important;
        display: grid !important;
        grid-template-columns: 34px minmax(0, 1fr) !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        border: 1px solid rgba(255,255,255,.08) !important;
        border-radius: 9px !important;
        background: rgba(5, 12, 15, .78) !important;
        box-shadow: none !important;
        color: #c7d3d7 !important;
        text-align: left !important;
        text-decoration: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
    }

    html body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-item.active,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-item.active {
        color: #20d9ff !important;
        border-color: rgba(32,217,255,.38) !important;
        background: linear-gradient(90deg, rgba(32,217,255,.16), rgba(5, 15, 18, .88)) !important;
        box-shadow: inset 3px 0 0 rgba(32,217,255,.88) !important;
    }

    html body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-icon,
    html body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-avatar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-icon,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-avatar {
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        display: grid !important;
        place-items: center !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: rgba(32,217,255,.08) !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    html body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-avatar img,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-avatar img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
        border-radius: inherit !important;
    }

    html body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-icon i,
    html body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-avatar > i,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-icon i,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-avatar > i {
        font-size: 16px !important;
        line-height: 1 !important;
    }

    html body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-copy,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-copy {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        color: inherit !important;
        font-size: 13px !important;
        line-height: 1.05 !important;
        font-weight: 800 !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        letter-spacing: 0 !important;
    }

    html body:has(main.artist-studio) .artist-sidebar-scroll,
    html body:has(main.artist-studio) .artist-sidebar-profile,
    html body:has(main.artist-studio) .artist-sidebar-workspace-label,
    html body:has(main.artist-studio) .artist-sidebar-actions,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-scroll,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-profile,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-workspace-label,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-actions {
        display: none !important;
    }

    html body:has(main.artist-studio) .artist-hero-banner,
    html body:has(main.artist-studio) .artist-preview-banner.artist-hero-banner,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-hero-banner,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-preview-banner.artist-hero-banner {
        height: 138px !important;
        min-height: 138px !important;
        max-height: 138px !important;
    }

    html body:has(main.artist-studio) .artist-hero-profile,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-hero-profile {
        height: 138px !important;
        min-height: 138px !important;
        max-height: 138px !important;
        padding: 14px 48px 14px 12px !important;
        grid-template-columns: 64px minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    html body:has(main.artist-studio) .artist-avatar-editor,
    html body:has(main.artist-studio) .artist-studio .artist-avatar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-avatar-editor,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio .artist-avatar {
        width: 64px !important;
        min-width: 64px !important;
        height: 64px !important;
        min-height: 64px !important;
        font-size: 22px !important;
    }

    html body:has(main.artist-studio) .artist-verified,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-verified {
        font-size: 8px !important;
    }

    html body:has(main.artist-studio) .artist-hero-copy h1,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-hero-copy h1 {
        margin: 5px 0 4px !important;
        font-size: 23px !important;
        line-height: 1.02 !important;
    }

    html body:has(main.artist-studio) .artist-hero-copy p,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-hero-copy p {
        font-size: 11px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }

    html body:has(main.artist-studio) .artist-mobile-tabs-host .artist-studio-nav,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-tabs-host .artist-studio-nav {
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        padding: 5px 8px 8px !important;
    }

    html body:has(main.artist-studio) .artist-mobile-tabs-host .artist-nav-link,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-tabs-host .artist-nav-link {
        height: 37px !important;
        min-height: 37px !important;
        max-height: 37px !important;
    }
}

@media (max-width: 390px) {
    html body:has(main.artist-studio) .artist-hero-banner,
    html body:has(main.artist-studio) .artist-preview-banner.artist-hero-banner,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-hero-banner,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-preview-banner.artist-hero-banner {
        height: 130px !important;
        min-height: 130px !important;
        max-height: 130px !important;
    }

    html body:has(main.artist-studio) .artist-hero-profile,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-hero-profile {
        height: 130px !important;
        min-height: 130px !important;
        max-height: 130px !important;
        grid-template-columns: 58px minmax(0, 1fr) !important;
    }

    html body:has(main.artist-studio) .artist-avatar-editor,
    html body:has(main.artist-studio) .artist-studio .artist-avatar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-avatar-editor,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio .artist-avatar {
        width: 58px !important;
        min-width: 58px !important;
        height: 58px !important;
        min-height: 58px !important;
    }

    html body:has(main.artist-studio) .artist-hero-copy h1,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-hero-copy h1 {
        font-size: 21px !important;
    }
}
/* === PAXOR MOBILE ARTIST STUDIO MARKETPLACE DRAWER V167 END === */

/* === PAXOR MOBILE ARTIST STUDIO DRAWER HIT TARGET V168 START === */
@media (max-width: 760px) {
    html body:has(main.artist-studio) .artist-mobile-backdrop,
    html body:has(main.artist-studio) .artist-mobile-backdrop.is-open,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-backdrop,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-backdrop.is-open {
        display: none !important;
        pointer-events: none !important;
        opacity: 0 !important;
        background: transparent !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        filter: none !important;
    }

    html body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open > .artist-workspace,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open > .artist-workspace {
        position: relative !important;
        z-index: 1710 !important;
        isolation: auto !important;
    }

    html body:has(main.artist-studio) .artist-studio-sidebar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar,
    html body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-studio-sidebar,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio.artist-mobile-sidebar-open .artist-studio-sidebar {
        z-index: 1800 !important;
        background: linear-gradient(180deg, rgb(8, 28, 34), rgb(3, 8, 11)) !important;
    }

    html body:has(main.artist-studio) .artist-sidebar-brand-row.music-sidebar-brand-row,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-sidebar-brand-row.music-sidebar-brand-row,
    html body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher,
    html body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-item,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar > .artist-music-switcher .artist-music-switcher-item {
        position: relative !important;
        z-index: 1 !important;
    }
}
/* === PAXOR MOBILE ARTIST STUDIO DRAWER HIT TARGET V168 END === */

/* ============================================================
   PAXOR MOBILE ARTIST STUDIO — MARKETPLACE EXACT SHELL V169
   hamburger + 100vw drawer + global player repair
   ============================================================ */

@media (max-width: 760px) {

    /* ========================================================
       MOBILE GEOMETRY
       ======================================================== */

    html body:has(main.artist-studio),
    html.paxor-mobile-ui body:has(main.artist-studio) {
        --paxor-mobile-player-height: 58px !important;
        --paxor-player-height: 58px !important;

        padding-bottom: calc(
            58px
            + var(--paxor-mobile-bottom-nav-height, 64px)
            + env(safe-area-inset-bottom, 0px)
            + 8px
        ) !important;
    }

    html body:has(main.artist-studio) main.artist-studio,
    html.paxor-mobile-ui body:has(main.artist-studio) main.artist-studio {
        --artist-mobile-drawer-top:
            var(--paxor-mobile-top-nav-height, 52px);

        --artist-mobile-drawer-bottom:
            calc(
                58px
                + var(--paxor-mobile-bottom-nav-height, 64px)
                + env(safe-area-inset-bottom, 0px)
            );
    }


    /* ========================================================
       TOPBAR — hamburger + search
       ======================================================== */

    html body:has(main.artist-studio) .artist-mobile-topbar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-topbar {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

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

        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        align-items: center !important;

        gap: 6px !important;

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

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

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


    /* ========================================================
       HAMBURGER — Marketplace geometry + Paxor gradient
       Marketplace: 42 × 40
       ======================================================== */

    html body:has(main.artist-studio)
    #artist-mobile-library.artist-mobile-library-btn,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #artist-mobile-library.artist-mobile-library-btn {
        position: relative !important;

        inset: auto !important;

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

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

        flex: 0 0 42px !important;

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

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        border: 1px solid rgba(32, 217, 255, .42) !important;
        border-radius: 11px !important;

        background:
            linear-gradient(
                90deg,
                rgba(0, 0, 0, .48),
                rgba(0, 0, 0, .18) 54%,
                rgba(0, 0, 0, .08)
            ),
            linear-gradient(
                180deg,
                rgba(3, 125, 156, .28),
                rgba(4, 22, 32, .78)
            ) !important;

        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .12),
            0 0 12px rgba(3, 125, 156, .18) !important;

        color: rgba(235, 250, 255, .94) !important;

        transform: none !important;

        z-index: 24 !important;

        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio)
    #artist-mobile-library.artist-mobile-library-btn > i,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #artist-mobile-library.artist-mobile-library-btn > i {
        margin: 0 !important;
        padding: 0 !important;

        font-size: 20px !important;
        line-height: 1 !important;

        color: rgba(235, 250, 255, .94) !important;

        transform: none !important;
    }


    /* ========================================================
       SEARCH — компактно рядом с hamburger
       ======================================================== */

    html body:has(main.artist-studio) .artist-mobile-search-shell,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search-shell {
        position: relative !important;

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

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

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

    html body:has(main.artist-studio) .artist-mobile-search,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search {
        width: 100% !important;
        min-width: 0 !important;

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

        margin: 0 !important;

        border: 1px solid rgba(32, 217, 255, .42) !important;
        border-radius: 11px !important;

        background:
            linear-gradient(
                90deg,
                rgba(0, 0, 0, .48),
                rgba(0, 0, 0, .18) 54%,
                rgba(0, 0, 0, .08)
            ),
            linear-gradient(
                180deg,
                rgba(3, 125, 156, .28),
                rgba(4, 22, 32, .78)
            ) !important;

        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .12),
            0 0 12px rgba(3, 125, 156, .18) !important;

        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search input,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search input {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

        font-size: 13px !important;
    }

    html body:has(main.artist-studio) .artist-mobile-search-results,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-search-results {
        top: 44px !important;
    }


    /* ========================================================
       ARTIST DRAWER — TRUE 100vw EDGE TO EDGE
       ======================================================== */

    html body:has(main.artist-studio) .artist-studio-sidebar,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-studio-sidebar,

    html body:has(main.artist-studio)
    main.artist-studio.sidebar-collapsed
    .artist-studio-sidebar,

    html.paxor-mobile-ui body:has(main.artist-studio)
    main.artist-studio.sidebar-collapsed
    .artist-studio-sidebar {
        position: fixed !important;

        top:
            var(
                --artist-mobile-drawer-top,
                var(--paxor-mobile-top-nav-height, 52px)
            ) !important;

        right: auto !important;

        bottom:
            var(
                --artist-mobile-drawer-bottom,
                calc(
                    58px
                    + var(--paxor-mobile-bottom-nav-height, 64px)
                    + env(safe-area-inset-bottom, 0px)
                )
            ) !important;

        left: 0 !important;

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        border-left: 0 !important;
        border-right: 0 !important;

        border-radius: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;

        box-sizing: border-box !important;

        z-index: 1700 !important;
    }


    /* Внутренние секции тоже на всю ширину */
    html body:has(main.artist-studio)
    .artist-studio-sidebar > *,

    html.paxor-mobile-ui body:has(main.artist-studio)
    .artist-studio-sidebar > * {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio)
    .artist-studio-sidebar
    .artist-sidebar-fixed,

    html.paxor-mobile-ui body:has(main.artist-studio)
    .artist-studio-sidebar
    .artist-sidebar-fixed,

    html body:has(main.artist-studio)
    .artist-studio-sidebar
    .artist-music-switcher,

    html.paxor-mobile-ui body:has(main.artist-studio)
    .artist-studio-sidebar
    .artist-music-switcher,

    html body:has(main.artist-studio)
    .artist-studio-sidebar
    .artist-mobile-tabs-host,

    html.paxor-mobile-ui body:has(main.artist-studio)
    .artist-studio-sidebar
    .artist-mobile-tabs-host {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* ========================================================
       BACKDROP — такая же зона, как drawer
       ======================================================== */

    html body:has(main.artist-studio) .artist-mobile-backdrop,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-mobile-backdrop {
        position: fixed !important;

        inset:
            var(
                --artist-mobile-drawer-top,
                var(--paxor-mobile-top-nav-height, 52px)
            )
            0
            var(
                --artist-mobile-drawer-bottom,
                calc(
                    58px
                    + var(--paxor-mobile-bottom-nav-height, 64px)
                    + env(safe-area-inset-bottom, 0px)
                )
            )
            0 !important;

        background: rgba(0, 0, 0, .18) !important;

        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;

        z-index: 1680 !important;
    }


    /* ========================================================
       GLOBAL PLAYER — ARTIST STUDIO MOBILE REPAIR
       ======================================================== */

    html body:has(main.artist-studio)
    #music-player.paxor-global-player,

    html body:has(main.artist-studio)
    footer#music-player.paxor-global-player,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player.paxor-global-player,

    html.paxor-mobile-ui body:has(main.artist-studio)
    footer#music-player.paxor-global-player {
        position: fixed !important;

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

        bottom: calc(
            var(--paxor-mobile-bottom-nav-height, 64px)
            + env(safe-area-inset-bottom, 0px)
        ) !important;

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

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

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

        align-items: center !important;

        gap: 0 6px !important;

        margin: 0 !important;
        padding: 4px 8px 8px !important;

        overflow: hidden !important;

        transform: none !important;

        box-sizing: border-box !important;

        z-index: 1900 !important;
    }


    /* Track area */
    html body:has(main.artist-studio)
    #music-player .music-player-track,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player .music-player-track {
        grid-column: 1 !important;
        grid-row: 1 !important;

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

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

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

        align-items: center !important;

        gap: 8px !important;

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

        overflow: hidden !important;
    }


    /* Cover */
    html body:has(main.artist-studio)
    #music-player .music-player-cover,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player .music-player-cover {
        width: 42px !important;
        min-width: 42px !important;

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

        border-radius: 7px !important;

        margin: 0 !important;
    }


    /* Copy */
    html body:has(main.artist-studio)
    #music-player .music-player-copy,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player .music-player-copy {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;

        overflow: hidden !important;
    }

    html body:has(main.artist-studio)
    #music-player #music-player-title,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player #music-player-title {
        font-size: 13px !important;
        line-height: 1.2 !important;

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

    html body:has(main.artist-studio)
    #music-player #music-player-artist,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player #music-player-artist {
        font-size: 11px !important;
        line-height: 1.12 !important;

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


    /* Like внутри track скрываем на mobile */
    html body:has(main.artist-studio)
    #music-player #music-like,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player #music-like {
        display: none !important;
    }


    /* Player control справа */
    html body:has(main.artist-studio)
    #music-player .music-player-center,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player .music-player-center {
        grid-column: 2 !important;
        grid-row: 1 !important;

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

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

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

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

    html body:has(main.artist-studio)
    #music-player .music-player-controls,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player .music-player-controls {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;

        height: 50px !important;

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

        gap: 0 !important;

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

    html body:has(main.artist-studio)
    #music-player
    .music-player-controls
    > :not(.music-play-toggle):not(#music-play-toggle),

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player
    .music-player-controls
    > :not(.music-play-toggle):not(#music-play-toggle) {
        display: none !important;
    }

    html body:has(main.artist-studio)
    #music-player #music-play-toggle,

    html body:has(main.artist-studio)
    #music-player .music-play-toggle,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player #music-play-toggle,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player .music-play-toggle {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;

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

        margin: 0 !important;
    }


    /* Volume/NFT/Leya desktop group hidden */
    html body:has(main.artist-studio)
    #music-player .music-player-volume,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player .music-player-volume {
        display: none !important;
    }


    /* Progress line — закрепляем ВНУТРИ player */
    html body:has(main.artist-studio)
    #music-player .music-progress-row,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player .music-progress-row {
        position: absolute !important;

        left: 8px !important;
        right: 8px !important;
        bottom: 3px !important;

        width: auto !important;
        min-width: 0 !important;

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

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

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

        overflow: hidden !important;

        pointer-events: none !important;

        transform: none !important;

        z-index: 6 !important;
    }

    html body:has(main.artist-studio)
    #music-player .music-progress-row > span,

    html body:has(main.artist-studio)
    #music-player #music-current-time,

    html body:has(main.artist-studio)
    #music-player #music-duration,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player .music-progress-row > span,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player #music-current-time,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player #music-duration {
        display: none !important;
    }

    html body:has(main.artist-studio)
    #music-player .music-progress-wrap,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player .music-progress-wrap {
        display: block !important;

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

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

        overflow: hidden !important;

        pointer-events: none !important;
    }

    html body:has(main.artist-studio)
    #music-player #music-progress,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player #music-progress {
        display: block !important;

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

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

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

        appearance: none !important;
        -webkit-appearance: none !important;

        background: transparent !important;

        pointer-events: none !important;
    }

    html body:has(main.artist-studio)
    #music-player #music-progress::-webkit-slider-runnable-track,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player #music-progress::-webkit-slider-runnable-track {
        width: 100% !important;
        height: 2px !important;

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

        background: linear-gradient(
            90deg,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.98) var(--range-progress, 0%),
            rgba(255,255,255,.42) var(--range-progress, 0%),
            rgba(255,255,255,.42) 100%
        ) !important;

        box-shadow: 0 0 5px rgba(255,255,255,.18) !important;
    }

    html body:has(main.artist-studio)
    #music-player #music-progress::-webkit-slider-thumb,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player #music-progress::-webkit-slider-thumb {
        -webkit-appearance: none !important;

        width: 0 !important;
        height: 0 !important;

        border: 0 !important;

        opacity: 0 !important;
    }
}

/* === PAXOR MOBILE ARTIST STUDIO MARKETPLACE EXACT SHELL V169 END === */


/* =========================================================
   PAXOR MOBILE ARTIST STUDIO PLAYER + CAMERA FIX V170
   ========================================================= */

@media (max-width: 760px) {

    /* -----------------------------------------------------
       1) ARTIST STUDIO — нормальный компактный player
       ----------------------------------------------------- */

    html body:has(main.artist-studio),
    html.paxor-mobile-ui body:has(main.artist-studio) {
        --paxor-mobile-player-height: 72px !important;
        --paxor-player-height: 72px !important;
        --paxor-mobile-player-progress-height: 10px !important;

        padding-bottom: calc(
            72px
            + var(--paxor-mobile-bottom-nav-height, 64px)
            + env(safe-area-inset-bottom, 0px)
            + 8px
        ) !important;
    }

    html body:has(main.artist-studio) #music-player.paxor-global-player,
    html body:has(main.artist-studio) footer#music-player.paxor-global-player,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player.paxor-global-player,
    html.paxor-mobile-ui body:has(main.artist-studio) footer#music-player.paxor-global-player {
        position: fixed !important;

        left: 0 !important;
        right: 0 !important;
        bottom: calc(
            var(--paxor-mobile-bottom-nav-height, 64px)
            + env(safe-area-inset-bottom, 0px)
        ) !important;

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

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

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

        align-items: center !important;
        gap: 0 8px !important;

        margin: 0 !important;
        padding: 6px 10px !important;

        overflow: hidden !important;
        box-sizing: border-box !important;
        transform: none !important;

        z-index: 1900 !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-track,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-track {
        grid-column: 1 !important;
        grid-row: 1 !important;

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

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

        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 8px !important;

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

        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-cover,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-cover {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;

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

        margin: 0 !important;
        border-radius: 8px !important;

        overflow: hidden !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-copy,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-copy {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        overflow: hidden !important;
    }

    html body:has(main.artist-studio) #music-player #music-player-title,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-player-title {
        display: block !important;

        font-size: 13px !important;
        line-height: 1.15 !important;

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

    html body:has(main.artist-studio) #music-player #music-player-artist,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-player-artist {
        display: block !important;

        font-size: 11px !important;
        line-height: 1.1 !important;

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

    html body:has(main.artist-studio) #music-player #music-like,
    html body:has(main.artist-studio) #music-player .music-player-volume,
    html body:has(main.artist-studio) #music-player .music-global-equalizer,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-like,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-volume,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-global-equalizer {
        display: none !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-center,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-center {
        grid-column: 2 !important;
        grid-row: 1 !important;

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

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

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

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

    html body:has(main.artist-studio) #music-player .music-player-controls,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-controls {
        width: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;

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

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

        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
    }

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

    html body:has(main.artist-studio) #music-player .music-play-toggle,
    html body:has(main.artist-studio) #music-player #music-play-toggle,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-play-toggle,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-play-toggle {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;

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

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

    html body:has(main.artist-studio) #music-player .music-progress-row,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-progress-row {
        position: static !important;

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

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

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

        display: block !important;
        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        pointer-events: none !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) #music-player .music-progress-row > span,
    html body:has(main.artist-studio) #music-player #music-current-time,
    html body:has(main.artist-studio) #music-player #music-duration,
    html body:has(main.artist-studio) #music-player .music-progress-row .music-range-tooltip,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-progress-row > span,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-current-time,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-duration,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-progress-row .music-range-tooltip {
        display: none !important;
    }

    html body:has(main.artist-studio) #music-player .music-progress-wrap,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-progress-wrap {
        display: block !important;

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

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

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

        overflow: hidden !important;
        pointer-events: none !important;
    }

    html body:has(main.artist-studio) #music-player #music-progress,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-progress {
        display: block !important;

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

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

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

        appearance: none !important;
        -webkit-appearance: none !important;

        background: transparent !important;
        pointer-events: none !important;
    }

    html body:has(main.artist-studio) #music-player #music-progress::-webkit-slider-runnable-track,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-progress::-webkit-slider-runnable-track {
        height: 2px !important;
        border: 0 !important;
        border-radius: 999px !important;
    }

    html body:has(main.artist-studio) #music-player #music-progress::-webkit-slider-thumb,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-progress::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        width: 0 !important;
        height: 0 !important;
        border: 0 !important;
        opacity: 0 !important;
    }


    /* -----------------------------------------------------
       2) ARTIST STUDIO — уменьшаем кнопку фотоаппарата
       ----------------------------------------------------- */

    html body:has(main.artist-studio) .artist-cover-change,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-cover-change {
        gap: 6px !important;
        padding: 6px 10px !important;
        border-radius: 10px !important;
        font-size: 12px !important;
    }

    html body:has(main.artist-studio) .artist-image-change-icon,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-image-change-icon {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

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

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        border-radius: 10px !important;
        padding: 0 !important;
    }

    html body:has(main.artist-studio) .artist-image-change-icon > i,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-image-change-icon > i {
        font-size: 16px !important;
        line-height: 1 !important;
    }

    html body:has(main.artist-studio) .artist-cover-change > span:last-child,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-cover-change > span:last-child {
        font-size: 11px !important;
        line-height: 1.05 !important;
    }
}

/* === PAXOR MOBILE ARTIST STUDIO PLAYER + CAMERA FIX V170 END === */


/* =========================================================
   PAXOR MOBILE ARTIST STUDIO PLAYER + CAMERA FIX V171
   Добивающий фикс: убрать рамку камеры + починить плеер
   ========================================================= */

@media (max-width: 760px) {

    /* -----------------------------------------------------
       PAGE DETECTOR: Artist Studio mobile
       ----------------------------------------------------- */

    html body:has(main.artist-studio),
    html body:has(.artist-cover-change),
    html.paxor-mobile-ui body:has(main.artist-studio),
    html.paxor-mobile-ui body:has(.artist-cover-change) {
        padding-bottom: calc(
            80px + var(--paxor-mobile-bottom-nav-height, 64px) + env(safe-area-inset-bottom, 0px) + 8px
        ) !important;
    }

    /* -----------------------------------------------------
       1) GLOBAL PLAYER — жёсткая компактная раскладка
       ----------------------------------------------------- */

    html body:has(main.artist-studio) #music-player.paxor-global-player,
    html body:has(.artist-cover-change) #music-player.paxor-global-player,
    html body:has(main.artist-studio) footer#music-player.paxor-global-player,
    html body:has(.artist-cover-change) footer#music-player.paxor-global-player,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player.paxor-global-player,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player.paxor-global-player,
    html.paxor-mobile-ui body:has(main.artist-studio) footer#music-player.paxor-global-player,
    html.paxor-mobile-ui body:has(.artist-cover-change) footer#music-player.paxor-global-player {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        bottom: calc(var(--paxor-mobile-bottom-nav-height, 64px) + env(safe-area-inset-bottom, 0px)) !important;

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

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

        display: block !important;

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

        overflow: hidden !important;
        box-sizing: border-box !important;
        transform: none !important;

        z-index: 1900 !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-track,
    html body:has(.artist-cover-change) #music-player .music-player-track,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-track,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player .music-player-track {
        position: absolute !important;
        left: 12px !important;
        right: 72px !important;
        top: 10px !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

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

        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 8px !important;

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

        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-cover,
    html body:has(.artist-cover-change) #music-player .music-player-cover,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-cover,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player .music-player-cover {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;

        margin: 0 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-copy,
    html body:has(.artist-cover-change) #music-player .music-player-copy,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-copy,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player .music-player-copy {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    html body:has(main.artist-studio) #music-player #music-player-title,
    html body:has(.artist-cover-change) #music-player #music-player-title,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-player-title,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player #music-player-title {
        display: block !important;
        margin: 0 !important;

        font-size: 13px !important;
        line-height: 1.12 !important;

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

    html body:has(main.artist-studio) #music-player #music-player-artist,
    html body:has(.artist-cover-change) #music-player #music-player-artist,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-player-artist,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player #music-player-artist {
        display: block !important;
        margin: 2px 0 0 0 !important;

        font-size: 11px !important;
        line-height: 1.08 !important;

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

    html body:has(main.artist-studio) #music-player #music-like,
    html body:has(.artist-cover-change) #music-player #music-like,
    html body:has(main.artist-studio) #music-player .music-player-volume,
    html body:has(.artist-cover-change) #music-player .music-player-volume,
    html body:has(main.artist-studio) #music-player .music-global-equalizer,
    html body:has(.artist-cover-change) #music-player .music-global-equalizer,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-like,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player #music-like,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-volume,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player .music-player-volume,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-global-equalizer,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player .music-global-equalizer {
        display: none !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-center,
    html body:has(.artist-cover-change) #music-player .music-player-center,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-center,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player .music-player-center {
        position: absolute !important;
        right: 10px !important;
        top: 9px !important;

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

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

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

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

        overflow: hidden !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-controls,
    html body:has(.artist-cover-change) #music-player .music-player-controls,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-controls,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player .music-player-controls {
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;

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

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

        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-controls > :not(.music-play-toggle):not(#music-play-toggle),
    html body:has(.artist-cover-change) #music-player .music-player-controls > :not(.music-play-toggle):not(#music-play-toggle),
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-controls > :not(.music-play-toggle):not(#music-play-toggle),
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player .music-player-controls > :not(.music-play-toggle):not(#music-play-toggle) {
        display: none !important;
    }

    html body:has(main.artist-studio) #music-player .music-play-toggle,
    html body:has(.artist-cover-change) #music-player .music-play-toggle,
    html body:has(main.artist-studio) #music-player #music-play-toggle,
    html body:has(.artist-cover-change) #music-player #music-play-toggle,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-play-toggle,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player .music-play-toggle,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-play-toggle,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player #music-play-toggle {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;

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

    html body:has(main.artist-studio) #music-player .music-progress-row,
    html body:has(.artist-cover-change) #music-player .music-progress-row,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-progress-row,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player .music-progress-row {
        position: absolute !important;
        left: 12px !important;
        right: 12px !important;
        bottom: 6px !important;

        width: auto !important;
        height: 8px !important;
        min-height: 8px !important;
        max-height: 8px !important;

        display: block !important;

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

        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) #music-player .music-progress-row > span,
    html body:has(.artist-cover-change) #music-player .music-progress-row > span,
    html body:has(main.artist-studio) #music-player #music-current-time,
    html body:has(.artist-cover-change) #music-player #music-current-time,
    html body:has(main.artist-studio) #music-player #music-duration,
    html body:has(.artist-cover-change) #music-player #music-duration,
    html body:has(main.artist-studio) #music-player .music-progress-row .music-range-tooltip,
    html body:has(.artist-cover-change) #music-player .music-progress-row .music-range-tooltip,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-progress-row > span,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player .music-progress-row > span,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-current-time,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player #music-current-time,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-duration,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player #music-duration,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-progress-row .music-range-tooltip,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player .music-progress-row .music-range-tooltip {
        display: none !important;
    }

    html body:has(main.artist-studio) #music-player .music-progress-wrap,
    html body:has(.artist-cover-change) #music-player .music-progress-wrap,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-progress-wrap,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player .music-progress-wrap {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

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

        display: block !important;
        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    html body:has(main.artist-studio) #music-player #music-progress,
    html body:has(.artist-cover-change) #music-player #music-progress,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-progress,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player #music-progress {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

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

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

        appearance: none !important;
        -webkit-appearance: none !important;
        background: transparent !important;
    }

    html body:has(main.artist-studio) #music-player #music-progress::-webkit-slider-runnable-track,
    html body:has(.artist-cover-change) #music-player #music-progress::-webkit-slider-runnable-track,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-progress::-webkit-slider-runnable-track,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player #music-progress::-webkit-slider-runnable-track {
        height: 2px !important;
        border-radius: 999px !important;
        border: 0 !important;
    }

    html body:has(main.artist-studio) #music-player #music-progress::-webkit-slider-thumb,
    html body:has(.artist-cover-change) #music-player #music-progress::-webkit-slider-thumb,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-progress::-webkit-slider-thumb,
    html.paxor-mobile-ui body:has(.artist-cover-change) #music-player #music-progress::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        width: 0 !important;
        height: 0 !important;
        border: 0 !important;
        opacity: 0 !important;
    }

    /* -----------------------------------------------------
       2) CAMERA ICON — убрать рамку, чуть поднять вверх
       ----------------------------------------------------- */

    html body:has(main.artist-studio) .artist-image-change-icon,
    html body:has(.artist-cover-change) .artist-image-change-icon,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-image-change-icon,
    html.paxor-mobile-ui body:has(.artist-cover-change) .artist-image-change-icon {
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;

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

        background: transparent !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;

        border-radius: 0 !important;

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

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        transform: translateY(-3px) !important;
    }

    html body:has(main.artist-studio) .artist-image-change-icon::before,
    html body:has(.artist-cover-change) .artist-image-change-icon::before,
    html body:has(main.artist-studio) .artist-image-change-icon::after,
    html body:has(.artist-cover-change) .artist-image-change-icon::after,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-image-change-icon::before,
    html.paxor-mobile-ui body:has(.artist-cover-change) .artist-image-change-icon::before,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-image-change-icon::after,
    html.paxor-mobile-ui body:has(.artist-cover-change) .artist-image-change-icon::after {
        display: none !important;
        content: none !important;
    }

    html body:has(main.artist-studio) .artist-image-change-icon > i,
    html body:has(.artist-cover-change) .artist-image-change-icon > i,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-image-change-icon > i,
    html.paxor-mobile-ui body:has(.artist-cover-change) .artist-image-change-icon > i {
        font-size: 15px !important;
        line-height: 1 !important;
        transform: translateY(-1px) !important;
    }

    html body:has(main.artist-studio) .artist-cover-change,
    html body:has(.artist-cover-change) .artist-cover-change,
    html.paxor-mobile-ui body:has(main.artist-studio) .artist-cover-change,
    html.paxor-mobile-ui body:has(.artist-cover-change) .artist-cover-change {
        padding: 0 !important;
        gap: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* === PAXOR MOBILE ARTIST STUDIO PLAYER + CAMERA FIX V171 END === */


/* =========================================================
   PAXOR MOBILE MARKETPLACE SCROLL RESTORE V172
   ========================================================= */

@media (max-width: 760px) {

    html.paxor-mobile-ui body.paxor-music-active
    .music-shell .music-main .music-scroll-area,

    html body.paxor-music-active
    .music-shell .music-main .music-scroll-area,

    html.paxor-mobile-ui body:has(.music-shell):not(:has(main.artist-studio))
    .music-shell .music-main .music-scroll-area,

    html body:has(.music-shell):not(:has(main.artist-studio))
    .music-shell .music-main .music-scroll-area {
        overflow-x: hidden !important;
        overflow-y: auto !important;

        overscroll-behavior-y: contain !important;
        -webkit-overflow-scrolling: touch !important;

        scrollbar-width: thin !important;
        scrollbar-color:
            rgba(32, 217, 255, .76)
            rgba(255, 255, 255, .06) !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    .music-shell .music-main .music-scroll-area::-webkit-scrollbar,

    html body.paxor-music-active
    .music-shell .music-main .music-scroll-area::-webkit-scrollbar,

    html.paxor-mobile-ui body:has(.music-shell):not(:has(main.artist-studio))
    .music-shell .music-main .music-scroll-area::-webkit-scrollbar,

    html body:has(.music-shell):not(:has(main.artist-studio))
    .music-shell .music-main .music-scroll-area::-webkit-scrollbar {
        display: block !important;
        width: 4px !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    .music-shell .music-main .music-scroll-area::-webkit-scrollbar-track,

    html body.paxor-music-active
    .music-shell .music-main .music-scroll-area::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, .04) !important;
    }

    html.paxor-mobile-ui body.paxor-music-active
    .music-shell .music-main .music-scroll-area::-webkit-scrollbar-thumb,

    html body.paxor-music-active
    .music-shell .music-main .music-scroll-area::-webkit-scrollbar-thumb {
        background: rgba(32, 217, 255, .76) !important;
        border-radius: 999px !important;
    }
}

/* === PAXOR MOBILE MARKETPLACE SCROLL RESTORE V172 END === */


/* =========================================================
   PAXOR MOBILE ARTIST STUDIO — PLAYER FINAL V174
   Remove V171 absolute layout
   ========================================================= */

@media (max-width: 760px) {

    html body:has(main.artist-studio),
    html.paxor-mobile-ui body:has(main.artist-studio) {
        --paxor-mobile-player-height: 58px !important;
        --paxor-player-height: 58px !important;

        padding-bottom: calc(
            58px
            + var(--paxor-mobile-bottom-nav-height, 64px)
            + env(safe-area-inset-bottom, 0px)
            + 8px
        ) !important;
    }

    /* PLAYER */
    html body:has(main.artist-studio) #music-player.paxor-global-player,
    html body:has(main.artist-studio) footer#music-player.paxor-global-player,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player.paxor-global-player,
    html.paxor-mobile-ui body:has(main.artist-studio) footer#music-player.paxor-global-player {
        position: fixed !important;

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

        bottom: calc(
            var(--paxor-mobile-bottom-nav-height, 64px)
            + env(safe-area-inset-bottom, 0px)
        ) !important;

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

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

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

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

        margin: 0 !important;
        padding: 2px 8px !important;

        overflow: hidden !important;

        transform: none !important;

        box-sizing: border-box !important;
        z-index: 1900 !important;
    }

    /* TRACK — отменяем absolute из V171 */
    html body:has(main.artist-studio) #music-player .music-player-track,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-track {
        position: static !important;

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

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

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

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

        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 8px !important;

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

        overflow: hidden !important;
        transform: none !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-cover,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-cover {
        position: static !important;

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

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

        margin: 0 !important;

        border-radius: 7px !important;

        transform: none !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-copy,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-copy {
        position: static !important;

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

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

        overflow: hidden !important;
        transform: none !important;
    }

    html body:has(main.artist-studio) #music-player #music-player-title,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-player-title {
        display: block !important;

        margin: 0 !important;

        font-size: 13px !important;
        line-height: 1.2 !important;

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

    html body:has(main.artist-studio) #music-player #music-player-artist,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-player-artist {
        display: block !important;

        margin: 0 !important;

        font-size: 11px !important;
        line-height: 1.12 !important;

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

    html body:has(main.artist-studio) #music-player #music-like,
    html body:has(main.artist-studio) #music-player .music-player-volume,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-like,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-volume {
        display: none !important;
    }

    /* PLAY — тоже отменяем absolute */
    html body:has(main.artist-studio) #music-player .music-player-center,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-center {
        position: static !important;

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

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

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

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

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

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

        overflow: visible !important;
        transform: none !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-controls,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-controls {
        position: static !important;

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

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

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

        gap: 0 !important;

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

        transform: none !important;
    }

    html body:has(main.artist-studio)
    #music-player .music-player-controls > :not(.music-play-toggle):not(#music-play-toggle),

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player .music-player-controls > :not(.music-play-toggle):not(#music-play-toggle) {
        display: none !important;
    }

    html body:has(main.artist-studio) #music-player .music-play-toggle,
    html body:has(main.artist-studio) #music-player #music-play-toggle,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-play-toggle,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-play-toggle {
        position: static !important;

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

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

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

        transform: none !important;
    }

    /* PROGRESS — внутри самого плеера снизу */
    html body:has(main.artist-studio) #music-player .music-progress-row,
    html.paxor-mobile-ui body:has(main.artist-studio) #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: 4px !important;
        min-height: 4px !important;
        max-height: 4px !important;

        display: block !important;

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

        overflow: hidden !important;

        transform: none !important;

        z-index: 5 !important;
    }

    html body:has(main.artist-studio) #music-player .music-progress-wrap,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-progress-wrap {
        position: static !important;

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

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

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

    html body:has(main.artist-studio) #music-player .music-progress-wrap::before,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-progress-wrap::before {
        display: none !important;
        content: none !important;
    }

    html body:has(main.artist-studio) #music-player #music-progress,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-progress {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

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

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

        pointer-events: none !important;
    }
}

/* === PAXOR MOBILE ARTIST STUDIO — PLAYER FINAL V174 END === */


/* =========================================================
   PAXOR MOBILE ARTIST STUDIO PLAYER CONTENT FINAL V175
   Restore cover/title inside the compact global player.
   ========================================================= */

@media (max-width: 760px) {

    html body:has(main.artist-studio),
    html.paxor-mobile-ui body:has(main.artist-studio) {
        --paxor-mobile-bottom-nav-height: 50px !important;
        --paxor-mobile-player-height: 56px !important;
        --paxor-player-height: 56px !important;

        padding-bottom: calc(
            56px
            + 50px
            + env(safe-area-inset-bottom, 0px)
            + 8px
        ) !important;
    }

    html body:has(main.artist-studio) #music-player.paxor-global-player,
    html body:has(main.artist-studio) footer#music-player.paxor-global-player,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player.paxor-global-player,
    html.paxor-mobile-ui body:has(main.artist-studio) footer#music-player.paxor-global-player {
        top: auto !important;
        bottom: calc(50px + env(safe-area-inset-bottom, 0px)) !important;

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

        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 48px !important;
        grid-template-rows: 1fr !important;
        align-items: center !important;

        padding: 3px 8px !important;
        gap: 0 6px !important;

        overflow: hidden !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-track,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-track {
        position: static !important;
        inset: auto !important;

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

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

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

        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 8px !important;

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

        overflow: hidden !important;
        transform: none !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-cover,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-cover {
        position: static !important;

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

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

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

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

        border-radius: 7px !important;
        overflow: hidden !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        transform: none !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-cover img,
    html body:has(main.artist-studio) #music-player .music-player-cover picture,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-cover img,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-cover picture {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: inherit !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-cover.has-artwork > i,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-cover.has-artwork > i {
        display: none !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-copy,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-copy {
        position: static !important;

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

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

        display: grid !important;
        grid-template-rows: minmax(0, 18px) minmax(0, 15px) !important;
        align-content: center !important;
        gap: 2px !important;

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

        overflow: hidden !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) #music-player #music-player-title,
    html body:has(main.artist-studio) #music-player #music-player-artist,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-player-title,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-player-artist {
        position: static !important;
        inset: auto !important;

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

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    html body:has(main.artist-studio) #music-player #music-player-title,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-player-title {
        color: #f7fbfc !important;
        font-size: 13px !important;
        line-height: 18px !important;
        font-weight: 800 !important;
    }

    html body:has(main.artist-studio) #music-player #music-player-artist,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-player-artist {
        color: #98a7ad !important;
        font-size: 11px !important;
        line-height: 15px !important;
        font-weight: 600 !important;
    }

    html body:has(main.artist-studio) #music-player #music-like,
    html body:has(main.artist-studio) #music-player .music-player-volume,
    html body:has(main.artist-studio) #music-player .music-player-chain,
    html body:has(main.artist-studio) #music-player .music-player-leya,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-like,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-volume,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-chain,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-leya {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-center,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-center {
        position: static !important;
        inset: auto !important;

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

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

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

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

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

        overflow: visible !important;
        transform: none !important;
    }

    html body:has(main.artist-studio) #music-player .music-player-controls,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-player-controls {
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;

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

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

        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    html body:has(main.artist-studio) #music-player .music-play-toggle,
    html body:has(main.artist-studio) #music-player #music-play-toggle,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-play-toggle,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-play-toggle {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;

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

        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    html body:has(main.artist-studio) #music-player .music-progress-row,
    html.paxor-mobile-ui body:has(main.artist-studio) #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: 3px !important;
        min-height: 3px !important;
        max-height: 3px !important;

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

        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        z-index: 5 !important;
    }

    html body:has(main.artist-studio) #music-player .music-progress-wrap,
    html body:has(main.artist-studio) #music-player #music-progress,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-progress-wrap,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-progress {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

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

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

    html body:has(main.artist-studio) #music-player #music-current-time,
    html body:has(main.artist-studio) #music-player #music-duration,
    html body:has(main.artist-studio) #music-player .music-range-tooltip,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-current-time,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player #music-duration,
    html.paxor-mobile-ui body:has(main.artist-studio) #music-player .music-range-tooltip {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }
}

/* === PAXOR MOBILE ARTIST STUDIO PLAYER CONTENT FINAL V175 END === */


/* === PAXOR MOBILE ARTIST STUDIO PLAYER HEIGHT FINAL V176 START === */
@media (max-width: 760px) {
    html body:has(main.artist-studio):not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player,

    html body:has(main.artist-studio):not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    footer#music-player.paxor-global-player,

    html body:has(main.artist-studio):not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player:not(.has-track),

    html body:has(main.artist-studio):not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player.has-track,

    html.paxor-mobile-ui body:has(main.artist-studio):not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player,

    html.paxor-mobile-ui body:has(main.artist-studio):not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    footer#music-player.paxor-global-player,

    html.paxor-mobile-ui body:has(main.artist-studio):not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player:not(.has-track),

    html.paxor-mobile-ui body:has(main.artist-studio):not(.music-mobile-track-page):not(.music-track-detail-page):not(:has(.music-public-page[data-track-accent]))
    #music-player.paxor-global-player.has-track {
        bottom: calc(50px + env(safe-area-inset-bottom, 0px)) !important;

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

        padding-top: 3px !important;
        padding-bottom: 3px !important;
        box-sizing: border-box !important;
    }
}
/* === PAXOR MOBILE ARTIST STUDIO PLAYER HEIGHT FINAL V176 END === */


/* === PAXOR MOBILE ARTIST STUDIO ACTIVE PLAYER POSITION V177 START === */
@media (max-width: 760px) {
    html body.paxor-music-active:has(main.artist-studio)
    #music-player.paxor-global-player.has-track,

    html body.paxor-music-active:has(main.artist-studio)
    footer#music-player.paxor-global-player.has-track,

    html.paxor-mobile-ui body.paxor-music-active:has(main.artist-studio)
    #music-player.paxor-global-player.has-track,

    html.paxor-mobile-ui body.paxor-music-active:has(main.artist-studio)
    footer#music-player.paxor-global-player.has-track {
        bottom: calc(46px + env(safe-area-inset-bottom, 0px)) !important;
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    html body.paxor-music-active:has(main.artist-studio)
    #music-player.paxor-global-player.has-track .music-progress-row,

    html.paxor-mobile-ui body.paxor-music-active:has(main.artist-studio)
    #music-player.paxor-global-player.has-track .music-progress-row {
        bottom: calc(46px + env(safe-area-inset-bottom, 0px)) !important;
    }

    html body.paxor-music-active:has(main.artist-studio)
    #music-player.paxor-global-player.has-track .music-progress-wrap::before,

    html.paxor-mobile-ui body.paxor-music-active:has(main.artist-studio)
    #music-player.paxor-global-player.has-track .music-progress-wrap::before {
        bottom: calc(46px + env(safe-area-inset-bottom, 0px)) !important;
    }
}
/* === PAXOR MOBILE ARTIST STUDIO ACTIVE PLAYER POSITION V177 END === */


/* === PAXOR MOBILE ARTIST STUDIO ACTIVE PLAYER PROGRESS V178 START === */
@media (max-width: 760px) {
    html body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track,

    html body:has(main.artist-studio)
    footer#music-player.paxor-global-player.has-track,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track,

    html.paxor-mobile-ui body:has(main.artist-studio)
    footer#music-player.paxor-global-player.has-track {
        bottom: calc(42px + env(safe-area-inset-bottom, 0px)) !important;

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

        padding-top: 3px !important;
        padding-bottom: 3px !important;
        box-sizing: border-box !important;
        z-index: 1280 !important;
    }

    html body:has(main.artist-studio) .paxor-mobile-bottom-nav,
    html.paxor-mobile-ui body:has(main.artist-studio) .paxor-mobile-bottom-nav {
        z-index: 1300 !important;
    }

    html body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track .music-progress-row,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track .music-progress-row {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        bottom: calc(50px + env(safe-area-inset-bottom, 0px) - 2px) !important;

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

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

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

        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        pointer-events: none !important;
        z-index: 2147480000 !important;
    }

    html body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track .music-progress-row > span,

    html body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track #music-current-time,

    html body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track #music-duration,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track .music-progress-row > span,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track #music-current-time,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track #music-duration {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }

    html body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track .music-progress-wrap,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track .music-progress-wrap {
        position: static !important;

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

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

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

        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        pointer-events: none !important;
        background: transparent !important;
    }

    html body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track .music-progress-wrap::before,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track .music-progress-wrap::before {
        content: "" !important;
        display: block !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: calc(50px + env(safe-area-inset-bottom, 0px) - 2px) !important;

        width: 100vw !important;
        height: 3px !important;
        min-height: 3px !important;
        max-height: 3px !important;

        border: 0 !important;
        border-radius: 0 !important;
        background: linear-gradient(90deg,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 1) var(--range-progress, 0%),
            rgba(255, 255, 255, .34) var(--range-progress, 0%),
            rgba(255, 255, 255, .34) 100%) !important;
        box-shadow: 0 0 5px rgba(255, 255, 255, .18) !important;
        pointer-events: none !important;
        z-index: 2147480001 !important;
    }

    html body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track #music-progress,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track #music-progress {
        display: block !important;
        visibility: hidden !important;
        opacity: 0 !important;

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

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

        margin: 0 !important;
        padding: 0 !important;
        pointer-events: none !important;
    }
}
/* === PAXOR MOBILE ARTIST STUDIO ACTIVE PLAYER PROGRESS V178 END === */


/* === PAXOR MOBILE ARTIST STUDIO LOWER GLOBAL PLAYER V179 START === */
@media (max-width: 760px) {
    html body:has(main.artist-studio)
    #music-player.paxor-global-player,

    html body:has(main.artist-studio)
    footer#music-player.paxor-global-player,

    html body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track,

    html body:has(main.artist-studio)
    footer#music-player.paxor-global-player.has-track,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player.paxor-global-player,

    html.paxor-mobile-ui body:has(main.artist-studio)
    footer#music-player.paxor-global-player,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track,

    html.paxor-mobile-ui body:has(main.artist-studio)
    footer#music-player.paxor-global-player.has-track {
        top: auto !important;
        bottom: calc(32px + env(safe-area-inset-bottom, 0px)) !important;

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

        padding-top: 3px !important;
        padding-bottom: 3px !important;
        transform: none !important;
        box-sizing: border-box !important;
        z-index: 1285 !important;
    }

    html body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track .music-progress-row,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track .music-progress-row,

    html body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track .music-progress-wrap::before,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track .music-progress-wrap::before {
        bottom: calc(50px + env(safe-area-inset-bottom, 0px) - 1px) !important;
    }
}
/* === PAXOR MOBILE ARTIST STUDIO LOWER GLOBAL PLAYER V179 END === */


/* === PAXOR MOBILE ARTIST STUDIO PLAYER + ENVELOPE ALIGN V180 START === */
@media (max-width: 760px) {
    html body:has(main.artist-studio)
    #music-player.paxor-global-player,

    html body:has(main.artist-studio)
    footer#music-player.paxor-global-player,

    html body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track,

    html body:has(main.artist-studio)
    footer#music-player.paxor-global-player.has-track,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player.paxor-global-player,

    html.paxor-mobile-ui body:has(main.artist-studio)
    footer#music-player.paxor-global-player,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player.paxor-global-player.has-track,

    html.paxor-mobile-ui body:has(main.artist-studio)
    footer#music-player.paxor-global-player.has-track {
        bottom: calc(24px + env(safe-area-inset-bottom, 0px)) !important;
        transform: translate3d(0, 8px, 0) !important;
        z-index: 1288 !important;
    }

    html body:has(main.artist-studio)
    #music-player.paxor-global-player .music-player-track,

    html body:has(main.artist-studio)
    #music-player.paxor-global-player .music-player-center,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player.paxor-global-player .music-player-track,

    html.paxor-mobile-ui body:has(main.artist-studio)
    #music-player.paxor-global-player .music-player-center {
        transform: none !important;
    }

    html body:has(main.artist-studio)
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-messages,

    html.paxor-mobile-ui body:has(main.artist-studio)
    > nav:not(.paxor-mobile-bottom-nav)
    > .menu-right
    > .nav-messages {
        position: relative !important;
        top: -4px !important;
        align-self: center !important;
        display: grid !important;
        place-items: center !important;
    }

    html body:has(main.artist-studio)
    nav:not(.paxor-mobile-bottom-nav)
    .music-messages-top,

    html.paxor-mobile-ui body:has(main.artist-studio)
    nav:not(.paxor-mobile-bottom-nav)
    .music-messages-top {
        display: grid !important;
        place-items: center !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    html body:has(main.artist-studio)
    nav:not(.paxor-mobile-bottom-nav)
    .music-messages-menu-button,

    html.paxor-mobile-ui body:has(main.artist-studio)
    nav:not(.paxor-mobile-bottom-nav)
    .music-messages-menu-button {
        position: relative !important;
        top: -6px !important;
        display: grid !important;
        place-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    html body:has(main.artist-studio)
    nav:not(.paxor-mobile-bottom-nav)
    .music-messages-menu-button::before,

    html.paxor-mobile-ui body:has(main.artist-studio)
    nav:not(.paxor-mobile-bottom-nav)
    .music-messages-menu-button::before {
        position: relative !important;
        top: -1px !important;
        place-self: center !important;
        margin: 0 !important;
    }
}
/* === PAXOR MOBILE ARTIST STUDIO PLAYER + ENVELOPE ALIGN V180 END === */