:root {
    --background: var(--hbp-color-bg);
    --text: var(--hbp-color-text);
    --primary: var(--hbp-color-primary);
    --lilac: var(--hbp-color-primary-2);
    --soft-surface: rgba(var(--hbp-contrast-rgb),0.04);
    --hbp-line: rgba(var(--hbp-contrast-rgb),.09);
    --hbp-muted: rgba(var(--hbp-text-rgb),.62);
    --hbp-player-safe: 104px;
}

.bp-page { padding-top: 0 !important; }


.bp-header.bp-header--catalog {
    position: relative !important;
    inset: auto !important;
    z-index: 70;
    height: auto !important;
    display: block;
    padding: 0 !important;
    background: var(--hbp-header-bg);
    border-bottom: 1px solid rgba(var(--hbp-contrast-rgb),.07);
    backdrop-filter: blur(18px);
}
.bp-header--catalog .bp-header__inner {
    width: min(100% - 36px, 1520px);
    height: auto !important;
    display: block !important;
    margin: 0 auto;
    padding: 12px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}
.bp-header__primary {
    display: grid;
    grid-template-columns: auto minmax(340px, 780px) minmax(0, auto);
    align-items: center;
    gap: 20px;
    min-height: 58px;
}
.bp-header--catalog .bp-logo__mark { width: 38px; height: 38px; border-radius: 12px; font-weight: 700; }
.bp-header--catalog .bp-logo__text { font-size: 21px; font-weight: 700; letter-spacing: -.045em; }
.bp-global-search {
    position: relative;
    width: 100%;
    height: 44px;
    display: grid;
    grid-template-columns: auto 1px 18px minmax(0,1fr) 34px;
    gap: 10px;
    align-items: center;
    border: 1px solid rgba(var(--hbp-contrast-rgb),.10);
    border-radius: 13px;
    padding: 0 7px 0 12px;
    background: rgba(var(--hbp-contrast-rgb),.04);
}
.bp-global-search:focus-within { border-color: rgba(205,180,255,.26); background: rgba(var(--hbp-contrast-rgb),.045); }
.bp-global-search select,.bp-global-search input { min-width: 0; border: 0; outline: 0; color: var(--text); background: transparent; }
.bp-global-search__type { position:relative; min-width:96px; display:grid; grid-template-columns:minmax(0,1fr) 10px; align-items:center; gap:5px; }
.bp-global-search__type select { width:100%; margin:0; padding:0; border:0; border-radius:0; outline:0; appearance:none; -webkit-appearance:none; background:transparent; background-image:none; box-shadow:none; color:var(--text); font-size:12px; font-weight:650; line-height:1; }
.bp-global-search__type > .hbp-icon { width:9px; height:9px; color:rgba(var(--hbp-text-rgb),.38); pointer-events:none; }
body.hbp-dokan-dashboard .bp-header--catalog .bp-global-search__type select { margin:0; padding:0; border:0; border-radius:0; background:transparent; background-image:none; box-shadow:none; outline:0; appearance:none; -webkit-appearance:none; }
.bp-global-search input { height: 100%; padding: 0; font-size: 13px; }
.bp-global-search__divider { width: 1px; height: 22px; background: rgba(var(--hbp-contrast-rgb),.10); }
.bp-global-search > svg,.bp-global-search > .hbp-icon { width: 16px; height: 16px; color: rgba(var(--hbp-text-rgb),.42); }
.bp-global-search > button { width: 34px; height: 32px; display: grid; place-items: center; border: 0; border-radius: 9px; background: rgba(155,92,255,.16); color: var(--lilac); }
.bp-global-search > button svg,.bp-global-search > button .hbp-icon { width: 14px; height: 14px; }
.bp-global-search__results {
    position: absolute;
    z-index: 120;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    max-height: min(520px, 65vh);
    overflow: auto;
    padding: 10px;
    border: 0;
    border-radius: 18px;
    background: var(--hbp-popover-bg);
    box-shadow: 0 22px 60px rgba(0,0,0,.44),0 1px 0 rgba(var(--hbp-contrast-rgb),.035) inset;
    backdrop-filter: blur(18px) saturate(1.05);
}
.bp-global-search__results[hidden] { display: none; }
.bp-global-search__group + .bp-global-search__group { margin-top: 6px; padding-top: 6px; border-top: 1px solid rgba(var(--hbp-contrast-rgb),.07); }
.bp-global-search__group-title { padding: 6px 8px 4px; color: rgba(var(--hbp-text-rgb),.46); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.bp-global-search__item { min-height: 48px; display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: 10px; color: var(--text); }
.bp-global-search__item:hover,.bp-global-search__item:focus-visible,.bp-global-search__item.is-active { outline: 0; background: rgba(var(--hbp-contrast-rgb),.055); }
.bp-global-search__item-image { width: 36px; height: 36px; flex: 0 0 36px; border-radius: 8px; object-fit: cover; background: rgba(var(--hbp-contrast-rgb),.05); }
.bp-global-search__item-copy { min-width: 0; display: grid; gap: 2px; }
.bp-global-search__item-copy strong { overflow: hidden; color:var(--hbp-color-strong); font-size: 12px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.bp-global-search__item-copy small { overflow: hidden; color: rgba(var(--hbp-text-rgb),.52); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.bp-global-search__empty { padding: 14px 10px; color: rgba(var(--hbp-text-rgb),.52); font-size: 12px; text-align: center; }
.bp-header--catalog .bp-header__actions { gap: 7px; min-width: 0; }
.bp-header__balance { min-width: 35px; min-height: 35px; display: inline-flex; align-items: center; gap: 8px; border-radius: 10px; padding: 0 10px; background: rgba(var(--hbp-contrast-rgb),.04); color:var(--hbp-color-strong); white-space: nowrap; }
.bp-header__balance svg,.bp-header__balance .hbp-icon { width: 17px; height: 17px; flex: 0 0 auto; color:var(--hbp-color-strong); }
.bp-header__balance-value { display: inline-flex; align-items: baseline; gap: 5px; }
.bp-header__balance-value small { color: rgba(var(--hbp-contrast-rgb),.58); font-size: 9px; font-weight: 600; }
.bp-header__balance-value strong { color:var(--hbp-color-strong); font-size: 11px; font-weight: 680; }
.bp-header--catalog .bp-header__icon { width: 35px; height: 35px; border-radius: 10px; color:var(--hbp-color-strong); }
.bp-header--catalog .bp-header__icon svg,
.bp-header--catalog .bp-user__button > svg,.bp-header--catalog .bp-user__button > .hbp-icon { color:var(--hbp-color-strong); }
.bp-header--catalog .bp-user__avatar { width: 34px; height: 34px; }
.bp-header__catalog-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 43px;
    overflow-x: auto;
    scrollbar-width: none;
    white-space: nowrap;
}
.bp-header__catalog-nav::-webkit-scrollbar { display: none; }
.bp-header__catalog-nav a { position: relative; display: inline-flex; align-items: center; min-height: 39px; padding: 0 11px; color: rgba(var(--hbp-text-rgb),.58); font-size: 12px; font-weight: 650; }
.bp-header__catalog-nav a:hover,.bp-header__catalog-nav a:focus-visible { color: var(--text); outline: 0; }
.bp-header__catalog-nav a.is-active { color: var(--lilac); }
.bp-header__catalog-nav a.is-active::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 0; height: 2px; border-radius: 4px; background: var(--lilac); }


.hbp-shop-archive .hbp-archive-hero { padding-block: 12px 22px; }
.hbp-shop-archive .hbp-archive-hero h1 { font-weight: 760; }
.hbp-catalog-workspace { display: grid; grid-template-columns: 282px minmax(0,1fr); gap: 28px; align-items: start; }
.hbp-catalog-sidebar { position: sticky; top: 18px; min-width: 0; }
.hbp-catalog-results { min-width: 0; }
.hbp-catalog-filter-summary { display:grid; gap:8px; margin:0 0 12px; }

.hbp-list-toolbar { min-height: 43px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding: 0 2px; border-bottom: 1px solid rgba(var(--hbp-contrast-rgb),.06); }


@keyframes hbp-active-row { from { opacity:.45; transform:scaleY(.65); } to { opacity:1; transform:scaleY(1); } }


[data-hbp-favorite] { transition: transform .14s ease,background .14s ease,color .14s ease; }
[data-hbp-favorite].is-active { transform: scale(1.04); }
.bp-icon-btn--queue.is-active { color: var(--lilac); background: rgba(155,92,255,.12); }


@media (max-width: 1180px) {
    .bp-header__primary { grid-template-columns: auto minmax(280px,1fr) auto; gap: 12px; }
    .hbp-catalog-workspace { grid-template-columns: 244px minmax(0,1fr); gap: 20px; }


}

@media (max-width: 900px) {
    .bp-header--catalog .bp-header__inner { width: min(100% - 24px,1520px); padding-top: 8px !important; }
    .bp-header__primary { grid-template-columns: auto minmax(0,1fr) auto; }
    .bp-global-search { grid-column: 1 / -1; grid-row: 2; }
    .bp-header__balance,.bp-header__actions .bp-header__icon--favorites,.bp-header__actions .bp-header__icon--notifications { display:none; }
    .hbp-catalog-workspace { grid-template-columns: 1fr; }
    .hbp-catalog-sidebar { position: static; }


    @keyframes hbp-sheet-in { to { transform:translateY(0); } }
}

@media (max-width: 760px) {
    :root { --hbp-player-safe: 82px; }
    .bp-header__primary { gap:9px; }
    .bp-header--catalog .bp-logo__text { display:none; }
    .bp-header-auth__register { display:none; }
    .bp-header-auth a { min-height:40px; padding-inline:10px; }
    .bp-header--catalog .bp-header__actions { gap:4px; }
    .bp-header__primary > .bp-global-search { display:none; }
    .bp-mobile-search-popover .bp-global-search input,
    .bp-mobile-search-popover .bp-global-search select { font-size:16px; }
    .bp-header__catalog-nav { justify-content: flex-start; }
    .bp-header__catalog-nav a { min-height:44px; padding-inline:10px; font-size:11px; }
    .bp-header--catalog .bp-header__icon,
    .bp-header--catalog .bp-user__button { width:44px; height:44px; min-width:44px; min-height:44px; }
    .bp-header--catalog .bp-user { display:block; }
    .bp-header--catalog .bp-user__button > .hbp-icon { display:none; }
    .bp-header--catalog .bp-user__avatar { width:40px; height:40px; }


    body.hbp-player-expanded { overflow:hidden; }
}
.hbp-collection-archive-empty { min-height:360px; display:grid; place-items:center; padding:40px 0; }


@media (max-width:760px) {
    .bp-header--catalog,
    .bp-header--catalog .bp-header__inner,
    .bp-header__primary,
    .bp-header__catalog-nav {
        max-width:100%;
        min-width:0;
    }
    .bp-header__catalog-nav {
        overscroll-behavior-x:contain;
    }
}


@media (min-width: 761px) {
    .bp-header__catalog-nav .hbp-menu-link,
    .bp-header__nav .hbp-menu-link {
        display: inline-flex;
        align-items: center;
        column-gap: 2px;
    }

    .bp-header__catalog-nav .hbp-menu-link > .hbp-menu-link__icon,
    .bp-header__nav .hbp-menu-link > .hbp-menu-link__icon {
        --fa-width: auto;
        flex: 0 0 auto;
        width: auto;
        min-width: 0;
        height: auto;
        margin: 0;
        padding: 0;
        line-height: 1;
    }

    .bp-header__catalog-nav .hbp-menu-link > span,
    .bp-header__nav .hbp-menu-link > span {
        margin: 0;
        padding: 0;
    }
}


.bp-header-wallet,.bp-header-mini,.bp-notifications,.bp-user { position:relative; flex:0 0 auto; }
.bp-header-wallet > summary,.bp-header-mini > summary { list-style:none; cursor:pointer; }
.bp-header-wallet > summary::-webkit-details-marker,.bp-header-mini > summary::-webkit-details-marker { display:none; }
.bp-header-wallet[open] > summary,.bp-header-mini[open] > summary,.bp-user.is-open .bp-user__button,.bp-notifications [data-hbp-notifications-toggle][aria-expanded="true"] { background:rgba(var(--hbp-contrast-rgb),.07); color:var(--hbp-color-strong); }
.bp-header-wallet__chevron { display:inline-grid; place-items:center; margin-left:1px; color:rgba(var(--hbp-text-rgb),.42); transition:transform .16s ease; }
.bp-header-wallet__chevron .hbp-icon { width:9px; height:9px; }
.bp-header-wallet[open] .bp-header-wallet__chevron { transform:rotate(180deg); }
.bp-header-wallet__dropdown,.bp-header-mini__popover,.bp-notifications__popover,.bp-user__dropdown { position:absolute; z-index:96; top:calc(100% + 10px); padding:10px; border:0; border-radius:18px; background:var(--hbp-popover-bg); box-shadow:0 22px 60px rgba(0,0,0,.44),0 1px 0 rgba(var(--hbp-contrast-rgb),.035) inset; backdrop-filter:blur(18px) saturate(1.05); }
.bp-header-wallet__dropdown { left:0; width:250px; display:grid; gap:5px; }
.bp-header-mini__popover { right:-8px; width:min(350px,calc(100vw - 28px)); }
.bp-notifications__popover { right:0; width:min(360px,calc(100vw - 28px)); }
.bp-user__dropdown { right:0; width:272px; display:none; }
.bp-user.is-open .bp-user__dropdown { display:block; }
.bp-header-wallet__summary { display:grid; gap:4px; margin-bottom:3px; padding:12px; border-radius:13px; background:rgba(var(--hbp-contrast-rgb),.035); }
.bp-header-wallet__summary span { color:rgba(var(--hbp-text-rgb),.46); font-size:10px; font-weight:560; }
.bp-header-wallet__summary strong { color:var(--hbp-color-strong); font-size:19px; font-weight:720; letter-spacing:-.035em; }
.bp-header-wallet__topup,.bp-header-wallet__history,.bp-user__links a,.bp-user__logout { min-height:42px; display:flex; align-items:center; gap:10px; border:0; border-radius:11px; padding:0 11px; background:transparent; color:rgba(var(--hbp-text-rgb),.7); font-size:12px; font-weight:580; transition:background .16s ease,color .16s ease,transform .16s ease; }
.bp-header-wallet__topup { background:rgba(155,92,255,.12); color:#eadfff; }
.bp-header-wallet__topup:hover,.bp-header-wallet__topup:focus-visible,.bp-header-wallet__history:hover,.bp-header-wallet__history:focus-visible,.bp-user__links a:hover,.bp-user__links a:focus-visible,.bp-user__logout:hover,.bp-user__logout:focus-visible { background:rgba(var(--hbp-contrast-rgb),.055); color:var(--hbp-color-strong); outline:0; transform:translateX(1px); }
.bp-header-wallet__topup .hbp-icon,.bp-header-wallet__history .hbp-icon,.bp-user__links .hbp-icon,.bp-user__logout .hbp-icon { width:14px; height:14px; color:rgba(205,180,255,.78); }
.bp-header-mini__head,.bp-notifications__head { min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:3px 5px 10px; }
.bp-header-mini__head > div { display:grid; gap:2px; min-width:0; }
.bp-header-mini__head strong,.bp-notifications__head strong { color:var(--hbp-color-strong); font-size:13px; font-weight:680; }
.bp-header-mini__head small { color:rgba(var(--hbp-text-rgb),.42); font-size:10px; }
.bp-header-mini__head > a,.bp-notifications__head a { color:rgba(205,180,255,.78); font-size:10.5px; font-weight:620; }
.bp-header-mini__list,.bp-notifications__list { display:grid; gap:3px; }
.bp-header-mini__item,.bp-notifications__item { border-radius:12px; background:transparent; transition:background .16s ease; }
.bp-header-mini__item { min-height:60px; display:grid; grid-template-columns:46px minmax(0,1fr) auto; align-items:center; gap:10px; padding:7px; }
.bp-notifications__item { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) 32px; align-items:center; }
.bp-notifications__item:not(.is-unread) { grid-template-columns:minmax(0,1fr); }
.bp-notifications__item > a { min-width:0; display:grid; gap:4px; padding:10px 8px 10px 11px; }
.bp-header-mini__item:hover,.bp-header-mini__item:focus-visible,.bp-notifications__item:hover,.bp-notifications__item:focus-within,.bp-notifications__item.is-unread { background:rgba(var(--hbp-contrast-rgb),.045); outline:0; }
.bp-notifications__item.is-unread { box-shadow:inset 2px 0 0 rgba(205,180,255,.7); }
.bp-notifications__read { margin:0; padding:0 5px 0 0; }
.bp-notifications__read button { width:28px; height:28px; display:grid; place-items:center; border:0; border-radius:8px; padding:0; background:transparent; color:rgba(var(--hbp-text-rgb),.42); transition:background .16s ease,color .16s ease,transform .16s ease; }
.bp-notifications__read button:hover,.bp-notifications__read button:focus-visible { outline:0; background:rgba(155,92,255,.14); color:var(--lilac); transform:translateY(-1px); }
.bp-notifications__read button:disabled { opacity:.46; cursor:wait; transform:none; }
.bp-notifications__read .hbp-icon { width:12px; height:12px; }
.bp-header-mini__thumb { width:46px; height:46px; overflow:hidden; border-radius:10px; background:rgba(var(--hbp-contrast-rgb),.04); }
.bp-header-mini__thumb img { width:100%; height:100%; object-fit:cover; }
.bp-header-mini__copy { display:grid; gap:4px; min-width:0; }
.bp-header-mini__copy strong,.bp-notifications__item strong { overflow:hidden; color:rgba(var(--hbp-text-rgb),.9); font-size:11.5px; font-weight:620; text-overflow:ellipsis; white-space:nowrap; }
.bp-header-mini__copy small,.bp-notifications__item span,.bp-notifications__list p { margin:0; color:rgba(var(--hbp-text-rgb),.48); font-size:10.5px; line-height:1.45; }
.bp-header-mini__item > .hbp-icon { width:10px; color:rgba(var(--hbp-text-rgb),.24); }
.bp-header-mini__empty { min-height:112px; display:grid; place-items:center; align-content:center; gap:9px; padding:18px; text-align:center; }
.bp-header-mini__empty .hbp-icon { width:20px; height:20px; color:rgba(var(--hbp-text-rgb),.3); }
.bp-header-mini__empty p { margin:0; max-width:220px; color:rgba(var(--hbp-text-rgb),.5); font-size:11px; line-height:1.5; }
.bp-header-mini__total { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:6px; padding:10px 7px 3px; color:rgba(var(--hbp-text-rgb),.5); font-size:10.5px; }
.bp-header-mini__total strong { color:var(--hbp-color-strong); font-size:12px; }
.bp-header-mini__cta { min-height:40px; display:flex; align-items:center; justify-content:center; gap:7px; margin-top:8px; border:0; border-radius:11px; background:rgba(var(--hbp-contrast-rgb),.055); color:rgba(var(--hbp-text-rgb),.84); font-size:11.5px; font-weight:620; }
.bp-header-mini__cta:hover,.bp-header-mini__cta:focus-visible { background:rgba(155,92,255,.12); color:var(--hbp-color-strong); outline:0; }
.bp-header-mini--favorites .bp-header-mini__cta .hbp-icon { color:#ff78ad; }
.bp-header-mini--cart .bp-header-mini__cta .hbp-icon { color:#64d7ff; }
.bp-user__identity { display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:10px; margin-bottom:7px; padding:8px; border-radius:13px; background:rgba(var(--hbp-contrast-rgb),.035); }
.bp-user__identity-avatar { width:42px; height:42px; overflow:hidden; border-radius:999px; }
.bp-user__identity-avatar img { width:100%; height:100%; object-fit:cover; }
.bp-user__identity > span:last-child { min-width:0; display:grid; gap:2px; }
.bp-user__identity strong,.bp-user__identity small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bp-user__identity strong { color:var(--hbp-color-strong); font-size:12px; font-weight:650; }
.bp-user__identity small { color:rgba(var(--hbp-text-rgb),.42); font-size:9.5px; }
.bp-user__links { display:grid; gap:2px; }
.bp-user__logout { margin-top:5px; color:rgba(255,150,170,.78); }
.bp-user__logout .hbp-icon { color:rgba(255,150,170,.7); }
.bp-header-auth { display:flex; align-items:center; gap:6px; }
.bp-header-auth a { min-height:36px; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:10px; padding:0 12px; font-size:11.5px; font-weight:650; white-space:nowrap; }
.bp-header-auth__login { color:rgba(var(--hbp-text-rgb),.76); background:rgba(var(--hbp-contrast-rgb),.045); }
.bp-header-auth__register { color:#eadfff; background:rgba(155,92,255,.14); }
.bp-header-auth a:hover,.bp-header-auth a:focus-visible { background:rgba(var(--hbp-contrast-rgb),.085); color:var(--hbp-color-strong); outline:0; }
.bp-header__balance > .hbp-icon { color:#b45cff; }
.bp-header__icon--favorites > .hbp-icon { color:#ff4f8b; }
.bp-header__icon--notifications > .hbp-icon { color:#ffb84d; }
.bp-header__icon--cart > .hbp-icon { color:#22d3ee; }
.bp-header__balance:hover > .hbp-icon,.bp-header__balance:focus-visible > .hbp-icon,.bp-header__icon--favorites:hover > .hbp-icon,.bp-header__icon--favorites:focus-visible > .hbp-icon,.bp-header__icon--notifications:hover > .hbp-icon,.bp-header__icon--notifications:focus-visible > .hbp-icon,.bp-header__icon--cart:hover > .hbp-icon,.bp-header__icon--cart:focus-visible > .hbp-icon { filter:brightness(1.14); }
@media (max-width:900px) { .bp-header-wallet { display:none; } }
@media (max-width:780px) { .bp-header-mini__popover,.bp-notifications__popover,.bp-user__dropdown { position:fixed; top:76px; right:12px; left:12px; width:auto; } }

.bp-theme-toggle{width:38px;height:30px;min-width:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;order:-1;margin:0;border:0;border-radius:999px;padding:0;background:transparent;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.bp-theme-toggle__track{position:relative;width:32px;height:18px;display:block;border-radius:999px;background:rgba(var(--hbp-contrast-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--hbp-contrast-rgb),.055);transition:background-color .28s ease,box-shadow .28s ease,transform .28s cubic-bezier(.22,1,.36,1)}.bp-theme-toggle__thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 1px 2px rgba(0,0,0,.22);transform:translateX(0);transition:transform .32s cubic-bezier(.22,1,.36,1),background-color .28s ease,box-shadow .28s ease}.bp-theme-toggle:hover .bp-theme-toggle__track{background:rgba(var(--hbp-contrast-rgb),.18)}.bp-theme-toggle:active .bp-theme-toggle__track{transform:scale(.94)}.bp-theme-toggle:focus-visible{outline:0}.bp-theme-toggle:focus-visible .bp-theme-toggle__track{box-shadow:inset 0 0 0 1px rgba(var(--hbp-contrast-rgb),.08),0 0 0 3px rgba(180,92,255,.16)}@media (max-width:780px){.bp-theme-toggle{width:36px;min-width:36px}}