{"title":"Tech","description":"","products":[{"product_id":"white-noise-led-light","title":"White Noise LED Night Light – Dimmable Sleep Aid","description":"\u003cdiv class=\"sleep-machine-container\"\u003e\n  \u003cstyle\u003e\n    \/* Modern Color Palette *\/\n    .sleep-machine-container {\n      --night-blue: #1a237e;\n      --glow-gold: #ffd600;\n      --vibrant-purple: #7e57c2;\n      --sunset-pink: #ff4081;\n      --ocean-teal: #00bcd4;\n      --text-main: #263238;\n      \n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 30px;\n      background: linear-gradient(135deg, #ffffff 0%, #f3e5f5 50%, #e1f5fe 100%);\n      border-radius: 40px;\n      max-width: 480px;\n      margin: 20px auto;\n      color: var(--text-main);\n      box-shadow: 0 25px 50px rgba(126, 87, 194, 0.15);\n      border: 1px solid rgba(255, 255, 255, 0.8);\n      overflow: hidden;\n    }\n\n    \/* Multi-Color Breathing Light Animation *\/\n    .visual-header { \n      text-align: center; \n      margin-bottom: 30px; \n      position: relative;\n    }\n    \n    .lamp-icon {\n      font-size: 4rem;\n      display: inline-block;\n      position: relative;\n      z-index: 2;\n      filter: drop-shadow(0 5px 10px rgba(0,0,0,0.1));\n    }\n\n    .glow-effect {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100px;\n      height: 100px;\n      border-radius: 50%;\n      filter: blur(25px);\n      opacity: 0.6;\n      animation: color-breathe 8s ease-in-out infinite;\n      z-index: 1;\n    }\n\n    @keyframes color-breathe {\n      0%, 100% { background: var(--glow-gold); transform: translate(-50%, -50%) scale(1); opacity: 0.4; }\n      33% { background: var(--sunset-pink); transform: translate(-50%, -50%) scale(1.3); opacity: 0.6; }\n      66% { background: var(--ocean-teal); transform: translate(-50%, -50%) scale(1.1); opacity: 0.5; }\n    }\n\n    .title-group h2 { \n      font-weight: 900; \n      font-size: 1.8rem; \n      margin: 0; \n      background: linear-gradient(to right, var(--night-blue), var(--vibrant-purple));\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n    \n    .intro-p { font-size: 1rem; line-height: 1.6; color: #546e7a; margin: 12px 0 30px; }\n\n    \/* Vibrant Feature Cards *\/\n    .detail-grid { display: flex; flex-direction: column; gap: 15px; }\n    \n    .detail-card {\n      background: rgba(255, 255, 255, 0.9);\n      padding: 20px;\n      border-radius: 22px;\n      display: flex;\n      gap: 20px;\n      border-left: 6px solid transparent;\n      box-shadow: 0 8px 20px rgba(0,0,0,0.04);\n      opacity: 0;\n      transform: translateY(20px);\n      animation: slide-up 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\n      transition: transform 0.3s ease;\n    }\n\n    .detail-card:hover { transform: scale(1.02); }\n\n    \/* Specific Row Colors *\/\n    .detail-card:nth-child(1) { border-left-color: var(--ocean-teal); animation-delay: 0.1s; }\n    .detail-card:nth-child(2) { border-left-color: var(--sunset-pink); animation-delay: 0.2s; }\n    .detail-card:nth-child(3) { border-left-color: var(--vibrant-purple); animation-delay: 0.3s; }\n    .detail-card:nth-child(4) { border-left-color: var(--glow-gold); animation-delay: 0.4s; }\n\n    @keyframes slide-up {\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    .feat-icon-big { font-size: 2rem; }\n    .feat-content b { display: block; color: #2c3e50; font-size: 1.05rem; margin-bottom: 4px; }\n    .feat-content span { font-size: 0.9rem; color: #607d8b; line-height: 1.5; }\n\n    .timer-badge {\n      margin-top: 30px;\n      background: linear-gradient(45deg, var(--vibrant-purple), var(--ocean-teal));\n      color: white;\n      padding: 12px 25px;\n      border-radius: 100px;\n      font-size: 0.85rem;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      display: inline-block;\n      box-shadow: 0 10px 20px rgba(0, 188, 212, 0.3);\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"visual-header\"\u003e\n    \u003cdiv class=\"glow-effect\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lamp-icon\"\u003e🌈🌙\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"title-group\"\u003e\n    \u003ch2\u003eVibrant Sleep. Happy Baby.\u003c\/h2\u003e\n    \u003cp class=\"intro-p\"\u003eBring \u003cb\u003eFull-Spectrum Colour\u003c\/b\u003e and \u003cb\u003eNature Sounds\u003c\/b\u003e into your nursery for a soothing, deep-sleep experience.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"detail-grid\"\u003e\n    \u003cdiv class=\"detail-card\"\u003e\n      \u003cdiv class=\"feat-icon-big\"\u003e🌊\u003c\/div\u003e\n      \u003cdiv class=\"feat-content\"\u003e\n        \u003cb\u003eOcean \u0026amp; Rain Sounds\u003c\/b\u003e\n        \u003cspan\u003eRhythmic water sounds that mask noisy neighbors and house traffic.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"detail-card\"\u003e\n      \u003cdiv class=\"feat-icon-big\"\u003e🎨\u003c\/div\u003e\n      \u003cdiv class=\"feat-content\"\u003e\n        \u003cb\u003eMulti-Colour LED\u003c\/b\u003e\n        \u003cspan\u003eCycle through soothing rainbows or pick your favorite static glow.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"detail-card\"\u003e\n      \u003cdiv class=\"feat-icon-big\"\u003e💾\u003c\/div\u003e\n      \u003cdiv class=\"feat-content\"\u003e\n        \u003cb\u003eSmart Memory\u003c\/b\u003e\n        \u003cspan\u003eRemembers your perfect \"Sleep Recipe\" every time you power on.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"detail-card\"\u003e\n      \u003cdiv class=\"feat-icon-big\"\u003e⚡\u003c\/div\u003e\n      \u003cdiv class=\"feat-content\"\u003e\n        \u003cb\u003eRechargeable Battery\u003c\/b\u003e\n        \u003cspan\u003eColorful care that lasts all night—even during travel or load shedding.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: center;\"\u003e\n    \u003cdiv class=\"timer-badge\"\u003e⏲️ Custom Auto-Off Timer\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCartBaby","offers":[{"title":"White","offer_id":47088204808377,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/9824\/2489\/files\/photo_2026-05-28_18-43-28.jpg?v=1779987979"},{"product_id":"milk-bottle-warmer","title":"Milk Bottle Warmer – Fast \u0026 Safe Baby Bottle Warmer","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c!-- Tailwind CSS for modern geometric utility blocks --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- Alpine.js for deep interactive UI loops and state tracking --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- Canvas Confetti Library for high-velocity transaction rewards --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Hyper-Velocity \u0026 Modern Plasma Keyframe Systems *\/\n        @keyframes dynamic-plasma {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n        @keyframes extreme-levitate-1 {\n            0%, 100% { transform: translateY(0px) rotate(-5deg) scale(1); }\n            50% { transform: translateY(-16px) rotate(5deg) scale(1.08); }\n        }\n        @keyframes extreme-levitate-2 {\n            0%, 100% { transform: translateY(0px) rotate(5deg) scale(1.08); }\n            50% { transform: translateY(-16px) rotate(-5deg) scale(1); }\n        }\n        @keyframes marquee-slide-left {\n            0% { transform: translateX(0); }\n            100% { transform: translateX(-50%); }\n        }\n        @keyframes intense-laser-sweep {\n            0% { transform: translateX(-150%) skewX(-25deg); }\n            100% { transform: translateX(150%) skewX(-25deg); }\n        }\n        @keyframes liquid-pulse-glow {\n            0%, 100% { box-shadow: 0 0 20px rgba(249,115,22,0.4), inset 0 0 15px rgba(249,115,22,0.2); border-color: rgba(249,115,22,0.6); }\n            50% { box-shadow: 0 0 20px rgba(236,72,153,0.4), inset 0 0 15px rgba(236,72,153,0.2); border-color: rgba(236,72,153,0.6); }\n        }\n        @keyframes peripheral-bloom {\n            0%, 100% { transform: scale(1) translate(0, 0); opacity: 0.2; }\n            50% { transform: scale(1.15) translate(4%, -4%); opacity: 0.35; }\n        }\n\n        \/* Kinetic Class Map Injectors *\/\n        .animate-plasma-flow { background-size: 400% 400%; animation: dynamic-plasma 6s ease infinite; }\n        .animate-levitate-bottle { animation: extreme-levitate-1 2.8s ease-in-out infinite; }\n        .animate-levitate-moon { animation: extreme-levitate-2 2.5s ease-in-out infinite; }\n        .animate-marquee-run { animation: marquee-slide-left 8s linear infinite; }\n        .animate-shimmer-ray { animation: intense-laser-sweep 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite; }\n        .animate-dock-pulse { animation: liquid-pulse-glow 3.5s linear infinite; }\n        .animate-bloom-slow { animation: peripheral-bloom 10s ease-in-out infinite; }\n\n        [x-cloak] { display: none !important; }\n    \u003c\/style\u003e\n\u003c!-- High-Intensity Multi-Color Thermal Plasma Background Blur Orbs --\u003e\n\u003cdiv class=\"fixed top-[-25%] left-[-30%] w-[95vw] h-[95vw] bg-gradient-to-br from-orange-500\/30 via-pink-600\/10 to-transparent rounded-full blur-[140px] pointer-events-none z-0 animate-bloom-slow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"animation-delay: -5s;\" class=\"fixed bottom-[-20%] right-[-30%] w-[95vw] h-[95vw] bg-gradient-to-tl from-amber-500\/30 via-purple-600\/10 to-transparent rounded-full blur-[140px] pointer-events-none z-0 animate-bloom-slow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Application Dashboard Viewport Frame Container --\u003e\u003cmain class=\"relative z-10 max-w-md w-full mx-auto px-4 pt-4\"\u003e\u003c!-- Top Status Telemetry Block Row --\u003e\n\u003cdiv class=\"animate-dock-pulse border bg-white\/[0.01] backdrop-blur-3xl p-4 rounded-3xl flex items-center justify-between mb-4\"\u003e\n\u003cdiv class=\"flex items-center gap-2.5\"\u003e\n\u003cdiv class=\"w-2.5 h-2.5 bg-orange-500 rounded-full animate-ping\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"text-[10px] font-black tracking-widest uppercase text-orange-400\"\u003e⚡ Thermal Sync Status: Active\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bg-gradient-to-r from-orange-500 via-pink-500 to-purple-500 text-white font-black text-[9px] px-3 py-1 rounded-xl uppercase tracking-wider animate-plasma-flow shadow-lg shadow-orange-500\/20\"\u003eClickCart Technology\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"border rounded-[32px] p-6 shadow-2xl mb-4 transition-all duration-300 relative overflow-hidden cursor-pointer group\"\u003e\n\u003cdiv class=\"absolute inset-0 bg-gradient-to-r from-orange-500\/10 via-pink-500\/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex items-center gap-2 mb-2\"\u003e\n\u003cspan class=\"text-xl bg-white\/[0.08] p-1.5 rounded-xl animate-bounce\"\u003e🍼\u003c\/span\u003e \u003cspan class=\"text-xs font-black tracking-widest uppercase bg-gradient-to-r from-orange-400 via-pink-400 to-amber-400 bg-clip-text text-transparent animate-plasma-flow\"\u003eWarm with Confidence. Feed with Love.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"text-3xl font-black tracking-tight leading-none mb-3\"\u003eClickCart Milk\u003cbr\u003e\u003cspan class=\"text-transparent bg-clip-text bg-gradient-to-r from-orange-400 via-pink-400 to-purple-400 animate-plasma-flow\"\u003eBottle Warmer\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"text-xs text-slate-400 leading-relaxed font-medium\"\u003eGive your baby the perfect feed, every time. Heats breast milk, formula, and baby food quickly and evenly — no hot spots, no guesswork. Tap any functionality module below to isolate parameters.( Bottle not included)\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- Block 2: Infinite Left-Moving Continuous Text Marquee --\u003e\n\u003cdiv class=\"bg-orange-500\/10 border-y border-orange-500\/20 overflow-hidden py-3 mb-4 rounded-xl flex shadow-inner\"\u003e\n\u003cdiv class=\"flex whitespace-nowrap gap-12 animate-marquee-run text-[9px] font-black text-orange-400 uppercase tracking-widest select-none\"\u003e\n\u003cspan\u003e⚡ Nutrients Fully Protected • Fast Warm-Up System Active • Auto Shut-Off Enabled ⚡\u003c\/span\u003e \u003cspan\u003e⚡ Nutrients Fully Protected • Fast Warm-Up System Active • Auto Shut-Off Enabled ⚡\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Segmented Itemized Device Feature Blocks Stack Layout --\u003e\n\u003cdiv class=\"space-y-4\"\u003e\n\u003c!-- Block 3: Universal Fit Module Block --\u003e\n\u003carticle class=\"border rounded-[28px] p-5 shadow-xl relative overflow-hidden transition-all duration-300 cursor-pointer group\"\u003e\u003c!-- Inner Light Ray Shimmer Sweep Effect --\u003e\n\u003cdiv style=\"animation-duration: 1.4s;\" class=\"absolute top-0 right-0 bottom-0 left-0 w-full h-full bg-gradient-to-r from-transparent via-white\/[0.04] to-transparent -translate-x-full animate-shimmer-ray\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"absolute top-4 right-5 text-[9px] font-black tracking-widest text-orange-400\/40 uppercase\"\u003eModule Spec A\u003c\/div\u003e\n\u003cdiv class=\"flex items-start gap-4 relative z-10\"\u003e\n\u003c!-- Dynamic Levitating Icon Block --\u003e\n\u003cdiv class=\"animate-levitate-bottle shrink-0 w-16 h-16 bg-gradient-to-br from-orange-400 to-amber-500 rounded-2xl flex items-center justify-center text-4xl shadow-xl shadow-orange-500\/40 select-none group-hover:scale-110 transition-transform duration-300\"\u003e🧴\u003c\/div\u003e\n\u003cdiv class=\"space-y-1 flex-1\"\u003e\n\u003cdiv class=\"flex items-center gap-2\"\u003e\n\u003ch3 class=\"text-base font-black text-white tracking-tight group-hover:text-orange-300 transition-colors\"\u003eUniversal Fit Architecture\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"text-xs text-slate-400 leading-relaxed font-medium\"\u003eEnforces fluid cell layout versatility. Thoughtfully engineered to remain \u003cstrong class=\"text-orange-400 font-black\"\u003ecompatible with most standard and wide-neck bottle sizes\u003c\/strong\u003e without creating thermal interface connectivity gaps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Block 4: Night-Feed Friendly Isolation Block --\u003e\n\u003c\/div\u003e\n\u003c\/main\u003e","brand":"ClickCart","offers":[{"title":"Default Title","offer_id":47088349577401,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/9824\/2489\/files\/photo_2026-05-28_17-42-42.jpg?v=1779987813"},{"product_id":"cartoon-themed-night-light-for-babies-rabbit","title":"Cartoon Themed Night Light For Babies (Rabbit)","description":"\u003cdiv class=\"nightlight-vibrant-showcase\"\u003e\n  \u003cstyle\u003e\n    \/* Dreamy Twilight Palette *\/\n    .nightlight-vibrant-showcase {\n      --moon-glow: #fff9c4;\n      --night-sky: #1a237e;\n      --soft-lavender: #f3e5f5;\n      --starlight: #ffd600;\n      --text-main: #37474f;\n      \n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 35px;\n      background: linear-gradient(135deg, #ffffff 0%, #ede7f6 100%);\n      border-radius: 40px;\n      max-width: 480px;\n      margin: 20px auto;\n      color: var(--text-main);\n      box-shadow: 0 25px 50px rgba(26, 35, 126, 0.1);\n      border: 1px solid #d1c4e9;\n      overflow: hidden;\n      position: relative;\n    }\n\n    \/* Pulsing Glow Animation *\/\n    .visual-header { \n      text-align: center; \n      margin-bottom: 30px; \n      position: relative;\n    }\n    \n    .lamp-avatar {\n      font-size: 4.5rem;\n      display: inline-block;\n      z-index: 2;\n      position: relative;\n      animation: gentle-bob 4s ease-in-out infinite;\n    }\n\n    .glow-aura {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100px;\n      height: 100px;\n      background: var(--starlight);\n      border-radius: 50%;\n      filter: blur(30px);\n      opacity: 0.4;\n      animation: breathe-glow 3s infinite ease-in-out;\n      z-index: 1;\n    }\n\n    @keyframes breathe-glow {\n      0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; }\n      50% { transform: translate(-50%, -50%) scale(1.6); opacity: 0.6; }\n    }\n\n    @keyframes gentle-bob {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-10px); }\n    }\n\n    .title-group h2 { \n      font-weight: 900; \n      font-size: 1.8rem; \n      margin: 0; \n      background: linear-gradient(to right, var(--night-sky), #3949ab);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n    \n    .intro-msg { font-size: 1rem; line-height: 1.6; color: #546e7a; margin: 12px 0 30px; }\n\n    \/* Detailed Multi-Color Benefit Cards *\/\n    .benefit-grid { display: flex; flex-direction: column; gap: 15px; }\n    \n    .benefit-card {\n      background: #ffffff;\n      padding: 20px;\n      border-radius: 24px;\n      display: flex;\n      gap: 20px;\n      border-left: 8px solid transparent;\n      box-shadow: 0 10px 25px rgba(0,0,0,0.03);\n      opacity: 0;\n      transform: translateY(20px);\n      animation: reveal-up 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\n    }\n\n    \/* Staggered Row Colors *\/\n    .benefit-card:nth-child(1) { border-left-color: var(--starlight); animation-delay: 0.1s; }\n    .benefit-card:nth-child(2) { border-left-color: #ff8a65; animation-delay: 0.2s; }\n    .benefit-card:nth-child(3) { border-left-color: #4db6ac; animation-delay: 0.3s; }\n    .benefit-card:nth-child(4) { border-left-color: #9575cd; animation-delay: 0.4s; }\n\n    @keyframes reveal-up {\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    .f-icon { font-size: 2rem; min-width: 50px; text-align: center; }\n    .f-content b { display: block; color: var(--text-main); font-size: 1.1rem; margin-bottom: 4px; }\n    .f-content span { font-size: 0.9rem; color: #607d8b; line-height: 1.5; display: block; }\n\n    .magic-footer {\n      margin-top: 30px;\n      background: linear-gradient(45deg, var(--night-sky), #3f51b5);\n      color: white;\n      padding: 14px 28px;\n      border-radius: 100px;\n      font-size: 0.85rem;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      display: inline-block;\n      box-shadow: 0 10px 20px rgba(26, 35, 126, 0.3);\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"visual-header\"\u003e\n    \u003cdiv class=\"glow-aura\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lamp-avatar\"\u003e🌙🧸\u003c\/div\u003e\n    \u003cdiv style=\"font-size: 0.75rem; font-weight: 900; color: #3f51b5; margin-top: 10px; letter-spacing: 2px;\"\u003eNIGHT-TIME MAGIC\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"title-group\"\u003e\n    \u003ch2\u003eA Sanctuary of Soft Light\u003c\/h2\u003e\n    \u003cp class=\"intro-msg\"\u003eCreate the perfect soothing sanctuary with just enough soft glow to comfort your little one, without ever disturbing their rest.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"benefit-grid\"\u003e\n    \u003cdiv class=\"benefit-card\"\u003e\n      \u003cdiv class=\"f-icon\"\u003e🌙\u003c\/div\u003e\n      \u003cdiv class=\"f-content\"\u003e\n        \u003cb\u003eSoothing Moon-Glow\u003c\/b\u003e\n        \u003cspan\u003eGentle, warm-toned illumination that signals the brain to produce melatonin for better sleep cycles.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefit-card\"\u003e\n      \u003cdiv class=\"f-icon\"\u003e🎨\u003c\/div\u003e\n      \u003cdiv class=\"f-content\"\u003e\n        \u003cb\u003eFun Cartoon Designs\u003c\/b\u003e\n        \u003cspan\u003eFriendly characters create an emotional bond, helping toddlers overcome fear of the dark and feel safe.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefit-card\"\u003e\n      \u003cdiv class=\"f-icon\"\u003e🌡️\u003c\/div\u003e\n      \u003cdiv class=\"f-content\"\u003e\n        \u003cb\u003eCool-Touch Safety\u003c\/b\u003e\n        \u003cspan\u003eHeat-resistant LED technology remains cool to the touch all night, keeping curious little fingers completely safe.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefit-card\"\u003e\n      \u003cdiv class=\"f-icon\"\u003e🔌\u003c\/div\u003e\n      \u003cdiv class=\"f-content\"\u003e\n        \u003cb\u003eEffortless Operation\u003c\/b\u003e\n        \u003cspan\u003eSimple plug-and-play or rechargeable designs made for tired parents to operate even while half-asleep.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: center;\"\u003e\n    \u003cdiv class=\"magic-footer\"\u003e✨ Sweet Dreams Guaranteed\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"White","offer_id":47091052118201,"sku":null,"price":100.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/9824\/2489\/files\/photo_2026-05-28_18-42-47.jpg?v=1779987887"},{"product_id":"doodle-draw-on-board","title":"Doodle Draw On Board","description":"\u003cdiv class=\"drawing-pad-showcase\"\u003e\n  \u003cstyle\u003e\n    \/* Vibrant Creative Palette *\/\n    .drawing-pad-showcase {\n      --creative-purple: #9c27b0;\n      --neon-blue: #00d2ff;\n      --electric-green: #00e676;\n      --sunny-gold: #ffc107;\n      --text-dark: #2c3e50;\n      \n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 35px;\n      background: linear-gradient(135deg, #ffffff 0%, #f3e5f5 100%);\n      border-radius: 40px;\n      max-width: 480px;\n      margin: 20px auto;\n      color: var(--text-dark);\n      box-shadow: 0 25px 50px rgba(156, 39, 176, 0.12);\n      border: 1px solid #e1bee7;\n      overflow: hidden;\n    }\n\n    \/* Rainbow Drawing Animation *\/\n    .visual-header { \n      text-align: center; \n      margin-bottom: 30px; \n      position: relative;\n    }\n    \n    .pad-icon {\n      font-size: 4.5rem;\n      display: inline-block;\n      animation: draw-motion 4s ease-in-out infinite;\n      filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1));\n    }\n\n    @keyframes draw-motion {\n      0%, 100% { transform: translate(0, 0) rotate(0deg); }\n      25% { transform: translate(10px, -10px) rotate(5deg); }\n      50% { transform: translate(-5px, 5px) rotate(-5deg); }\n      75% { transform: translate(5px, -5px) rotate(3deg); }\n    }\n\n    .screen-tag {\n      background: var(--creative-purple);\n      color: white;\n      font-size: 0.7rem;\n      padding: 5px 15px;\n      border-radius: 50px;\n      font-weight: 900;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      display: inline-block;\n      margin-bottom: 15px;\n    }\n\n    .title-group h2 { \n      font-weight: 900; \n      font-size: 1.8rem; \n      margin: 0; \n      background: linear-gradient(to right, var(--creative-purple), var(--neon-blue));\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n    \n    .intro-msg { font-size: 1rem; line-height: 1.6; color: #546e7a; margin: 12px 0 30px; }\n\n    \/* Colorful Detailed Cards *\/\n    .feature-grid { display: flex; flex-direction: column; gap: 15px; }\n    \n    .feature-card {\n      background: #ffffff;\n      padding: 20px;\n      border-radius: 24px;\n      display: flex;\n      gap: 20px;\n      border-left: 8px solid transparent;\n      box-shadow: 0 10px 25px rgba(0,0,0,0.03);\n      opacity: 0;\n      transform: translateY(20px);\n      animation: reveal-up 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\n      transition: transform 0.3s ease;\n    }\n\n    .feature-card:hover { transform: scale(1.03); }\n\n    \/* Staggered Row Colors *\/\n    .feature-card:nth-child(1) { border-left-color: var(--neon-blue); animation-delay: 0.1s; }\n    .feature-card:nth-child(2) { border-left-color: var(--electric-green); animation-delay: 0.2s; }\n    .feature-card:nth-child(3) { border-left-color: var(--sunny-gold); animation-delay: 0.3s; }\n    .feature-card:nth-child(4) { border-left-color: var(--creative-purple); animation-delay: 0.4s; }\n\n    @keyframes reveal-up {\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    .f-icon { font-size: 2rem; min-width: 50px; text-align: center; }\n    .f-content b { display: block; color: var(--text-dark); font-size: 1.1rem; margin-bottom: 4px; }\n    .f-content span { font-size: 0.9rem; color: #607d8b; line-height: 1.5; display: block; }\n\n    .creative-footer {\n      margin-top: 30px;\n      background: linear-gradient(45deg, var(--creative-purple), var(--neon-blue));\n      color: white;\n      padding: 14px 28px;\n      border-radius: 100px;\n      font-size: 0.85rem;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      display: inline-block;\n      box-shadow: 0 10px 20px rgba(156, 39, 176, 0.3);\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"visual-header\"\u003e\n    \u003cdiv class=\"screen-tag\"\u003e100% Mess-Free\u003c\/div\u003e\n    \u003cbr\u003e\n    \u003cdiv class=\"pad-icon\"\u003e🎨✍️\u003c\/div\u003e\n    \u003cdiv style=\"font-size: 0.75rem; font-weight: 900; color: var(--creative-purple); margin-top: 10px; letter-spacing: 2px;\"\u003eSCREEN-FREE CREATIVITY\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"title-group\"\u003e\n    \u003ch2\u003eEngage Their Minds. Anywhere.\u003c\/h2\u003e\n    \u003cp class=\"intro-msg\"\u003eThe ultimate creative outlet that keeps little hands busy without the mess. Perfect for \u003cb\u003etravel, restaurants, and home.\u003c\/b\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"feature-grid\"\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"f-icon\"\u003e🌈\u003c\/div\u003e\n      \u003cdiv class=\"f-content\"\u003e\n        \u003cb\u003eEndless Creativity\u003c\/b\u003e\n        \u003cspan\u003eWrite, draw, and doodle over and over. One-click clear button resets the canvas instantly for the next masterpiece.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"f-icon\"\u003e✏️\u003c\/div\u003e\n      \u003cdiv class=\"f-content\"\u003e\n        \u003cb\u003eEasy to Use\u003c\/b\u003e\n        \u003cspan\u003ePressure-sensitive screen creates lines of different thicknesses based on how hard they push—just like paper.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"f-icon\"\u003e🔋\u003c\/div\u003e\n      \u003cdiv class=\"f-content\"\u003e\n        \u003cb\u003eLong Battery Life\u003c\/b\u003e\n        \u003cspan\u003eUltra-low power consumption means the battery lasts for thousands of erasures, keeping them busy for months.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"f-icon\"\u003e🧳\u003c\/div\u003e\n      \u003cdiv class=\"f-content\"\u003e\n        \u003cb\u003ePortable \u0026amp; Lightweight\u003c\/b\u003e\n        \u003cspan\u003eSuper-slim design tucks easily into backpacks or car seat pockets for on-the-go entertainment.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: center;\"\u003e\n    \u003cdiv class=\"creative-footer\"\u003e✨ Inspire Their Imagination\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"Black","offer_id":47091092979897,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/9824\/2489\/files\/photo_2026-05-03_10-31-18.jpg?v=1777797275"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/9824\/2489\/collections\/baby-tech-without-wording.png?v=1777716982","url":"https:\/\/clickcartsa.co.za\/collections\/baby-tech.oembed","provider":"ClickCartBaby","version":"1.0","type":"link"}