.spec-wrap{--hdr:64px}@media (min-width:640px){.spec-wrap{--hdr:72px}}@media (min-width:1024px){.spec-wrap{--hdr:113px}}.spec{border-collapse:separate;border-spacing:0;text-align:left;color:#334155;width:100%;font-size:16px}@media (min-width:640px){.spec{font-size:13px}}.spec th{top:var(--hdr);z-index:10;letter-spacing:.05em;text-transform:uppercase;color:#f1f5f9;white-space:nowrap;background:#0f172a;border-bottom:2px solid #0f172a;border-right:1px solid #334155;padding:8px;font-size:11px;font-weight:700;position:sticky}@media (min-width:640px){.spec th{padding:7px 8px;font-size:10px}}.spec th:last-child{border-right:0}.spec th .sort{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;border-radius:4px;align-items:center;gap:4px;margin:-2px -4px;padding:2px 4px;display:inline-flex}.spec th .sort svg{opacity:.45}.spec th .sort:hover{background:#1e293b}.spec th .sort.on{color:#93c5fd}.spec th .sort.on svg{opacity:1}.spec td{white-space:nowrap;font-variant-numeric:tabular-nums;vertical-align:middle;border-right:1px solid #e2e8f0;padding:10px 8px}@media (min-width:640px){.spec td{padding:4px 8px}}.spec td:last-child{border-right:0}.spec .r{text-align:right}.spec .band td{color:#1e293b;background:#f1f5f9;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;padding:6px 8px;font-size:12px;font-weight:700}.spec .size td{white-space:normal;border-top:1px solid #e2e8f0;padding:12px 8px 4px}.spec .size a{letter-spacing:-.01em;color:#0f172a;font-size:18px;font-weight:900}.spec .size a:hover{color:#2563eb}.spec .size .plain{letter-spacing:-.01em;color:#0f172a;font-size:18px;font-weight:900}@media (min-width:640px){.spec .size .plain{font-size:14px}}.spec .size .rest{color:#64748b;margin-top:2px;font-size:13px;font-weight:500;display:block}@media (min-width:640px){.spec .size td{padding:8px 8px 2px}.spec .size a{font-size:14px}.spec .size .rest{margin:0 0 0 8px;font-size:11px;display:inline}}.spec .row{cursor:pointer;border-top:1px solid #f1f5f9}.spec .row:nth-child(2n){background:#f8fafc99}.spec .row:hover{background:#eff6ff}.spec .row .ax{color:#0f172a;padding-left:16px;font-weight:700}@media (min-width:640px){.spec .row .ax{padding-left:20px;font-weight:600}}.spec .row .price{color:#0f172a;font-weight:700}.spec .row .unit{color:#64748b;white-space:nowrap;margin-top:2px;font-size:12px;font-weight:400;display:block}.spec .row .ea{color:#94a3b8;margin-left:4px;font-size:10px;font-weight:400;display:none}@media (min-width:640px){.spec .row .unit{display:none}.spec .row .price{font-weight:600}}.spec .row.oos,.spec .row.oos .ax,.spec .row.oos .price{color:#94a3b8}.spec .row.oos .price{color:#dc2626;font-size:11px;font-weight:500}.spec .pn{align-items:center;gap:6px;display:inline-flex}.spec .pn a{color:#1d4ed8;white-space:normal;overflow-wrap:anywhere;max-width:40ch;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.25;display:inline-block}@media (min-width:1280px){.spec .pn a{white-space:nowrap;max-width:none}}.spec .pn a:hover{text-decoration:underline}.spec .dot{border-radius:9999px;flex:none;width:6px;height:6px}.spec .dot.in-stock{background:#22c55e}.spec .dot.low-stock{background:#fbbf24}.spec .dot.out-of-stock{background:#ef4444}.spec .dot.made-to-order{background:#94a3b8}.spec .cart{padding:4px}.spec .cart button{color:#2563eb;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.spec .cart button:hover{background:#dbeafe}.spec .addc{width:1%;padding:2px 6px}.spec .add{align-items:center;gap:4px;display:inline-flex}.spec .add input{text-align:center;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:52px;height:34px;font-size:13px;font-weight:600}.spec .add input:focus{outline-offset:-1px;outline:2px solid #2563eb}.spec .add button{color:#fff;white-space:nowrap;background:#2563eb;border-radius:6px;align-items:center;gap:4px;height:34px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.spec .add button:hover{background:#1d4ed8}.spec .add button.done{background:#16a34a}.spec .add .tot{color:#475569;white-space:nowrap;font-size:11px;font-weight:600}.spec .add-na{color:#94a3b8;white-space:nowrap;font-size:11px}.spec .row.oos .addc{color:#94a3b8}.spec .sm,.spec .md,.spec .lg,.spec .xl{display:none}@media (min-width:640px){.spec .sm{display:table-cell}.spec .cart{display:none}}@media (min-width:768px){.spec .md{display:table-cell}}@media (min-width:1024px){.spec .lg{display:table-cell}.spec .row .ea{display:inline}}@media (min-width:1280px){.spec .xl{display:table-cell}}