.site-footer {
    color: #d1d1d1;
    background: linear-gradient(135deg, #292929 0%, #222 55%, #1f1f1f 100%);
    border-top: 1px solid rgba(255,255,255,.06);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}
.site-footer .container { max-width: 1240px; }
.site-footer__grid {
    display: grid;
    grid-template-columns: 1.15fr 0.7fr 1.5fr;
    gap: 64px;
    padding: 37px 0 31px;
}

    .site-footer__grid div:nth-child(3) {
        justify-self: end;
    }

.site-footer__brand { display: inline-block; line-height: 0; }
.site-footer__brand img { display: block; width: 166px; height: auto; }
.site-footer__about p { max-width: 250px; margin: 13px 0 16px; color: #a9a9a9; font-size: .72rem; line-height: 1.6; }
.site-footer h2 { margin: 3px 0 14px; color: #fff; font-size: .78rem; font-weight: 800; }
.site-footer ul { padding: 0; margin: 0; list-style: none; }
.site-footer li + li { margin-top: 7px; }
.site-footer a { color: #a7a7a7; font-size: .7rem; line-height: 1.35; text-decoration: none; transition: color .2s ease; }
.site-footer a:hover { color: #fff; }
.site-footer__social { display: flex; gap: 8px; }
.site-footer__social a {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    color: #fff;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 50%;
    font-size: .68rem;
    font-weight: 800;
}
.site-footer__social a:hover { background: #cf101d; border-color: #cf101d; }
.site-footer__social a svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.site-footer__social a svg rect, .site-footer__social a svg circle { vector-effect: non-scaling-stroke; }
.site-footer__contact li { display: grid; grid-template-columns: 18px minmax(0,1fr); gap: 7px; color: #a7a7a7; font-size: .7rem; line-height: 1.35; }
    .site-footer__contact li > span:first-child {
        color: #fff;
        font-size: 14px;
    }
.site-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 58px;
    border-top: 1px solid rgba(255,255,255,.08);
}
.site-footer__bottom p { margin: 0; color: #777; font-size: .63rem; }
.site-footer__bottom > div { display: flex; gap: 22px; }
.site-footer__bottom a { color: #777; font-size: .63rem; }

.site-footer__contact li > span:first-child svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    display: block;
}

@media (max-width: 991.98px) {
    .site-footer__grid { grid-template-columns: repeat(2,1fr); gap: 36px 50px; }
}
@media (max-width: 575.98px) {
    .site-footer .container { width: min(100% - 30px, 1240px); }
    .site-footer__grid { grid-template-columns: 1fr; gap: 28px; padding-top: 32px; }
    .site-footer__bottom { align-items: flex-start; flex-direction: column; padding: 18px 0; }
}