.site-footer {
  background-color: #ffffff;
  background-image: url("footer.png");
  background-repeat: no-repeat;
  background-position: center 20px;
  background-size: min(100%, 1000px) auto;
  color: #171717;
  text-align: center;
  padding: 200px 20px 24px;
  border-top: 1px solid #eee;
}

.site-footer h2 { margin: 0 0 24px; font-size: 23px; font-weight: 600; color: #171717; }
.footer-contact { margin: 0 0 28px; font-size: 16px; font-weight: 500; line-height: 1.8; color: #333; }
.footer-contact a { margin-left: 8px; font-size: 16px; font-weight: 500; color: #5a1015; text-underline-offset: 4px; }
.socials { display: flex; justify-content: center; gap: 14px; margin-bottom: 28px; }
.socials a { color: #5a1015; text-decoration: none; font-size: 17px; font-weight: 600; width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d9c4c4; border-radius: 50%; transition: background .2s, transform .2s; }
.socials a:hover { background: #f7eeee; transform: translateY(-3px); }
.socials a svg { width: 20px; height: 20px; display: block; }
.legal-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 38px; margin-bottom: 24px; }
.legal-links a { font-size: 13px; font-weight: 600; color: #333; text-decoration: none; letter-spacing: .5px; }
.legal-links a:hover { color: #5a1015; }
.copyright { margin: 0; padding-top: 18px; border-top: 1px solid #e5e5e5; font-size: 12px; font-weight: 400; color: #666; }

@media (max-width: 900px) {
  .site-footer { background-size: 100% auto; background-position: center 15px; padding: 125px 18px 25px; }
  .site-footer h2 { margin-bottom: 28px; font-size: 18px; line-height: 1.6; }
  .footer-contact { margin-bottom: 30px; font-size: 14px; line-height: 1.8; }
  .footer-contact a { display: block; margin: 4px 0 0; }
  .legal-links { gap: 22px; }
  .copyright { font-size: 12px; line-height: 1.7; }
}