/*
 * sf-stats — generic stats / metrics band.
 * Merged from about-stats-salesfision (full .stat-item rules) + stats-salesfision
 * (responsive gap). Brand values are exposed as CSS custom properties with the
 * original defaults preserved; render.php sets --sf-stats-bg / --sf-stats-accent
 * per instance from the bg_color / accent_color fields.
 */
[data-sf-block="sf-stats"] {
  --sf-stats-bg: #111;
  --sf-stats-accent: #e63946;
}
[data-sf-block="sf-stats"] .stats-section { background: var(--sf-stats-bg); padding: 80px 40px; }
[data-sf-block="sf-stats"] .stats-inner { max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; gap: 80px; flex-wrap: wrap; text-align: center; }
[data-sf-block="sf-stats"] .stat-item { display: flex; flex-direction: column; align-items: center; max-width: 320px; }
[data-sf-block="sf-stats"] .stat-item .icon { font-size: 36px; margin-bottom: 12px; color: var(--sf-stats-accent); display: inline-flex; align-items: center; justify-content: center; }
[data-sf-block="sf-stats"] .stat-item h3 { font-size: 32px; font-weight: 800; color: #fff; margin-bottom: 8px; text-align: center; line-height: 1.15; }
[data-sf-block="sf-stats"] .stat-item h3 .count-num { font-size: 40px; color: var(--sf-stats-accent); }
[data-sf-block="sf-stats"] .stat-item p { font-size: 14px; color: #888; max-width: 260px; }
[data-sf-block="sf-stats"] .count-num { display: inline-block; }

@media (max-width: 600px) {
  [data-sf-block="sf-stats"] .stats-inner { gap: 48px; }
}