// Inline SVG icons (Lucide). currentColor.
const I = (path, vb="0 0 24 24") => ({ size=20, color="currentColor", style={} }={}) => (
  <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox={vb} fill="none" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" style={{display:"block",...style}} dangerouslySetInnerHTML={{__html:path}} />
);
const ICN = {
  search: I('<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/>'),
  user:   I('<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>'),
  bag:    I('<path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"/><path d="M3 6h18"/><path d="M16 10a4 4 0 0 1-8 0"/>'),
  menu:   I('<line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="18" y2="18"/>'),
  x:      I('<path d="M18 6 6 18"/><path d="m6 6 12 12"/>'),
  arrowR: I('<path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>'),
  chevD:  I('<path d="m6 9 6 6 6-6"/>'),
  chevR:  I('<path d="m9 18 6-6-6-6"/>'),
  chevL:  I('<path d="m15 18-6-6 6-6"/>'),
  plus:   I('<path d="M5 12h14"/><path d="M12 5v14"/>'),
  minus:  I('<path d="M5 12h14"/>'),
  flower: I('<circle cx="12" cy="12" r="2.5"/><path d="M12 9.5V4l-3.5 1L12 4l3.5 1L12 4"/><path d="M9.5 12H4"/><path d="M14.5 12H20"/><path d="M12 14.5V20"/>'),
  truck:  I('<path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/><path d="M15 18H9"/><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"/><circle cx="17" cy="18" r="2"/><circle cx="7" cy="18" r="2"/>'),
  leaf:   I('<path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19.2 2.3c1 3.2.7 7.7-.7 10.7-1.4 3-3.6 5-7.5 7"/><path d="M2 21c0-3 1.85-5.36 5.08-6"/>'),
  heart:  I('<path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/>'),
  check:  I('<path d="M20 6 9 17l-5-5"/>'),
  ig:     I('<rect width="20" height="20" x="2" y="2" rx="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"/>'),
  tg:     I('<path d="m22 2-7 20-4-9-9-4Z"/><path d="M22 2 11 13"/>'),
  tt:     I('<path d="M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5"/>'),
  rs:     I('<circle cx="12" cy="12" r="9"/><path d="M9 8v8"/><path d="M9 12h3a2 2 0 1 0 0-4H9"/><path d="m13 12 3 4"/><path d="M16 8v8"/>'), // 'red-book' glyph
};
window.ICN = ICN;