/* Power Solar — reusable metrics component.
   Load globally AFTER existing homepage CSS. Uses the supplied markup.
   No page IDs, generated builder node IDs, or JavaScript required. */
.fl-row.ps-metrics {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #f2f3f5;
}
.fl-row.ps-metrics > .fl-row-content-wrap {
  margin: 0;
  padding: 0;
  background: #f2f3f5;
}
.fl-row.ps-metrics > .fl-row-content-wrap > .fl-row-content {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0;
}
.fl-row.ps-metrics .fl-col-group,
.fl-row.ps-metrics .fl-col,
.fl-row.ps-metrics .fl-col-content,
.fl-row.ps-metrics .fl-module-html,
.fl-row.ps-metrics .fl-module-html > .fl-module-content {
  margin: 0;
  padding: 0;
}
.fl-row.ps-metrics .fl-col {
  float: none;
  width: 100% !important;
  max-width: none !important;
}
/* Also supports the inner section used by itself in an HTML module. */
section.ps-metrics {
  position: relative;
  box-sizing: border-box;
  margin: 0;
  padding: 32px 24px;
  overflow: hidden;
  background: #f2f3f5;
}
section.ps-metrics *,
section.ps-metrics *::before,
section.ps-metrics *::after { box-sizing: border-box; }
section.ps-metrics .ps-metrics-inner {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0;
}
section.ps-metrics .ps-metrics-inner > .ps-metric {
  grid-column: auto !important;
  min-width: 0;
  width: auto !important;
  margin: 0 !important;
  padding: 8px 18px !important;
  border: 0 !important;
  border-left: 1px solid #b8c3d8 !important;
  text-align: center !important;
  /* Override legacy hidden/reveal rules, even when those classes are present. */
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}
section.ps-metrics .ps-metrics-inner > .ps-metric:first-child {
  border-left: 0 !important;
}
section.ps-metrics .ps-metric-number {
  display: block;
  margin: 0 0 8px !important;
  padding: 0;
  color: #1f4298 !important;
  font-family: Poppins, sans-serif !important;
  font-size: clamp(23px, 2.1vw, 34px) !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums;
  line-height: 1.12 !important;
  white-space: normal;
  overflow-wrap: break-word;
}
section.ps-metrics .ps-metric-label {
  margin: 0 !important;
  padding: 0;
  color: #5b5b5b !important;
  font-family: Sarabun, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}
@media (min-width: 769px) and (max-width: 1024px) {
  section.ps-metrics .ps-metrics-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  section.ps-metrics .ps-metrics-inner > .ps-metric {
    padding: 22px 18px !important;
    border-left: 0 !important;
    border-bottom: 1px solid #b8c3d8 !important;
  }
  section.ps-metrics .ps-metrics-inner > .ps-metric:nth-child(even) {
    border-left: 1px solid #b8c3d8 !important;
  }
  section.ps-metrics .ps-metrics-inner > .ps-metric:last-child {
    grid-column: 1 / -1 !important;
    border-bottom: 0 !important;
  }
  section.ps-metrics .ps-metric-number { font-size: 30px !important; }
}
@media (max-width: 768px) {
  section.ps-metrics { padding: 12px 20px; }
  section.ps-metrics .ps-metrics-inner {
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 560px;
  }
  section.ps-metrics .ps-metrics-inner > .ps-metric,
  section.ps-metrics .ps-metrics-inner > .ps-metric:first-child {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    padding: 24px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid #b8c3d8 !important;
  }
  section.ps-metrics .ps-metrics-inner > .ps-metric:last-child {
    border-bottom: 0 !important;
  }
  section.ps-metrics .ps-metric-number { font-size: 30px !important; }
}

section.ps-metrics .ps-metric-number {
  font-size: 26px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}