/* /assets/css/shop/heat-exchanger-heat-pipe-thermal-diagram-bundle.css — shop product page styles (shared by en + zh) */
.shop-product{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:22px;margin-top:22px;align-items:start}
@media (max-width:900px){.shop-product{grid-template-columns:1fr}}
.sp-preview{background:linear-gradient(180deg,#ffffff,#f7f9fc);border:1px solid var(--line-soft);border-radius:14px;padding:12px;box-shadow:0 0 0 1px rgba(22,32,44,.04),0 24px 60px -30px rgba(22,32,44,.14)}
.sp-preview svg{display:block;width:100%;height:auto}
.sp-preview-cap{margin-top:8px;text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sp-meta{display:flex;flex-direction:column;gap:16px}
.sp-list{list-style:none;margin:0;padding:0}
.sp-list li{position:relative;padding:7px 0 7px 26px;font-size:13.5px;line-height:1.6;color:var(--text);border-bottom:1px dashed var(--line-soft)}
.sp-list li:last-child{border-bottom:0}
.sp-list li::before{content:"\2713";position:absolute;left:2px;top:7px;color:#047857;font-weight:700}
.sp-note{margin:0;font-size:12.5px;line-height:1.7;color:var(--muted)}
.shop-section{margin-top:34px}
.shop-section > h2{margin:0 0 14px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--strong);font-weight:500}
.shop-faq .faq-item h3{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--strong)}
/* SVG preview part palette (labels via base .tag/.tag-sm) */
.sp-preview .body{fill:#cfd9e6;stroke:#8ea0b5;stroke-width:1.6}
.sp-preview .body2{fill:#e7edf4;stroke:#a9b7c9;stroke-width:1.2}
.sp-preview .body3{fill:#9fb0c4}
.sp-preview .hi{fill:#c2410c;fill-opacity:.22;stroke:#c2410c;stroke-width:1.6}
.sp-preview .accent{fill:none;stroke:#6b7b8c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sp-preview .flow{fill:none;stroke:#c2410c;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:7 7;opacity:.9}
.sp-preview .spin{transform-box:view-box}