.wpc-counter-wrap {
  width: 100% !important;
  max-width: 1600px !important;
  margin-inline: auto !important;
  font-family: 'Oak Sans', 'Segoe UI', Arial, sans-serif !important;
  background: var(--wpcc-bg, transparent) !important;
  padding: var(--wpcc-pad-y, clamp(24px, 4vw, 48px)) var(--wpcc-pad-x, clamp(16px, 3vw, 24px)) !important;
}

.wpc-counter-wrap,
.wpc-counter-wrap *,
.wpc-counter-wrap *::before,
.wpc-counter-wrap *::after {
  box-sizing: border-box !important;
}

.wpc-counter-heading {
  font-family: 'Tropiline', 'Oak Sans', serif !important;
  font-weight: 700 !important;
  font-size: clamp(22px, 3.4vw, 34px) !important;
  line-height: 1.35 !important;
  text-align: center !important;
  color: var(--wpcc-heading-color, #00335E) !important;
  max-width: 46ch !important;
  margin: 0 auto clamp(28px, 5vw, 48px) !important;
  overflow-wrap: break-word !important;
}

.wpc-counter-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  border-top: 1px solid var(--wpcc-divider-color, #e5e9ed) !important;
}

.wpc-counter-item {
  flex: 1 1 clamp(140px, 18vw, 220px) !important;
  min-width: 0 !important;
  text-align: center !important;
  padding: clamp(20px, 3.5vw, 32px) clamp(10px, 2vw, 20px) !important;
  border-left: 1px solid var(--wpcc-divider-color, #e5e9ed) !important;
}

.wpc-counter-item:first-child {
  border-left: none !important;
}

.wpc-counter-number {
  display: block !important;
  font-family: 'Tropiline', 'Oak Sans', serif !important;
  font-weight: 700 !important;
  font-size: clamp(24px, 4vw, 40px) !important;
  line-height: 1.1 !important;
  color: var(--wpcc-number-color, #00335E) !important;
  white-space: nowrap !important;
}

.wpc-counter-label {
  display: block !important;
  font-size: clamp(11px, 1.3vw, 12.5px) !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--wpcc-label-color, #00335E) !important;
  line-height: 1.5 !important;
  margin-top: clamp(6px, 1.2vw, 10px) !important;
  overflow-wrap: break-word !important;
}

/* ── Tablet: 3-up grid of bordered cards ── */
@media (max-width: 900px) {
  .wpc-counter-row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: clamp(10px, 2vw, 16px) !important;
    border-top: none !important;
  }

  .wpc-counter-item,
  .wpc-counter-item:first-child {
    width: 100% !important;
    border: 1px solid var(--wpcc-divider-color, #e5e9ed) !important;
    border-radius: 14px !important;
    background: var(--wpcc-item-bg, #ffffff) !important;
    box-shadow: 0 10px 24px -18px rgba(0, 51, 94, 0.25) !important;
    padding: clamp(18px, 3vw, 24px) 10px !important;
  }
}

/* ── Mobile: 2-up grid of bordered cards ── */
@media (max-width: 600px) {
  .wpc-counter-row {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .wpc-counter-item:last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 359px) {
  .wpc-counter-number {
    font-size: 22px !important;
  }

  .wpc-counter-item {
    padding: 16px 8px !important;
  }
}