.ce-container {
  font-family: var(--wp--preset--font-family--inter, Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);
  font-variant-numeric: tabular-nums;
  display:flex;
  gap:16px;
  justify-content:center;
  align-items:stretch;
}

.ce-container.compact { gap:8px; }

.ce-box{
  background:var(--wp--preset--color--surface);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:12px;
  padding:14px 18px;
  min-width:88px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-shadow:
    0 1px 3px rgba(0,0,0,0.3) inset,
    0 1px 10px rgba(0,0,0,0.25);
}

.ce-container.compact .ce-box{ padding:10px 12px; min-width:50px; }

.ce-value{ font-weight:800; font-size:36px; line-height:1; color:#fff; margin-bottom:6px; }
.ce-label{ font-size:12px; letter-spacing:1px; opacity:.8; color:#cbd5e1; }

/* === Wersja kompakt na urządzeniach mobilnych === */
@media (max-width: 640px) {
  .ce-container { gap:8px; }                 /* jak .compact */
  .ce-box { padding:10px 8px; min-width:45px; }
  .ce-value { font-size:22px; }              /* opcjonalnie: trochę mniejsza wartość */
  .ce-label{ font-size:8px; letter-spacing:1px; opacity:.8; color:#cbd5e1; }
}