/* Star rating row. Reused in Nav, hero badges, reviews. */
function Stars({ rating = 4.7, size = 14 }) {
  return (
    <span style={{ display: 'flex', gap: 2, alignItems: 'center' }}>
      {[1, 2, 3, 4, 5].map(i => (
        <svg key={i} width={size} height={size} viewBox="0 0 14 14"
             fill={i <= Math.floor(rating) ? '#FFD12E' : '#d0d5e8'}>
          <path d="M7 1l1.5 3.2 3.5.5-2.5 2.4.6 3.5L7 9l-3.1 1.6.6-3.5L2 4.7l3.5-.5z"/>
        </svg>
      ))}
    </span>
  );
}