/* Recare — Services grid (bilingual) */
function ServiceGrid({ lang = "EN", onPick = () => {} }) {
  const t = T(lang).services;
  return (
    <div className="svc-grid">
      {t.items.map((s, i) => (
        <div key={i} className="card card--hover svc" onClick={() => onPick(s)}>
          <div className="svc__icon"><Icon name={s.icon} size={26} stroke={1.8} /></div>
          <div className="svc__title">{s.title}</div>
          <div className="svc__desc">{s.desc}</div>
          <span className="svc__link">{t.learnMore} <Icon name="arrow" size={14} /></span>
        </div>
      ))}
    </div>
  );
}
Object.assign(window, { ServiceGrid });