.footer { max-width: none; background: #171717; color: #fff; padding: 96px 24px 44px; }
.footer-inner { max-width: 1100px; margin: 0 auto; }
.footer-brand { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.footer-logo { display: inline-flex; }
.footer-logo img { height: 40px; width: auto; filter: brightness(0) invert(1); }
.footer-social { display: flex; gap: 22px; }
.footer-social a { color: #fff; display: inline-flex; opacity: .92; transition: opacity .2s, transform .3s var(--ease-spring, ease); }
.footer-social a:hover { opacity: 1; transform: translateY(-3px); }
.footer-social svg { width: 24px; height: 24px; }
.footer-cols { display: grid; grid-template-columns: 1.3fr 1.1fr .9fr 1.1fr; gap: 40px; margin-top: 64px; flex-wrap: nowrap; }
.footer-cols h4 { font-size: 18px; font-weight: 500; color: #8c8c8c; margin: 0 0 28px; }
.footer-cols a { display: block; font-size: 16px; color: #fff; margin: 0 0 20px; width: fit-content; position: relative; }
.footer-cols a::after { content: ''; position: absolute; left: 0; right: 0; bottom: -3px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .3s var(--ease-spring, ease); }
.footer-cols a:hover { color: #fff; }
.footer-cols a:hover::after { transform: scaleX(1); }
.footer-help { margin: 28px 0 0; padding: 24px; text-align: center; background: #2a2a2a; border-radius: 12px; font-size: 18px; font-weight: 600; color: #fff; }
.footer-help a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.footer-bottom { max-width: none; margin: 56px 0 0; text-align: center; font-size: 12px; color: #9a9a9a; }
@media (max-width: 760px) {
  .footer { padding: 64px 20px 36px; }
  .footer-cols { grid-template-columns: 1fr 1fr; gap: 36px 24px; margin-top: 44px; }
  .footer-help { font-size: 16px; padding: 20px 14px; }
}

.footer-lang { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 40px; font-size: 13px; color: #9a9a9a; }
.footer-lang select { background: transparent; border-color: rgba(255,255,255,.2); color: inherit; }
.footer-lang + .footer-bottom { margin-top: 18px; }

[dir="rtl"] .footer-cols a::after { transform-origin: right; }