/* Values V5 — Why Choose Us numbered stacked list */
.vls.v5 {
    --mn-t: 61.56rem;
    /* Heading (h4 → fnt_t-1) — mixed case, lh 0.9 */
    --fnt-t-1-tt: none;
    --fnt-t-1-lh: 0.9;

    /* Card title (fnt_t-co) — mixed case, lh 0.9 (defaults: uppercase, lh 1) */
    --fnt-t-co-tt: none;
    --fnt-t-co-lh: 0.9;

    /* Card chrome — Figma 10px radius (applied selectively below) */
    --bdr-rds-crd: 0.556rem;

    /* Stacked list — Figma 1188px max width, centered, 4px gap between cards */
    ul {
        gap: 0.222rem;
        counter-reset: vls-v5-num;

        li {
            svg {
                font-size: 3.5rem;
                color: var(--accent);
            }
        }
    }

    /* Connected-stack radius: only outer corners rounded */
    ul > li { border-radius: 0; counter-increment: vls-v5-num; }
    ul > li:first-child { border-radius: var(--bdr-rds-crd) var(--bdr-rds-crd) 0 0; }
    ul > li:last-child  { border-radius: 0 0 var(--bdr-rds-crd) var(--bdr-rds-crd); }

    /* Number column → title gap — Figma 52px */
    .vls-v5-itm > .f_gp { --flx-gap: 2.89rem; }

    /* Number text — Figma 68px Bayon, color yellow (resolves via dark scope --accent).
       Number rendered via CSS counter (decimal-leading-zero → "01", "02", ...). */
    .vls-v5-num {
        font-family: var(--fnt-t);
        font-size: 3.78rem;
        font-weight: 400;
        line-height: 1;
        color: var(--accent);
    }
    .vls-v5-num::before { content: counter(vls-v5-num, decimal-leading-zero); }

    @media screen and (min-width: 1280px) {
        /* Card padding override — Figma 42px 40px */
        .vls-v5-itm > .pd_v.pd_h { padding: 2.33rem 2.22rem; }
    }
}