.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:204px 1fr}}.filters{border-right:1px solid var(--border-faint);background:var(--bg-sunken);padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.filters-backdrop,.filters-btn,.filters-close,.filters-head,.filters-search{display:none}@media (max-width:899px){.filters-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-elev);border:1px solid var(--border);color:var(--fg);border-radius:var(--r-sm);padding:0 .7rem;min-height:36px;font-size:.8125rem;font-weight:500;cursor:pointer}.filters-btn:hover{border-color:var(--border-strong)}.filters-btn-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--accent);color:var(--accent-fg);font-family:var(--font-mono);font-size:.6875rem;font-weight:600}.filters-backdrop{display:block;position:fixed;inset:0;z-index:60;background:color-mix(in oklab,black 55%,transparent);opacity:0;pointer-events:none;transition:opacity var(--t-base)}.filters-backdrop[data-open=true]{opacity:1;pointer-events:auto}.filters{display:flex;position:fixed;top:0;left:0;bottom:0;z-index:61;width:min(86vw,340px);overflow-y:auto;transform:translateX(-100%);transition:transform var(--t-base) var(--ease-out);border-right:1px solid var(--border)}.filters[data-open=true]{transform:translateX(0);box-shadow:var(--shadow-lg)}.filters-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1;background:var(--bg-sunken);font-weight:600;font-size:.95rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-faint)}.filters-close{background:transparent;border:0;color:var(--fg-muted);cursor:pointer;padding:4px;line-height:0}.filters-close:hover{color:var(--fg)}.filters-search{display:flex;align-items:center;position:relative;color:var(--fg-subtle)}.filters-search svg{position:absolute;left:10px;pointer-events:none}.filters-search .input{width:100%;padding-left:32px;min-height:38px}}.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:1rem clamp(.5rem,1vw,.9rem)}.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(--silver) 32%,transparent);background:color-mix(in oklab,var(--silver) 12%,transparent);color:var(--silver-bright)}.chip-fitment strong{color:var(--fg-muted)}.table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);overflow-x:auto;overflow-y:hidden;background:var(--bg-elev)}.ptable{width:100%;border-collapse:collapse}.ptable thead th{text-align:left;padding:.7rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;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:.75rem .7rem;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}.prow{cursor:pointer}.pt-name-link{display:inline-block;color:inherit;text-decoration:none}.pt-name-link:hover{color:var(--accent)}.pt-name-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.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:.875rem;grid-template-columns:repeat(auto-fit,minmax(208px,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-base),transform var(--t-base) var(--ease-out),box-shadow var(--t-base);cursor:pointer;text-align:left;color:inherit;font:inherit}.pcard:hover{border-color:var(--border-strong);transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-lg)}.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}.pcard-image.has-photo,.pt-image.has-photo{background:var(--bg-photo)}.pcard-image.has-photo{padding:0}.th-sort{color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:2px;user-select:none;white-space:nowrap}.th-sort:hover{color:var(--accent)}.sort-select .select{min-height:36px;font-size:.8125rem;padding-right:1.9rem}.pager{justify-content:space-between;gap:1rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-faint)}.pager,.pager-meta{display:flex;flex-wrap:wrap;align-items:center}.pager-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--fg-muted);gap:.5rem 1.25rem}.pager-meta strong{color:var(--fg)}.pager-size{display:inline-flex;align-items:center;gap:.375rem;color:var(--fg-subtle)}.pager-size-link{padding:.15rem .45rem;border-radius:var(--r-sm);border:1px solid var(--border-faint);color:var(--fg-muted)}.pager-size-link:hover{border-color:var(--border-strong);color:var(--fg)}.pager-size-link.is-active{background:var(--silver-bright);border-color:var(--silver-bright);color:#0a1626}.pager-nav{display:inline-flex;align-items:center;gap:.25rem;flex-wrap:wrap}.pager-num{min-width:32px;height:32px;display:inline-grid;place-items:center;padding:0 .4rem;border-radius:var(--r-sm);border:1px solid var(--border);color:var(--fg-muted);font-family:var(--font-mono);font-size:.8125rem}.pager-num:hover{border-color:var(--border-strong);color:var(--fg)}.pager-num.is-active{background:var(--silver-bright);border-color:var(--silver-bright);color:#0a1626}.pager-ellipsis{color:var(--fg-faint);padding:0 .25rem}@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}}