/* Service Areas V3 — 2-col SEO city pages index */
.svc-areas.v3 {
    /* Section heading (h4 → fnt_t-1) — Bayon 100px / lh 0.8 / mixed case */
    --fnt-t-1-tt: none;
    --fnt-t-1-lh: 0.8;

    /* Yellow city icon — --buttons resolves to yellow */
    .svc-areas-v3-icn {
        line-height: 1;
    }

    .svc-areas-v3-icn svg {
        font-size: 2.22rem;
        color: var(--buttons);
    }

    /* Yellow chevron — 16x10 */
    .arr {
        font-size: 0.89rem;
    }

    /* Inner row gap — Figma 24px between icon/title/arrow */
    .svc-areas-v3-inr {
        gap: 1.33rem;
    }

    /* Desktop overrides — Figma title 40px, card padding 31x40 */
    @media screen and (min-width: 1280px) {
        & {
            --fnt-t-itm-s: 2.22rem;
        }

        li .pd_v.pd_h {
            padding: 1.72rem 2.22rem;
        }
    }
}