function Footer() {
  return (
    <footer style={{ background: 'var(--bg)', color: 'var(--ink)', padding: '80px 0 28px', borderTop: '1px solid var(--line)' }}>
      <div className="container">
        <div style={{ maxWidth: 520, marginBottom: 64 }}>
          <div style={{ display: 'flex', alignItems: 'center' }}>
            {window.Logo
              ? <window.Logo size={36} href="./" />
              : <img src="uploads/logo.svg" alt="Фидли" style={{ height: 36, width: 'auto', display: 'block' }} />}
          </div>
          <p style={{ fontSize: 16, color: 'var(--muted)', marginTop: 18, lineHeight: 1.55 }}>
            Наш способ помочь бизнесу быть ближе к своим клиентам и улучшать сервис (и увеличивать выручку =))) через понимание.
          </p>
          <div style={{
            marginTop: 24, fontSize: 14, color: 'var(--muted)',
            display: 'inline-flex', alignItems: 'center', gap: 8,
          }}>
            Сделано с
            <span aria-hidden="true" style={{ display: 'inline-block', transform: 'translateY(1px)' }}>
              <svg width="16" height="16" viewBox="0 0 16 16" fill="#e25b6f">
                <path d="M8 14.2 1.8 8.5C-.5 6.2.6 2.5 3.7 2.1c1.6-.2 3.2.6 4 2 .9-1.4 2.4-2.2 4-2 3.1.4 4.2 4.1 1.9 6.4z"/>
              </svg>
            </span>
            в России
            <span style={{ color: 'var(--line)', margin: '0 4px' }}>·</span>
            <a href="#" style={{ color: 'var(--ink)', fontWeight: 600 }}>RU</a>
            <span style={{ color: 'var(--line)' }}>/</span>
            <a href="#" style={{ color: 'var(--muted)' }}>EN</a>
          </div>
        </div>

        <div style={{
          display: 'flex', justifyContent: 'space-between', alignItems: 'center',
          padding: '24px 0 0', borderTop: '1px solid var(--line)',
          fontSize: 12.5, color: 'var(--muted)',
          gap: 24, flexWrap: 'wrap',
        }}>
          <div>© 2026 ООО «Фидли» · Москва, Кутузовский пр-т, 36</div>
          <div style={{ display: 'flex', gap: 22, flexWrap: 'wrap' }}>
            <a href="#">Контакты</a>
            <a href="#">Политика конфиденциальности</a>
            <a href="#">Cookie</a>
          </div>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;