.sp-wrap{display:grid;grid-template-columns:220px 1fr;align-items:start;max-width:var(--container);margin:0 auto;padding:2rem var(--gap) 5rem}.sp-sidebar{position:sticky;top:110px;padding-right:2rem;border-right:1px solid var(--color-border)}.sp-sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.sp-sidebar-title{font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-text)}.sp-clear{font-family:var(--font-mono);font-size:.72rem;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-text-muted);text-decoration:underline;background:none;border:none;cursor:pointer;padding:0}.sp-clear:hover{color:var(--color-text)}.sp-fgroup{border-top:1px solid var(--color-border);padding:.7rem 0}.sp-fgroup-btn{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-text);background:none;border:none;padding:0 0 .5rem;cursor:pointer}.sp-chevron{transition:transform .2s}.sp-fgroup-btn[aria-expanded=false] .sp-chevron{transform:rotate(-90deg)}.sp-fgroup-body{display:flex;flex-direction:column;gap:.4rem}.sp-check{display:flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--color-text-muted);cursor:pointer;user-select:none;font-family:inherit}.sp-check:hover{color:var(--color-text)}.sp-check input[type=checkbox]{width:13px;height:13px;accent-color:var(--color-accent);flex-shrink:0;cursor:pointer}.sp-main{padding-left:2rem}.sp-header{margin-bottom:2rem}.sp-breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-text-muted);margin-bottom:1rem}.sp-breadcrumb a{color:var(--color-text-muted);text-decoration:none}.sp-breadcrumb a:hover{text-decoration:underline}.sp-heading{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.04em;margin:0 0 .5rem;line-height:1.15;color:var(--color-text)}.sp-desc{font-size:1rem;color:var(--color-text-muted);margin:0}.sp-toolbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.sp-count{font-family:var(--font-mono);font-size:.75rem;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-text-muted)}.sp-sort{display:flex;align-items:center;gap:.5rem}.sp-sort-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap}.sp-sort-sel{width:auto;font-size:.75rem;font-family:inherit;padding:.4rem .85rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);cursor:pointer;outline:none}.sp-sort-sel:focus{border-color:var(--color-accent)}.sp-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:-.5rem 0 1.25rem}.sp-chips[hidden]{display:none}.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.sp-card{display:block;color:inherit;text-decoration:none;padding:.5rem}.sp-card-img{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:var(--color-surface)}.sp-img-primary,.sp-img-secondary{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;transition:opacity .4s ease}.sp-img-primary{opacity:1}.sp-img-secondary,.sp-card:hover .sp-img-primary{opacity:0}.sp-card:hover .sp-img-secondary{opacity:1}.sp-card-img-empty{width:100%;height:100%;background:var(--color-surface)}.sp-oos-eyebrow{color:var(--color-error)!important;letter-spacing:var(--track-label)}.sp-card-meta{display:flex;flex-direction:column;gap:0;padding:.55rem .1rem 0}.sp-card-collection{display:block;font-family:var(--font-mono);font-size:.68rem;font-weight:500;color:var(--color-text-muted);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.1em;letter-spacing:var(--track-label);text-transform:uppercase}.sp-card-title{display:block;font-size:.8rem;font-weight:600;color:var(--color-text);line-height:1.35;margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-card-category{display:block;font-size:.68rem;color:var(--color-text-muted);line-height:1.5;min-height:1.1em}.sp-card-price{display:block;font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--color-text);margin-top:.2rem}.sp-card-rating{display:flex;align-items:center;gap:.3rem;margin-top:.25rem}.sp-stars{display:flex;align-items:center;gap:1px}.sp-star-wrap{position:relative;display:inline-block;font-size:.8rem;line-height:1}.sp-star-bg{color:var(--color-border-strong)}.sp-star-fg{position:absolute;inset:0;overflow:hidden;color:var(--color-highlight);white-space:nowrap}.sp-rating-count{font-family:var(--font-mono);font-size:.68rem;color:var(--color-text-subtle);line-height:1}.sp-empty{padding:4rem 0;text-align:center;color:var(--color-text-muted);font-size:.85rem}@media(max-width:960px){.sp-wrap{grid-template-columns:1fr;padding:1.5rem 1.5rem 4rem}.sp-sidebar{position:static;border-right:none;border-bottom:1px solid var(--color-border);padding-right:0;padding-bottom:1.5rem;margin-bottom:1.5rem}.sp-main{padding-left:0}.sp-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.sp-grid{grid-template-columns:1fr}}