.prd{--bg:#fff;--hover:#f4f4f5;--field:#f4f4f5;--border:#e7e8ec;--border-strong:#dfe1e5;--text:#18181b;--text-2:#3f3f46;--body:#52525b;--muted:#71717a;--faint:#a1a1aa;--primary:var(--brand);--primary-hover:var(--brand-hover);--primary-soft:var(--brand-soft);--mark:#fff1b8;--ease:cubic-bezier(.22, .9, .28, 1);--dur:.28s;--sh-sm:0 1px 2px #1018280d;--rp-w:260px;min-height:100%;color:var(--text);align-items:flex-start;font-size:14px;line-height:20px;display:flex}.prd button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.prd a{color:inherit;text-decoration:none}.prd mark{background:var(--mark);color:inherit;border-radius:3px;padding:0 1px}.prd-col{flex:1;min-width:0}.prd .page-toolbar{background:var(--bg)}.prd .crumbs{white-space:nowrap;align-items:center;gap:2px;min-width:0;font-size:12.5px;line-height:16px;display:flex;overflow:hidden}.prd .crumbs a,.prd .crumbs .cur{color:var(--muted);border-radius:6px;padding:4px 8px;transition:background .15s,color .15s}.prd .crumbs a:hover{background:var(--hover);color:var(--text)}.prd .crumbs .cur{color:#1b1c1e;text-overflow:ellipsis;overflow:hidden}.prd .crumbs svg{width:12px;height:12px;color:var(--faint);flex:none}.prd .tools{align-items:center;gap:8px;display:flex}.prd .tbtn{width:32px;height:32px;color:var(--text-2);border-radius:8px;place-items:center;transition:background .15s,color .15s;display:grid;position:relative}.prd .tbtn:hover{background:var(--hover)}.prd .tbtn.on{color:var(--primary);background:var(--primary-soft)}.prd .tbtn svg{width:18px;height:18px}.prd .tbtn .badge{background:var(--primary);color:#fff;text-align:center;border-radius:8px;min-width:15px;height:15px;padding:0 4px;font-size:10px;font-weight:600;line-height:15px;position:absolute;top:2px;right:1px}.prd .wrap{padding:0 48px 64px 44px}.prd .prod-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:32px;margin-top:34px;display:grid}.prd .filters{scrollbar-width:thin;scrollbar-color:transparent transparent;max-height:calc(100dvh - 140px);padding-right:2px;position:sticky;top:72px;overflow-y:auto}.prd .filters:hover{scrollbar-color:var(--border-strong) transparent}.prd .field{background:var(--field);height:34px;color:var(--muted);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:0 10px;transition:box-shadow .18s,background .18s,border-color .18s;display:flex}.prd .field.xl{height:40px}.prd .field svg{flex:none;width:14px;height:14px}.prd .field:focus-within{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 3px rgba(var(--brand-rgb), .14);background:#fff}.prd .field input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:14px}.prd .field input::placeholder{color:var(--muted)}.prd .field .clear{width:18px;height:18px;color:var(--muted);border-radius:4px;font-size:16px;line-height:18px;display:none}.prd .field.has-q .clear{display:block}.prd .f-head{justify-content:space-between;align-items:center;margin:26px 0 16px;padding:0 8px;display:flex}.prd .f-head h2{letter-spacing:-.01em;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:600;line-height:28px;display:flex}.prd .fbadge{background:var(--primary);color:#fff;text-align:center;border-radius:4px;min-width:16px;height:16px;padding:0 4px;font-size:11px;font-weight:600;line-height:16px;display:inline-block}.prd .linkbtn{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;transition:background .15s,opacity .15s}.prd .linkbtn:hover:not(:disabled){background:var(--primary-soft)}.prd .linkbtn:disabled{opacity:.35;cursor:default}.prd .linkbtn.more{text-transform:none;letter-spacing:0;margin:4px 0 0 -8px;font-size:13px}.prd .linkbtn.clear-all{margin-left:auto;padding:0;transition:opacity .15s}.prd .linkbtn.clear-all:hover{background:0 0;text-decoration:underline}.prd .fg{border-bottom:1px solid var(--border);transition:border-color .15s}.prd .fg:hover{border-color:#0000}.prd .fg:has(+.fg:hover){border-color:#0000}.prd .fg-head{text-align:left;width:100%;height:52px;color:var(--text-2);border-radius:8px;align-items:center;gap:8px;padding:0 8px;font-size:14px;transition:background .15s;display:flex}.prd .fg-head:hover{background:var(--hover)}.prd .fg-head>svg{width:16px;height:16px;color:var(--muted);transition:transform .25s var(--ease);margin-left:auto}.prd .fg.open .fg-head>svg{transform:rotate(180deg)}.prd .fg.open .fg-head{color:var(--text);font-weight:500}.prd .fg-body{transition:grid-template-rows .3s var(--ease);grid-template-rows:0fr;display:grid}.prd .fg.open .fg-body{grid-template-rows:1fr}.prd .fg-in{min-height:0;padding:0 8px;overflow:hidden}.prd .fg.open .fg-in{padding-top:8px;padding-bottom:12px}.prd .chk{cursor:pointer;min-height:32px;color:var(--text);align-items:center;gap:12px;font-size:14px;display:flex;position:relative}.prd .chk input{opacity:0;width:16px;height:16px;margin:0;position:absolute}.prd .chk .box{border:1.5px solid var(--border-strong);color:#fff;background:#f4f4f5;border-radius:4px;flex:none;place-items:center;width:16px;height:16px;transition:background .15s,border-color .15s;display:grid}.prd .chk .box svg{stroke-width:3px;opacity:0;width:12px;height:12px;transition:opacity .15s, transform .2s var(--ease);transform:scale(.4)}.prd .chk:hover .box{border-color:#b8bdc6}.prd .chk input:checked+.box{background:var(--primary);border-color:var(--primary)}.prd .chk input:checked+.box svg{opacity:1;transform:none}.prd .chk input:focus-visible+.box{outline:2px solid var(--primary);outline-offset:2px}.prd .chk .lbl{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.prd .chk .cnt{color:var(--faint);font-variant-numeric:tabular-nums;padding-right:2px;font-size:12px}.prd .empty{color:var(--muted);padding:16px 24px;font-size:13px}.prd .pgrid{grid-template-columns:repeat(auto-fill,minmax(max(220px,20% - 13.3px),1fr));gap:16px;display:grid}.prd .pcard{cursor:pointer;border-radius:10px;transition:background .18s,box-shadow .22s;position:relative}.prd .pcard:hover{box-shadow:var(--sh-sm);background:#f7f8fa}.prd .pcard.has-spec{background:#f7f8fa}.prd .pcard.preview{cursor:default;box-shadow:none}.prd .pimg{aspect-ratio:265/160;background:#f3f4f6;border-radius:10px 10px 0 0;position:relative;overflow:hidden}.prd .pimg img{object-fit:contain;mix-blend-mode:multiply;padding:10px}.prd .pimg .none{color:var(--faint);place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.prd .pimg .kind{color:var(--muted);background:#fff;border-radius:5px;padding:1px 6px;font-size:11px;font-weight:500;position:absolute;top:8px;left:8px}.prd .pbody{padding:10px 8px 14px}.prd .pcode{color:var(--primary);font-size:13px;font-weight:600;line-height:20px}.prd .pcode:hover{text-decoration:underline}.prd .pname{color:var(--text);margin-top:4px;font-size:13.5px;line-height:20px}.prd .specs{margin:12px 0 0;padding:0}.prd .specs>div{gap:12px;padding:7px 0;font-size:12px;line-height:16px;display:flex}.prd .specs>div+div{border-top:1px solid var(--border)}.prd .specs dt{width:64px;color:var(--muted);flex:none}.prd .specs dd{min-width:0;color:var(--text);overflow-wrap:anywhere;margin:0}.prd .pbm{z-index:1;width:28px;height:28px;color:var(--text-2);opacity:0;transition:opacity .16s, transform .2s var(--ease), color .15s;background:#fff;border-radius:7px;place-items:center;display:grid;position:absolute;top:8px;right:8px;transform:scale(.88);box-shadow:0 1px 3px #1018281f}.prd .pbm svg{width:15px;height:15px}.prd .pcard:hover .pbm,.prd .pbm.on,.prd .pbm:focus-visible{opacity:1;transform:none}.prd .pbm.on{color:var(--primary)}.prd .pbm.on svg,.prd .rm svg,.prd .btn-lg.soft.on svg{fill:currentColor}.prd .no-results{text-align:center;color:var(--muted);grid-column:1/-1;padding:56px 0}.prd .no-results b{color:var(--text);margin-bottom:4px;font-size:15px;display:block}.prd .sentinel{height:1px}.prd .rpanel{width:var(--rp-w);background:var(--bg);border-left:1px solid var(--border);height:calc(100dvh - 56px);transition:width var(--dur) var(--ease), border-color var(--dur);flex:none;position:sticky;top:0;overflow:hidden}.prd .rpanel.closed{border-left-color:#0000;width:0}.prd .rpanel-inner{width:var(--rp-w);scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:column;height:100%;padding:14px 10px 24px;display:flex;overflow-y:auto}.prd .rpanel-inner:hover{scrollbar-color:var(--border-strong) transparent}.prd .rpanel.closed .rpanel-inner{visibility:hidden;transition:visibility 0s var(--dur)}.prd .rpanel-head{align-items:center;gap:10px;min-height:32px;padding-left:8px;display:flex}.prd .rpanel-head h2{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600;line-height:28px}.prd .rpanel-head .n{border:1px solid var(--border);background:var(--hover);color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:6px;padding:0 6px;font-size:12px;font-weight:500;line-height:18px}.prd .icon-btn{width:32px;height:32px;color:var(--text-2);border-radius:8px;place-items:center;margin-left:auto;transition:background .15s;display:grid}.prd .icon-btn:hover{background:var(--hover)}.prd .icon-btn svg{width:18px;height:18px}.prd .rpanel-empty{text-align:center;color:var(--muted);margin:48px 14px 0;line-height:21px}.prd .rpanel-empty b{color:var(--text);display:block}.prd .rpanel-empty .ring{background:var(--primary-soft);width:48px;height:48px;color:var(--primary);border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.prd .rpanel-empty .ring svg{width:20px;height:20px}.prd .rp-search{margin-top:16px}.prd .sp-list{gap:8px;margin-top:14px;display:grid}.prd .sp-item{cursor:pointer;background:#f7f8fa;border-radius:10px;align-items:flex-start;gap:12px;padding-right:34px;transition:background .15s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.prd .sp-item:hover{background:var(--hover);box-shadow:var(--sh-sm)}.prd .sp-thumb{background:#f3f4f6;flex:none;width:84px;height:84px;position:relative}.prd .sp-thumb img{object-fit:contain;mix-blend-mode:multiply;padding:6px}.prd .sp-t{min-width:0;padding:10px 0}.prd .sp-t .pname{font-size:13px;line-height:18px}.prd .rm{width:24px;height:24px;color:var(--primary);opacity:0;border-radius:6px;place-items:center;transition:opacity .15s,background .15s;display:grid;position:absolute;top:6px;right:6px}.prd .rm svg{width:16px;height:16px}.prd .sp-item:hover .rm,.prd .sp-item:focus-within .rm{opacity:1}.prd .rm:hover{background:var(--primary-soft)}.prd .rp-sec{margin-top:22px}.prd .rp-sec h3{margin:0 8px 12px;font-size:16px;font-weight:600;line-height:24px}.prd .rp-rule{border-top:1px solid var(--border);margin:22px -10px 0;padding:22px 10px 0}.prd .tgl-row{border-radius:8px;justify-content:space-between;align-items:center;height:40px;margin-bottom:8px;padding:0 12px;font-size:14px;display:flex}.prd .tgl-row:first-of-type{background:var(--hover)}.prd .switch{background:#d9dce1;border-radius:12px;flex:none;width:40px;height:22px;transition:background .2s;position:relative}.prd .switch i{width:18px;height:18px;transition:transform .24s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.prd .switch.on{background:#18181b}.prd .switch.on i{transform:translate(18px)}.prd .tgl-sub{transition:grid-template-rows .3s var(--ease);grid-template-rows:0fr;margin:-2px 0 0 12px;display:grid}.prd .tgl-sub.open{grid-template-rows:1fr}.prd .tgl-sub>div{min-height:0;overflow:hidden}.prd .tgl-sub-in{border-left:1px solid var(--border);opacity:0;transition:opacity .2s, transform .28s var(--ease);margin-left:2px;padding:4px 0 6px 14px;transform:translateY(-4px)}.prd .tgl-sub.open .tgl-sub-in{opacity:1;transition-delay:60ms;transform:none}.prd .tgl-sub .chk{min-height:34px}.prd .rp-sec .pcard{margin:0 4px}.prd>.sp-body{flex:1;align-self:stretch;min-width:0}.prd .filters{max-height:none;padding:24px 12px;position:static;overflow:visible}.prd .filters .linkbtn.clear-all{letter-spacing:0;text-transform:none;flex:none;margin:0;padding:4px 6px;font-size:12px;font-weight:500}.prd .filters h2 .fbadge{flex:none}.prd .pf-groups{margin-top:18px}.prd .pf-groups .fg{border-bottom:1px solid rgba(var(--brand-rgb), .08)}.prd .pf-groups .fg-head{color:#1b1c1e;border-radius:12px;height:52px;padding:0 8px;font-size:15px}.prd .pf-groups .fg-head:hover{background:var(--sel)}.prd .pf-groups .chk{border-radius:8px;margin:0 -8px;padding:0 8px;transition:background .15s}.prd .pf-groups .chk:hover{background:var(--sel)}.prd .pf-groups .chk:has(input:checked){background:var(--sel)}.prd .pf-groups .fg.open .fg-head{font-weight:500}.prd .pf-groups .fg-head>svg{color:#5f6368;width:18px;height:18px}.prd .chk .box{background:#fff}.prd .wrap.prod{padding:0 48px 64px}.prd .wrap.prod h1{letter-spacing:-.01em;color:#1b1c1e;font-size:32px;font-weight:600;line-height:40px}.prd .prod-main{margin-top:32px}.prd .prod-main .pgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}.prd .prod-main .pcard,.prd .prod-main .pcard.has-spec{background:0 0;border-radius:8px}.prd .prod-main .pcard:hover{box-shadow:none;background:0 0}.prd .prod-main .pimg{background:#f6f6f7;border-radius:8px}.prd .prod-main .pbody{padding:12px 0 0}.prd .prod-main .pcode{font-size:12px;font-weight:600;line-height:16px}.prd .prod-main .pname{color:#1b1c1e;margin-top:6px;font-size:13px;line-height:1.3}@media (max-width:1280px){.prd .prod-main .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.prd .prod-main .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.prd .wrap.prod{padding:0 16px 48px}}.prd .wrap.dg h1{margin:0}.prd .dg-lede{color:#5f6368;max-width:60ch;margin:8px 0 0;font-size:14px;line-height:20px}.prd .dg-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px;margin-top:32px;display:grid}.prd .dgc{flex-direction:column;min-width:0;display:flex}.prd .dgc-img{border:1px solid var(--border);background:#f6f6f7;border-radius:8px;height:160px;display:block;overflow:hidden}.prd .dgc-img img,.prd .dgc-img .dg-svg{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease);display:block}.prd .dgc:hover .dgc-img img,.prd .dgc:hover .dgc-img .dg-svg{transform:scale(1.03)}.prd .dgc-t{padding:12px 0 0}.prd .dgc-t b{color:var(--primary);font-size:12px;font-weight:600;line-height:16px;display:block}.prd .dgc-t span{color:#1b1c1e;margin-top:6px;font-size:13px;line-height:1.3;display:block}.prd .dgc:hover .dgc-t span{text-underline-offset:3px;text-decoration:underline}.prd .dg-svg{background:#f7f7f5}.prd .dg-svg g{stroke:var(--primary)}.prd .dg-none{color:#5f6368;margin-top:32px;font-size:14px}.prd .dg-none b{color:#1b1c1e;margin-bottom:4px;display:block}.prd .wrap.dgd{padding:0 48px 64px}.prd .dgd-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);align-items:start;gap:40px;margin-top:8px;display:grid}.prd .dgd-fig{border:1px solid var(--border);background:#f6f6f7;border-radius:12px;place-items:center;min-height:420px;margin:0;padding:16px;display:grid}.prd .dgd-fig img{object-fit:contain;max-width:100%;max-height:68vh;display:block}.prd .dgd-fig .dg-svg{background:0 0;width:100%;height:auto}.prd .dgd-code{color:var(--primary);font-size:13px;font-weight:600;line-height:18px}.prd .dgd-info h1{letter-spacing:-.01em;color:#1b1c1e;margin:6px 0 12px;font-size:26px;font-weight:600;line-height:1.25}.prd .dgd-info p{color:#5f6368;margin:0;font-size:14px;line-height:22px}.prd .dgd-facts{margin:24px 0 0}.prd .dgd-facts div{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:10px 0;font-size:13px;line-height:18px;display:flex}.prd .dgd-facts dt{color:#5f6368;white-space:nowrap;flex:none}.prd .dgd-facts dd{color:#1b1c1e;text-align:right;margin:0}.prd .dgd-facts dd a{color:var(--primary)}.prd .dgd-facts dd a:hover{text-decoration:underline}.prd .dgd-acts{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.prd .dgd-btn{border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.prd .dgd-btn svg{width:16px;height:16px}.prd .dgd-btn.pri{background:var(--primary);color:#fff}.prd .dgd-btn.pri:hover{background:var(--brand-hover)}.prd .dgd-btn.out{border:.8px solid var(--primary);color:var(--primary)}.prd .dgd-btn.out:hover{background:rgba(var(--brand-rgb), .06)}@media (max-width:1280px){.prd .dg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1000px){.prd .dgd-grid{grid-template-columns:1fr}}@media (max-width:900px){.prd .dg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.prd .wrap.dgd{padding:0 16px 48px}}