.shop-category-tree{--cat-text:#475569;--cat-muted:#94a3b8;--cat-line:#94a3b826;--cat-active:#2563eb;padding:6px 14px 14px;scrollbar-width:thin;scrollbar-color:#64748b40 transparent;overscroll-behavior:contain}
.dark .shop-category-tree{--cat-text:#cbd5e1;--cat-muted:#718096;--cat-line:#94a3b81c;--cat-active:#83b9ff}
.shop-category-tree::-webkit-scrollbar{width:3px}
.shop-category-tree::-webkit-scrollbar-thumb{background:#64748b40;border-radius:12px}
.shop-category-tree::-webkit-scrollbar-track{background:transparent}
.shop-category-row{display:flex;align-items:center;gap:2px;margin:2px 0;border-radius:11px}
.shop-category-row:hover{background:#3b82f605}
.shop-category-link{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:10px;font-size:13px;line-height:1.9;color:var(--cat-text);transition:background .16s,color .16s}
.shop-category-link>span:first-child{overflow-wrap:anywhere}
.shop-category-link:hover{color:var(--cat-active)}
.shop-category-link[aria-current=page]{background:linear-gradient(100deg,#3b82f609,#3b82f619);border-color:#60a5fa26;color:var(--cat-active);font-weight:600;box-shadow:inset -2px 0 #60a5fa}
.shop-category-link[aria-current=page]::after{content:'✓';display:grid;place-items:center;margin-inline-start:auto;width:19px;height:19px;flex-shrink:0;border-radius:50%;color:var(--cat-active);background:#3b82f61a;font-size:11px}
.shop-category-toggle{display:grid;place-items:center;width:34px;height:38px;flex-shrink:0;border:0;border-radius:9px;color:var(--cat-muted);background:transparent;cursor:pointer}
.shop-category-toggle:hover{background:#3b82f610;color:var(--cat-active)}
.shop-category-toggle svg{transform:rotate(180deg);transition:transform .18s;width:14px;height:14px}
.shop-category-toggle[aria-expanded=true]{color:var(--cat-active)}
.shop-category-toggle[aria-expanded=true] svg{transform:rotate(90deg)}
.shop-category-spacer{width:34px;flex-shrink:0}
.shop-category-children{margin:0;padding:0;border:0}
.shop-category-children[hidden]{display:none}
.shop-category-children>.shop-category-node>.shop-category-row{position:relative}
.shop-category-children>.shop-category-node>.shop-category-row::before{content:none}
.shop-category-tree>.shop-category-node>.shop-category-row>.shop-category-link{font-weight:600}
.shop-category-all{margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--cat-line)}
.shop-category-all .shop-category-link{font-weight:500}
.shop-category-link:focus-visible,.shop-category-toggle:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
@media(max-width:640px){.shop-category-tree{padding-inline:10px}.shop-category-link{min-height:46px;font-size:14px}.shop-category-toggle{width:44px;height:44px}.shop-category-spacer{width:44px}}
@media(prefers-reduced-motion:reduce){.shop-category-link,.shop-category-toggle svg{transition:none}}
.shop-coffee-filter{border-top:1px solid #94a3b81a;color:#334155}.dark .shop-coffee-filter{color:#e2e8f0}.shop-coffee-filter>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:18px 16px;cursor:pointer;font-weight:500;font-size:14px}.shop-coffee-filter>summary::-webkit-details-marker{display:none}.coffee-filter-arrow{font-size:22px;transition:transform .15s}.shop-coffee-filter[open] .coffee-filter-arrow{transform:rotate(-90deg)}.shop-coffee-options{padding:0 16px 16px;max-height:260px;overflow-y:auto;scrollbar-width:thin}.shop-coffee-options label{display:flex;gap:10px;align-items:flex-start;padding:10px 3px;cursor:pointer;font-size:13px}.shop-coffee-options input{width:17px;height:17px;margin-top:3px;accent-color:#3b82f6;flex-shrink:0}.shop-coffee-options small{display:block;color:#94a3b8;font-size:11px;line-height:1.8}.shop-coffee-options p{color:#94a3b8;font-size:12px}.shop-coffee-filter summary:focus-visible{outline:2px solid #60a5fa;outline-offset:-2px}