.ftr.v9 {
    /* -- Hero zone ----------------------------- */

    .ftr-v9-bg {
        position: absolute;
        inset: 0;
        opacity: 0.1;
        z-index: 0;

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

    .ftr-v9-content {
        gap: 2.5rem;
    }

    .ftr-v9-body {
        color: hsl(from var(--text-color) h s l / 0.8);
    }

    /* -- Buttons + dividers -------------------- */

    .ftr-v9-actions {
        gap: 1.5rem;
    }

    .ftr-v9-divider {
        height: 1px;
        background: hsl(from var(--bdr-clr) h s l / 0.2);
    }

    .ftr-v9-btns {
        gap: 1rem;
    }

    /* -- Contact info row ---------------------- */

    .ftr-v9-contacts {
        gap: 1.5rem;
    }

    .ftr-v9-ctc {
        gap: 1rem;
    }

    .ftr-v9-lbl {
        display: block;
        font-size: 0.75rem;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: hsl(from var(--text-color) h s l / 0.6);
        line-height: 1.33;
    }

    .ftr-v9-val {
        display: block;
        font-family: var(--fnt-t);
        font-size: 1.11rem;
        font-weight: 600;
        line-height: 1.4;
    }

    .ftr-v9-loc {
        display: block;
        font-family: var(--fnt-t);
        font-size: 0.78rem;
        font-weight: 600;
        line-height: 1.43;
    }

    .ftr-v9-contacts {
        svg {
            font-size: 3.11rem;
        }
    }


    .ftr-v9-bar {
        border-bottom: 1px solid var(--bdr-clr);
    }

    .ftr-v9-nav {
        gap: 2.5rem;

        a {
            font-weight: 500;
            letter-spacing: -0.02em;
        }
    }

    .ftr-v9-sm-lbl {
        font-size: 0.75rem;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: hsl(from var(--text-color) h s l / 0.6);
    }

    .ftr-v9-payments {
        gap: 1rem;
    }

    .ftr-v9-social {
        gap: 1rem;
    }

    .ftr-v9-socials {
        gap: 0.5rem;
    }

    .so-lk {
        width: 2.25rem;
        height: 2.25rem;
        background: hsl(from var(--text-color) h s l / 0.2);
        border-radius: 0.5rem;

        svg {
            width: 1rem;
            height: 1rem;
            fill: currentColor;
        }
    }

    @media screen and (min-width:1280px) {
        --fnt-phn-s: 1.11rem;
    }

    
}