// Minimal stroke icons (only primitives: lines, circles, rects, simple paths)
const Icon = ({ children, size = 22, style }) => (
  <svg viewBox="0 0 24 24" width={size} height={size}
    fill="none" stroke="currentColor" strokeWidth="1.75"
    strokeLinecap="round" strokeLinejoin="round" style={style}>
    {children}
  </svg>
);

const IconSearch = (p) => <Icon {...p}><circle cx="11" cy="11" r="6.5"/><line x1="20" y1="20" x2="15.7" y2="15.7"/></Icon>;
const IconHome    = (p) => <Icon {...p}><path d="M3.5 11.5 12 4l8.5 7.5"/><path d="M5.5 10.5V20h13v-9.5"/></Icon>;
const IconCart    = (p) => <Icon {...p}><circle cx="9" cy="20" r="1.4"/><circle cx="17" cy="20" r="1.4"/><path d="M3 4h2.5l2.2 11.2a1.5 1.5 0 0 0 1.5 1.2h8.4a1.5 1.5 0 0 0 1.5-1.2L21 8H6.5"/></Icon>;
const IconBox     = (p) => <Icon {...p}><path d="M3.5 7.5 12 11l8.5-3.5"/><path d="M12 11v9.5"/><path d="M3.5 7.5 12 3.5l8.5 4v9L12 20.5 3.5 16.5z"/></Icon>;
const IconUser    = (p) => <Icon {...p}><circle cx="12" cy="8.5" r="3.75"/><path d="M4.5 20c1.4-3.6 4.4-5.5 7.5-5.5s6.1 1.9 7.5 5.5"/></Icon>;
const IconRx      = (p) => <Icon {...p}><path d="M7 4h5.5a3 3 0 0 1 0 6H7"/><path d="M7 4v16"/><path d="M9.5 10 17 20"/><path d="M12 14.5 17 9.5"/></Icon>;
const IconPlus    = (p) => <Icon {...p}><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></Icon>;
const IconMinus   = (p) => <Icon {...p}><line x1="5" y1="12" x2="19" y2="12"/></Icon>;
const IconHeart   = (p) => <Icon {...p}><path d="M12 20s-7-4.3-7-10a4 4 0 0 1 7-2.5A4 4 0 0 1 19 10c0 5.7-7 10-7 10z"/></Icon>;
const IconChevR   = (p) => <Icon {...p}><polyline points="9 6 15 12 9 18"/></Icon>;
const IconChevL   = (p) => <Icon {...p}><polyline points="15 6 9 12 15 18"/></Icon>;
const IconChevD   = (p) => <Icon {...p}><polyline points="6 9 12 15 18 9"/></Icon>;
const IconClose   = (p) => <Icon {...p}><line x1="6" y1="6" x2="18" y2="18"/><line x1="18" y1="6" x2="6" y2="18"/></Icon>;
const IconFilter  = (p) => <Icon {...p}><line x1="4" y1="6" x2="20" y2="6"/><line x1="7" y1="12" x2="17" y2="12"/><line x1="10" y1="18" x2="14" y2="18"/></Icon>;
const IconBell    = (p) => <Icon {...p}><path d="M6 16V11a6 6 0 1 1 12 0v5l1.5 2H4.5z"/><path d="M10 20a2 2 0 0 0 4 0"/></Icon>;
const IconLoc     = (p) => <Icon {...p}><path d="M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z"/><circle cx="12" cy="9.5" r="2.5"/></Icon>;
const IconCheck   = (p) => <Icon {...p}><polyline points="5 12.5 10 17.5 19 7.5"/></Icon>;
const IconCamera  = (p) => <Icon {...p}><path d="M4 8h3l1.5-2h7L17 8h3v11H4z"/><circle cx="12" cy="13" r="3.5"/></Icon>;
const IconUpload  = (p) => <Icon {...p}><path d="M5 16v3h14v-3"/><path d="M12 4v11"/><polyline points="8 8 12 4 16 8"/></Icon>;
const IconShield  = (p) => <Icon {...p}><path d="M12 3 5 6v6c0 4.4 3 7.8 7 9 4-1.2 7-4.6 7-9V6z"/><polyline points="9 12 11.2 14.2 15 10.4"/></Icon>;
const IconTruck   = (p) => <Icon {...p}><rect x="2.5" y="7.5" width="11" height="9" rx="1"/><path d="M13.5 10.5h4l3 3v3h-7"/><circle cx="7" cy="18.5" r="1.5"/><circle cx="17" cy="18.5" r="1.5"/></Icon>;
const IconPill    = (p) => <Icon {...p}><rect x="3.5" y="9" width="17" height="6" rx="3" transform="rotate(-30 12 12)"/><line x1="9.5" y1="6.7" x2="14.5" y2="17.3"/></Icon>;
const IconClock   = (p) => <Icon {...p}><circle cx="12" cy="12" r="8"/><polyline points="12 7.5 12 12 15 14"/></Icon>;
const IconStar    = (p) => <Icon {...p}><polygon points="12 3.5 14.5 9 20.5 9.8 16 13.8 17.2 19.5 12 16.6 6.8 19.5 8 13.8 3.5 9.8 9.5 9"/></Icon>;
const IconMic     = (p) => <Icon {...p}><rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0 0 14 0"/><line x1="12" y1="18" x2="12" y2="21"/></Icon>;
const IconScan    = (p) => <Icon {...p}><path d="M4 8V5h3"/><path d="M20 8V5h-3"/><path d="M4 16v3h3"/><path d="M20 16v3h-3"/><line x1="4" y1="12" x2="20" y2="12"/></Icon>;
const IconCard    = (p) => <Icon {...p}><rect x="3" y="6" width="18" height="12" rx="2"/><line x1="3" y1="10" x2="21" y2="10"/></Icon>;
const IconCash    = (p) => <Icon {...p}><rect x="3" y="6" width="18" height="12" rx="2"/><circle cx="12" cy="12" r="2.5"/></Icon>;

Object.assign(window, {
  Icon, IconSearch, IconHome, IconCart, IconBox, IconUser, IconRx, IconPlus,
  IconMinus, IconHeart, IconChevR, IconChevL, IconChevD, IconClose, IconFilter,
  IconBell, IconLoc, IconCheck, IconCamera, IconUpload, IconShield, IconTruck,
  IconPill, IconClock, IconStar, IconMic, IconScan, IconCard, IconCash,
});
