/* Shared non-listings UI extracted from the listings map stack. */

:root {
        --hp-map-neon: #18ffb2;
        --hp-map-neon-dark: #05c988;
        --hp-map-void: #020b18;

        /* Locado brand tokens */
        --locado-ink: #0f172a;
        --locado-ink-deep: #172033;
        --locado-border: #e2e8f0;
        --locado-surface: #f8fafc;
        --locado-muted: #64748b;
}

body .header-navbar__menu ul li ul {
        padding: 0.65rem;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 18px;
        background: rgba(7, 16, 28, 0.96);
        box-shadow: 0 22px 48px rgba(2, 11, 24, 0.34);
        backdrop-filter: blur(12px);
}

html[data-map-theme='light'] body .header-navbar__menu ul li ul,
body[data-map-theme='light'] .header-navbar__menu ul li ul,
body:not(.hp-theme-dark):not([data-map-theme='dark']) .header-navbar__menu ul li ul {
        border-color: rgba(148, 163, 184, 0.24);
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 22px 48px rgba(15, 23, 42, 0.14);
        color: var(--locado-ink);
}

body .header-navbar__menu ul li ul li {
        padding: 0;
        border-radius: 12px;
        overflow: hidden;
}

body .header-navbar__menu ul li ul li + li {
        margin-top: 0.2rem;
}

body .header-navbar__menu ul li ul li::after {
        display: none;
}

body .header-navbar__menu ul li ul li a {
        display: flex;
        align-items: center;
        min-height: 42px;
        padding: 0.7rem 0.9rem;
        border-radius: 12px;
        color: #eaf2ff;
        font-size: 0.95rem;
        font-weight: 600;
        line-height: 1.3;
        white-space: nowrap;
        transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

html[data-map-theme='light'] body .header-navbar__menu ul li ul li a,
body[data-map-theme='light'] .header-navbar__menu ul li ul li a,
body:not(.hp-theme-dark):not([data-map-theme='dark']) .header-navbar__menu ul li ul li a {
        background: rgba(248, 250, 252, 0.86);
        color: var(--locado-ink);
}

body .header-navbar__menu ul li ul li a:hover,
body .header-navbar__menu ul li ul li a:focus-visible,
body .header-navbar__menu ul li ul li.current-menu-item > a,
body .header-navbar__menu ul li ul li.current_page_item > a {
        background: rgba(255, 193, 7, 0.12);
        color: #fff7db;
        outline: none;
        transform: translateY(-1px);
}

html[data-map-theme='light'] body .header-navbar__menu ul li ul li a:hover,
html[data-map-theme='light'] body .header-navbar__menu ul li ul li a:focus-visible,
html[data-map-theme='light'] body .header-navbar__menu ul li ul li.current-menu-item > a,
html[data-map-theme='light'] body .header-navbar__menu ul li ul li.current_page_item > a,
body[data-map-theme='light'] .header-navbar__menu ul li ul li a:hover,
body[data-map-theme='light'] .header-navbar__menu ul li ul li a:focus-visible,
body[data-map-theme='light'] .header-navbar__menu ul li ul li.current-menu-item > a,
body[data-map-theme='light'] .header-navbar__menu ul li ul li.current_page_item > a,
body:not(.hp-theme-dark):not([data-map-theme='dark']) .header-navbar__menu ul li ul li a:hover,
body:not(.hp-theme-dark):not([data-map-theme='dark']) .header-navbar__menu ul li ul li a:focus-visible,
body:not(.hp-theme-dark):not([data-map-theme='dark']) .header-navbar__menu ul li ul li.current-menu-item > a,
body:not(.hp-theme-dark):not([data-map-theme='dark']) .header-navbar__menu ul li ul li.current_page_item > a {
        background: rgba(255, 186, 8, 0.16);
        color: var(--locado-ink);
}

body .header-navbar__menu > ul > li.menu-item-has-children > ul,
body .header-navbar__menu > ul > li.page_item_has_children > ul {
        margin-top: 0.2rem;
        min-width: 15rem;
        left: 50%;
        transform: translateX(-50%);
}

body .header-navbar__menu > ul > li.menu-item-has-children::after,
body .header-navbar__menu > ul > li.page_item_has_children::after {
        color: rgba(255, 193, 7, 0.42);
}

.header-navbar__menu > ul > li.menu-item--user-account {
        padding-bottom: 0.7rem;
}

.header-navbar__menu > ul > li.menu-item--user-account > a {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.7rem 0;
        color: rgba(15, 23, 39, 0.8);
        font-weight: 700;
        position: relative;
        z-index: 1002;
}

.header-navbar__menu > ul > li.menu-item--user-account > a .hp-font-icon,
.header-navbar__menu > ul > li.menu-item--user-account > a i,
.header-navbar__menu > ul > li.menu-item--user-account::after {
        color: rgba(15, 23, 39, 0.55);
        transition: color 0.18s ease;
}

.header-navbar__menu > ul > li.menu-item--user-account:hover > a,
.header-navbar__menu > ul > li.menu-item--user-account:focus-within > a,
.header-navbar__menu > ul > li.menu-item--user-account.current-menu-item > a {
        color: #0f1727;
}

.header-navbar__menu > ul > li.menu-item--user-account:hover > a .hp-font-icon,
.header-navbar__menu > ul > li.menu-item--user-account:hover > a i,
.header-navbar__menu > ul > li.menu-item--user-account:hover::after,
.header-navbar__menu > ul > li.menu-item--user-account:focus-within > a .hp-font-icon,
.header-navbar__menu > ul > li.menu-item--user-account:focus-within > a i,
.header-navbar__menu > ul > li.menu-item--user-account:focus-within::after {
        color: #ffc107;
}

.header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account {
        display: block;
        top: calc(100% + 1px);
        left: 50%;
        min-width: 13.75rem;
        padding: 0.5rem;
        margin: 0;
        border: 1px solid rgba(96, 143, 255, 0.18);
        border-radius: 20px;
        background: linear-gradient(180deg, rgba(10, 20, 40, 0.98), rgba(6, 12, 26, 0.98));
        box-shadow: 0 24px 60px rgba(5, 13, 29, 0.28);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(-50%) translateY(4px);
        transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
        z-index: 1001;
        backdrop-filter: blur(14px);
        list-style: none;
}

.header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: -24px;
        height: 24px;
}

