/* ---------- Marketplace v3 — phone / tablet dashboard (design: Market Dashboard.html) ----------
 * Loaded after market-v2*.css. Everything visual is gated to <1024px and the dark theme;
 * ≥1024px keeps the desktop layout untouched and the light theme keeps theme-light.css.
 * Elements added for this design are hidden by default (rules directly below).
 */

/* ===== Hidden unless the phone/tablet skin enables them ===== */
.mkt-hero__tiles,
.mkt-hero__avail,
.mkt-hero__sub,
.dash-card__tag,
.dash-view-btn__txt,
.mkt-sheet-grab,
.mkt-sheet-show,
.mkt-chips,
.dash-compact-leader,
.dash-compact-cart,
.dcp-m { display: none; }
.mkt-searchrow { display: contents; }
.mkt-searchrow .dash-mobile-filter-btn { display: none; }
.mkt-sheet-foot { display: block; }

/* ===== Discounts (all widths, dark theme; light keeps theme-light.css) ===== */
html:not([data-theme="light"]) .mkt .dash-card__fee-label { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-height: 18px; }
html:not([data-theme="light"]) .mkt .dash-card__discount {
    display: inline-flex; align-items: center; height: 18px; padding: 0 6px; border: 0; border-radius: 999px; background: #fff; color: #0a0a0a;
    font-family: var(--mkt-mono); font-size: 10px; font-weight: 700; letter-spacing: .02em; text-transform: none;
}
html:not([data-theme="light"]) .mkt .dash-card__price-row { justify-content: flex-start; align-items: baseline; gap: 7px; }
html:not([data-theme="light"]) .mkt .dash-card__price-old {
    margin: 0; font-family: var(--mkt-display); font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 0.4); text-decoration: line-through;
}
.dash-compact-old { flex: none; font-family: var(--mkt-display, Sora, sans-serif); font-size: 12px; color: rgba(255, 255, 255, 0.4); text-decoration: line-through; white-space: nowrap; }

/* ===== <1024px structure (both themes) ===== */
@media (max-width: 1023px) {
    .mkt-searchrow { display: flex; align-items: stretch; gap: 8px; width: 100%; max-width: 680px; margin-top: 26px; }
    .mkt-searchrow .mkt-search { flex: 1; min-width: 0; width: auto; margin-top: 0; }
    .mkt-searchrow .dash-mobile-filter-btn { display: inline-flex; flex: none; align-self: stretch; min-height: 0; }

    .mkt-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 0 14px; }
    .mkt-chips[hidden] { display: none; }
    .mkt-chip {
        display: inline-flex; align-items: center; gap: 8px; height: 34px; padding-inline: 12px 10px; border-radius: 999px;
        border: 1px solid var(--mkt-line-2, rgba(128, 128, 128, 0.3)); background: transparent; color: inherit;
        font: inherit; font-size: 12.5px; font-weight: 500; cursor: pointer; max-width: 100%;
    }
    .mkt-chip > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .mkt-chip > i { font-size: 10px; opacity: .6; }

    /* The sheet (z 250) must sit above #mobileOverlay (z 200), so .mkt-body must not create a stacking
       context. The results column takes over its job of staying above the page's .global-vignette (z 1). */
    .mkt .mkt-body { z-index: auto; }
    .mkt .mkt-layout > .flex-1 { position: relative; z-index: 2; }

    /* Filters become a bottom sheet */
    .mkt #filterSidebar {
        top: auto; left: 0; right: 0; bottom: 0; width: 100%; max-width: none;
        max-height: 88vh; max-height: 88dvh; padding: 0 16px;
        border-radius: 24px 24px 0 0; border-right: 0; border-top: 1px solid rgba(255, 255, 255, 0.1);
        transform: translateY(105%); overscroll-behavior: contain;
        transition: transform .38s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .mkt #filterSidebar.drawer-open { transform: none; box-shadow: 0 -24px 80px rgba(0, 0, 0, 0.7); }
    .mkt-sheet-grab { display: block; width: 36px; height: 4px; margin: 10px auto 0; border-radius: 999px; background: rgba(128, 128, 128, 0.45); }
    .mkt #filterSidebar > .lg\:hidden.flex { padding-top: 8px; margin-bottom: 8px; border-bottom: 0 !important; }
    .mkt-sheet-foot {
        position: sticky; bottom: 0; z-index: 2; display: flex; gap: 8px; margin: 0 -16px; padding: 12px 16px calc(20px + env(safe-area-inset-bottom, 0px));
        background: inherit; border-top: 1px solid rgba(128, 128, 128, 0.25);
    }
    .mkt-sheet-foot #resetFilters { flex: 1; min-width: 0; width: auto; height: 50px; padding: 0 10px; border-radius: 14px; }
    .mkt-sheet-show {
        display: inline-flex; align-items: center; justify-content: center; flex: 1.4; min-width: 0; height: 50px; padding: 0 10px; border-radius: 14px; border: 0;
        background: var(--mkt-btn-bg, #fff); color: var(--mkt-btn-fg, #0a0a0a); font: inherit; font-size: 14px; font-weight: 700; white-space: nowrap; cursor: pointer;
    }
    .mkt-sheet-show:active { filter: brightness(.92); }
}

