/* Scoped to the product chooser; comparison and enquiry panels stay unchanged. */
.panel[data-panel=products]{padding:12px 16px;border-radius:14px}
.panel[data-panel=products] .panel-head{margin-bottom:8px;gap:8px}
.panel[data-panel=products] h2{font-size:17px;letter-spacing:.2px}
.panel[data-panel=products] .panel-head p{font-size:12px;background:#edf8f7;color:#40827e;padding:3px 9px;border-radius:20px}
.panel[data-panel=products] .filters{gap:10px;grid-template-columns:minmax(180px,1fr) minmax(210px,1.2fr) auto}
.panel[data-panel=products] .filters label{font-size:12px;line-height:1.6;color:#69808a;font-weight:600}
.panel[data-panel=products] .filters input,.panel[data-panel=products] .filters select{height:34px;padding:5px 9px;font-size:13px;border-color:#d1dfe5;background:#f9fbfc;border-radius:8px;color:#234350}
.panel[data-panel=products] .filters button{height:34px;padding:5px 12px;font-size:12px}
.panel[data-panel=products] input:focus-visible,.panel[data-panel=products] select:focus-visible{outline:2px solid #66babd;outline-offset:2px}
.panel[data-panel=products] details{margin:7px 0 5px;padding:5px 10px;background:#f8fbfc;border-color:#e3ecef;border-radius:8px}
.panel[data-panel=products] summary{font-size:12px;color:#47707d}
.panel[data-panel=products] .catalogue-note{font-size:11px;line-height:1.5;margin:5px 0 8px;color:#7a8e96}
.panel[data-panel=products] .products{gap:10px;align-items:stretch}
.panel[data-panel=products] .products article{position:relative;min-height:202px;padding:9px;border-radius:12px;border-color:#dfE9ed;box-shadow:0 2px 6px #23435005;transition:border-color .18s,box-shadow .18s}
.panel[data-panel=products] .products article:hover{border-color:#91c6ce;box-shadow:0 5px 16px #23435012}
.panel[data-panel=products] .product-image{height:78px;margin-bottom:7px;padding:4px;border-radius:9px;background:#fff}
.panel[data-panel=products] .products article>small{position:absolute;top:13px;left:13px;z-index:1;padding:2px 7px;border:1px solid #b9e2dd;border-radius:5px;background:#f1fcf9;font-size:10px;line-height:1.4;pointer-events:none}
.panel[data-panel=products] article h3{font-size:15px;line-height:1.4;margin-bottom:3px;color:#234d5e}
.panel[data-panel=products] article>p{font-size:12px;line-height:1.45;color:#65808c;-webkit-line-clamp:3}
.panel[data-panel=products] .product-actions{gap:6px;padding-top:7px}
.panel[data-panel=products] .product-actions a,.panel[data-panel=products] .product-actions button{font-size:11px;min-height:29px;padding:4px 3px;border-radius:7px;line-height:1.4}
.panel[data-panel=products] .product-actions a{background:#fafcfd;border-color:#d3e2e7;color:#427084}
.panel[data-panel=products] .product-actions button.is-selected{background:#eaf7f2;color:#27836b;box-shadow:inset 0 0 0 1px #c4e8da}
@media(max-width:1000px){.panel[data-panel=products] .products{grid-template-columns:repeat(3,minmax(0,1fr))}.panel[data-panel=products] .filters{grid-template-columns:minmax(150px,1fr) minmax(180px,1.2fr)}.panel[data-panel=products] #goCompare{grid-column:2;justify-self:end}}
@media(max-width:640px){.panel[data-panel=products]{padding:10px}.panel[data-panel=products] .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.panel[data-panel=products] .filters{grid-template-columns:1fr}.panel[data-panel=products] #goCompare{grid-column:auto}.panel[data-panel=products] .panel-head{align-items:flex-start}.panel[data-panel=products] .panel-head p{white-space:nowrap;font-size:10px}.panel[data-panel=products] .products article{min-height:202px}}
/* Readable type and shared row tracks replace compact-by-small-type styling. */
.panel[data-panel=products] .filters label,.panel[data-panel=products] summary{font-size:14px;color:#45616e}
.panel[data-panel=products] .filters input,.panel[data-panel=products] .filters select{font-size:15px;height:38px;font-weight:400}
.panel[data-panel=products] .filters button{font-size:14px;height:38px}
.panel[data-panel=products] .catalogue-note{font-size:13px;color:#647b86}
.panel[data-panel=products] .products{grid-auto-rows:1fr}
.panel[data-panel=products] .products article{display:grid;grid-template-rows:88px 25px minmax(63px,auto) 36px;gap:5px;min-height:0;padding:11px}
.panel[data-panel=products] .product-image{height:88px;margin:0}
.panel[data-panel=products] article h3{font-size:17px;line-height:25px;margin:0}
.panel[data-panel=products] article>p{font-size:14px;line-height:21px;color:#4b6572;margin:0;-webkit-line-clamp:unset;display:block;overflow:visible}
.panel[data-panel=products] .product-actions{padding:0;margin:0;align-self:end}
.panel[data-panel=products] .product-actions a,.panel[data-panel=products] .product-actions button{font-size:14px;min-height:36px;padding:5px 3px}
.panel[data-panel=products] .products article>small{font-size:12px;top:15px;left:15px}
.panel[data-panel=products] .panel-head p{font-size:13px}
.consultation-section{margin-top:20px;padding:12px 14px;background:#f7fafc;border:1px solid #dce7ec;border-radius:12px}
.consultation-section>summary{font-size:16px;font-weight:700;color:#315767;cursor:pointer}
.consultation-history{padding-top:12px;min-height:0;background:transparent}
.consultation-history .panel-head{display:flex;flex-wrap:wrap;align-items:end;gap:12px}
.consultation-history .panel-head label{flex:1;min-width:200px;font-size:14px}
.consultation-history h2{font-size:16px}
.panel[data-panel=products] .candidate-scope{display:block;margin:0 0 10px auto;min-height:32px;padding:4px 12px;font-size:13px}
.panel[data-panel=products] .products article>small.channel-difference{left:auto;right:15px;border-color:#f0d8ae;background:#fff8ec;color:#946619;font-size:11px;font-weight:500}
.panel[data-panel=products] .products article{grid-template-rows:88px minmax(25px,auto) minmax(63px,auto) 36px}
.panel[data-panel=products] article h3{overflow-wrap:anywhere;line-height:24px}
@media(max-width:640px){.panel[data-panel=products] .products article{grid-template-rows:100px minmax(25px,auto) minmax(42px,auto) 36px}}
@media(max-width:640px){.panel[data-panel=products] .products{grid-template-columns:1fr}.panel[data-panel=products] .products article{grid-template-rows:100px 25px minmax(42px,auto) 36px}.panel[data-panel=products] .product-image{height:100px}.panel[data-panel=products] .panel-head p{font-size:12px}}
/* Aligned, readable chooser controls; no separate empty row for scope actions. */
.panel[data-panel=products]{padding:16px}
.panel[data-panel=products] .panel-head{margin-bottom:12px;align-items:center}
.panel[data-panel=products] h2{font-size:19px}
.panel[data-panel=products] .filters{grid-template-columns:minmax(200px,.85fr) minmax(260px,1.4fr) auto;gap:12px}
.panel[data-panel=products] .filters>label{display:flex;flex-direction:column;gap:5px;font-size:15px;line-height:22px}
.panel[data-panel=products] .filters input,.panel[data-panel=products] .filters select{height:40px;background:#fff;border-color:#cddfe5;border-radius:9px;font-size:15px}
.panel[data-panel=products] .filters button{height:40px;font-size:15px;padding:7px 14px}
.panel[data-panel=products] .search-line{gap:8px;min-width:0}
.panel[data-panel=products] details{margin:12px 0 0;padding:8px 12px;background:#f8fbfc}
.panel[data-panel=products] summary{font-size:15px;font-weight:500}
.panel[data-panel=products] .catalogue-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 12px}
.panel[data-panel=products] .catalogue-meta .catalogue-note{margin:0;line-height:22px;font-size:14px}
.panel[data-panel=products] .catalogue-meta .candidate-scope{display:inline-flex;align-items:center;margin:0;min-height:32px;padding:4px 12px;font-size:14px;white-space:nowrap;flex-shrink:0}
.panel[data-panel=products] article>p{white-space:pre-line}
@media(max-width:900px){.panel[data-panel=products] .filters{grid-template-columns:minmax(180px,.8fr) minmax(220px,1.2fr)}.panel[data-panel=products] #goCompare{grid-column:1/-1;justify-self:end}}
@media(max-width:640px){.panel[data-panel=products] .filters{grid-template-columns:1fr}.panel[data-panel=products] #goCompare{grid-column:auto;justify-self:stretch}.panel[data-panel=products] .catalogue-meta{align-items:flex-start}.panel[data-panel=products] .panel-head p{font-size:13px}.panel[data-panel=products] .products article{grid-template-rows:100px minmax(25px,auto) minmax(42px,auto) 36px}}


/* Product chooser stays concise; detailed attributes belong in step 2. */
.panel[data-panel=products] .products{gap:12px;align-items:start;grid-auto-rows:auto}
.panel[data-panel=products] .products article{grid-template-rows:88px minmax(25px,auto) minmax(42px,auto) 36px;height:auto;min-height:220px}
@media(max-width:640px){.panel[data-panel=products] .products article{grid-template-rows:100px minmax(25px,auto) minmax(42px,auto) 36px;min-height:232px}}

/* Each candidate reads as a separate product, with clear selected/current states. */
.panel[data-panel=products] .products{gap:16px;padding:14px;border:1px solid #dce8ec;border-radius:16px;background:#eef4f6}
.panel[data-panel=products] .products article{border:1px solid #c7d8df;border-top:4px solid #9bbdc8;background:#fff;box-shadow:0 5px 14px #183b4a12}
.panel[data-panel=products] .products article:hover{border-color:#65aeb8;border-top-color:#319ca7;box-shadow:0 9px 22px #183b4a1c;transform:translateY(-1px)}
.panel[data-panel=products] .products article.is-current-product{border-color:#319ca7;border-top-color:#178d99;box-shadow:0 0 0 2px #c9eef0,0 7px 18px #183b4a18}
.panel[data-panel=products] .products article.is-selected-product{border-color:#3e9e80;border-top-color:#258667;box-shadow:0 0 0 3px #d8f1e7,0 7px 18px #183b4a18}
.panel[data-panel=products] .products article.is-selected-product:after{content:"已选";position:absolute;top:0;right:0;padding:3px 9px;border-radius:0 8px 0 8px;background:#258667;color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em}
@media(max-width:640px){.panel[data-panel=products] .products{gap:12px;padding:10px}}