.site-footer { width: 100%; padding: 40px 0; background: var(--footer); }

.footer-inner {
  display: grid;
  grid-template-columns: 394px minmax(0, 1fr) 362px;
  align-items: center;
  width: 100%; max-width: 1600px; min-height: 150px;
  margin: 0 auto; padding: 0 50px;
}

.footer-logo { display: flex; align-items: center; padding-right: 40px; }
.footer-info { max-width: 800px; }

.footer-nav { display: flex; flex-wrap: wrap; align-items: center; min-height: 50px; margin-bottom: 10px; }
.footer-nav a { color: #fff; font-size: 15px; font-weight: 700; line-height: 1.5; }
.footer-nav a:hover { opacity: .72; }
.footer-nav span { display: inline-block; margin: 0 9px; color: rgba(255, 255, 255, .45); font-size: 12px; }

.footer-address { color: var(--footer-text); font-size: 14px; font-style: normal; line-height: 1.72; letter-spacing: -.25px; word-break: keep-all; }
.footer-address p { margin: 0; }
.footer-address p + p { margin-top: 2px; }
.footer-address span { display: inline-block; margin: 0 5px; color: #6f86a8; }
.footer-address a { color: var(--footer-text); }
.footer-address a:hover { color: #fff; }

.footer-copy { margin: 0; padding-top: 20px; color: var(--footer-text); font-size: 12px; }

.footer-customer { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.customer-title { display: block; margin-bottom: 5px; color: #fff; font-size: 18px; font-weight: 700; line-height: 28px; }
.customer-phone { display: block; margin-bottom: 4px; color: #fff; font-size: 20px; font-weight: 700; line-height: 36px; }
.customer-time { margin: 0; color: var(--footer-text); font-size: 14px; line-height: 24px; }
.customer-always { display: block; color: #ffc94d; font-size: 18px; font-weight: 500; line-height: 26px; }

@media (max-width: 1200px) {
  .footer-inner { grid-template-columns: 280px minmax(0, 1fr); gap: 35px; padding: 0 35px; }
  .footer-logo { padding-right: 0; }
  .footer-customer {
    grid-column: 1 / -1; align-items: flex-start; padding-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, .09); text-align: left;
  }
  .customer-phone { font-size: 22px; }
}

@media (max-width: 767px) {
  .site-footer { padding: 42px 20px 45px; }
  .footer-inner { display: block; padding: 0; }
  .footer-logo { margin-bottom: 28px; }
  .footer-nav { min-height: auto; margin-bottom: 20px; line-height: 2; }
  .footer-nav a { font-size: 13px; }
  .footer-nav span { margin: 0 6px; }
  .footer-address { font-size: 12px; line-height: 1.8; word-break: normal; }
  .footer-copy { font-size: 11px; }
  .footer-customer {
    align-items: flex-start; margin-top: 28px; padding-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, .1); text-align: left;
  }
  .customer-title { font-size: 15px; }
  .customer-phone { font-size: 22px; line-height: 34px; }
  .customer-time { font-size: 12px; }
  .customer-always { font-size: 15px; }
}

@media (max-width: 400px) {
  .site-footer { padding-right: 16px; padding-left: 16px; }
}