// Icons — outlined, 1.8 stroke, tech-friendly but not techy
const mkIcon = (paths, vb = 24) => ({ size = 24, color = "currentColor", stroke = 1.8, fill = "none", ...rest } = {}) => (
  <svg width={size} height={size} viewBox={`0 0 ${vb} ${vb}`} fill={fill} stroke={color} strokeWidth={stroke} strokeLinecap="round" strokeLinejoin="round" {...rest}>
    {paths}
  </svg>
);

const IconWhatsApp = ({ size = 24, color = "currentColor" }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill={color}>
    <path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.49 0 1.47 1.07 2.89 1.22 3.09.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.62.71.23 1.35.19 1.86.12.57-.08 1.76-.72 2-1.41.25-.7.25-1.29.17-1.41-.07-.12-.27-.2-.57-.35z"/>
    <path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38c1.45.79 3.08 1.21 4.79 1.21 5.46 0 9.91-4.45 9.91-9.91C21.95 6.45 17.5 2 12.04 2zm0 18.15c-1.53 0-3.03-.41-4.34-1.19l-.31-.18-3.22.84.86-3.14-.2-.32a8.23 8.23 0 01-1.26-4.38c0-4.54 3.7-8.23 8.23-8.23 2.2 0 4.27.86 5.82 2.41a8.18 8.18 0 012.41 5.82c0 4.54-3.69 8.23-8.23 8.23z"/>
  </svg>
);

const IconPhone = mkIcon(<path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.13.96.37 1.9.72 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.9.35 1.85.59 2.81.72A2 2 0 0122 16.92z"/>);
const IconMail = mkIcon(<><rect x="2" y="4" width="20" height="16" rx="2"/><path d="M22 6l-10 7L2 6"/></>);
const IconMapPin = mkIcon(<><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 1118 0z"/><circle cx="12" cy="10" r="3"/></>);
const IconClock = mkIcon(<><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></>);
const IconCheck = mkIcon(<path d="M20 6L9 17l-5-5"/>);
const IconCheckCircle = mkIcon(<><circle cx="12" cy="12" r="10"/><path d="M8 12l3 3 5-6"/></>);
const IconShield = mkIcon(<><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="M9 12l2 2 4-4"/></>);
const IconHeadset = mkIcon(<><path d="M3 18v-6a9 9 0 1118 0v6"/><path d="M21 19a2 2 0 01-2 2h-1v-6h3v4zM3 19a2 2 0 002 2h1v-6H3v4z"/></>);
const IconBolt = mkIcon(<path d="M13 2L3 14h7l-1 8 10-12h-7l1-8z"/>);
const IconHome = mkIcon(<><path d="M3 12l9-9 9 9"/><path d="M5 10v10a1 1 0 001 1h4v-6h4v6h4a1 1 0 001-1V10"/></>);
const IconWallet = mkIcon(<><path d="M20 7H5a2 2 0 00-2 2v8a2 2 0 002 2h15a1 1 0 001-1V8a1 1 0 00-1-1z"/><path d="M16 14h2"/><path d="M21 7V5a1 1 0 00-1-1H6a2 2 0 00-2 2"/></>);
const IconDesktop = mkIcon(<><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></>);
const IconLaptop = mkIcon(<><rect x="4" y="4" width="16" height="12" rx="1"/><path d="M2 20h20"/></>);
const IconVirus = mkIcon(<><circle cx="12" cy="12" r="5"/><path d="M12 2v3M12 19v3M2 12h3M19 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M5.6 18.4l2.1-2.1M16.3 7.7l2.1-2.1"/></>);
const IconHDD = mkIcon(<><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 12h18"/><circle cx="7" cy="16" r="0.8" fill="currentColor" stroke="none"/><path d="M6 8h8"/></>);
const IconPrinter = mkIcon(<><path d="M6 9V2h12v7"/><rect x="2" y="9" width="20" height="8" rx="2"/><path d="M6 14h12v8H6z"/></>);
const IconBuilding = mkIcon(<><rect x="4" y="2" width="16" height="20" rx="1"/><path d="M9 7h.01M15 7h.01M9 11h.01M15 11h.01M9 15h.01M15 15h.01M10 22v-4h4v4"/></>);
const IconCloud = mkIcon(<path d="M17.5 19a4.5 4.5 0 100-9 6 6 0 00-11.67 1.5A4 4 0 006.5 19h11z"/>);
const IconArrowRight = mkIcon(<><path d="M5 12h14"/><path d="M13 5l7 7-7 7"/></>);
const IconChevronDown = mkIcon(<path d="M6 9l6 6 6-6"/>);
const IconStar = ({ size = 20, filled = true }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill={filled ? "#E0A018" : "none"} stroke="#E0A018" strokeWidth="1.5">
    <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
  </svg>
);
const IconMenu = mkIcon(<><path d="M3 6h18M3 12h18M3 18h18"/></>);
const IconClose = mkIcon(<><path d="M18 6L6 18M6 6l12 12"/></>);
const IconQuote = ({ size = 32, color = "currentColor" }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill={color}>
    <path d="M7 7h4v4H9c0 2 1 3 3 3v2c-3 0-5-2-5-5V7zm8 0h4v4h-2c0 2 1 3 3 3v2c-3 0-5-2-5-5V7z"/>
  </svg>
);
const IconSend = mkIcon(<><path d="M22 2L11 13"/><path d="M22 2l-7 20-4-9-9-4 20-7z"/></>);
const IconPlay = mkIcon(<path d="M5 3l14 9-14 9V3z" fill="currentColor"/>);
const IconInstagram = ({ size = 24, color = "currentColor" }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
    <rect x="3" y="3" width="18" height="18" rx="5"/>
    <circle cx="12" cy="12" r="4"/>
    <circle cx="17.5" cy="6.5" r="1" fill={color} stroke="none"/>
  </svg>
);

Object.assign(window, {
  IconWhatsApp, IconPhone, IconMail, IconMapPin, IconClock, IconCheck, IconCheckCircle,
  IconShield, IconHeadset, IconBolt, IconHome, IconWallet, IconDesktop, IconLaptop,
  IconVirus, IconHDD, IconPrinter, IconBuilding, IconCloud, IconArrowRight, IconChevronDown,
  IconStar, IconMenu, IconClose, IconQuote, IconSend, IconPlay, IconInstagram
});
