function SharedFooter() {
  return (
    <footer className="acc-footer" id="footer">
      <div className="acc-container">
        <TrustComplianceStrip variant="footer" heading={false} />

        <div className="acc-footer-brand">
          <a href={HOME_HREF} className="acc-footer-logo-link">
            <BrandLogo
              markClassName="acc-footer-mark"
              wordmarkClassName="acc-footer-wordmark"
              markSize={48}
              wordmarkWidth={200}
            />
          </a>
          <p className="acc-footer-tagline">
            Steuerberatung vor Ort, Markt 9-10, 01945 Ruhland
          </p>
          <div className="acc-footer-social">
            <a href={HOME_HREF} aria-label="Startseite">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z" /></svg>
            </a>
            <a href="mailto:info@st-ru.de" aria-label="Email">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M4 4h16v16H4z" /><path d="M22 6l-10 7L2 6" /></svg>
            </a>
            <a href={PHONE_HREF} aria-label="Telefon">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z" /></svg>
            </a>
          </div>
        </div>

        <div className="acc-footer-cols">
          {FOOTER_COLS.map((col) => (
            <div key={col.title} className="acc-footer-col">
              <h4>{col.title}</h4>
              {col.links.map(([label, href]) => (
                <a key={label} href={href}>{label}</a>
              ))}
            </div>
          ))}
        </div>

        {/* Mobile: compact in-flow under columns; ≥640px: absolute BR via CSS */}
        <div className="acc-footer-mascot-wrap" aria-hidden="true">
          <img
            src={STYLED_IMAGES.footerMascot}
            alt=""
            className="acc-footer-mascot"
            width="170"
            height="280"
            loading="lazy"
            decoding="async"
          />
        </div>

        <div className="acc-footer-bottom">
          <span>© {new Date().getFullYear()} Steuerberatungsgesellschaft mbH Ruhland · USt-IdNr. DE243078732</span>
          <span className="acc-footer-legal">
            <a href="https://www.st-ru.de/de/die_kanzlei/impressum/index.html">Impressum</a>
            {" · "}
            <a href="https://www.st-ru.de/de/die_kanzlei/datenschutzerkl%C3%A4rung/index.html">Datenschutz</a>
          </span>
        </div>
      </div>
    </footer>
  );
}