.header-navbar__menu > ul > li.menu-item--user-account:hover > .sub-menu.hp-menu--user-account,
.header-navbar__menu > ul > li.menu-item--user-account:focus-within > .sub-menu.hp-menu--user-account {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(-50%) translateY(0);
        transition-delay: 0s;
}

.header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account li {
        padding: 0;
        margin: 0;
        list-style: none;
}

.header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account li + li {
        margin-top: 0.3rem;
}

.header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account li::before,
.header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account li::after {
        display: none;
}

.header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        min-height: 46px;
        padding: 0.82rem 0.95rem;
        border: 1px solid rgba(255, 255, 255, 0.06);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.04);
        color: rgba(234, 242, 255, 0.92);
        font-size: 0.95rem;
        font-weight: 600;
        text-decoration: none;
        transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
        white-space: nowrap;
}

.header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account a:hover,
.header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account a:focus-visible {
        transform: translateY(-1px);
        background: rgba(255, 193, 7, 0.1);
        border-color: rgba(255, 193, 7, 0.26);
        color: #fff7db;
        outline: none;
}

html[data-map-theme='light'] .header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account,
body[data-map-theme='light'] .header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account,
body:not(.hp-theme-dark):not([data-map-theme='dark']) .header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account {
        border-color: rgba(148, 163, 184, 0.24);
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 24px 60px rgba(15, 23, 42, 0.16);
        color: var(--locado-ink);
        backdrop-filter: blur(14px);
}

