/* Services V7 — Dark "Why Homeowners Choose" 3-col value grid (Figma 8077-2538) */
.srv.v7 {
    /* Header (h4 → fnt_t-1) — serif Montaga, mixed case, tight leading */
    --fnt-t-1-tt: none;
    --fnt-t-1-lh: 1.1;

    /* Card title (fnt_t-itm → Bayon) — Figma 37px / lh 0.9 */
    --fnt-t-itm-s: 2.05rem;
    --fnt-t-itm-lh: 0.9;

    /* Icon — gold, matching the home-page Flair. The cards use .lk-bg, which re-scopes
       --accent to --dk-alt-accent (gray). The Flair SVG paints its paths with an injected
       fill="var(--accent)", so restore the base --dk-accent here rather than setting color.
       Figma ~32px */
    .srv-icn {
        --accent: var(--dk-accent);
        color: var(--dk-accent);
        font-size: 1.78rem;
        line-height: 1;
        flex: 0 0 auto;
    }

    /* Card — semi-transparent dark fill so the background photo reads through,
       2px brand-red border (--lt-accent = #880d19, the Figma border color) */
    .srv-v7-itm {
        background-color: var(--lt-accent);
        border: 2px solid var(--lt-accent);
    }

    /* Card padding — Figma 40px */
    .srv-v7-inr.pd_v.pd_h {
        padding: 2.22rem;
    }

    /* Inner row — icon ↔ text gap (Figma 24px) */
    .srv-v7-inr {
        gap: 1.33rem;
    }
}