.site-footer-new { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 40px; align-items: start; padding: 55px max(32px, calc((100vw - 1176px) / 2)) 25px; background: #625b8e; color: #fff; }
.footer-new-identity { display: inline-flex; align-items: center; gap: 10px; color: #fff; font-size: 24px; line-height: .9; letter-spacing: -.04em; text-decoration: none; }
.footer-new-identity img { display: block; width: 64px; height: 64px; object-fit: contain; }
.footer-new-identity strong { font-weight: 900; }.footer-new-identity small { display: block; margin-top: 7px; color: #c3ccd5; font-size: 8px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.footer-new-mark { display: grid; width: 41px; height: 41px; place-items: center; border-radius: 14px 14px 14px 4px; background: #c34e44; color: #fff; box-shadow: 4px 4px 0 #913a34; transform: rotate(-8deg); }
.footer-new-brand p { margin: 18px 0 0; color: #c3ccd5; font-size: 13px; line-height: 1.55; }
.footer-new-social { display: flex; gap: 9px; justify-content: start; margin-top: 17px; }.site-footer-new .footer-new-social .btn-icon { width: 35px; min-width: 35px; min-height: 35px; }
.footer-new-column h3 { margin: 3px 0 18px; color: #fff; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.footer-new-column ul { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }.footer-new-column a, .footer-new-contact li { color: #c3ccd5; font-size: 12px; line-height: 1.5; text-decoration: none; }.footer-new-column a:hover { color: #fff; }
nav.footer-new-column li { width: fit-content; }nav.footer-new-column a { min-height: 34px; padding: 6px 13px; font-size: 12px; }
.footer-new-contact li { display: flex; align-items: flex-start; gap: 8px; overflow-wrap: anywhere; }.footer-new-contact i { flex: 0 0 auto; margin-top: 2px; }
.footer-new-meta { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 20px; margin-top: 20px; padding-top: 18px; border-top: 1px solid #7770a1; }.footer-new-meta p { margin: 0; color: #c3ccd5; font-size: 10px; }.footer-new-meta a { color: #fff; }
.site-footer-new a:focus-visible { outline: 3px solid #f2b84b; outline-offset: 4px; }
@media (max-width: 900px) { .site-footer-new { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .site-footer-new { grid-template-columns: 1fr; gap: 25px; padding: 45px 22px 23px; }.footer-new-meta { grid-column: auto; flex-direction: column; } }