.cat{grid-template-columns:264px minmax(0,1fr);align-items:start;gap:28px;display:grid}.fbtn{display:none}@media (max-width:980px){.cat{grid-template-columns:minmax(0,1fr)}.cat>.filters{display:none}.fbtn{display:inline-flex}}#sort{background-color:var(--elev)}.chip{position:relative}.filters{top:calc(var(--header-h) + 20px);max-height:calc(100dvh - var(--header-h) - 40px);background:var(--card);border:1px solid var(--line);border-radius:0;padding:0;display:flex;position:sticky;overflow:hidden}.ff{flex-direction:column;flex:1;min-height:0;display:flex}.ff-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-3) transparent;flex:1;min-height:0;padding:20px;overflow-y:auto}.ff-body::-webkit-scrollbar{width:10px}.ff-body::-webkit-scrollbar-track{background:0 0}.ff-body::-webkit-scrollbar-thumb{background:var(--line-3);border:3px solid var(--card)}.ff-body::-webkit-scrollbar-thumb:hover{background:var(--accent-line)}.ff-foot{border-top:1px solid var(--line);background:var(--card);gap:8px;padding:14px 20px;display:flex}.ff-foot .btn{flex:1;padding-inline:12px}.ff.in-sheet{display:block}.ff.in-sheet .ff-body{padding:0;overflow:visible}.ff.in-sheet .ff-foot{margin-top:16px;padding-inline:0;position:sticky;bottom:0}.ff .label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:10px;font-size:10.5px;font-weight:600;display:flex}.ff .label:after{content:"";background:var(--line);flex:1;height:1px}.cl{background:var(--line);border:1px solid var(--line);flex-direction:column;gap:1px;display:flex}.cl-r{background:var(--elev);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 11px;display:flex;position:relative;overflow:hidden}.cl-r input{opacity:0;pointer-events:none;position:absolute}.cl-f{border-right:1px solid var(--line-3);pointer-events:none;background:#141926;position:absolute;top:0;bottom:0;left:0}.cl-t,.cl-n{position:relative}.cl-t{min-width:0;color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.5px;font-weight:600;overflow:hidden}.cl-n{font-family:var(--mono);color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none;font-size:10.5px}.cl-r:hover .cl-t{color:var(--ink)}.cl-r:hover .cl-f{background:#1a2030}.cl-r.on .cl-f{background:var(--accent-deep);border-right-color:var(--accent-line)}.cl-r.on{box-shadow:inset 2px 0 0 var(--accent)}.cl-r.on .cl-t{color:var(--accent-2)}.cl-r.on .cl-n{color:#bca6e8}.cl-r:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.chip.w-fn{box-shadow:inset 3px 0 0 var(--wear-fn)}.chip.w-mw{box-shadow:inset 3px 0 0 var(--wear-mw)}.chip.w-ft{box-shadow:inset 3px 0 0 var(--wear-ft)}.chip.w-ww{box-shadow:inset 3px 0 0 var(--wear-ww)}.chip.w-bs{box-shadow:inset 3px 0 0 var(--wear-bs)}.cl-r.zero .cl-t,.cl-r.zero .cl-n{color:#4d5566}.cl-r{padding:6px 11px}.cl-more{border:1px dashed var(--line-2);width:100%;color:var(--ink-3);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;margin-top:6px;padding:7px 11px;font-size:10.5px}.cl-more:hover{color:var(--ink);border-color:var(--line-3)}.ff .field .hint{font-size:11.5px;line-height:1.35}.ff-body>.col.gap24{gap:18px}.ff .chip{padding:7px 10px;font-size:12.5px}.ff .chip.w-fn,.ff .chip.w-mw,.ff .chip.w-ft,.ff .chip.w-ww,.ff .chip.w-bs{padding-left:12px}.wear-pick{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid}.ff .wear-pick .chip{letter-spacing:.04em;border:0;justify-content:center;padding:8px 2px;font-size:11.5px}.ff .wear-pick .chip.w-fn{box-shadow:inset 0 3px 0 var(--wear-fn)}.ff .wear-pick .chip.w-mw{box-shadow:inset 0 3px 0 var(--wear-mw)}.ff .wear-pick .chip.w-ft{box-shadow:inset 0 3px 0 var(--wear-ft)}.ff .wear-pick .chip.w-ww{box-shadow:inset 0 3px 0 var(--wear-ww)}.ff .wear-pick .chip.w-bs{box-shadow:inset 0 3px 0 var(--wear-bs)}.ff .special-pick .chip{padding:6px 8px;font-size:12px}.rr-dot{border-radius:50%;flex:none;width:9px;height:9px;position:relative}.rr .cl-t{flex:1}.rr.on{box-shadow:inset 2px 0 0 var(--accent);background:var(--accent-deep)}