.product-chart-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.product-chart-summary>div{display:grid;gap:6px;padding:16px 18px;background:#fff;border:1px solid #dde8df;border-radius:10px}
.product-chart-summary span{font-size:12px;color:#648473}
.product-chart-summary strong{font:800 19px Manrope,sans-serif;color:#174d38}
.product-chart-panel{background:#fff;border:1px solid #dde8df;border-radius:14px;padding:24px}
.product-chart-panel h2{font-size:20px;margin:0 0 6px}.product-chart-panel>p{margin:0 0 25px;font-size:12px}
.product-chart-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,1.15fr);gap:24px;align-items:start}
.product-chart-visual{text-align:center;min-width:0;position:sticky;top:20px}
.product-chart-visual h3{font-size:18px;margin:4px 0 6px}
.product-chart-visual p,.product-chart-visual small{display:block;font-size:12px;color:#648473;line-height:1.45}
.product-chart-visual p{margin:0}.product-chart-visual small{margin:0 auto 10px}
.product-chart-legend{min-width:0}.product-chart-legend h3{font-size:17px;margin:0 0 12px}
.product-chart-legend-row{display:grid;grid-template-columns:14px 23px minmax(0,1fr) auto 44px;align-items:center;gap:7px;min-height:46px;padding:7px 4px;border-bottom:1px solid #edf1ed;transition:opacity .18s}
.product-chart-legend-row:hover{background:#f5f9f5}
.product-chart-legend-row.is-dim{opacity:.34}
.product-chart-swatch{display:block;width:12px;height:12px;border-radius:4px}
.product-chart-position{font-weight:800;color:#438871;font-size:12px}
.product-chart-info{min-width:0;display:grid;gap:3px}
.product-chart-info>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.product-chart-info small{color:#6c8d7c;font-size:10px;line-height:1.35}
.product-chart-value{text-align:right;font:800 12px Manrope,sans-serif;color:#164f3a;white-space:nowrap}
.product-chart-share{text-align:right;color:#648473;font-size:11px}
.product-chart-source{font-size:12px;line-height:1.5;margin:14px 0}
@media(max-width:1000px){.product-chart-layout{grid-template-columns:1fr}.product-chart-visual{position:static}.product-chart-legend{max-width:760px;width:100%;margin:auto}}
@media(max-width:720px){.product-chart-summary{grid-template-columns:1fr}.product-chart-panel{padding:15px}.product-chart-legend-row{grid-template-columns:12px 20px minmax(0,1fr) auto;gap:5px}.product-chart-share{grid-column:4}.product-chart-value{font-size:11px}}