html[data-map-theme='light'] .header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account a,
body[data-map-theme='light'] .header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account a,
body:not(.hp-theme-dark):not([data-map-theme='dark']) .header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account a {
        border-color: rgba(148, 163, 184, 0.2);
        background: rgba(248, 250, 252, 0.86);
        color: var(--locado-ink);
}

html[data-map-theme='light'] .header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account a:hover,
html[data-map-theme='light'] .header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account a:focus-visible,
body[data-map-theme='light'] .header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account a:hover,
body[data-map-theme='light'] .header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account a:focus-visible,
body:not(.hp-theme-dark):not([data-map-theme='dark']) .header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account a:hover,
body:not(.hp-theme-dark):not([data-map-theme='dark']) .header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account a:focus-visible {
        background: rgba(255, 186, 8, 0.16);
        border-color: rgba(255, 186, 8, 0.36);
        color: var(--locado-ink);
}

@media (max-width: 768px) {
        .header-navbar__menu > ul > li.menu-item--user-account > .sub-menu.hp-menu--user-account {
                left: 0;
                right: auto;
                min-width: min(14rem, calc(100vw - 2.5rem));
                transform: translateY(8px);
        }

        .header-navbar__menu > ul > li.menu-item--user-account:hover > .sub-menu.hp-menu--user-account,
        .header-navbar__menu > ul > li.menu-item--user-account:focus-within > .sub-menu.hp-menu--user-account {
                transform: translateY(0);
        }
}

.hp-map-mobile-backdrop,
.hp-map-mobile-global-menu-toggle,
.hp-map-mobile-shop-categories-toggle,
.hp-map-mobile-shop-header,
.hp-map-mobile-shop-theme-toggle,
.hp-map-mobile-menu {
        display: none;
}

@keyframes locadoLoaderSpin {
        from {
                transform: rotate(0deg);
        }

        to {
                transform: rotate(360deg);
        }
}

@keyframes locado-mobile-shop-category-row-in {
        from {
                opacity: 0;
                transform: translateX(-18px);
        }

        to {
                opacity: 1;
                transform: translateX(0);
        }
}

