/* Külső konténer – ezt figyeljük IO-val és itt optimalizálunk renderre */
.e-smooth-odometer-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  height: 180px;                 /* ismert méret -> IO biztosan “látja” */
  width: 180px;
  border-radius: 100px;
  border: 2px solid rgba(198, 195, 198, 0.2);
  background: radial-gradient(  circle,  rgba(31, 53, 77, 0) 0%,  rgba(31, 53, 77, 0.5) 30%, rgba(31, 53, 77, 0.5) 51%,  rgba(31, 53, 77, 0.2) 70%, rgba(31, 53, 77, 0) 100%);
  overflow: hidden !important;
  position: relative;
  z-index: 1;

  /* Böngésző optimalizációk */
  contain: content;
  content-visibility: auto;
  contain-intrinsic-size: 180px 180px; /* fallback hely a renderhez */
}

/* A tényleges odométer */
.e-smooth-odometer{
  --digit-size: clamp(32px, 6vw, 42px);
  --digit-height: 1em;
  --gap: 3px;
  --easing: cubic-bezier(.22,.61,.36,1);

  display: inline-flex;
  align-items: flex-start;
  gap: var(--gap);
  white-space: nowrap;

  font-size: var(--digit-size);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.e-smooth-odometer .digit-col{
  position: relative;
  width: 1ch;               /* stabil szélesség egy számjegynek */
  min-width: 1ch;
  height: var(--digit-height);
  overflow: hidden;
  flex: 0 0 auto;
}

/* A tekercs – ne legyen transition, a WAAPI animál! */
.e-smooth-odometer .reel{
  will-change: transform;
  transition: none;
}

.e-smooth-odometer .reel span, .digit-col span{
  display: block;
  height: var(--digit-height);
  line-height: var(--digit-height);
  color: #fff;
}

/* Kiegészítők (felirat, suffix stb.) */
.e-smooth-odometer-container p{
  font-size: 14px;
  font-weight: 500;
  margin-top: 5px;
  color: var(--e-global-color-text);
}

.e-suffix{
  font-size: 26px;
  color: #fff;
  font-weight: 700;
}

.e-smooth-odometer-wrapper{
  display: flex;
  align-items: center;
  gap: 2px;
}

/* (opcionális) animáció közbeni állapot jelzésre */
.e-smooth-odometer-container.is-animating { /* pl. halvány fény, ha szeretnéd */
  /* filter: drop-shadow(0 0 0.02em rgba(0,0,0,.08)); */
}