/* =================================================================== LIVE STATS section css =================================================================== */
.live-stats {
    position: relative;
    padding-block: var(--sp60);
    background: var(--white);
    border-bottom: 1px solid var(--line);

    & .live-stats__grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    & .live-stats__item {
        display: flex; flex-direction: column; align-items: center;
        gap: var(--sp8);
        padding-inline: var(--sp20);
        text-align: center;

        & + .live-stats__item { border-left: 1px solid var(--line); }
    }

    & .live-stats__num {
        font-size: var(--f64);
        font-weight: 600;
        line-height: 1;
        letter-spacing: -.04em;
        color: var(--primary);
    }

    & .live-stats__item:nth-child(3) .live-stats__num {
        background: var(--gradient-warm);
        -webkit-background-clip: text;
                background-clip: text;
        color: transparent;
    }

    & .live-stats__label { font-size: var(--f15); font-weight: 600; color: var(--muted); }
}

/* =================================================================== RESPONSIVE =================================================================== */
@media (max-width: 767.98px) {
    .live-stats {
        & .live-stats__grid { grid-template-columns: 1fr 1fr; row-gap: var(--sp40); }
        & .live-stats__item:nth-child(3) { border-left: 0; }
    }
}