.shop{display:grid;grid-template-columns:260px 1fr;gap:var(--space-6);max-width:1920px;margin-inline:auto;padding:var(--space-6) var(--space-6) var(--space-16);align-items:flex-start}.shop__sidebar{position:sticky;top:calc(var(--header-h) + var(--space-6));display:flex;flex-direction:column;gap:var(--space-6);max-height:calc(100vh - var(--header-h) - var(--space-12));overflow-y:auto;padding-right:var(--space-2);scrollbar-width:thin}.shop__search{position:relative}.shop__search svg{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:16px;height:16px;color:var(--text-mute);pointer-events:none}.shop__group-title{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);margin-bottom:var(--space-3);display:flex;align-items:center;justify-content:space-between;width:100%}.shop__group-title--collapse{cursor:pointer}.shop__group-title--collapse svg{width:12px;height:12px;transition:transform var(--duration-base) var(--ease)}.shop__group-title--collapse.is-open svg{transform:rotate(180deg)}.shop__cats{display:flex;flex-direction:column;gap:2px}.shop__cat{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-soft);text-align:left;transition:all var(--duration-fast) var(--ease)}.shop__cat:hover{background:var(--surface-2);color:var(--text)}.shop__cat.is-active{background:var(--text);color:var(--bg)}.shop__cat-count{font-family:var(--font-mono);font-size:11px;padding:1px 6px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-mute)}.shop__cat.is-active .shop__cat-count{background:color-mix(in oklab,var(--bg) 18%,transparent);color:var(--bg)}.shop__chips{display:flex;flex-wrap:wrap;gap:6px}.shop__sort{display:flex;flex-direction:column;gap:2px}.shop__sort-btn{text-align:left;padding:8px 12px;border-radius:var(--radius-md);font-size:14px;color:var(--text-soft);transition:all var(--duration-fast) var(--ease);display:flex;align-items:center;gap:8px}.shop__sort-btn:before{content:"";width:6px;height:6px;border-radius:50%;border:1.5px solid var(--border-strong)}.shop__sort-btn.is-active{color:var(--accent);font-weight:500}.shop__sort-btn.is-active:before{background:var(--accent);border-color:var(--accent)}.shop__sort-btn:hover{background:var(--surface-2);color:var(--text)}.shop__price{display:flex;align-items:center;gap:6px}.shop__price .input{height:34px;font-size:13px}.shop__price-sep{color:var(--text-faint)}.shop__main{min-width:0}.shop__header{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:var(--space-5);border-bottom:1px solid var(--border);margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.shop__title{font-size:clamp(28px,4vw,40px);font-weight:600;letter-spacing:-.03em}.shop__header-right{display:flex;align-items:center;gap:var(--space-3)}.shop__count{font-family:var(--font-mono);font-size:12px;color:var(--text-mute)}.shop__pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-5)}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);border-radius:var(--radius-full);font-size:12px;font-weight:500;transition:all var(--duration-fast) var(--ease)}.pill:hover{opacity:.75}.pill--reset{background:transparent;border-color:var(--border);color:var(--text-mute)}.shop__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}@media(min-width:1400px){.shop__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(min-width:1700px){.shop__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.pc{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-base) var(--ease)}.pc:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pc__img{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--surface-2)}.pc__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.pc:hover .pc__img img{transform:scale(1.04)}.pc__cat,.pc__count{position:absolute;top:10px;display:inline-flex;align-items:center;gap:4px;height:22px;padding-inline:8px;background:color-mix(in oklab,var(--surface) 75%,transparent);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text);letter-spacing:.02em}.pc__cat{left:10px}.pc__count{right:10px;color:var(--text-soft)}.pc__count svg{width:11px;height:11px}.pc__body{padding:var(--space-4);display:flex;flex-direction:column;gap:8px;flex:1}.pc__head{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start}.pc__name{font-size:14px;font-weight:600;line-height:1.35;letter-spacing:-.01em}.pc__price{flex-shrink:0;font-family:var(--font-mono);font-size:14px;font-weight:500}.pc__price--free{color:var(--success)}.pc__tags{display:flex;flex-wrap:wrap;gap:4px}.pc__tag{font-family:var(--font-mono);font-size:10px;padding:2px 6px;border-radius:var(--radius-xs);background:var(--surface-2);color:var(--text-mute)}.shop__empty{text-align:center;padding:var(--space-20) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.shop__empty[hidden]{display:none}.shop__empty-num{font-size:64px;font-weight:300;color:var(--text-faint);line-height:1}.shop__empty p{color:var(--text-mute)}.shop__load{text-align:center;padding-top:var(--space-10);margin-top:var(--space-8);border-top:1px solid var(--border)}.shop__load[hidden]{display:none}.shop__load p{font-family:var(--font-mono);font-size:12px;color:var(--text-mute);margin-bottom:var(--space-4)}.shop__filter-btn{display:none;position:fixed;bottom:20px;right:20px;z-index:30;width:52px;height:52px;border-radius:var(--radius-full);background:var(--text);color:var(--bg);align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:transform var(--duration-fast) var(--ease)}.shop__filter-btn:hover{transform:scale(1.05)}.shop__filter-btn svg{width:22px;height:22px}.shop__overlay{display:none;position:fixed;inset:0;z-index:40;background:#0006;backdrop-filter:blur(2px)}.shop__overlay.is-open{display:block}@media(max-width:1024px){.shop{grid-template-columns:1fr;gap:0;padding:var(--space-6) var(--space-6) var(--space-16)}.shop__sidebar{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:88vw;padding:var(--space-6);background:var(--bg);border-right:1px solid var(--border);z-index:50;transform:translate(-100%);transition:transform var(--duration-base) var(--ease-out);max-height:none}.shop__sidebar.is-open{transform:translate(0)}.shop__filter-btn{display:inline-flex}}