.site-footer {

    border-top:
        1px solid
        var(--color-border);

    background:
        var(--color-background-secondary);

}


.footer-container {

    width:
        min(
            calc(100% - 48px),
            var(--container)
        );

    margin:
        0 auto;

    padding:
        60px 0 45px;

    display:
        grid;

    grid-template-columns:
        2fr repeat(4, 1fr);

    gap:
        35px;

}


.footer-column {

    display:
        flex;

    flex-direction:
        column;

    gap:
        7px;

}


.footer-company p {

    max-width:
        280px;

    color:
        var(--color-text-secondary);

    font-size:
        14px;

}


.footer-column h3 {

    margin:
        0 0 8px;

    font-size:
        14px;

}


.footer-column a {

    color:
        var(--color-text-secondary);

    text-decoration:
        none;

    font-size:
        13px;

}


.footer-column a:hover {

    color:
        var(--color-text);

}


.footer-phone {

    margin-top:
        8px;

    color:
        var(--color-text) !important;

    font-weight:
        700;

}


.footer-support {

    color:
        var(--color-text-secondary);

    font-size:
        11px;

}


.footer-bottom {

    border-top:
        1px solid
        var(--color-border);

}


.footer-bottom-container {

    width:
        min(
            calc(100% - 48px),
            var(--container)
        );

    margin:
        0 auto;

    min-height:
        65px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    color:
        var(--color-text-secondary);

    font-size:
        12px;

}


.footer-bottom-links {

    display:
        flex;

    gap:
        20px;

}


.footer-bottom-links a {

    color:
        inherit;

    text-decoration:
        none;

}