/* Values V4 — Short Content + Pill Values Bar (Light BG) */
.vls.v4 {
    /* Heading (h4 → fnt_t-1): mixed-case Bayon, lh 0.9 (defaults: uppercase, lh 1) */
    --fnt-t-1-tt: none;
    --fnt-t-1-lh: 0.9;

    /* Pill bar radius — Figma 20px */
    --bdr-rds-crd: 1.11rem;

    /* Pill bar — Figma 1050px max width centered, with backdrop blur */
    .vls-v4-bar {
        max-width: 58.33rem;
        margin-left: auto;
        margin-right: auto;
    }

    /* Items row gap — Figma 32px between items */
    .vls-v4-list { --flx-gap: 1.78rem; }

    /* Icon → label gap — Figma 10px */
    .vls-v4-itm { --flx-gap: 0.556rem; }

    /* Icon size — Figma ~24px */
    .vls-v4-icn { font-size: 1.33rem; }

    li {
        --grd-sp-dyn: .5rem;
        svg {
            font-size: 1.33rem;
            color: var(--accent);
        }
    }

    @media screen and (min-width: 1280px) {
        /* Bar inner padding — Figma 30px 40px */
        .vls-v4-list.pd_v.pd_h { padding: 1.67rem 2.22rem; }
       
    }

    @media screen and (min-width:700px) and (max-width:1279px) {
        & {
            li {
                width: calc(50% - var(--grd-sp-sml));
            }
        }
    }
}