/* =================== hc-pdp-infographic.css =================== */
.hc-pdp-infographic {margin: var(--hc-sp-5, 28px) 0; padding: clamp(20px, 2.2vw, 32px); background: linear-gradient(135deg, rgba(139, 115, 85, 0.04), rgba(139, 115, 85, 0.02)); border: 0.5px solid rgba(139, 115, 85, 0.15); border-radius: 16px}
.hc-pdp-infographic__head {margin-bottom: clamp(14px, 1.8vw, 20px); text-align: center}
.hc-pdp-infographic__title {font-family: var(--hc-serif, "Playfair Display", Georgia, serif); font-weight: 500; font-size: clamp(18px, 2vw, 22px); margin: 4px 0 0; color: var(--hc-ink, #1a1714)}
.hc-pdp-infographic__viewer {background: var(--hc-paper, #ffffff); border-radius: 12px; padding: clamp(12px, 1.5vw, 18px); border: 0.5px solid rgba(26, 23, 20, 0.05)}
.hc-pdp-infographic__facts {display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 10px; margin-top: 16px}
.hc-pdp-infographic__fact {text-align: center; padding: 12px 10px; background: var(--hc-paper, #ffffff); border: 0.5px solid rgba(26, 23, 20, 0.06); border-radius: 10px}
.hc-pdp-infographic__fact-num {display: block; font-family: var(--hc-serif, "Playfair Display", Georgia, serif); font-size: 22px; font-weight: 500; color: var(--hc-accent-dark, #7a6548); line-height: 1; margin-bottom: 4px}
.hc-pdp-infographic__fact-lbl {display: block; font-family: var(--hc-mono, "JetBrains Mono", monospace); font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--hc-muted, rgba(26, 23, 20, 0.55))}