/* Contact V4 — Form + Locations Info Card */
.ctc.v4 {
    --flx-gap: 2.78rem;
    
    background: linear-gradient(to bottom, var(--background), var(--inner-theme) 82.258%);
    .frst-bg {
        --frst-blur: 4px;
        background-color: hsl(from var(--frst-bg-clr) h s l / .9);
        border: none;
        
        @media screen and (min-width:1280px) {
            & {
                box-shadow: 0 14px 24px 0 rgba(0, 0, 0, 0.20);
            }
        }
    }

    .frm {
        padding: 1.78rem;
    }

    /* Bottom emergency CTA card */
    .cntc-v4-cta {
        --bdr-rds-crd: 1.11rem;            /* Figma 20px */

        /* Kicker font (fnt_t-k) — Figma 20px / 0.12em letter-spacing
           (default 1rem / 0.4em). Use .cstm scope so other fnt_t-k usages aren't affected. */
        .fnt_t-k.cstm {
            --fnt-t-k-s: 1.11rem;
            --fnt-t-k-ls: 0.12em;
        }

        @media screen and (min-width:1280px) {
           & > .pd_h.pd_v {
                padding: 1.78rem 12rem 1.78rem 1.78rem;
            }
        }
    }

    .cntc-v4-cta-dsc {
        font-weight: 500;
        line-height: 1.6;
        margin: 0;
    }

    .iso {
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 42%;
    }

    /* Values Stacked Single */
    .vls-stk-sgl {
        --fnt-t-co-s: 2.22rem;
    }
    .vls-stk-sgl-icn svg {
        font-size: 2rem;
    }

    &[data-colors$="-light"] {
        .ulk-bg {
            --inner-theme: var(--dk-bg);
        }
    }
    
}