.product-table-wrap{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.product-table{border-collapse:collapse;width:100%;font-size:13.5px}.product-table thead th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);background-color:var(--bg-2);border-bottom:1px solid var(--divider);white-space:nowrap;padding:14px 18px;font-size:11px;font-weight:700}.product-table tbody td{border-bottom:1px solid var(--divider);color:var(--ink-2);vertical-align:middle;padding:14px 18px}.product-table tbody tr:last-child td{border-bottom:none}.product-table tbody tr{cursor:pointer;transition:background-color .12s}.product-table tbody tr:hover{background-color:var(--bg-2)}.product-table .col-mono{font-family:var(--font-mono);font-feature-settings:"tnum", "zero"}.product-table .col-num{text-align:left;font-family:var(--font-mono);font-feature-settings:"tnum", "zero"}.product-table .col-thumb{width:56px;padding-left:18px;padding-right:0}.product-table-thumb{border-radius:var(--r-md);border:1px solid var(--border);background-color:var(--bg-2);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;overflow:hidden}.product-table-thumb img{object-fit:contain;background-color:var(--surface);width:100%;height:100%}.product-table-thumb .product-image-placeholder-slash line{stroke-width:2.5px}.product-table .col-num.price{color:var(--accent);font-size:15px;font-weight:800}.product-table-brand{align-items:center;gap:8px;display:inline-flex}.product-table-brand-logo{object-fit:contain;width:auto;max-width:44px;height:16px;display:inline-block}.cell-strong{color:var(--ink);font-weight:600}.cell-muted{color:var(--ink-4)}.product-table-applied{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.product-table-tag{border-radius:var(--r-pill);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:5px;max-width:280px;padding:3px 8px 3px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.product-table-tag>span{text-overflow:ellipsis;overflow:hidden}.product-table-tag svg{flex-shrink:0}.product-table-tag-campaign{background-color:var(--accent);color:var(--accent-on)}.product-table-tag-dealer{background-color:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent)}.product-table-base{font-family:var(--font-mono), ui-monospace, monospace;color:var(--ink-4);margin-bottom:2px;font-size:11px;text-decoration:line-through}.product-table-quote{background-color:var(--accent-soft);color:var(--accent);letter-spacing:.01em;border-radius:var(--r-pill);align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.product-table-cross-refs{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.product-table-cross-ref{border-radius:var(--r-pill);letter-spacing:.01em;border:1px solid var(--border);background-color:var(--bg-2);color:var(--ink-2);white-space:nowrap;align-items:center;gap:5px;max-width:220px;padding:3px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.product-table-cross-ref-brand{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:9.5px;font-weight:700}.product-table-cross-ref-oem{background-color:color-mix(in srgb, var(--accent) 8%, var(--bg-2));border-color:color-mix(in srgb, var(--accent) 24%, transparent);color:var(--ink-2)}.product-table-cross-ref-competitor{background-color:var(--bg-2);border-color:var(--border-strong)}.product-table-cross-ref-more{border-radius:var(--r-pill);background-color:var(--ink-4);color:#fff;letter-spacing:.02em;align-items:center;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.product-table-equiv-btn{border:1px dashed var(--border-strong);border-radius:var(--r-pill);color:var(--ink-2);cursor:pointer;background-color:#0000;align-items:center;gap:5px;margin-top:6px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:border-color .14s,color .14s,background-color .14s;display:inline-flex}.product-table-equiv-btn:hover{border-color:var(--accent);color:var(--accent);background-color:var(--accent-soft)}.product-table th.col-actions,.product-table td.col-actions{white-space:nowrap;text-align:center;width:1%}.product-table-details{align-items:center;gap:4px;display:inline-flex}.product-table-detail-btn{border:1px solid var(--border);border-radius:var(--r-sm);background-color:var(--surface);width:30px;height:30px;color:var(--ink-3);cursor:pointer;justify-content:center;align-items:center;transition:border-color .14s,color .14s,background-color .14s,transform .14s;display:inline-flex;position:relative}.product-table-detail-btn:hover{border-color:var(--accent);color:var(--accent);background-color:var(--accent-soft);transform:translateY(-1px)}.product-table-detail-badge{border-radius:var(--r-pill);background-color:var(--accent);min-width:16px;height:16px;color:var(--accent-on);letter-spacing:0;place-items:center;padding:0 4px;font-size:9.5px;font-weight:700;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}
.shop-layout{grid-template-columns:240px minmax(0,1fr);align-items:flex-start;gap:28px;display:grid}.shop-main{min-width:0}@media (max-width:880px){.shop-layout{grid-template-columns:1fr;gap:16px}}.shop-breadcrumb{color:var(--ink-4);flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px;font-size:12.5px;display:flex}.shop-breadcrumb-item{align-items:center;gap:4px;display:inline-flex}.shop-breadcrumb-sep{color:var(--ink-4);margin:0 2px}.shop-breadcrumb-link{cursor:pointer;font:inherit;color:var(--ink-3);background:0 0;border:0;padding:0;text-decoration:none;transition:color .12s}.shop-breadcrumb-link:hover{color:var(--accent)}.shop-breadcrumb-current{color:var(--ink);font-weight:600}.shop-filter-btn{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);height:34px;color:var(--ink-2);cursor:pointer;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:none;position:relative}.shop-filter-btn:hover{border-color:var(--ink-4)}.shop-filter-dot{border-radius:var(--r-pill);background-color:var(--accent);width:6px;height:6px;position:absolute;top:6px;right:8px}@media (max-width:880px){.shop-filter-btn{display:inline-flex}}.shop-toolbar-clear{color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:12.5px;font-weight:600;text-decoration:underline}.shop-toolbar-clear:hover{color:var(--accent-hover)}.shop-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.shop-toolbar-meta{color:var(--ink-4);letter-spacing:.04em;font-size:12.5px;font-weight:500}.shop-toolbar-spacer{flex:1}.shop-toolbar-search{flex:760px;align-items:center;min-width:360px;max-width:1080px;display:flex;position:relative}.shop-toolbar-search-icon{color:var(--ink-3);pointer-events:none;position:absolute;left:14px}.shop-toolbar-search-input{border-radius:var(--r-pill);border:1px solid var(--border-strong);background-color:var(--surface-muted);width:100%;height:42px;color:var(--ink);padding:0 108px 0 40px;font-family:inherit;font-size:14px;transition:border-color .14s,box-shadow .14s,background-color .14s;box-shadow:inset 0 1px #00000005}.shop-toolbar-search-input::placeholder{color:var(--ink-4)}.shop-toolbar-search-input::-webkit-search-cancel-button{appearance:none}.shop-toolbar-search-input::-webkit-search-decoration{appearance:none}.shop-toolbar-search-input::-webkit-search-results-button{appearance:none}.shop-toolbar-search-input::-webkit-search-results-decoration{appearance:none}.shop-toolbar-search-input:hover{border-color:var(--ink-4);background-color:var(--surface)}.shop-toolbar-search-input:focus{border-color:var(--accent);background-color:var(--surface);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.shop-toolbar-search-clear{width:28px;height:28px;color:var(--ink-4);cursor:pointer;border-radius:var(--r-pill);background:0 0;border:0;place-items:center;padding:0;font-family:inherit;font-size:20px;line-height:1;transition:background-color .14s,color .14s;display:grid;position:absolute;top:50%;right:84px;transform:translateY(-50%)}.shop-toolbar-search-clear:hover{background-color:var(--surface-hover);color:var(--ink-2)}.shop-toolbar-search-submit{border-radius:var(--r-pill);background-color:var(--accent);height:34px;color:var(--accent-on);cursor:pointer;border:0;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .14s,transform .14s;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.shop-toolbar-search-submit:hover{background-color:var(--accent-hover)}.shop-toolbar-search-submit:active{transform:translateY(-50%)scale(.97)}.shop-toolbar-search-submit:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);outline:none}.shop-toolbar-select{border-radius:var(--r-pill);border:1px solid var(--border);background-color:var(--surface);height:34px;color:var(--ink-2);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8f99' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 12px center;background-repeat:no-repeat;max-width:200px;padding:0 36px 0 14px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .14s}.shop-toolbar-select:hover{border-color:var(--ink-4)}.shop-toolbar-select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}@media (max-width:600px){.shop-toolbar-search{flex-basis:100%;min-width:0;max-width:none}.shop-toolbar-select{flex:140px;max-width:none}}.view-toggle{background-color:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-pill);gap:2px;padding:3px;display:inline-flex}.view-toggle button{border-radius:var(--r-pill);height:34px;color:var(--ink-3);cursor:pointer;background-color:#0000;border:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:background-color .12s,color .12s;display:inline-flex}.view-toggle button:hover{color:var(--ink)}.view-toggle button[data-active=true]{background-color:var(--surface);color:var(--accent);box-shadow:var(--shadow-1)}