/* A single, scrollable category tree for the storefront and catalog. */
.marketplace .storefront-layout {display:grid;grid-template-columns:258px minmax(0,1fr);gap:26px;align-items:start;padding-top:24px}
.storefront-content {min-width:0}
.catalog-sidebar {position:sticky;top:18px;display:flex;flex-direction:column;max-height:calc(100vh - 132px);max-height:calc(100dvh - 132px);min-width:0;border:1px solid #c3a4ec26;border-radius:18px;background:linear-gradient(145deg,#292032ed,#18151fee);box-shadow:inset 0 1px 0 #ffffff08,0 12px 32px #00000018;color:#e6ddef;overflow:hidden}
.sidebar-heading {display:flex;align-items:center;justify-content:space-between;padding:21px 20px 16px;gap:12px}
.sidebar-eyebrow {display:block;margin-bottom:7px;color:#93839f;font-size:9px;font-weight:600;letter-spacing:1.7px}
.sidebar-heading h2 {margin:0;font-size:21px;letter-spacing:-.4px;line-height:1.2}
.sidebar-search {display:flex;align-items:center;gap:8px;min-height:40px;margin:0 14px 14px;padding:0 10px;border:1px solid #bda4d525;border-radius:9px;background:#110f1780;color:#9685aa;flex-shrink:0}
.sidebar-search:focus-within {border-color:#b08adc;box-shadow:0 0 0 3px #a87dd714}
.sidebar-search .icon {width:16px;height:16px;flex-shrink:0}
.sidebar-search input {width:100%;min-width:0;min-height:38px;padding:0;border:0;outline:0;background:transparent;color:#eee5f8;font:inherit;font-size:12px;box-shadow:none}
.sidebar-search input::placeholder {color:#94869f}
.sidebar-scroll {min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8569a45c transparent;padding:0 10px 14px;scroll-padding-block:12px}
.sidebar-tree,.sidebar-submenu ul {list-style:none;padding:0;margin:0}
.sidebar-node {min-width:0;margin:3px 0}
.sidebar-all-products,.sidebar-group>summary,.sidebar-leaf {display:grid;grid-template-columns:27px minmax(0,1fr) max-content 14px;align-items:center;gap:8px;min-height:46px;padding:9px 10px;border-radius:10px;font-size:12px;line-height:1.4;color:#c6b8d4;transition:background .15s,color .15s;cursor:pointer}
.sidebar-all-products {margin:0 0 12px;background:#a574e31b;color:#dfcdf8;border:1px solid #bb92e631;min-height:43px}
.sidebar-all-products>span:first-child {justify-self:center}
.sidebar-all-products .icon {width:17px;height:17px}
.sidebar-all-products>span:last-child .icon {width:14px;height:14px;color:#ae8ad1}
.sidebar-group>summary {list-style:none}
.sidebar-group>summary::-webkit-details-marker {display:none}
.sidebar-group>summary::marker {content:""}
.sidebar-group>summary>.sidebar-chevron {justify-self:center;margin-inline-end:0}
.sidebar-group>summary:hover,.sidebar-leaf:hover,.sidebar-section-link:hover {background:#b98ade13;color:#fff}
.sidebar-group[open]>summary {color:#f0e5fb;background:#b98ade0b}
.sidebar-category-icon {display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;color:#ab8ecd}
.sidebar-category-icon img {width:27px;height:27px;object-fit:contain;border-radius:7px}
.sidebar-category-icon .icon {width:19px;height:19px}
.sidebar-category-name {flex:1;min-width:0;overflow-wrap:anywhere}
.sidebar-chevron {width:6px;height:6px;flex:0 0 6px;margin-inline-end:4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);color:#9b81b6;transition:transform .15s}
.sidebar-group[open]>summary .sidebar-chevron,.sidebar-platforms[open]>summary .sidebar-chevron {transform:rotate(45deg)}
.sidebar-submenu {margin:5px 7px 12px 23px;padding-inline-start:12px;border-inline-start:1px solid #ae82d72d}
.sidebar-submenu .sidebar-leaf,.sidebar-submenu .sidebar-group>summary {grid-template-columns:minmax(0,1fr) max-content 14px;min-height:35px;padding:7px 8px;gap:6px;font-size:11px;border-radius:7px}
.sidebar-submenu .sidebar-category-icon {display:none}
.sidebar-section-link {display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;line-height:1.5;color:#9b87ad;padding:7px 8px;border-radius:7px;margin-bottom:3px}
.sidebar-count {flex-shrink:0;min-width:3ch;white-space:nowrap;text-align:right;color:#a795b9;font-size:10px;font-variant-numeric:tabular-nums}
.catalog-sidebar a[aria-current=page] {color:#e5caff;background:#a26ade20;box-shadow:inset 2px 0 #ac83e7}
.catalog-sidebar a:focus-visible,.catalog-sidebar summary:focus-visible,.sidebar-launcher:focus-visible,.sidebar-close:focus-visible {outline:2px solid #bb92ee;outline-offset:-2px}
.sidebar-empty {font-size:12px;line-height:1.7;padding:18px 10px;color:#ab98ba}
.sidebar-platforms {border-top:1px solid #b798d31d;margin:15px 4px 0;padding-top:12px}
.sidebar-platforms>summary {display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:9px 5px;color:#a492b5;font-size:11px}
.sidebar-platforms>summary::-webkit-details-marker {display:none}
.sidebar-platforms>summary>.sidebar-chevron {margin-inline-start:auto}
.sidebar-platforms>summary .icon {width:15px;height:15px}
.marketplace .catalog-sidebar .filter-row {padding:10px 4px 2px}
.marketplace .catalog-sidebar .platform-options {display:flex;flex-direction:column;align-items:stretch;gap:3px}
.marketplace .catalog-sidebar .platform-pill {min-height:32px;white-space:normal;overflow-wrap:anywhere;text-align:start;justify-content:flex-start;font-size:11px;padding:6px 8px}
.sidebar-launcher,.sidebar-close {display:none}
.marketplace .storefront-layout .catalog-toolbar {margin:14px 0 18px;justify-content:flex-end}
.marketplace .storefront-layout .product-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}
.marketplace .storefront-layout .hero-content {padding:30px;max-width:100%}
.marketplace .storefront-layout .hero-content h1 {font-size:clamp(30px,3vw,42px);line-height:1.13}
.marketplace .storefront-layout .market-benefits {flex-wrap:wrap;gap:12px;font-size:10px;margin-bottom:24px}
.marketplace .storefront-layout .market-story {gap:28px;padding:30px}
.marketplace .storefront-layout .market-faq {gap:30px}
.marketplace .storefront-layout .section-heading h2 {font-size:25px}
.category-drawer:not([open]) {display:none}
html.catalog-drawer-open {overflow:hidden}
@media(min-width:961px) and (max-width:1150px) {
 .marketplace .storefront-layout {grid-template-columns:235px minmax(0,1fr);gap:20px}
 .marketplace .storefront-layout .product-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
 .marketplace .storefront-layout .section-heading {align-items:stretch;flex-direction:column;gap:14px}
 .marketplace .storefront-layout .catalog-search-form {width:100%}
}
@media(max-width:960px) {
 .marketplace .storefront-layout {display:block;padding-top:18px}
 .sidebar-launcher {display:flex;align-items:center;gap:11px;min-height:46px;width:100%;margin:0 0 18px;padding:12px 15px;border:1px solid #bd9be235;border-radius:11px;background:#251d31;color:#dcc9f3;font-size:13px;font-weight:600}
 .sidebar-launcher>.icon,.sidebar-launcher>span[data-icon] .icon {width:19px;height:19px}
 .sidebar-launcher .sidebar-chevron {margin-inline-start:auto}
 .sidebar-close {display:grid;place-items:center;width:36px;height:36px;border:1px solid #c1a0df2e;border-radius:9px;background:#b38be310;color:#c8b3dc;flex-shrink:0}
 .sidebar-close .icon {width:19px;height:19px}
 .category-drawer {inset:0 auto 0 0;margin:0;padding:0;border:0;width:min(340px,90vw);max-width:none;height:100vh;height:100dvh;max-height:none;border-radius:0 18px 18px 0;background:#1c1625;color:#eee5f8;box-shadow:20px 0 65px #0008;overflow:hidden}
 .category-drawer[open] {display:block}
 .category-drawer::backdrop {background:#07060cc2;backdrop-filter:blur(4px)}
 .category-drawer .catalog-sidebar {position:static;height:100%;max-height:none;border:0;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
 .sidebar-search input {font-size:16px}
 .sidebar-group>summary,.sidebar-leaf {min-height:48px;font-size:13px}
 .sidebar-submenu .sidebar-leaf,.sidebar-submenu .sidebar-group>summary {min-height:40px;font-size:12px}
 .sidebar-section-link {min-height:38px;font-size:11px}
 .marketplace .storefront-layout .product-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px) {
 .marketplace .storefront-layout {padding-top:14px}
 .marketplace .storefront-layout .product-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .marketplace .storefront-layout .hero-content {padding:25px 22px}
 .marketplace .storefront-layout .hero-content h1 {font-size:32px}
 .marketplace .storefront-layout .market-story {padding:23px}
 .marketplace .storefront-layout .section-heading h2 {font-size:23px}
}
@media(prefers-reduced-motion:reduce) {.catalog-sidebar * {transition:none!important}}