.product-heatmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;max-height:620px;overflow-y:auto;padding:4px}
.heat-cell{border:1px solid #7793c433;border-radius:12px;padding:16px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;color:#f3f6ff}
.heat-name{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.heat-cell strong{font-size:24px}.heat-cell small{font-size:12px;font-weight:400}
.heat-level-0{background:#152036}.heat-level-1{background:#203459}.heat-level-2{background:#2c477a}.heat-level-3{background:#385799}.heat-level-4{background:#435fba}.heat-level-5{background:#514bd0}
.heat-legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:18px;font-size:12px}.heat-swatch{width:18px;height:18px;border-radius:4px;border:1px solid #ffffff22}.heat-legend small{margin-left:10px;color:#a8b9d4}
@media(max-width:600px){.product-heatmap{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:540px}.heat-cell{padding:12px;min-height:130px}.heat-name{font-size:12px}.heat-cell strong{font-size:21px}}