/* Franchise Kosovo — Franchise listing card */
function FranchiseCard({ f, onOpen }) {
  return (
    <div className="fr-card" onClick={() => onOpen(f)}>
      <div className="fr-media" style={{ background:`linear-gradient(150deg, ${f.grad[0]}, ${f.grad[1]})` }}>
        <div className="logo-chip"><Icon name={f.icon} /></div>
        <span className="m-tag">{f.industry}</span>
      </div>
      <div className="fr-body">
        <h4>{f.name}</h4>
        <div className="desc">{f.desc}</div>
        <div className="fr-foot">
          <div>
            <div className="from">From</div>
            <div className="price">{f.from}</div>
          </div>
          <span className="go">Details <Icon name="arrow-up-right" /></span>
        </div>
      </div>
    </div>
  );
}
Object.assign(window, { FranchiseCard });