.site-footer {
  padding: 0;
  background: #060d10;
  color: #8ca4b7;
}
.footer-main {
  padding: 58px 0;
}
.footer-columns {
  display: grid;
  grid-template-columns: minmax(240px, 1.2fr) minmax(130px, .7fr) minmax(260px, 1fr) 170px;
  align-items: start;
  gap: 40px;
}
.footer-columns h2 {
  margin: 0 0 23px;
  color: #fff;
  font-size: 18px;
  font-weight: 650;
  line-height: 1.7;
}
.footer-brand {
  border-right: 1px solid #ffffff16;
  padding-right: 34px;
  min-height: 175px;
}
.footer-brand p {
  font-size: 14px;
  line-height: 2.2;
}
.footer-navigation {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer-navigation a {
  font-size: 14px;
  line-height: 2.1;
}
.footer-navigation a:hover { color: #fff; }
.footer-hotlines a {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 2.7;
}
.footer-qr {
  margin: 0;
  padding: 0;
  text-align: center;
}
.footer-qr img {
  width: 150px;
  height: 150px;
  object-fit: contain;
  margin: 0 auto;
  padding: 5px;
  border-radius: 4px;
  background: #fff;
}
.footer-qr figcaption {
  margin-top: 10px;
  font-size: 12px;
  color: #fff;
}
.footer-legal {
  border-top: 1px solid #ffffff14;
  padding: 22px 0;
}
.footer-legal .footer-inner strong {
  color: #8ca4b7;
}
@media (max-width: 1100px) {
  .footer-columns {
    grid-template-columns: 1.4fr 1fr;
    gap: 40px 55px;
  }
  .footer-brand { padding-right: 40px; }
  .footer-qr { justify-self: start; }
}
@media (max-width: 700px) {
  .footer-main { padding: 38px 0; }
  .footer-columns {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 33px 24px;
  }
  .footer-columns h2 {
    font-size: 14px;
    margin-bottom: 16px;
  }
  .footer-brand {
    padding-right: 15px;
    min-height: 145px;
  }
  .footer-brand p { font-size: 11px; line-height: 2.2; }
  .footer-navigation a { font-size: 11px; line-height: 2.2; }
  .footer-hotlines a { font-size: 10px; line-height: 2.7; }
  .footer-qr img { width: 110px; height: 110px; padding: 4px; }
  .footer-qr figcaption { font-size: 10px; margin-top: 8px; }
  .footer-legal { padding: 20px 0; }
}
