/* ФармСпирт - Футер */
.site-footer {
  background: #0F1B2D; color: #C9D3DF;
  padding: var(--sp-12) 0 var(--sp-6); margin-top: auto;
  font-size: var(--fs-sm); line-height: 1.6;
}
.site-footer a { color: #C9D3DF; text-decoration: none; }
.site-footer a:hover { color: #FFFFFF; }

.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
  gap: var(--sp-8); margin-bottom: var(--sp-10);
}
.footer-col-title {
  font-size: var(--fs-sm); font-weight: 700; color: #FFFFFF;
  text-transform: uppercase; letter-spacing: 0.06em;
  margin: 0 0 var(--sp-4);
}
.footer-about-logo {
  display: flex; align-items: center; gap: var(--sp-3); margin-bottom: var(--sp-4);
}
.footer-about-logo img { height: 40px; width: auto; }
.footer-about-title {
  font-size: var(--fs-lg); font-weight: 700;
  color: #FFFFFF; letter-spacing: 0.02em;
}
.footer-about-desc {
  font-size: var(--fs-sm); color: #8A96A4; line-height: 1.6; margin: 0;
}

.footer-list { list-style: none; padding: 0; margin: 0; }
.footer-list li { margin-bottom: var(--sp-2); }

.footer-contacts-item {
  display: flex; gap: var(--sp-2); margin-bottom: var(--sp-3);
  align-items: flex-start;
}
.footer-contacts-icon { flex-shrink: 0; opacity: 0.6; margin-top: 2px; }
.footer-contacts-value { color: #FFFFFF; font-weight: 500; }
.footer-contacts-label {
  color: #8A96A4; font-size: var(--fs-xs);
  display: block; margin-bottom: 2px;
}

.footer-bottom {
  border-top: 1px solid #1F2C42; padding-top: var(--sp-5);
  display: flex; flex-wrap: wrap; justify-content: space-between;
  align-items: center; gap: var(--sp-3);
  color: #6E7C8E; font-size: var(--fs-xs);
}
.footer-bottom-links { display: flex; gap: var(--sp-5); flex-wrap: wrap; }
.footer-bottom-links a { color: #6E7C8E; }
.footer-bottom-links a:hover { color: #FFFFFF; }

.footer-version-badge {
  background: rgba(34, 160, 107, 0.18); color: #4ECB91;
  padding: 2px 8px; border-radius: var(--radius-sm);
  font-weight: 600; text-transform: uppercase;
  font-size: 10px; letter-spacing: 0.05em; margin-left: var(--sp-2);
}

@media (max-width: 900px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--sp-6); }
}
@media (max-width: 600px) {
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
}