/* ==========================================================================
   footer.css – stopka (Figma y 5256–5666)
   ========================================================================== */

.site-footer { position: relative; border-top: 1px solid var(--rule); padding: 36px 20px 40px; }
.footer__stage { display: flex; flex-direction: column; align-items: center; text-align: center; }
.footer__logo { width: 130px; height: auto; }
.footer__about, .footer__mail, .footer__legal { color: var(--font-5); font-size: 12px; line-height: 1.5; }
.footer__about { max-width: 30em; margin-top: 20px; font-weight: 600; letter-spacing: var(--ls-semi); }
.footer__ask { margin-top: 26px; font-weight: 600; font-size: 15px; line-height: 1.3; letter-spacing: var(--ls-semi); }
.footer__mail { margin-top: 8px; font-weight: 600; }
.footer__mail a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.footer__rule { display: block; align-self: stretch; height: 1px; margin: 28px -20px 0; background: var(--rule); }
.footer__legal { margin-top: 24px; font-weight: 300; }
.footer__legal a { text-decoration: underline; text-underline-offset: 2px; }
.footer__mail a:hover, .footer__legal a:hover { opacity: .8; }

@media (min-width: 1280px) {
  .site-footer { --h: 410; height: calc(410 * var(--u)); padding: 0; }
  .footer__stage { display: block; height: 100%; }
  .footer__logo { width: calc(130 * var(--u)); }
  .footer__about, .footer__mail, .footer__legal { font-size: max(10px, calc(10 * var(--u))); line-height: 1; letter-spacing: calc(.2 * var(--u)); }
  .footer__about { margin: 0; max-width: none; }
  .footer__ask { margin: 0; font-size: max(12px, calc(14 * var(--u))); letter-spacing: calc(.28 * var(--u)); }
  .footer__mail, .footer__legal { margin: 0; }
  .footer__rule { position: absolute; left: 50%; top: calc(335 * var(--u)); width: 100vw; margin: 0 0 0 -50vw; align-self: auto; }
}