function TrustBar() {
  return (
    <section className="trust-bar">
      <div className="container">
        <div className="trust-label">Trusted &amp; Certified</div>
        <style dangerouslySetInnerHTML={{__html: `
          .trust-bar-inner-fix { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 32px 48px; max-width: 900px; margin: 0 auto; }
          .trust-bar-inner-fix .trust-badge { width: 160px !important; flex: 0 0 160px !important; min-width: 0 !important; }
          .trust-icon-circle { width: 72px; height: 72px; border-radius: 50%; background: var(--green-tint); color: var(--green); display: grid; place-items: center; margin: 0 auto; }
          @media (max-width: 720px) {
            .trust-bar-inner-fix { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 32px 16px !important; max-width: 320px !important; margin: 0 auto !important; justify-items: center; }
            .trust-bar-inner-fix .trust-badge { width: auto !important; flex: initial !important; }
          }
        `}} />
        <div className="trust-bar-inner trust-bar-inner-fix">
          <div className="trust-badge">
            <div className="trust-icon-circle"><Ic.shield size={32} /></div>
            <div className="trust-text">Anlin Double Lifetime Warranty</div>
          </div>
          <div className="trust-badge">
            <div className="trust-icon-circle">
              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5"><rect x="1" y="4" width="22" height="16" rx="2"/><line x1="1" y1="10" x2="23" y2="10"/></svg>
            </div>
            <div className="trust-text">0% APR Financing Available</div>
          </div>
          <div className="trust-badge">
            <div className="trust-icon-circle">
              <svg width="32" height="22" viewBox="0 0 32 22" xmlns="http://www.w3.org/2000/svg">
                <rect width="32" height="22" fill="#B22234"/>
                <rect y="1.69" width="32" height="1.69" fill="#fff"/>
                <rect y="5.08" width="32" height="1.69" fill="#fff"/>
                <rect y="8.46" width="32" height="1.69" fill="#fff"/>
                <rect y="11.85" width="32" height="1.69" fill="#fff"/>
                <rect y="15.23" width="32" height="1.69" fill="#fff"/>
                <rect y="18.62" width="32" height="1.69" fill="#fff"/>
                <rect width="13" height="11.85" fill="#3C3B6E"/>
              </svg>
            </div>
            <div className="trust-text">Made in the USA</div>
          </div>
          <div className="trust-badge">
            <div className="trust-icon-circle">
              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"/></svg>
            </div>
            <div className="trust-text">Energy Star® Certified</div>
          </div>
        </div>
      </div>
    </section>
  );
}
window.TrustBar = TrustBar;