/* Footer V4 — Bold Geometric Footer */
.ftr.v4 {

    /* Phone number — Figma 59px (default desktop is 49px) */
    .fnt_phn {
        --fnt-phn-s: 3.28rem;
    }

    .iso {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    /* Yellow uppercase headings (Quick Links / Hours / Phone Label) — Albert Sans 600 / 20px / 0.12em ls */
    .fnt_t-k.cstm {
        --fnt-t-k-w: 600;
        --fnt-t-k-s: 1.11rem;
        --fnt-t-k-ls: 0.12em;
        --fnt-t-k-lh: 1;
    }

    .fnt_pl.cstm {
        line-height: 1;
    }

    /* "FOLLOW US" sub-label — Bold 14px / 0.0393em / teal */
    .ftr-v4-follow.fnt_t-k.cstm {
        --fnt-t-k-w: 700;
        --fnt-t-k-s: 0.78rem;
        --fnt-t-k-ls: 0.0393em;
        color: var(--callout);
    }

    .ftr-v4-hero {
        --flx-gap: 1.33rem;

        @media screen and (min-width:1280px) {
            .third {
                width: 28%;
            }
        }
    }

    .ftr-v4-cta-side {
        column-gap: 1.33rem;
    }

    /* Cards — Figma 24px radius */
    .ftr-v4-cta-card,
    .ftr-v4-nav-card,
    .ftr-v4-hrs-card {
        --bdr-rds-crd: 1.33rem;
    }

    /* Quick Links nav — underline-style with 1px bottom border per item */
    .ftr-v4-quick-grid {
        @media screen and (min-width:700px) {
            & {
                --itm-val: 50;
            }
        }
    }

    .ftr-v4-lnk {
        font-size: 0.89rem;
    }

    /* Hours list — emphasis line in yellow */
    .ftr-v4-hrs li {
        font-size: 0.89rem;
        line-height: 1.5;
    }

    /* Middle section */
    .ftr-v4-mid {
        position: relative;
        padding: 3.11rem 0 1.78rem;
        margin-top: 3.1rem;
    }

    /* "Our Locations" — Bayon 50px / lh 0.9 / dark teal, mixed case */
    .ftr-v4-mid-ttl.fnt_t-co {
        --fnt-t-co-tt: none;
        --fnt-t-co-lh: 0.9;
    }

    /* Location frosted cards */
    .bg-bx.frst-bg {
        --frst-blur: 8px;
        --frst-bg-o: .9;

        border: none;
        box-shadow: 0 14px 24px 0 rgba(0, 0, 0, 0.20);
        background-color: hsl(from var(--frst-bg-clr) h s l / var(--frst-bg-o));
       
        > .pd_v.pd_h {
            padding: 1.78rem;
        }
    }

    .ftr-v4-loc-ttl svg {
        font-size: 1.33rem;
        color: var(--buttons);
    }

    .ftr-v4-loc-ttl .fnt_t-3 {
        --fnt-t-3-s: 1.33rem;
        --fnt-t-3-tt: none;
    }

    .ftr-v4-loc-addr span {
        font-size: 0.89rem;
        line-height: 1.5;
    }

    .btm-deco {
        height: 14rem;
    }

    /* Desktop card-padding overrides — Figma 48px (hero card), 32px (right cards) */
    @media screen and (min-width: 1280px) {
        .ftr-v4-cta-card > .pd_h.pd_v {
            padding: 2.67rem;
        }

        .ftr-v4-nav-card > .pd_h.pd_v {
            padding: 1.78rem 1.78rem 1.78rem 2rem;
        }

        .ftr-v4-hrs-card > .pd_h.pd_v {
            padding: 1.78rem;
        }
    }
}