// Inline stroke icons — minimal, line-only
const Icon = ({ d, size = 20, fill = "none", stroke = "currentColor", sw = 1.5, children, vb = "0 0 24 24", style }) => (
  <svg width={size} height={size} viewBox={vb} fill={fill} stroke={stroke} strokeWidth={sw} strokeLinecap="round" strokeLinejoin="round" style={style} aria-hidden>
    {d ? <path d={d} /> : children}
  </svg>
);

const ICheck = (p) => <Icon {...p} d="M4 12.5l4.5 4.5L20 6.5" />;
const IArrow = (p) => <Icon {...p} d="M5 12h14M13 6l6 6-6 6" />;
const IArrowDown = (p) => <Icon {...p} d="M12 5v14M6 13l6 6 6-6" />;
const IShield = (p) => <Icon {...p} d="M12 3l8 3v6c0 5-4 8-8 9-4-1-8-4-8-9V6l8-3z" />;
const ITruck = (p) => (
  <Icon {...p}>
    <path d="M3 7h11v9H3z" />
    <path d="M14 10h4l3 3v3h-7" />
    <circle cx="7" cy="17.5" r="1.5" />
    <circle cx="17" cy="17.5" r="1.5" />
  </Icon>
);
const IVial = (p) => (
  <Icon {...p}>
    <path d="M9 3h6" />
    <path d="M10 3v3M14 3v3" />
    <path d="M9 6h6v12a3 3 0 0 1-6 0V6z" />
    <path d="M9 12h6" />
  </Icon>
);
const ISyringe = (p) => (
  <Icon {...p}>
    <path d="M14 4l6 6" />
    <path d="M16 6l2-2" />
    <path d="M5 19l8-8 3 3-8 8H5z" />
    <path d="M9 13l3 3" />
    <path d="M3 21l2-2" />
  </Icon>
);
const IBook = (p) => (
  <Icon {...p}>
    <path d="M4 4h12a3 3 0 0 1 3 3v13H7a3 3 0 0 1-3-3V4z" />
    <path d="M4 17a3 3 0 0 1 3-3h12" />
  </Icon>
);
const IQR = (p) => (
  <Icon {...p}>
    <rect x="3" y="3" width="7" height="7" />
    <rect x="14" y="3" width="7" height="7" />
    <rect x="3" y="14" width="7" height="7" />
    <path d="M14 14h3M20 14v3M14 17v4M17 20h4" />
  </Icon>
);
const IBag = (p) => (
  <Icon {...p}>
    <path d="M5 8h14l-1 12H6L5 8z" />
    <path d="M9 8V5a3 3 0 0 1 6 0v3" />
  </Icon>
);
const IDroplet = (p) => <Icon {...p} d="M12 3s6 7 6 11a6 6 0 1 1-12 0c0-4 6-11 6-11z" />;
const ISparkle = (p) => <Icon {...p} d="M12 3v6M12 15v6M3 12h6M15 12h6M5 5l3 3M16 16l3 3M19 5l-3 3M8 16l-3 3" />;
const IClock = (p) => (
  <Icon {...p}>
    <circle cx="12" cy="12" r="9" />
    <path d="M12 7v5l3 2" />
  </Icon>
);
const IClose = (p) => <Icon {...p} d="M6 6l12 12M18 6L6 18" />;
const IMenu = (p) => <Icon {...p} d="M4 7h16M4 12h16M4 17h16" />;
const IPlay = (p) => <Icon {...p} d="M7 5l12 7-12 7V5z" fill="currentColor" sw={0} />;
const IStar = (p) => <Icon {...p} d="M12 3l2.6 6 6.4.6-4.8 4.4 1.5 6.5L12 17l-5.7 3.5 1.5-6.5L3 9.6 9.4 9 12 3z" fill="currentColor" sw={0} />;
const IUser = (p) => (
  <Icon {...p}>
    <circle cx="12" cy="8" r="3.5" />
    <path d="M5 20c1-4 4-6 7-6s6 2 7 6" />
  </Icon>
);
const IBolt = (p) => <Icon {...p} d="M13 3L5 14h6l-1 7 8-11h-6l1-7z" />;
const IPlus = (p) => <Icon {...p} d="M12 5v14M5 12h14" />;
const IMinus = (p) => <Icon {...p} d="M5 12h14" />;

Object.assign(window, {
  Icon, ICheck, IArrow, IArrowDown, IShield, ITruck, IVial, ISyringe, IBook, IQR, IBag, IDroplet, ISparkle, IClock, IClose, IMenu, IPlay, IStar, IUser, IBolt, IPlus, IMinus,
});