/* Locations V1 — "We're Ready to Help" — stats + map + locations card on dark photo bg */
.loc.v1 {


    /* Photo bg luminosity overlay (matches Figma mix-blend-luminosity / 20% opacity treatment) */
    > .bg {
        mix-blend-mode: luminosity;
    }

    .loc-v1-stats {
        --f-gp: 2rem;
    }

    .loc-v1-stat {
        flex: 0 1 15.33rem; /* 276px Figma item width */
    }

    .loc-v1-stat-val {
        display: inline-flex;
        align-items: baseline;
        gap: 0.44rem;
       
    }

    .loc-v1-stat-icn {
        display: inline-flex;
        align-items: center;
        line-height: 0;

        svg {
            width: 1.78rem;
            height: 1.78rem;
            transform: translateY(0.05em);
        }
    }

    .loc-v1-stat-lbl {
        display: block;
        color: color-mix(in srgb, var(--dk-txt) 60%, transparent);
        letter-spacing: -0.024em;
    }

    .loc-v1-card {
        --f-gp: 3.11rem; /* 56px Figma column gap */
    }

    .loc-v1-map {

        img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }


    .loc-v1-list {
        gap: 1.33rem;
    }

    .loc-v1-item {
        gap: 1rem;
        padding-bottom: 1.33rem;
        border-bottom: 1px solid var(--lt-bdr);

        &:last-child {
            padding-bottom: 0;
            border-bottom: 0;
        }

        > svg {
            flex: none;
            width: 2.22rem;
            height: 2.22rem;
        }
    }

    .loc-v1-itm-bd {
        flex: 1 1 auto;
        min-width: 0;
    }

    .loc-v1-nam {
        font-family: var(--fnt-t-1-ff);
        font-weight: 700;
        color: var(--lt-accent);
        text-transform: none;
        letter-spacing: 0;
    }

    .loc-v1-addr {
        font-style: normal;
        line-height: 1.6;
    }

    .loc-v1-meta {
        --f-gp: 2.22rem;
    }

    .loc-v1-lnk {
        display: inline-flex;
        align-items: center;
        gap: 0.44rem;
        font-family: var(--fnt-t-1-ff);
        font-weight: 700;
        font-size: 0.89rem;
        line-height: 1;
        text-transform: uppercase;
        color: var(--lt-h1);
        text-decoration: none;

        svg {
            color: var(--accent);
        }

        &:hover { color: var(--accent); }
    }

    .loc-v1-hrs {
        line-height: 1.6;
    }

    @media screen and (max-width: 1279px) {
        .loc-v1-map { height: 20rem; }
    }
}