@media (max-width: 1023px) {
        body.locado-global-mobile-menu-ready .hp-map-mobile-global-menu-toggle {
                position: fixed !important;
                top: calc(env(safe-area-inset-top) + 12px) !important;
                right: 12px !important;
                z-index: 140 !important;
                display: inline-grid !important;
                place-items: center !important;
                width: 44px !important;
                height: 44px !important;
                padding: 0 !important;
                border: 1px solid rgba(203, 213, 225, 0.92) !important;
                border-radius: 12px !important;
                background: rgba(255, 255, 255, 0.96) !important;
                color: var(--locado-ink) !important;
                box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12) !important;
                cursor: pointer !important;
        }

        body.locado-global-mobile-menu-ready .hp-page__header {
                display: none !important;
        }

        body.locado-global-mobile-menu-ready .site-header,
        body.locado-global-mobile-menu-ready .header-navbar,
        body.locado-global-mobile-menu-ready .header-navbar__burger,
        body.locado-global-mobile-menu-ready .header-navbar__menu,
        body.locado-global-mobile-menu-ready .header-navbar__actions {
                display: none !important;
        }

        body.locado-global-mobile-menu-ready .hp-map-mobile-global-menu-toggle__icon {
                position: relative !important;
                display: block !important;
                width: 18px !important;
                height: 14px !important;
        }

        body.locado-global-mobile-menu-ready .hp-map-mobile-global-menu-toggle__icon::before {
                content: '' !important;
                position: absolute !important;
                top: 1px !important;
                left: 0 !important;
                right: 0 !important;
                height: 2px !important;
                border-radius: 999px !important;
                background: currentColor !important;
                box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor !important;
        }

        body.locado-global-mobile-menu-ready .hp-map-mobile-backdrop,
        body.locado-shop-categories-ready .hp-map-mobile-backdrop {
                display: block !important;
                position: fixed !important;
                inset: 0 !important;
                z-index: 118 !important;
                border: 0 !important;
                background: rgba(15, 23, 42, 0.18) !important;
                opacity: 0 !important;
                pointer-events: none !important;
                transition: opacity 0.2s ease !important;
        }

        body.locado-global-mobile-menu-ready.locado-global-mobile-menu-open .hp-map-mobile-backdrop,
        body.locado-shop-categories-ready.locado-shop-categories-open .hp-map-mobile-backdrop {
                opacity: 1 !important;
                pointer-events: auto !important;
        }

        body.locado-shop-ajax-loading .bybit-shop-main {
                opacity: 0.52 !important;
                pointer-events: none !important;
                transition: opacity 0.16s ease !important;
        }

        body.locado-shop-ajax-loading::after {
                content: '' !important;
                position: fixed !important;
                top: 50% !important;
                left: 50% !important;
                z-index: 150 !important;
                width: 34px !important;
                height: 34px !important;
                margin: -17px 0 0 -17px !important;
                border: 3px solid rgba(255, 255, 255, 0.72) !important;
                border-top-color: #2dd4bf !important;
                border-radius: 999px !important;
                animation: locadoLoaderSpin 0.72s linear infinite !important;
        }

        body.locado-global-mobile-menu-ready .hp-map-mobile-menu {
                position: fixed !important;
                top: calc(env(safe-area-inset-top) + 64px) !important;
                right: 12px !important;
                left: auto !important;
                bottom: auto !important;
                z-index: 128 !important;
                display: flex !important;
                flex-direction: column !important;
                width: min(82vw, 340px) !important;
                max-width: min(82vw, 340px) !important;
                max-height: min(70vh, 560px) !important;
                margin: 0 !important;
                padding: 0 14px 14px !important;
                overflow: auto !important;
                border: 1px solid rgba(226, 232, 240, 0.96) !important;
                border-radius: 20px !important;
                background: rgba(255, 255, 255, 0.98) !important;
                color: var(--locado-ink) !important;
                box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18) !important;
                opacity: 0 !important;
                pointer-events: none !important;
                transform: translateY(-8px) scale(0.98) !important;
                transform-origin: right top !important;
                transition: transform 0.22s ease, opacity 0.18s ease !important;
        }

        body.locado-global-mobile-menu-ready.hp-map-mobile-panel--menu .hp-map-mobile-menu {
                opacity: 1 !important;
                pointer-events: auto !important;
                transform: translateY(0) scale(1) !important;
        }

        body.locado-global-mobile-menu-ready .hp-map-mobile-menu > .hp-map-mobile-panel__header {
                margin: 0 -14px 12px !important;
                padding: 16px 14px 12px !important;
                border-bottom: 1px solid rgba(226, 232, 240, 0.96) !important;
        }

        body.locado-global-mobile-menu-ready .hp-map-mobile-panel__header {
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                gap: 12px !important;
        }

        body.locado-global-mobile-menu-ready .hp-map-mobile-panel__heading {
                margin: 0 !important;
                color: inherit !important;
                font-size: 15px !important;
                font-weight: 800 !important;
                line-height: 1.1 !important;
        }

        body.locado-global-mobile-menu-ready .hp-map-mobile-panel__close {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 36px !important;
                height: 36px !important;
                padding: 0 !important;
                border: 1px solid rgba(203, 213, 225, 0.92) !important;
                border-radius: 10px !important;
                background: rgba(248, 250, 252, 0.96) !important;
                color: inherit !important;
                font-size: 16px !important;
                font-weight: 800 !important;
                line-height: 1 !important;
                cursor: pointer !important;
        }

        body.locado-global-mobile-menu-ready .hp-map-mobile-menu__tabs {
                display: grid !important;
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
                gap: 6px !important;
                padding: 4px !important;
                border: 1px solid rgba(226, 232, 240, 0.9) !important;
                border-radius: 14px !important;
                background: rgba(241, 245, 249, 0.82) !important;
        }

        body.locado-global-mobile-menu-ready .hp-map-mobile-menu__tab {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                min-width: 0 !important;
                min-height: 38px !important;
                padding: 0 8px !important;
                border-radius: 10px !important;
                color: var(--locado-muted) !important;
                font-size: 12px !important;
                font-weight: 800 !important;
                line-height: 1 !important;
                text-decoration: none !important;
                white-space: nowrap !important;
        }

        body.locado-global-mobile-menu-ready .hp-map-mobile-menu__tab[aria-selected='true'] {
                background: #ffffff !important;
                color: var(--locado-ink) !important;
                box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08) !important;
        }

        body.locado-global-mobile-menu-ready .hp-map-mobile-menu__body,
        body.locado-global-mobile-menu-ready .hp-map-mobile-menu__section,
        body.locado-global-mobile-menu-ready .hp-map-mobile-menu__links {
                display: grid !important;
                gap: 8px !important;
        }

        body.locado-global-mobile-menu-ready .hp-map-mobile-menu__body {
                gap: 14px !important;
        }

        body.locado-global-mobile-menu-ready .hp-map-mobile-menu__section-title {
                margin: 0 !important;
                padding: 0 2px !important;
                color: rgba(71, 85, 105, 0.92) !important;
                font-size: 11px !important;
                font-weight: 800 !important;
                line-height: 1.1 !important;
                text-transform: uppercase !important;
        }

        body.locado-global-mobile-menu-ready .hp-map-mobile-menu__link,
        body.locado-global-mobile-menu-ready .hp-map-mobile-menu__empty {
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                gap: 12px !important;
                min-height: 48px !important;
                padding: 0 14px !important;
                border: 1px solid rgba(226, 232, 240, 0.9) !important;
                border-radius: 14px !important;
                background: rgba(248, 250, 252, 0.94) !important;
                color: var(--locado-ink) !important;
                font-size: 14px !important;
                font-weight: 700 !important;
                line-height: 1.2 !important;
                text-decoration: none !important;
        }

        body.locado-global-mobile-menu-ready .hp-map-mobile-menu__link-title {
                min-width: 0 !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
                white-space: nowrap !important;
        }

        body.locado-global-mobile-menu-ready .hp-map-mobile-menu__link-type {
                flex: 0 0 auto !important;
                padding: 4px 7px !important;
                border-radius: 999px !important;
                background: rgba(14, 116, 144, 0.1) !important;
                color: #0e7490 !important;
                font-size: 10px !important;
                font-weight: 800 !important;
                line-height: 1 !important;
                text-transform: uppercase !important;
        }

        body.locado-shop-categories-ready .hp-map-mobile-shop-header {
                position: fixed !important;
                top: calc(env(safe-area-inset-top) + 12px) !important;
                right: 12px !important;
                left: 12px !important;
                z-index: 140 !important;
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) 82px 46px !important;
                align-items: center !important;
                width: auto !important;
                height: 44px !important;
                overflow: hidden !important;
                border: 1px solid rgba(203, 213, 225, 0.92) !important;
                border-radius: 12px !important;
                background: rgba(255, 255, 255, 0.96) !important;
                box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12) !important;
        }

        body.locado-shop-categories-ready .hp-map-mobile-shop-categories-toggle {
                position: static !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                gap: 10px !important;
                width: 100% !important;
                min-width: 0 !important;
                height: 44px !important;
                padding: 0 12px 0 14px !important;
                border: 0 !important;
                border-radius: 12px !important;
                background: transparent !important;
                color: var(--locado-ink) !important;
                box-shadow: none !important;
                cursor: pointer !important;
        }

        body.locado-shop-categories-ready .hp-map-mobile-shop-header .hp-map-mobile-global-menu-toggle {
                position: static !important;
                top: auto !important;
                right: auto !important;
                z-index: auto !important;
                display: inline-grid !important;
                place-items: center !important;
                width: 46px !important;
                height: 44px !important;
                padding: 0 !important;
                border: 0 !important;
                border-left: 1px solid rgba(203, 213, 225, 0.9) !important;
                border-radius: 0 !important;
                background: transparent !important;
                color: var(--locado-ink) !important;
                box-shadow: none !important;
        }

        body.locado-shop-categories-ready .hp-map-mobile-shop-theme-toggle {
                position: static !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 6px !important;
                width: 82px !important;
                height: 44px !important;
                padding: 0 !important;
                border: 0 !important;
                border-left: 1px solid rgba(203, 213, 225, 0.9) !important;
                border-radius: 0 !important;
                background: transparent !important;
                color: var(--locado-ink) !important;
                box-shadow: none !important;
                cursor: pointer !important;
        }

        body.locado-shop-categories-ready .hp-map-mobile-shop-theme-toggle__label {
                display: block !important;
                min-width: 0 !important;
                overflow: hidden !important;
                color: inherit !important;
                font-size: 11px !important;
                font-weight: 800 !important;
                line-height: 1 !important;
                text-overflow: ellipsis !important;
                white-space: nowrap !important;
        }

        body.locado-shop-categories-ready .hp-map-mobile-shop-theme-toggle__icon {
                position: relative !important;
                display: block !important;
                flex: 0 0 16px !important;
                width: 16px !important;
                height: 16px !important;
                border: 2px solid currentColor !important;
                border-radius: 999px !important;
                transition: transform 0.2s ease, box-shadow 0.2s ease !important;
        }

        body.locado-shop-categories-ready .hp-map-mobile-shop-theme-toggle[data-theme-state='light'] .hp-map-mobile-shop-theme-toggle__icon {
                box-shadow: 0 0 0 5px rgba(15, 23, 42, 0.06) !important;
        }

        body.locado-shop-categories-ready .hp-map-mobile-shop-theme-toggle[data-theme-state='dark'] .hp-map-mobile-shop-theme-toggle__icon {
                background: currentColor !important;
                box-shadow: inset -5px -4px 0 #ffffff !important;
                transform: rotate(-12deg) !important;
        }

        body.locado-shop-categories-ready .hp-map-mobile-shop-categories-toggle__label {
                min-width: 0 !important;
                overflow: hidden !important;
                color: inherit !important;
                font-size: 13px !important;
                font-weight: 800 !important;
                line-height: 1 !important;
                text-overflow: ellipsis !important;
                white-space: nowrap !important;
        }

        body.locado-shop-categories-ready .hp-map-mobile-shop-categories-toggle__arrow {
                display: inline-grid !important;
                flex: 0 0 24px !important;
                place-items: center !important;
                width: 24px !important;
                height: 24px !important;
                border-radius: 8px !important;
                background: rgba(15, 23, 42, 0.08) !important;
                color: inherit !important;
                font-size: 18px !important;
                font-weight: 900 !important;
                line-height: 1 !important;
                transition: transform 0.28s ease !important;
        }

        body.locado-shop-categories-ready.locado-shop-categories-open .hp-map-mobile-shop-categories-toggle__arrow {
                transform: rotate(180deg) !important;
        }

        body.locado-shop-categories-ready .bybit-shop-sidebar {
                position: fixed !important;
                top: calc(env(safe-area-inset-top) + 64px) !important;
                right: auto !important;
                bottom: calc(env(safe-area-inset-bottom) + 12px) !important;
                left: 0 !important;
                z-index: 135 !important;
                display: block !important;
                width: min(78vw, 304px) !important;
                max-width: min(78vw, 304px) !important;
                height: auto !important;
                max-height: none !important;
                margin: 0 !important;
                padding: 0 !important;
                overflow: hidden !important;
                opacity: 0 !important;
                pointer-events: none !important;
                transform: translate3d(-100%, 0, 0) !important;
                transition: transform 0.34s ease, opacity 0.24s ease !important;
                will-change: transform, opacity !important;
        }

        body.locado-shop-categories-ready.locado-shop-categories-open .bybit-shop-sidebar {
                opacity: 1 !important;
                pointer-events: auto !important;
                transform: translate3d(0, 0, 0) !important;
        }

        body.locado-shop-categories-ready .bybit-shop-sidebar__panel {
                display: flex !important;
                flex-direction: column !important;
                width: 100% !important;
                height: 100% !important;
                max-height: 100% !important;
                margin: 0 !important;
                padding: 0 0 calc(env(safe-area-inset-bottom) + 6px) !important;
                overflow: hidden !important;
                border: 0 !important;
                border-radius: 0 10px 10px 0 !important;
                background: linear-gradient(180deg, #6f9bc7 0%, #6a95c0 52%, #668eb7 100%) !important;
                box-shadow: 0 16px 34px rgba(15, 23, 42, 0.18) !important;
        }

        body.locado-shop-categories-ready .bybit-shop-sidebar__eyebrow,
        body.locado-shop-categories-ready .bybit-shop-sidebar__title,
        body.locado-shop-categories-ready .bybit-shop-sidebar__description {
                display: none !important;
        }

        body.locado-shop-categories-ready .bybit-shop-sidebar__list {
                display: flex !important;
                flex: 1 1 auto !important;
                flex-direction: column !important;
                gap: 0 !important;
                width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                overflow-x: hidden !important;
                overflow-y: auto !important;
                background: transparent !important;
                scrollbar-width: none !important;
        }

        body.locado-shop-categories-ready .bybit-shop-sidebar__list::-webkit-scrollbar {
                display: none !important;
        }

        body.locado-shop-categories-ready .bybit-shop-sidebar__item {
                width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                opacity: 1 !important;
                transform: none !important;
        }

        body.locado-shop-categories-ready.locado-shop-categories-open .bybit-shop-sidebar__item {
                animation: locado-mobile-shop-category-row-in 0.24s ease both !important;
        }

        body.locado-shop-categories-ready.locado-shop-categories-open .bybit-shop-sidebar__item:nth-child(1) {
                animation-delay: 0.02s !important;
        }

        body.locado-shop-categories-ready.locado-shop-categories-open .bybit-shop-sidebar__item:nth-child(2) {
                animation-delay: 0.05s !important;
        }

        body.locado-shop-categories-ready.locado-shop-categories-open .bybit-shop-sidebar__item:nth-child(3) {
                animation-delay: 0.08s !important;
        }

        body.locado-shop-categories-ready.locado-shop-categories-open .bybit-shop-sidebar__item:nth-child(4) {
                animation-delay: 0.11s !important;
        }

        body.locado-shop-categories-ready.locado-shop-categories-open .bybit-shop-sidebar__item:nth-child(5) {
                animation-delay: 0.14s !important;
        }

        body.locado-shop-categories-ready.locado-shop-categories-open .bybit-shop-sidebar__item:nth-child(n+6) {
                animation-delay: 0.17s !important;
        }

        body.locado-shop-categories-ready .bybit-shop-sidebar__link {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) auto !important;
                align-items: center !important;
                gap: 12px !important;
                width: 100% !important;
                min-height: 56px !important;
                margin: 0 !important;
                padding: 8px 10px 8px 12px !important;
                border: 0 !important;
                border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
                border-radius: 0 !important;
                background: transparent !important;
                color: #ffffff !important;
                box-shadow: none !important;
                text-decoration: none !important;
                transform: none !important;
                transition: background-color 0.4s ease, box-shadow 0.4s ease, transform 0.4s ease, opacity 0.4s ease !important;
        }

        body.locado-shop-categories-ready .bybit-shop-sidebar__link:hover,
        body.locado-shop-categories-ready .bybit-shop-sidebar__link:focus-visible,
        body.locado-shop-categories-ready .bybit-shop-sidebar__link.is-active {
                background: rgba(236, 244, 247, 0.1) !important;
                box-shadow: inset 3px 0 0 rgba(197, 231, 217, 0.7) !important;
                color: #ffffff !important;
                outline: none !important;
                transform: translateX(6px) !important;
        }

        body.locado-shop-categories-ready .bybit-shop-sidebar__label {
                display: grid !important;
                grid-template-columns: 42px minmax(0, 1fr) !important;
                align-items: center !important;
                gap: 10px !important;
                min-width: 0 !important;
        }

        body.locado-shop-categories-ready .bybit-shop-sidebar__icon {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 36px !important;
                height: 36px !important;
                border: 1px solid rgba(255, 255, 255, 0.16) !important;
                border-radius: 10px !important;
                background: rgba(255, 255, 255, 0.1) !important;
                color: #ffffff !important;
        }

        body.locado-shop-categories-ready .bybit-shop-sidebar__icon svg {
                width: 18px !important;
                height: 18px !important;
        }

        body.locado-shop-categories-ready .bybit-shop-sidebar__text,
        body.locado-shop-categories-ready .bybit-shop-sidebar__link strong {
                min-width: 0 !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
                white-space: nowrap !important;
                color: inherit !important;
                font-size: 13px !important;
                font-weight: 700 !important;
                line-height: 1.2 !important;
        }

        body.hp-theme-dark.locado-global-mobile-menu-ready .hp-map-mobile-global-menu-toggle,
        body.hp-theme-dark.locado-global-mobile-menu-ready .hp-map-mobile-menu,
        body.hp-theme-dark.locado-shop-categories-ready .hp-map-mobile-shop-header {
                border-color: rgba(71, 85, 105, 0.78) !important;
                background: rgba(9, 15, 28, 0.96) !important;
                color: var(--locado-border) !important;
                box-shadow: 0 16px 34px rgba(2, 6, 23, 0.34) !important;
        }

        body.hp-theme-dark.locado-global-mobile-menu-ready .hp-map-mobile-menu > .hp-map-mobile-panel__header {
                border-bottom-color: rgba(71, 85, 105, 0.58) !important;
        }

        body.hp-theme-dark.locado-global-mobile-menu-ready .hp-map-mobile-panel__close {
                border-color: rgba(71, 85, 105, 0.78) !important;
                background: rgba(15, 23, 42, 0.9) !important;
                color: var(--locado-border) !important;
        }

        body.hp-theme-dark.locado-global-mobile-menu-ready .hp-map-mobile-menu__tabs {
                border-color: rgba(71, 85, 105, 0.64) !important;
                background: rgba(15, 23, 42, 0.72) !important;
        }

        body.hp-theme-dark.locado-global-mobile-menu-ready .hp-map-mobile-menu__tab {
                color: #94a3b8 !important;
        }

        body.hp-theme-dark.locado-global-mobile-menu-ready .hp-map-mobile-menu__tab[aria-selected='true'] {
                background: rgba(30, 41, 59, 0.94) !important;
                color: var(--locado-surface) !important;
        }

        body.hp-theme-dark.locado-global-mobile-menu-ready .hp-map-mobile-menu__section-title {
                color: rgba(148, 163, 184, 0.92) !important;
        }

        body.hp-theme-dark.locado-global-mobile-menu-ready .hp-map-mobile-menu__link,
        body.hp-theme-dark.locado-global-mobile-menu-ready .hp-map-mobile-menu__empty {
                border-color: rgba(71, 85, 105, 0.68) !important;
                background: rgba(15, 23, 42, 0.88) !important;
                color: var(--locado-border) !important;
        }

        body.hp-theme-dark.locado-global-mobile-menu-ready .hp-map-mobile-menu__link-type {
                background: rgba(45, 212, 191, 0.14) !important;
                color: #67e8f9 !important;
        }

        body.hp-theme-dark.locado-shop-categories-ready .hp-map-mobile-shop-categories-toggle,
        body.hp-theme-dark.locado-shop-categories-ready .hp-map-mobile-shop-theme-toggle,
        body.hp-theme-dark.locado-shop-categories-ready .hp-map-mobile-shop-header .hp-map-mobile-global-menu-toggle {
                color: var(--locado-border) !important;
                border-left-color: rgba(71, 85, 105, 0.62) !important;
        }

        body.hp-theme-dark.locado-shop-categories-ready .hp-map-mobile-shop-categories-toggle__arrow {
                background: rgba(148, 163, 184, 0.16) !important;
        }
}