/* ===== <1024px dark skin ===== */
@media (max-width: 1023px) {
    /* --- Hero --- */
    html:not([data-theme="light"]) .mkt .mkt-hero { align-items: flex-start; text-align: start; padding: 30px 16px 0; }
    @media (min-width: 768px) { html:not([data-theme="light"]) .mkt .mkt-hero { padding-inline: 24px; } }
    html:not([data-theme="light"]) .mkt .mkt-hero__coin,
    html:not([data-theme="light"]) .mkt .mkt-hero__ring { display: none; }
    html:not([data-theme="light"]) .mkt .mkt-hero__tiles { display: block; position: absolute; z-index: -1; top: 0; inset-inline-end: 0; width: 150px; height: 170px; pointer-events: none; }
    .mkt-hero__tile {
        position: absolute; display: flex; align-items: center; justify-content: center;
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: 0 18px 36px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }
    .mkt-hero__tile--a {
        top: 14px; inset-inline-end: 20px; width: 64px; height: 64px; border-radius: 19px; transform: rotate(12deg); border-color: rgba(255, 255, 255, 0.14);
        box-shadow: 0 22px 44px rgba(0, 0, 0, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.14); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
    }
    .mkt-hero__tile--a i {
        font-size: 32px; line-height: 1; background: linear-gradient(45deg, #FEDA75 0%, #FA7E1E 22%, #D62976 50%, #962FBF 76%, #4F5BD5 100%);
        -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 4px 12px rgba(214, 41, 118, 0.5));
    }
    .mkt-hero__tile--b { top: 56px; inset-inline-end: 74px; width: 48px; height: 48px; border-radius: 15px; transform: rotate(-13deg); opacity: .8; }
    .mkt-hero__tile--b i { font-size: 20px; color: rgba(255, 255, 255, 0.85); }
    .mkt-hero__tile--c { top: 98px; inset-inline-end: 16px; width: 54px; height: 54px; border-radius: 17px; transform: rotate(14deg); opacity: .45; }
    .mkt-hero__tile--c i { font-size: 24px; color: #fff; text-shadow: 1.5px 1.5px 0 #FE2C55, -1.5px -1.5px 0 #25F4EE; }
    html[dir="rtl"] .mkt-hero__tile--a { transform: rotate(-12deg); }
    html[dir="rtl"] .mkt-hero__tile--b { transform: rotate(13deg); }
    html[dir="rtl"] .mkt-hero__tile--c { transform: rotate(-14deg); }

    html:not([data-theme="light"]) .mkt .mkt-hero__avail {
        position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 9px; height: 32px; padding-inline: 11px 14px; border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.04); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }
    .mkt-hero__live { position: relative; flex: none; width: 7px; height: 7px; border-radius: 50%; background: #fff; }
    .mkt-hero__live::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: #fff; animation: mkt3Ping 1.8s cubic-bezier(0, 0, .2, 1) infinite; }
    .mkt-hero__avail-n { font-family: var(--mkt-display); font-size: 13px; font-weight: 700; letter-spacing: -0.02em; color: #fff; }
    .mkt-hero__avail-sep { width: 1px; height: 12px; background: rgba(255, 255, 255, 0.18); }
    .mkt-hero__avail-l { font-size: 12.5px; font-weight: 500; color: rgba(255, 255, 255, 0.65); }

    html:not([data-theme="light"]) .mkt .mkt-hero__title {
        position: relative; z-index: 1; margin: 18px 0 0; font-size: 44px; line-height: 1; letter-spacing: -0.06em; font-weight: 600; text-align: start;
    }
    html:not([data-theme="light"]) .mkt .mkt-hero__line--dim { color: var(--mkt-fg); font-weight: 600; }
    html[dir="rtl"]:not([data-theme="light"]) .mkt .mkt-hero__title { line-height: 1.15; letter-spacing: -0.02em; }
    html:not([data-theme="light"]) .mkt .mkt-hero__sub {
        position: relative; z-index: 1; display: block; margin: 14px 0 0; max-width: 30ch; font-size: 15px; line-height: 1.6; color: rgba(255, 255, 255, 0.55); text-wrap: pretty;
    }

    /* --- Search row --- */
    html:not([data-theme="light"]) .mkt .mkt-searchrow { margin-top: 26px; }
    html:not([data-theme="light"]) .mkt .mkt-search { padding: 0; border-radius: 16px; background: rgba(255, 255, 255, 0.14); box-shadow: none; }
    html:not([data-theme="light"]) .mkt .mkt-search:focus-within { background: rgba(255, 255, 255, 0.4); }
    html:not([data-theme="light"]) .mkt .mkt-search__in { height: 52px; gap: 10px; padding-inline: 16px 7px; border-radius: 15px; background: #0a0a0b; }
    html:not([data-theme="light"]) .mkt .mkt-search__icon { display: inline; font-size: 14px; color: rgba(255, 255, 255, 0.5); }
    html:not([data-theme="light"]) .mkt .mkt-search__input { font-family: inherit; font-size: 15px; font-weight: 500; letter-spacing: 0; }
    html:not([data-theme="light"]) .mkt .mkt-search__btn { display: none; }
    html:not([data-theme="light"]) .mkt .mkt-search__clear { width: 40px; height: 40px; border-radius: 11px; background: rgba(255, 255, 255, 0.06); color: rgba(255, 255, 255, 0.7); }
    html:not([data-theme="light"]) .mkt .mkt-searchrow .dash-mobile-filter-btn {
        position: relative; height: auto; padding: 0 16px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.03);
        color: rgba(255, 255, 255, 0.88); font-family: inherit; font-size: 13.5px; font-weight: 600; gap: 8px;
    }
    html:not([data-theme="light"]) .mkt .mkt-searchrow .dash-mobile-filter-btn i { font-size: 13px; }
    html:not([data-theme="light"]) .mkt .mkt-searchrow .dash-mobile-filter-btn:hover { background: rgba(255, 255, 255, 0.07); color: #fff; }
    html:not([data-theme="light"]) .mkt .mkt-searchrow .dash-filter-badge {
        position: absolute; top: 10px; inset-inline-end: 10px; width: 7px; height: 7px; background: #fff; box-shadow: 0 0 0 2px #050505;
    }

    /* --- Platform tiles (3 × 2 grid with hairlines) --- */
    html:not([data-theme="light"]) .mkt .dash-mobile-shell .dash-platform-wrap--mobile { margin: 20px 0 0; }
    html:not([data-theme="light"]) .mkt .dash-mobile-shell { gap: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
    html:not([data-theme="light"]) .mkt .dash-platform-wrap--mobile .dash-platform-strip {
        display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 0; overflow: hidden;
        border-radius: 18px; border: 1px solid rgba(255, 255, 255, 0.09); background: rgba(255, 255, 255, 0.09);
    }
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-btn {
        display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; align-content: space-between; align-items: center; justify-items: start;
        column-gap: 7px; row-gap: 12px; min-width: 0; min-height: 78px; padding: 12px; border: 0; border-radius: 0;
        background: #08080a; color: rgba(255, 255, 255, 0.7); text-align: start; box-shadow: none;
        transition: background .25s ease, color .25s ease;
    }
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-btn:hover { background: #101012; color: #fff; }
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-btn.is-active,
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-btn.is-active:hover { background: #fff; color: #0a0a0a; box-shadow: none; }
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-btn .pill-icon {
        grid-column: 1; grid-row: 1; width: auto; height: auto; border: 0; border-radius: 0; background: transparent; font-size: 16px; line-height: 1; color: #fff;
    }
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-btn.is-active .pill-icon { background: transparent; border: 0; color: #0a0a0a; }
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-btn .pill-icon.fa-instagram,
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-btn.is-active .pill-icon.fa-instagram {
        background: linear-gradient(45deg, #FEDA75 0%, #FA7E1E 22%, #D62976 50%, #962FBF 76%, #4F5BD5 100%);
        -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    }
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-btn .pill-icon.fa-tiktok { text-shadow: 1px 1px 0 #FE2C55, -1px -1px 0 #25F4EE; }
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-btn .pill-icon.fa-discord,
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-btn.is-active .pill-icon.fa-discord { color: #5865F2; }
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-btn .pill-icon.fa-snapchat,
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-btn.is-active .pill-icon.fa-snapchat { color: #FFFC00; }
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-btn.is-active .pill-icon.fa-snapchat { text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000; }
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-label {
        grid-column: 2; grid-row: 1; min-width: 0; max-width: 100%; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.2; letter-spacing: 0; text-transform: none; color: inherit;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    /* the i18n name for Instagram is stored upper-case; render it title-case like the other tiles */
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-btn[data-platform="Instagram"] .pill-label { text-transform: lowercase; }
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-btn[data-platform="Instagram"] .pill-label::first-letter { text-transform: uppercase; }
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-count {
        grid-column: 1 / -1; grid-row: 2; padding: 0; border: 0; border-radius: 0; background: transparent;
        font-family: var(--mkt-display); font-size: 20px; font-weight: 600; letter-spacing: -0.04em; line-height: 1; color: #fff;
    }
    html:not([data-theme="light"]) body.home-bw-theme .mkt .dash-platform-wrap--mobile .pill-btn.is-active .pill-count { background: transparent; border: 0; color: #0a0a0a; }

    /* --- Results bar --- */
    html:not([data-theme="light"]) .mkt .dash-mobile-bar { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px 8px; padding: 24px 0 12px; border-top: 0; }
    html:not([data-theme="light"]) .mkt .dash-mobile-bar__row { display: contents; }
    html:not([data-theme="light"]) .mkt .dash-mobile-bar__meta { flex: 1 0 100%; gap: 6px; }
    html:not([data-theme="light"]) .mkt .dash-mobile-bar__count { font-family: var(--mkt-display); font-size: 20px; font-weight: 600; letter-spacing: -0.03em; }
    html:not([data-theme="light"]) .mkt .dash-mobile-bar__label { font-size: 13px; font-weight: 400; color: rgba(255, 255, 255, 0.45); text-transform: none; }
    html:not([data-theme="light"]) .mkt .dash-view-toggle--mobile {
        order: 1; flex: none; height: 40px; padding: 3px; gap: 2px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.03);
    }
    html:not([data-theme="light"]) .mkt .dash-view-toggle--mobile .dash-view-btn {
        width: auto; height: 100%; min-width: 0; padding: 0 11px; gap: 7px; border: 0; border-radius: 9px; background: transparent; color: rgba(255, 255, 255, 0.5);
        font-size: 12.5px; font-weight: 600; box-shadow: none;
    }
    html:not([data-theme="light"]) .mkt .dash-view-toggle--mobile .dash-view-btn i { font-size: 12px; }
    html:not([data-theme="light"]) .mkt .dash-view-toggle--mobile .dash-view-btn.active { background: #fff; color: #0a0a0a; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35); }
    html:not([data-theme="light"]) .mkt .dash-view-btn__txt { display: inline; }
    html:not([data-theme="light"]) .mkt .dash-mobile-bar__actions { order: 2; flex: 1; min-width: 0; display: flex; }
    html:not([data-theme="light"]) .mkt .dash-add-all-btn--mobile {
        flex: 1; min-width: 0; min-height: 0; height: 40px; padding: 0 12px; gap: 8px; border-radius: 12px; border: 1px solid #fff; background: #fff; color: #0a0a0a;
        font-family: inherit; font-size: 12.5px; font-weight: 700;
    }
    html:not([data-theme="light"]) .mkt .dash-add-all-btn--mobile:hover:not(:disabled) { background: #e9e9ea; color: #0a0a0a; }
    html:not([data-theme="light"]) .mkt .dash-add-all-btn--mobile.is-remove { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.14); color: #fff; }

    html:not([data-theme="light"]) .mkt .mkt-chip { height: 34px; border-color: rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.85); }
    html:not([data-theme="light"]) .mkt .mkt-chip:hover { border-color: rgba(255, 255, 255, 0.3); color: #fff; }

    /* --- Ticket cards --- */
    html:not([data-theme="light"]) .mkt #dashListingPanel:not(.is-compact-view) .dash-card {
        gap: 0; padding: 12px 12px 12px; overflow: visible; border-radius: 18px;
        border: 1px solid rgba(255, 255, 255, 0.1) !important; background: linear-gradient(180deg, #141416 0%, #0a0a0b 100%) !important;
    }
    html:not([data-theme="light"]) .mkt #dashListingPanel:not(.is-compact-view) .dash-card:hover { border-color: rgba(255, 255, 255, 0.22) !important; }
    html:not([data-theme="light"]) .mkt .dash-card__head { gap: 6px; margin-bottom: 16px; }
    html:not([data-theme="light"]) .mkt #dashListingPanel:not(.is-compact-view) .dash-card__platform { display: none; }
    html:not([data-theme="light"]) .mkt .dash-card__head { justify-content: flex-start; }
    html:not([data-theme="light"]) .mkt .dash-card__tag {
        flex: none; display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 9px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.14);
        font-family: var(--mkt-mono); font-size: 10.5px; font-weight: 600; color: rgba(255, 255, 255, 0.8);
    }
    html:not([data-theme="light"]) .mkt .dash-card__tag i { display: inline-block; font-size: 12px; line-height: 1; color: #fff; }
    html:not([data-theme="light"]) .mkt .dash-card__tag i.fa-instagram {
        background: linear-gradient(45deg, #FEDA75 0%, #FA7E1E 22%, #D62976 50%, #962FBF 76%, #4F5BD5 100%);
        -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    }
    html:not([data-theme="light"]) .mkt .dash-card__tag i.fa-tiktok { text-shadow: 1px 1px 0 #FE2C55, -1px -1px 0 #25F4EE; }
    html:not([data-theme="light"]) .mkt .dash-card__tag i.fa-discord { color: #5865F2; }
    html:not([data-theme="light"]) .mkt .dash-card__tag i.fa-snapchat { color: #FFFC00; }
    html:not([data-theme="light"]) .mkt .dash-card__actions { margin-inline-start: auto; gap: 6px; }
    html:not([data-theme="light"]) .mkt .dash-card__actions .copy-btn { order: -1; }
    html:not([data-theme="light"]) .mkt .dash-card__icon-btn { width: 36px; height: 36px; border-radius: 12px; }
    html:not([data-theme="light"]) .mkt .dash-card__icon-btn i { font-size: 12px; }
    html:not([data-theme="light"]) .mkt .dash-card__identity { margin: 0 0 0; padding: 0 2px; }
    html:not([data-theme="light"]) .mkt .dash-card__avatar { display: none; }
    html:not([data-theme="light"]) .mkt #dashListingPanel:not(.is-compact-view) .dash-card__handle { font-size: 25px; line-height: 1.1; letter-spacing: -0.045em; font-weight: 600; }

    /* dashed ticket tear line with side notches */
    html:not([data-theme="light"]) .mkt .dash-card__divider {
        position: relative; height: 0; margin: 18px -12px 14px; background: transparent; border-top: 1px dashed rgba(255, 255, 255, 0.16);
    }
    html:not([data-theme="light"]) .mkt .dash-card__divider::before,
    html:not([data-theme="light"]) .mkt .dash-card__divider::after {
        content: ""; position: absolute; top: -9px; width: 10px; height: 18px; background: #050505; border: 1px solid rgba(255, 255, 255, 0.1);
    }
    html:not([data-theme="light"]) .mkt .dash-card__divider::before { inset-inline-start: -1px; border-inline-start: 0; border-start-end-radius: 9px; border-end-end-radius: 9px; }
    html:not([data-theme="light"]) .mkt .dash-card__divider::after { inset-inline-end: -1px; border-inline-end: 0; border-start-start-radius: 9px; border-end-start-radius: 9px; }
    html:not([data-theme="light"]) .mkt .dash-card__fee-label { margin: 0 0 7px; padding-inline-start: 2px; }
    html:not([data-theme="light"]) .mkt .dash-card__price-row { margin: 0 0 12px; padding-inline-start: 2px; }
    html:not([data-theme="light"]) .mkt #dashListingPanel:not(.is-compact-view) .dash-product-buy {
        height: 40px; gap: 7px; border: 0; border-radius: 12px; background: #fff; color: #0a0a0a; font-size: 13px; font-weight: 700;
    }
    html:not([data-theme="light"]) .mkt #dashListingPanel:not(.is-compact-view) .dash-product-buy:hover { background: #e9e9ea; color: #0a0a0a; border-color: transparent; }
    html:not([data-theme="light"]) .mkt .dash-product-buy i { font-size: 11px; }

    /* --- List view: indexed rows — 01 icon @handle ······ $price (cart) --- */
    html:not([data-theme="light"]) .mkt #productGrid.dash-compact-grid { display: block; margin: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); counter-reset: dashrow; }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view { padding: 0; }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view .dash-compact-row {
        flex-direction: row; align-items: center; gap: 10px; height: 60px; padding: 0; overflow: visible; counter-increment: dashrow;
        border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important; border-radius: 0; background: transparent !important; box-shadow: none;
    }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view .dash-compact-row::before {
        content: counter(dashrow, decimal-leading-zero); flex: none; width: 20px; font-family: var(--mkt-mono); font-size: 10.5px; color: rgba(255, 255, 255, 0.35);
    }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view .dash-compact-row:hover { transform: none; box-shadow: none; }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view .dash-compact-user { flex: none; max-width: 44%; min-width: 0; gap: 10px; }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view .dash-compact-name {
        font-family: var(--mkt-display); font-size: 17px; font-weight: 600; letter-spacing: -0.035em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff;
    }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view .dash-compact-platform-icon { width: 16px; text-align: center; font-size: 15px; }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view .dash-compact-platform-icon.fa-instagram {
        background: linear-gradient(45deg, #FEDA75 0%, #FA7E1E 22%, #D62976 50%, #962FBF 76%, #4F5BD5 100%);
        -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view .dash-compact-platform-icon.fa-tiktok { text-shadow: 1px 1px 0 #FE2C55, -1px -1px 0 #25F4EE; }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view .dash-compact-platform-icon.fa-discord { color: #5865F2; }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view .dash-compact-platform-icon.fa-snapchat { color: #FFFC00; }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view .dash-compact-leader { display: block; flex: 1; min-width: 12px; height: 1px; margin-top: 8px; border-bottom: 1px dotted rgba(255, 255, 255, 0.25); }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view .dash-compact-price { flex: none; margin: 0; font-family: var(--mkt-display); font-size: 15px; font-weight: 600; letter-spacing: -0.02em; }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view .dash-compact-price .dcp-d { display: none; }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view .dash-compact-price .dcp-m { display: inline; }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view .dash-compact-cart {
        flex: none; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.14); background: transparent; color: rgba(255, 255, 255, 0.7); font-size: 12px; cursor: pointer; transition: all .2s ease;
    }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view .dash-compact-cart:hover { border-color: rgba(255, 255, 255, 0.3); color: #fff; }
    html:not([data-theme="light"]) .mkt #dashListingPanel.is-compact-view .dash-compact-buy { display: none; }

    /* --- Bottom sheet colours --- */
    html:not([data-theme="light"]) .mkt #filterSidebar { background: #0a0a0b; }
    html:not([data-theme="light"]) .mkt .mkt-sheet-grab { background: rgba(255, 255, 255, 0.2); }
    html:not([data-theme="light"]) .mkt .mkt-sheet-foot { background: #0a0a0b; border-top-color: rgba(255, 255, 255, 0.08); }
    html:not([data-theme="light"]) .mkt .mkt-sheet-foot #resetFilters { border-color: rgba(255, 255, 255, 0.14); color: rgba(255, 255, 255, 0.85); font-size: 13.5px; font-weight: 600; }
    html:not([data-theme="light"]) .mkt .mkt-sheet-show { background: #fff; color: #0a0a0a; }

    /* sort options as a 3-up grid */
    html:not([data-theme="light"]) .mkt #filterSidebar > div:has(> .price-radio) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
    html:not([data-theme="light"]) .mkt #filterSidebar > div:has(> .price-radio) > div:first-child { grid-column: 1 / -1; }
    html:not([data-theme="light"]) body.home-bw-theme .mkt #filterSidebar .price-radio {
        justify-content: center; min-width: 0; height: 46px; margin: 0; padding: 0 6px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 12px; text-align: center;
    }
    html:not([data-theme="light"]) body.home-bw-theme .mkt #filterSidebar .price-radio .radio-dot { display: none; }
    html:not([data-theme="light"]) body.home-bw-theme .mkt #filterSidebar .price-radio .radio-label { font-size: 12.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    html:not([data-theme="light"]) body.home-bw-theme .mkt #filterSidebar .price-radio:has(input:checked) { background: #fff; border-color: #fff; }
    html:not([data-theme="light"]) body.home-bw-theme .mkt #filterSidebar .price-radio:has(input:checked) .radio-label { color: #0a0a0a !important; }
}

/* Keep the floating chat launcher from covering the sheet's "Show results" button */
@media (max-width: 1023px) {
    body:has(#filterSidebar.drawer-open) #lc-widget { display: none; }
}

@media (max-width: 380px) {
    html:not([data-theme="light"]) .mkt .mkt-hero__title { font-size: 40px; }
    html:not([data-theme="light"]) .mkt .mkt-hero__tiles { transform: scale(.85); transform-origin: top right; }
    html:not([data-theme="light"]) .mkt .mkt-searchrow .dash-mobile-filter-btn span:not(.dash-filter-badge) { display: none; }
    html:not([data-theme="light"]) .mkt .mkt-searchrow .dash-mobile-filter-btn { padding: 0 15px; }
}

@keyframes mkt3Ping { 75%, 100% { transform: scale(2.6); opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
    .mkt-hero__live::after { animation: none; }
    .mkt #filterSidebar { transition: none; }
}