/* ==========================================================================
   Footer
   ========================================================================== */

.site-footer { background: var(--footer-bg); color: var(--footer-text); margin-top: 72px; --logo-2: #6b6a6a; }
.site-footer__social { border-bottom: 1px solid rgba(255, 255, 255, .12); padding: 24px 0; }
.socials { display: flex; justify-content: center; gap: 32px; }
.socials a {
  width: 36px; height: 36px; border-radius: 8px;
  display: inline-flex; align-items: center; justify-content: center;
  color: #fff; transition: color .15s, transform .15s;
}
.socials a:hover { color: var(--red); }
.socials svg { width: 24px; height: 24px; }

.footer-grid {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 0 32px;
  padding-block: 64px;
}
.footer-col--logo { display: flex; align-items: center; justify-content: center; }
.footer-col--logo .logo__svg { width: 100px; height: auto; }
.footer-col__title { color: #fff; font-size: 16px; font-weight: 500; line-height: 1.3; margin-bottom: 16px; }
.footer-col ul { display: flex; flex-direction: column; gap: 4px; }
.footer-col a, .footer-col li { font-size: 16px; font-weight: 400; line-height: 24px; color: var(--footer-text); }
.footer-col a { transition: color .15s; }
.footer-col a:hover { color: #fff; }
.footer-branches { display: flex; flex-direction: column; gap: 16px; }
.footer-strong { font-size: 16px; color: var(--footer-text); }
.footer-ext { display: inline-flex; align-items: center; gap: 4px; }
.footer-ext .ext { width: 12px; height: 12px; }

.site-footer__bottom { border-top: 1px solid rgba(255, 255, 255, .12); padding: 24px 0; }
.site-footer__bottom .container { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-footer__bottom p { font-size: 14px; line-height: 20px; color: var(--footer-text); }