.fitbar{position:sticky;top:var(--header-h);z-index:40;background:color-mix(in oklab,var(--bg) 92%,transparent);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--border-faint)}.fitbar-row{display:grid;gap:.75rem;align-items:center;grid-template-columns:1fr;padding-block:.875rem}@media (min-width:768px){.fitbar-row{grid-template-columns:auto 1fr auto}}.fitbar-label{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle)}.fitbar-fields{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.fitbar-fields{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.fitbar-fields{grid-template-columns:repeat(5,1fr)}}.fitbar-fields .select{min-height:36px;font-size:.8125rem;background:var(--bg-elev);border-radius:var(--r-sm)}.fitbar-actions{display:flex;gap:.5rem}.cat-layout{display:grid;grid-template-columns:1fr;gap:0}@media (min-width:900px){.cat-layout{grid-template-columns:280px 1fr}}.filters{border-right:1px solid var(--border-faint);background:var(--bg-sunken);padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}@media (max-width:899px){.filters{display:none}}.filters h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-subtle);font-weight:600;padding-bottom:.5rem;border-bottom:1px solid var(--border-faint)}.facet{display:flex;flex-direction:column;gap:.375rem}.facet-row{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--fg);padding:.25rem .375rem;margin:0 -.375rem;border-radius:var(--r-sm);cursor:pointer}.facet-row:hover{background:var(--bg-inset)}.facet-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.facet-row .count{color:var(--fg-faint);font-family:var(--font-mono);font-size:.75rem}.range{display:grid;gap:.5rem}.range input[type=range]{width:100%;accent-color:var(--accent)}.range-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-items:center;font-family:var(--font-mono);font-size:.75rem;color:var(--fg-muted)}.results{padding:1.25rem clamp(1rem,3vw,2rem)}.results-head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.results-count{font-family:var(--font-mono);font-size:.8125rem;color:var(--fg-muted)}.results-count strong{color:var(--fg)}.results-actions{margin-left:auto;display:flex;gap:.5rem;align-items:center}.view-toggle{display:inline-flex;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px}.view-toggle button{background:transparent;border:0;color:var(--fg-muted);padding:6px 10px;border-radius:4px;cursor:pointer;display:inline-grid;place-items:center;transition:background var(--t-micro),color var(--t-micro)}.view-toggle button:hover{color:var(--fg)}.view-toggle button[aria-pressed=true]{background:var(--bg-inset);color:var(--fg)}.chips{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}.chip{display:inline-flex;align-items:center;gap:.375rem;background:var(--bg-elev);border:1px solid var(--border);color:var(--fg);padding:.25rem .5rem .25rem .625rem;border-radius:999px;font-size:.75rem;font-family:var(--font-mono);letter-spacing:.04em}.chip strong{color:var(--fg-subtle);font-weight:500;margin-right:.25rem}.chip button{background:transparent;border:0;color:var(--fg-faint);cursor:pointer;line-height:0;padding:0;margin-left:.125rem}.chip button:hover{color:var(--fg)}.chip-fitment{border-color:color-mix(in oklab,var(--accent) 30%,transparent);background:var(--accent-tint);color:var(--accent)}.chip-fitment strong{color:color-mix(in oklab,var(--accent) 75%,white)}.table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-elev)}.ptable{width:100%;border-collapse:collapse}.ptable thead th{text-align:left;padding:.75rem 1rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle);font-weight:500;border-bottom:1px solid var(--border);background:var(--bg-sunken);white-space:nowrap}.ptable tbody td{padding:.875rem 1rem;border-bottom:1px solid var(--border-faint);font-size:.8125rem;vertical-align:middle}.ptable tbody tr:last-child td{border-bottom:0}.ptable tbody tr:hover{background:var(--bg-inset)}.pt-image{width:56px;height:56px;border-radius:var(--r-sm);background:var(--bg-sunken);border:1px solid var(--border-faint);display:grid;place-items:center;color:var(--fg-faint);overflow:hidden}.pt-image svg{width:70%;height:70%;opacity:.7}.pt-name{font-weight:600;font-size:.9375rem;letter-spacing:-.005em}.pt-sku{color:var(--fg-subtle);margin-top:.125rem}.pt-sku,.pt-spec{font-family:var(--font-mono);font-size:.75rem}.pt-spec{color:var(--fg-muted)}.pt-spec span+span:before{content:"·";margin:0 .375rem;color:var(--fg-faint)}.pt-price{font-family:var(--font-mono);font-weight:600;font-size:1rem;white-space:nowrap}.pt-price small{color:var(--fg-subtle);font-weight:400;font-size:.625rem;margin-right:.25rem;letter-spacing:.08em;text-transform:uppercase}.stockcell{display:flex;flex-direction:column;gap:.125rem}.stockcell small{color:var(--fg-subtle);font-size:.6875rem;font-family:var(--font-mono)}.pgrid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pcard{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--t-micro),transform var(--t-micro);cursor:pointer;text-align:left;color:inherit;font:inherit}.pcard:hover{border-color:var(--border-strong);transform:translateY(-1px)}.pcard-image{aspect-ratio:4/3;background:var(--bg-sunken);border-bottom:1px solid var(--border-faint);display:grid;place-items:center;color:var(--fg-faint);position:relative}.pcard-image svg{width:60%;height:60%;opacity:.8}.pcard-image .badge{position:absolute;top:.625rem;left:.625rem}.pcard-body{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.pcard-body .pt-name{font-size:.9375rem}.pcard-foot{padding:.75rem 1rem;border-top:1px solid var(--border-faint);background:var(--bg-sunken);display:flex;align-items:center;gap:.5rem}.pcard-foot .pt-price{margin-left:auto;font-size:.9375rem}.mobile-filter-btn{display:inline-flex}@media (min-width:900px){.mobile-filter-btn{display:none!important}}.compare-bar{position:fixed;left:1rem;right:1rem;bottom:1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:.75rem 1rem;box-shadow:var(--shadow-md);display:none;align-items:center;gap:1rem;z-index:30;transform:translateY(8px);transition:transform var(--t-base) var(--ease-out),opacity var(--t-base)}.compare-bar[data-open=true]{display:flex;transform:translateY(0)}.compare-bar .count{font-family:var(--font-mono);font-size:.75rem;color:var(--fg-muted)}.compare-bar .count strong{color:var(--fg)}@media (min-width:900px){.site-header [data-drawer-open]{display:none!important}}@media (max-width:899px){.site-header .btn-secondary,.site-header .input[type=search]{display:none}}