/* ==========================================================================
   Years Since Counter — Styles
   ========================================================================== */

.ysc-counter {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
    /* Keine fixen Farben — erbt vom Theme / YOOtheme Pro */
}

/* Zahl + Suffix nebeneinander */
.ysc-counter-inner {
    display: inline-flex;
    align-items: baseline;
}

.ysc-number {
    display: inline-block;
    font-variant-numeric: tabular-nums;
    /* Sanfte Skalierung beim Hochlaufen */
    transition: transform 0.05s ease-out;
}

.ysc-number.ysc-tick {
    transform: scale(1.04);
}

.ysc-suffix {
    display: inline-block;
    margin-left: 0.08em;
}

.ysc-label {
    display: block;
    margin-top: 0.35em;
    font-size: 0.45em;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0.7;
    text-align: center;
}

/* Einblend-Animation beim Start */
@keyframes ysc-fade-in {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.ysc-counter {
    animation: ysc-fade-in 0.5s ease both;
}