/* ================================================================
 * Block: Stat tiles — stat_tiles
 * Design: Figma "Growston NEW" §9 Liczby (node 51:2637)
 * Tokens: assets/css/growston-tokens.css (--g-*)
 * ================================================================ */

.g-stats {
    background:
        linear-gradient(90deg, rgba(0, 229, 255, 0.06) 0%, rgba(255, 255, 255, 0) 30%, rgba(74, 20, 140, 0.06) 100%),
        var(--g-color-white);
    padding-block: var(--g-space-9); /* 100px */
}

.g-stats__inner {
    padding-inline: var(--g-pad-x);
}

.g-stats__row {
    display: flex;
    align-items: stretch;
    gap: var(--g-space-12); /* 48px */
}

.g-stats__tile {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--g-space-3); /* 10px */
    background: var(--g-color-card); /* #FBFBFB */
    border-radius: var(--g-radius-card); /* 30px */
    padding: var(--g-space-6); /* 30px */
}

.g-stats__value {
    font-family: var(--g-font-body);
    font-weight: var(--g-fw-medium);
    font-size: var(--g-fs-h2); /* 70px */
    line-height: 1;
    color: var(--g-color-purple);
}

.g-stats__label {
    font-family: var(--g-font-body);
    font-weight: var(--g-fw-regular);
    font-size: var(--g-fs-body);
    line-height: 1.5;
    color: var(--g-color-heading);
    margin: 0;
}

/* ── Responsywność ── */
@media (max-width: 1024px) {
    .g-stats__row {
        flex-direction: column;
        gap: var(--g-space-5);
    }
}