{"title":"On the go","description":"\u003cp\u003eEverything you need for your little one when travelling. \u003c\/p\u003e","products":[{"product_id":"baby-car-mirror","title":"Baby Car Mirror","description":"\u003cdiv class=\"product-showcase-container\"\u003e\n  \u003cstyle\u003e\n    .product-showcase-container {\n      --slate: #1e293b;\n      --blue: #3b82f6;\n      --glass: rgba(255, 255, 255, 0.7);\n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 25px;\n      background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);\n      border-radius: 30px;\n      max-width: 420px;\n      margin: auto;\n      color: var(--slate);\n    }\n\n    \/* Mirror Visual with Sweeping Shine *\/\n    .mirror-frame {\n      width: 100%;\n      height: 180px;\n      background: #cbd5e1;\n      border-radius: 60px \/ 30px;\n      border: 8px solid var(--slate);\n      position: relative;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n      margin-bottom: 20px;\n    }\n\n    .mirror-frame::after {\n      content: '';\n      position: absolute;\n      top: -100%;\n      left: -100%;\n      width: 40%;\n      height: 300%;\n      background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);\n      transform: rotate(25deg);\n      animation: mirror-sweep 5s infinite;\n    }\n\n    @keyframes mirror-sweep {\n      0% { left: -100%; }\n      15% { left: 150%; }\n      100% { left: 150%; }\n    }\n\n    .mirror-title { font-weight: 800; font-size: 1.4rem; margin: 0 0 10px; }\n    .mirror-text { font-size: 0.95rem; line-height: 1.5; color: #475569; margin-bottom: 20px; }\n\n    \/* Staggered Animated Feature List *\/\n    .feat-list { list-style: none; padding: 0; margin: 0; }\n    .feat-item {\n      background: var(--glass);\n      backdrop-filter: blur(8px);\n      margin: 8px 0;\n      padding: 12px 18px;\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      border: 1px solid rgba(255,255,255,0.4);\n      opacity: 0;\n      transform: translateY(10px);\n      animation: popIn 0.5s forwards;\n    }\n\n    @keyframes popIn {\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    .feat-item:nth-child(1) { animation-delay: 0.2s; }\n    .feat-item:nth-child(2) { animation-delay: 0.4s; }\n    .feat-item:nth-child(3) { animation-delay: 0.6s; }\n    .feat-item:nth-child(4) { animation-delay: 0.8s; }\n    .feat-item:nth-child(5) { animation-delay: 1.0s; }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"mirror-frame\"\u003e\n    \u003cspan style=\"font-size: 3rem; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));\"\u003e👶\u003c\/span\u003e\n    \u003cdiv style=\"font-size: 0.7rem; font-weight: 900; letter-spacing: 1px; margin-top: 10px; color: #1e293b;\"\u003eWIDE-ANGLE VISION\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"mirror-title\"\u003eDrive Without the Worry\u003c\/h2\u003e\n  \u003cp class=\"mirror-text\"\u003eA quick glance is all you need to see they’re sleeping soundly. No turning around, just total focus on the road.\u003c\/p\u003e\n\n  \u003cdiv class=\"feat-list\"\u003e\n    \u003cdiv class=\"feat-item\"\u003e🛡️ Shatterproof Acrylic Lens\u003c\/div\u003e\n    \u003cdiv class=\"feat-item\"\u003e👁️ 360° Wide-Angle View\u003c\/div\u003e\n    \u003cdiv class=\"feat-item\"\u003e⚡ Installs in Seconds\u003c\/div\u003e\n    \u003cdiv class=\"feat-item); color: #1e293b;\"\u003e🚗 Stable \u0026amp; Vibration-Free\u003c\/div\u003e\n    \u003cdiv class=\"feat-item\"\u003e✅ Universal Headrest Fit\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"Default Title","offer_id":47088051978425,"sku":null,"price":160.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-36.jpg?v=1779986933"},{"product_id":"insulated-baby-bottle-bag","title":"Insulated Baby Bottle Bag – Thermal Travel Carrier for Warm Milk On the Go","description":"\u003cstyle\u003e\n    .warmer-ad-card {\n      --warm-amber: #ff8f00;\n      --soft-bg: #fffbf2;\n      --glass-white: rgba(255, 255, 255, 0.7);\n      font-family: 'Inter', -apple-system, sans-serif;\n      max-width: 420px;\n      margin: 20px auto;\n      background: linear-gradient(135deg, var(--soft-bg) 0%, #ffffff 100%);\n      border-radius: 32px;\n      padding: 30px;\n      box-shadow: 0 20px 40px rgba(255, 143, 0, 0.08);\n      border: 1px solid #fef3e2;\n      color: #37474f;\n    }\n\n    \/* Warming Animation *\/\n    .visual-center { text-align: center; margin-bottom: 25px; position: relative; }\n    .bottle-base { font-size: 3.5rem; display: inline-block; position: relative; z-index: 2; }\n    \n    .steam {\n      position: absolute;\n      top: -15px;\n      left: 50%;\n      transform: translateX(-50%);\n      font-size: 1.5rem;\n      opacity: 0;\n      animation: warm-rise 2.5s infinite;\n      filter: blur(1px);\n    }\n\n    @keyframes warm-rise {\n      0% { transform: translate(-50%, 0) scale(1); opacity: 0; }\n      40% { opacity: 0.7; }\n      100% { transform: translate(-50%, -40px) scale(1.3); opacity: 0; }\n    }\n\n    .title-area h2 { font-weight: 800; font-size: 1.5rem; margin: 0; color: #263238; }\n    .tagline { font-size: 0.9rem; color: #78909c; margin: 5px 0 20px; }\n\n    \/* Modern Staggered Feature Cards *\/\n    .benefits-grid { display: flex; flex-direction: column; gap: 10px; }\n    .benefit-row {\n      background: var(--glass-white);\n      backdrop-filter: blur(12px);\n      padding: 14px 18px;\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      border: 1px solid rgba(255, 255, 255, 0.5);\n      opacity: 0;\n      transform: translateY(15px);\n      animation: slide-up-fade 0.6s forwards;\n    }\n\n    @keyframes slide-up-fade {\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Timing for staggered effect *\/\n    .benefit-row:nth-child(1) { animation-delay: 0.2s; }\n    .benefit-row:nth-child(2) { animation-delay: 0.4s; }\n    .benefit-row:nth-child(3) { animation-delay: 0.6s; }\n    .benefit-row:nth-child(4) { animation-delay: 0.8s; }\n    .benefit-row:nth-child(5) { animation-delay: 1.0s; }\n\n    .feat-icon-bg {\n      width: 32px;\n      height: 32px;\n      background: #fff3e0;\n      border-radius: 50%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      font-size: 1rem;\n    }\n\n    .feat-desc { font-size: 0.9rem; font-weight: 600; color: #455a64; }\n  \u003c\/style\u003e\n\u003cdiv class=\"warmer-ad-card\"\u003e\n\u003cdiv class=\"visual-center\"\u003e\n\u003cdiv class=\"steam\"\u003e♨️\u003c\/div\u003e\n\u003cdiv class=\"bottle-base\"\u003e🍼\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"title-area\"\u003e\n\u003ch2\u003eReady Feeds, Anywhere.\u003c\/h2\u003e\n\u003cp class=\"tagline\"\u003eWarm, perfect temperature milk for up to 3 hours. (Bottle not included)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-row\"\u003e\n\u003cdiv class=\"feat-icon-bg\"\u003e🌡️\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eKeeps Warm for 2–3 Hours\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-row\"\u003e\n\u003cdiv class=\"feat-icon-bg\"\u003e🐣\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eStroller-Ready Design\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-row\"\u003e\n\u003cdiv class=\"feat-icon-bg\"\u003e✅\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eBPA \u0026amp; Phthalate-Free\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-row\"\u003e\n\u003cdiv class=\"feat-icon-bg\"\u003e🎒\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eCompact \u0026amp; Lightweight\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-row\"\u003e\n\u003cdiv class=\"feat-icon-bg\"\u003e🧴\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eEasy to Wipe Clean         \u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ClickCart","offers":[{"title":"Gray","offer_id":47088078258361,"sku":null,"price":160.0,"currency_code":"ZAR","in_stock":true},{"title":"multicolor","offer_id":47300017291449,"sku":null,"price":160.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/9824\/2489\/files\/photo_2026-05-28_17-40-41.jpg?v=1779987236"},{"product_id":"baby-diaper-bag","title":"Baby Diaper Bag – Nappy Bag for On-the-Go Parents","description":"\u003cdiv class=\"store-showcase-wrapper\"\u003e\n  \u003cstyle\u003e\n    .store-showcase-wrapper {\n      --primary: #455a64;\n      --accent: #90a4ae;\n      --bg: #f8fafc;\n      font-family: 'Inter', -apple-system, system-ui, sans-serif;\n      padding: 30px;\n      background: var(--bg);\n      border-radius: 40px;\n      max-width: 420px;\n      margin: 20px auto;\n      color: var(--primary);\n      box-shadow: 0 20px 50px rgba(0,0,0,0.05);\n      border: 1px solid rgba(255,255,255,0.8);\n    }\n\n    \/* Floating Hero Animation *\/\n    .hero-visual {\n      text-align: center;\n      margin-bottom: 30px;\n    }\n    \n    .bag-avatar {\n      font-size: 4rem;\n      display: inline-block;\n      filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1));\n      animation: float-bag 4s ease-in-out infinite;\n    }\n\n    @keyframes float-bag {\n      0%, 100% { transform: translateY(0) rotate(0deg); }\n      50% { transform: translateY(-15px) rotate(3deg); }\n    }\n\n    .store-title {\n      font-weight: 800;\n      font-size: 1.6rem;\n      margin: 15px 0 10px;\n      color: #263238;\n      letter-spacing: -0.5px;\n    }\n\n    .store-description {\n      font-size: 0.95rem;\n      line-height: 1.6;\n      color: #607d8b;\n      margin-bottom: 30px;\n    }\n\n    \/* Staggered Benefits List *\/\n    .benefit-stack {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n\n    .benefit-pill {\n      background: white;\n      padding: 16px 20px;\n      border-radius: 20px;\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      box-shadow: 0 4px 6px rgba(0,0,0,0.02);\n      border: 1px solid #edf2f7;\n      opacity: 0;\n      transform: translateX(-20px);\n      animation: slide-in 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n    }\n\n    @keyframes slide-in {\n      to { opacity: 1; transform: translateX(0); }\n    }\n\n    .benefit-pill:nth-child(1) { animation-delay: 0.2s; }\n    .benefit-pill:nth-child(2) { animation-delay: 0.4s; }\n    .benefit-pill:nth-child(3) { animation-delay: 0.6s; }\n    .benefit-pill:nth-child(4) { animation-delay: 0.8s; }\n\n    .benefit-icon {\n      width: 32px;\n      height: 32px;\n      background: #eceff1;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1rem;\n    }\n\n    .benefit-text {\n      font-size: 0.9rem;\n      font-weight: 700;\n      color: #37474f;\n    }\n\n    \/* Modern Color Swatches *\/\n    .swatch-container {\n      margin-top: 30px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 15px;\n      background: rgba(255,255,255,0.5);\n      border-radius: 100px;\n      width: fit-content;\n    }\n\n    .swatch-tag { font-size: 0.7rem; font-weight: 800; color: var(--accent); letter-spacing: 1px; }\n    .color-dot { width: 20px; height: 20px; border-radius: 50%; border: 2px solid white; box-shadow: 0 0 0 1px #ddd; }\n    .dot-gray { background: #9e9e9e; }\n    .dot-multi { background: linear-gradient(45deg, #ff8a80, #81d4fa, #a5d6a7); }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"hero-visual\"\u003e\n    \u003cdiv class=\"bag-avatar\"\u003e🎒\u003c\/div\u003e\n    \u003ch2 class=\"store-title\"\u003eEffortless Organisation\u003c\/h2\u003e\n    \u003cp class=\"store-description\"\u003eEverything for your baby, right where you need it. Stay stylish and ready for every outing.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"benefit-stack\"\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e💪\u003c\/div\u003e\n      \u003cdiv class=\"benefit-text\"\u003eComfortable to Carry\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e🧴\u003c\/div\u003e\n      \u003cdiv class=\"benefit-text\"\u003eWipe-Clean Lining\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e🎨\u003c\/div\u003e\n      \u003cdiv class=\"benefit-text\"\u003eGray \u0026amp; Multicolor Options\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cdiv class=\"benefit-icon\"\u003e🛡️\u003c\/div\u003e\n      \u003cdiv class=\"benefit-text\"\u003eDurable \u0026amp; Built to Last\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"swatch-container\"\u003e\n    \u003cspan class=\"swatch-tag\"\u003eSTYLES:\u003c\/span\u003e\n    \u003cdiv class=\"color-dot dot-gray\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"color-dot dot-multi\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"Gray","offer_id":47088082092217,"sku":null,"price":129.0,"currency_code":"ZAR","in_stock":true},{"title":"multicolor","offer_id":47088082124985,"sku":null,"price":129.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/9824\/2489\/files\/photo_2026-05-28_18-46-40_7f063c76-cd4e-4aac-8494-d402e574d5ad.jpg?v=1779994399"},{"product_id":"wet-wipes-bag","title":"Waterproof Wet Bag – Reusable Diaper \u0026 Swim Bag for Beach, Travel \u0026 Nappy Changes","description":"\u003cdiv class=\"wetbag-showcase-container\"\u003e\n  \u003cstyle\u003e\n    .wetbag-showcase-container {\n      --sea-blue: #0288d1;\n      --soft-aqua: #e1f5fe;\n      --leaf-green: #66bb6a;\n      --text-main: #37474f;\n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 30px;\n      background: linear-gradient(180deg, #ffffff 0%, var(--soft-aqua) 100%);\n      border-radius: 35px;\n      max-width: 420px;\n      margin: 20px auto;\n      color: var(--text-main);\n      box-shadow: 0 15px 40px rgba(2, 136, 209, 0.1);\n      border: 1px solid rgba(255, 255, 255, 0.8);\n      overflow: hidden;\n    }\n\n    \/* Wave\/Water Animation Header *\/\n    .visual-header { \n      text-align: center; \n      margin-bottom: 25px; \n      position: relative;\n    }\n    \n    .bag-icon {\n      font-size: 3.5rem;\n      display: inline-block;\n      animation: gentle-sink 4s ease-in-out infinite;\n      z-index: 2;\n      position: relative;\n    }\n\n    @keyframes gentle-sink {\n      0%, 100% { transform: translateY(0) rotate(-2deg); }\n      50% { transform: translateY(12px) rotate(2deg); }\n    }\n\n    .seal-badge {\n      background: var(--sea-blue);\n      color: white;\n      font-size: 0.7rem;\n      padding: 4px 12px;\n      border-radius: 20px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      display: inline-block;\n      margin-top: 10px;\n    }\n\n    .title { font-weight: 800; font-size: 1.5rem; margin: 15px 0 10px; color: #01579b; }\n    .intro { font-size: 0.9rem; line-height: 1.6; color: #546e7a; margin-bottom: 25px; }\n\n    \/* Staggered Floating Benefit Cards *\/\n    .benefit-grid { display: flex; flex-direction: column; gap: 10px; }\n    \n    .benefit-pill {\n      background: rgba(255, 255, 255, 0.8);\n      backdrop-filter: blur(10px);\n      padding: 14px 18px;\n      border-radius: 18px;\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      border: 1px solid white;\n      opacity: 0;\n      transform: scale(0.9);\n      animation: pop-up 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n    }\n\n    @keyframes pop-up {\n      to { opacity: 1; transform: scale(1); }\n    }\n\n    .benefit-pill:nth-child(1) { animation-delay: 0.2s; }\n    .benefit-pill:nth-child(2) { animation-delay: 0.4s; }\n    .benefit-pill:nth-child(3) { animation-delay: 0.6s; }\n    .benefit-pill:nth-child(4) { animation-delay: 0.8s; }\n    .benefit-pill:nth-child(5) { animation-delay: 1.0s; }\n\n    .icon-wrap { font-size: 1.2rem; min-width: 24px; text-align: center; }\n    .label-text { font-size: 0.9rem; font-weight: 700; color: #263238; }\n\n    .eco-footer {\n      margin-top: 25px;\n      text-align: center;\n      font-size: 0.75rem;\n      font-weight: 700;\n      color: var(--leaf-green);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 5px;\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"visual-header\"\u003e\n    \u003cdiv class=\"bag-icon\"\u003e🥡\u003c\/div\u003e\n    \u003cbr\u003e\n    \u003cdiv class=\"seal-badge\"\u003e🔒 100% Leak-Proof Seal\u003c\/div\u003e\n    \u003ch2 class=\"title\"\u003eSealed \u0026amp; Mess-Free\u003c\/h2\u003e\n    \u003cp class=\"intro\"\u003eKeep wet, soiled, or damp items safely tucked away from the rest of your bag — no leaks, no smells.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"benefit-grid\"\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cspan class=\"icon-wrap\"\u003e🔒\u003c\/span\u003e\n      \u003cspan class=\"label-text\"\u003eSecure Zip Closure\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cspan class=\"icon-wrap\"\u003e🧳\u003c\/span\u003e\n      \u003cspan class=\"label-text\"\u003eLightweight \u0026amp; Foldable\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cspan class=\"icon-wrap\"\u003e🌊\u003c\/span\u003e\n      \u003cspan class=\"label-text\"\u003eMulti-Purpose Design\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cspan class=\"icon-wrap\"\u003e🧴\u003c\/span\u003e\n      \u003cspan class=\"label-text\"\u003eEasy to Wipe Clean\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cspan class=\"icon-wrap\"\u003e🌱\u003c\/span\u003e\n      \u003cspan class=\"label-text\"\u003eReusable \u0026amp; Eco-Friendly\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"eco-footer\"\u003e\n    \u003cspan\u003e🌿\u003c\/span\u003e Better for the Planet. Better for You.\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"Default Title","offer_id":47088091955385,"sku":null,"price":120.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/9824\/2489\/files\/photo_2026-05-28_17-33-47.jpg?v=1779987083"},{"product_id":"2-piece-leather-hooks-for-strollers-strap-on-hooks","title":"Leather Stroller Hooks – Universal Bag Clips for Prams \u0026 Pushchairs (Set of 2)","description":"\u003cdiv class=\"hook-showcase-container\"\u003e\n  \u003cstyle\u003e\n    .hook-showcase-container {\n      --leather-tan: #a67c52;\n      --deep-charcoal: #2c3e50;\n      --bg-cream: #f9f7f2;\n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 30px;\n      background: linear-gradient(145deg, #ffffff 0%, var(--bg-cream) 100%);\n      border-radius: 35px;\n      max-width: 420px;\n      margin: 20px auto;\n      color: var(--deep-charcoal);\n      box-shadow: 0 20px 45px rgba(0,0,0,0.06);\n      border: 1px solid #efebe4;\n    }\n\n    \/* 360 Degree Swivel Animation *\/\n    .visual-top { text-align: center; margin-bottom: 25px; perspective: 1000px; }\n    \n    .hook-icon {\n      font-size: 3.5rem;\n      display: inline-block;\n      animation: swivel-360 6s infinite linear;\n      filter: drop-shadow(0 8px 12px rgba(0,0,0,0.1));\n    }\n\n    @keyframes swivel-360 {\n      0% { transform: rotateY(0deg); }\n      100% { transform: rotateY(360deg); }\n    }\n\n    .title-box h2 { font-weight: 800; font-size: 1.5rem; margin: 0; color: var(--leather-tan); }\n    .tagline { font-size: 0.9rem; color: #7f8c8d; margin: 8px 0 25px; line-height: 1.5; }\n\n    \/* Animated Feature Cards *\/\n    .benefit-stack { display: flex; flex-direction: column; gap: 10px; }\n    \n    .benefit-pill {\n      background: white;\n      padding: 14px 20px;\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      border: 1px solid #f0efeb;\n      opacity: 0;\n      transform: translateY(15px);\n      animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n    }\n\n    @keyframes fadeInUp {\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Staggered Delay *\/\n    .benefit-pill:nth-child(1) { animation-delay: 0.2s; }\n    .benefit-pill:nth-child(2) { animation-delay: 0.4s; }\n    .benefit-pill:nth-child(3) { animation-delay: 0.6s; }\n    .benefit-pill:nth-child(4) { animation-delay: 0.8s; }\n    .benefit-pill:nth-child(5) { animation-delay: 1.0s; }\n\n    .icon-badge {\n      width: 32px; height: 32px;\n      background: #fdfaf5;\n      border-radius: 50%;\n      display: flex; align-items: center; justify-content: center;\n      font-size: 1rem;\n      border: 1px solid #f1ece1;\n    }\n\n    .pill-text { font-size: 0.9rem; font-weight: 700; color: #34495e; }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"visual-top\"\u003e\n    \u003cdiv class=\"hook-icon\"\u003e🔗\u003c\/div\u003e\n    \u003cdiv style=\"font-size: 0.7rem; font-weight: 900; letter-spacing: 2px; color: var(--leather-tan); margin-top: 10px;\"\u003e360° MOTION\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"title-box\"\u003e\n    \u003ch2\u003eSecure. Balanced. Stylish.\u003c\/h2\u003e\n    \u003cp class=\"tagline\"\u003eClip onto any stroller in seconds. Keep your bags right where you need them — hands free, stress free.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"benefit-stack\"\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cdiv class=\"icon-badge\"\u003e💪\u003c\/div\u003e\n      \u003cspan class=\"pill-text\"\u003eHigh Load-Bearing Capacity\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cdiv class=\"icon-badge\"\u003e👜\u003c\/div\u003e\n      \u003cspan class=\"pill-text\"\u003ePremium Leather Finish\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cdiv class=\"icon-badge\"\u003e🔄\u003c\/div\u003e\n      \u003cspan class=\"pill-text\"\u003e360° Swivel Hook\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cdiv class=\"icon-badge\"\u003e🐣\u003c\/div\u003e\n      \u003cspan class=\"pill-text\"\u003eUniversal Stroller Fit\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cdiv class=\"icon-badge\"\u003e✂️\u003c\/div\u003e\n      \u003cspan class=\"pill-text\"\u003eComplete Set of 2\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"Black","offer_id":47299921707193,"sku":null,"price":99.0,"currency_code":"ZAR","in_stock":true},{"title":"Brown","offer_id":47299921739961,"sku":null,"price":99.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray","offer_id":47299921772729,"sku":null,"price":99.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-53.jpg?v=1779987965"},{"product_id":"2-piece-diaper-bag-set","title":"2 Piece Diaper Bag Set","description":"\u003cdiv class=\"organiser-set-container\"\u003e\n  \u003cstyle\u003e\n    .organiser-set-container {\n      --primary-blue: #0288d1;\n      --soft-teal: #e1f5fe;\n      --glass-white: rgba(255, 255, 255, 0.7);\n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 30px;\n      background: linear-gradient(135deg, #f0f4f8 0%, #d9e2ec 100%);\n      border-radius: 40px;\n      max-width: 440px;\n      margin: 20px auto;\n      color: #334e68;\n      box-shadow: 0 20px 50px rgba(0,0,0,0.05);\n      border: 1px solid rgba(255, 255, 255, 0.6);\n      overflow: hidden;\n    }\n\n    \/* Floating Header Animation *\/\n    .header-visual { text-align: center; margin-bottom: 25px; }\n    .bags-icon {\n      font-size: 3.8rem;\n      display: inline-block;\n      animation: float-bags 5s ease-in-out infinite;\n      filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1));\n    }\n\n    @keyframes float-bags {\n      0%, 100% { transform: translateY(0) rotate(0deg); }\n      50% { transform: translateY(-15px) rotate(4deg); }\n    }\n\n    .set-title { font-weight: 800; font-size: 1.6rem; margin: 10px 0; color: #102a43; }\n    .tagline { font-size: 0.95rem; color: #486581; line-height: 1.5; margin-bottom: 25px; }\n\n    \/* Interactive Benefit Pills *\/\n    .benefit-stack { display: flex; flex-direction: column; gap: 12px; }\n    \n    .benefit-pill {\n      background: var(--glass-white);\n      backdrop-filter: blur(12px);\n      padding: 16px 20px;\n      border-radius: 20px;\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      border: 1px solid rgba(255,255,255,0.4);\n      opacity: 0;\n      transform: translateX(-20px);\n      animation: slide-in-fade 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n    }\n\n    @keyframes slide-in-fade {\n      to { opacity: 1; transform: translateX(0); }\n    }\n\n    \/* Staggered delay for trust factors *\/\n    .benefit-pill:nth-child(1) { animation-delay: 0.2s; }\n    .benefit-pill:nth-child(2) { animation-delay: 0.4s; }\n    .benefit-pill:nth-child(3) { animation-delay: 0.6s; }\n    .benefit-pill:nth-child(4) { animation-delay: 0.8s; }\n    .benefit-pill:nth-child(5) { animation-delay: 1.0s; }\n\n    .icon-box {\n      width: 34px; height: 34px;\n      background: white;\n      border-radius: 12px;\n      display: flex; align-items: center; justify-content: center;\n      font-size: 1.1rem;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    }\n\n    .pill-label { font-size: 0.9rem; font-weight: 700; color: #102a43; }\n\n    .travel-badge {\n      margin-top: 30px;\n      text-align: center;\n      font-size: 0.75rem;\n      font-weight: 900;\n      color: var(--primary-blue);\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      display: block;\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"header-visual\"\u003e\n    \u003cdiv class=\"bags-icon\"\u003e🎒✨\u003c\/div\u003e\n    \u003ch2 class=\"set-title\"\u003eOrganised. Stylish. Ready.\u003c\/h2\u003e\n    \u003cp class=\"tagline\"\u003eA multi-functional 2-piece set that keeps your essentials sorted — wet, dry, or on the go.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"benefit-stack\"\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cdiv class=\"icon-box\"\u003e🎨\u003c\/div\u003e\n      \u003cspan class=\"pill-label\"\u003eFun Digital Print Designs\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cdiv class=\"icon-box\"\u003e🔒\u003c\/div\u003e\n      \u003cspan class=\"pill-label\"\u003eSecure Zipper Pockets\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cdiv class=\"icon-box\"\u003e💧\u003c\/div\u003e\n      \u003cspan class=\"pill-label\"\u003eWaterproof \u0026amp; Washable\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cdiv class=\"icon-box\"\u003e🎒\u003c\/div\u003e\n      \u003cspan class=\"pill-label\"\u003eMulti-Functional Use\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-pill\"\u003e\n      \u003cdiv class=\"icon-box\"\u003e✈️\u003c\/div\u003e\n      \u003cspan class=\"pill-label\"\u003ePerfect for Travel \u0026amp; Storage\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cspan class=\"travel-badge\"\u003e✈️ Global Adventure Approved\u003c\/span\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"Default Title","offer_id":47088164143289,"sku":null,"price":149.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/9824\/2489\/files\/photo_2026-05-28_17-40-02.jpg?v=1779987150"},{"product_id":"4-layer-baby-milk-powder-container","title":"Baby Milk Powder Container – Portable 4-Compartment Airtight Formula Dispenser","description":"\u003cdiv class=\"formula-showcase-container\"\u003e\n  \u003cstyle\u003e\n    \/* Color Palette *\/\n    .formula-showcase-container {\n      --mint-fresh: #4db6ac;\n      --sunny-yellow: #fff176;\n      --peach-sorbet: #ffab91;\n      --sky-blue: #4fc3f7;\n      --text-slate: #37474f;\n      \n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 30px;\n      background: linear-gradient(135deg, #ffffff 0%, #f1f8f9 100%);\n      border-radius: 40px;\n      max-width: 480px;\n      margin: 20px auto;\n      color: var(--text-slate);\n      box-shadow: 0 25px 50px rgba(77, 182, 172, 0.12);\n      border: 1px solid #e0f2f1;\n      overflow: hidden;\n    }\n\n    \/* Animated 4-Layer Stack Visual *\/\n    .visual-header { \n      text-align: center; \n      margin-bottom: 30px; \n      position: relative;\n    }\n    \n    .stack-icon {\n      font-size: 3.5rem;\n      display: inline-block;\n      animation: stack-bounce 4s ease-in-out infinite;\n      filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1));\n    }\n\n    @keyframes stack-bounce {\n      0%, 100% { transform: translateY(0) scale(1); }\n      50% { transform: translateY(-15px) scale(1.05); }\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(--mint-fresh), var(--sky-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: 6px solid transparent;\n      box-shadow: 0 10px 20px rgba(0,0,0,0.03);\n      opacity: 0;\n      transform: translateY(20px);\n      animation: slide-up-reveal 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\n    }\n\n    \/* Row Color Coding *\/\n    .feature-card:nth-child(1) { border-left-color: var(--mint-fresh); animation-delay: 0.1s; }\n    .feature-card:nth-child(2) { border-left-color: var(--peach-sorbet); animation-delay: 0.2s; }\n    .feature-card:nth-child(3) { border-left-color: var(--sunny-yellow); animation-delay: 0.3s; }\n    .feature-card:nth-child(4) { border-left-color: var(--sky-blue); animation-delay: 0.4s; }\n\n    @keyframes slide-up-reveal {\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    .f-icon { font-size: 1.8rem; min-width: 40px; text-align: center; }\n    .f-content b { display: block; color: var(--text-slate); font-size: 1.05rem; margin-bottom: 4px; }\n    .f-content span { font-size: 0.9rem; color: #607d8b; line-height: 1.45; display: block; }\n\n    .travel-badge {\n      margin-top: 30px;\n      background: linear-gradient(45deg, var(--mint-fresh), var(--sky-blue));\n      color: white;\n      padding: 12px 25px;\n      border-radius: 100px;\n      font-size: 0.8rem;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      display: inline-block;\n      box-shadow: 0 8px 20px rgba(77, 182, 172, 0.3);\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"visual-header\"\u003e\n    \u003cdiv class=\"stack-icon\"\u003e🍼🥪\u003c\/div\u003e\n    \u003cdiv style=\"font-size: 0.7rem; font-weight: 900; color: var(--mint-fresh); margin-top: 10px; letter-spacing: 2px;\"\u003eREADY TO POUR\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"title-group\"\u003e\n    \u003ch2\u003eFeeds Made Effortless\u003c\/h2\u003e\n    \u003cp class=\"intro-msg\"\u003ePre-measure up to \u003cb\u003e4 full servings\u003c\/b\u003e of formula before you step out. No more bulky tins or messy scoops on the go.\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\u003e4-Feed Capacity\u003c\/b\u003e\n        \u003cspan\u003eIndividual stackable compartments allow you to prep a full day's feeds in one compact unit.\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\u003eFresh-Lock Seal\u003c\/b\u003e\n        \u003cspan\u003eAirtight, twist-lock lids ensure formula stays bone-dry and uncontaminated by moisture or spills.\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\u003eOne-Handed Funnel\u003c\/b\u003e\n        \u003cspan\u003eThe easy-pour funnel lid fits standard and wide-neck bottles for a mess-free transfer every time.\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\u003eBPA-Free \u0026amp; Safe\u003c\/b\u003e\n        \u003cspan\u003eMade from high-grade, food-safe materials that are dishwasher-safe and a breeze to sterilise.\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=\"travel-badge\"\u003e✈️ The Ultimate Travel Companion\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"Brown and Green","offer_id":47299927736505,"sku":null,"price":139.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink and White","offer_id":47300015587513,"sku":null,"price":139.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-01.jpg?v=1779987745"},{"product_id":"3-layer-pink-purple-milk-powder-holder","title":"Baby Milk Powder Container – Portable 3-Compartment Airtight Formula Dispenser","description":"\u003cdiv class=\"formula-3-showcase\"\u003e\n  \u003cstyle\u003e\n    \/* Vibrant \u0026 Modern Palette *\/\n    .formula-3-showcase {\n      --primary-mint: #26a69a;\n      --sunny-orange: #ffb74d;\n      --bubblegum-pink: #f06292;\n      --sky-blue: #4fc3f7;\n      --text-main: #37474f;\n      \n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 30px;\n      background: linear-gradient(135deg, #ffffff 0%, #f1f8e9 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(38, 166, 154, 0.15);\n      border: 1px solid #e0f2f1;\n      overflow: hidden;\n    }\n\n    \/* Floating \u0026 Spinning Animation *\/\n    .visual-header { \n      text-align: center; \n      margin-bottom: 30px; \n      position: relative;\n    }\n    \n    .stack-icon {\n      font-size: 4rem;\n      display: inline-block;\n      animation: bounce-rotate 5s ease-in-out infinite;\n      filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1));\n    }\n\n    @keyframes bounce-rotate {\n      0%, 100% { transform: translateY(0) rotate(0deg); }\n      50% { transform: translateY(-20px) rotate(10deg); }\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(--primary-mint), var(--sky-blue));\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    \/* Detailed Vibrant 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.04);\n      opacity: 0;\n      transform: translateY(20px);\n      animation: slide-up-reveal 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.02); }\n\n    \/* Row-Specific Color Coding *\/\n    .feature-card:nth-child(1) { border-left-color: var(--primary-mint); animation-delay: 0.1s; }\n    .feature-card:nth-child(2) { border-left-color: var(--sunny-orange); animation-delay: 0.2s; }\n    .feature-card:nth-child(3) { border-left-color: var(--bubblegum-pink); animation-delay: 0.3s; }\n    .feature-card:nth-child(4) { border-left-color: var(--sky-blue); animation-delay: 0.4s; }\n\n    @keyframes slide-up-reveal {\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    .f-icon { font-size: 2rem; min-width: 45px; 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    .footer-badge {\n      margin-top: 30px;\n      background: linear-gradient(45deg, var(--primary-mint), var(--sky-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: 1.5px;\n      display: inline-block;\n      box-shadow: 0 10px 20px rgba(38, 166, 154, 0.3);\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"visual-header\"\u003e\n    \u003cdiv class=\"stack-icon\"\u003e🍼🔄\u003c\/div\u003e\n    \u003cdiv style=\"font-size: 0.75rem; font-weight: 900; color: var(--primary-mint); margin-top: 10px; letter-spacing: 2px;\"\u003eTWIST, POUR, FEED\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"title-group\"\u003e\n    \u003ch2\u003eFeeds Ready In Seconds\u003c\/h2\u003e\n    \u003cp class=\"intro-p\"\u003ePre-measure \u003cb\u003e3 full servings\u003c\/b\u003e before you leave home. No bulky tubs, no messy scoops—just perfectly prepared feeds wherever you are.\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\u003e3 Airtight Compartments\u003c\/b\u003e\n        \u003cspan\u003eEnough for a full day of outings. The interlocking design ensures formula stays dry and fresh with zero moisture entry.\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\u003eSpill-Proof Seal\u003c\/b\u003e\n        \u003cspan\u003ePrecision-engineered screw lids prevent messy leaks in your diaper bag. Your formula stays exactly where it belongs.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"f-icon\"\u003e✋\u003c\/div\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"f-icon\"\u003e✋\u003c\/div\u003e\n      \u003cdiv class=\"f-content\"\u003e\n        \u003cb\u003eOne-Handed Funnel\u003c\/b\u003e\n        \u003cspan\u003eDesigned for busy parents. The easy-pour spout fits both standard and wide-neck bottles for a fast, mess-free transfer.\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\u003eBPA-Free \u0026amp; Safe\u003c\/b\u003e\n        \u003cspan\u003eMade from high-grade, food-safe materials. Durable, impact-resistant, and can be sterilised in minutes.\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=\"footer-badge\"\u003e✈️ Your Ultimate Travel Essential\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"Default Title","offer_id":47088217424057,"sku":null,"price":99.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-13.jpg?v=1779987719"},{"product_id":"d-shaped-stroller-hooks","title":"D-Shaped Stroller Hooks – Heavy Duty Carabiner Clips for Prams \u0026 Pushchairs","description":"\u003cstyle\u003e\n    \/* Sleek Industrial Palette *\/\n    .stroller-hook-pro {\n      --matte-black: #1a1a1a;\n      --graphite: #333333;\n      --action-blue: #00d2ff;\n      --vibrant-orange: #ff9f43;\n      --vibrant-green: #2ecc71;\n      --vibrant-purple: #9b59b6;\n      --text-light: #f8f9fa;\n      \n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 35px;\n      background: linear-gradient(135deg, #2c3e50 0%, #000000 100%);\n      border-radius: 40px;\n      max-width: 480px;\n      margin: 20px auto;\n      color: var(--text-light);\n      box-shadow: 0 30px 60px rgba(0,0,0,0.4);\n      border: 1px solid rgba(255,255,255,0.1);\n      overflow: hidden;\n    }\n\n    \/* 360 Degree Swivel Animation *\/\n    .header-visual { \n      text-align: center; \n      margin-bottom: 30px; \n      perspective: 1000px;\n    }\n    \n    .hook-360 {\n      font-size: 4rem;\n      display: inline-block;\n      animation: rotate-360 8s linear infinite;\n      filter: drop-shadow(0 0 15px rgba(0,210,255,0.3));\n    }\n\n    @keyframes rotate-360 {\n      from { transform: rotateY(0deg); }\n      to { transform: rotateY(360deg); }\n    }\n\n    .status-tag {\n      background: var(--action-blue);\n      color: #000;\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, #ffffff, var(--action-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: #b2bec3; margin: 12px 0 30px; }\n\n    \/* Colorful Detailed Cards *\/\n    .benefit-grid { display: flex; flex-direction: column; gap: 15px; }\n    \n    .benefit-card {\n      background: rgba(255, 255, 255, 0.05);\n      backdrop-filter: blur(10px);\n      padding: 20px;\n      border-radius: 24px;\n      display: flex;\n      gap: 20px;\n      border-left: 6px solid transparent;\n      opacity: 0;\n      transform: translateX(-30px);\n      animation: reveal-right 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\n      transition: all 0.3s ease;\n    }\n\n    .benefit-card:hover {\n      background: rgba(255, 255, 255, 0.1);\n      transform: scale(1.03) translateX(5px);\n    }\n\n    \/* Staggered Row Colors *\/\n    .benefit-card:nth-child(1) { border-left-color: var(--action-blue); animation-delay: 0.1s; }\n    .benefit-card:nth-child(2) { border-left-color: var(--vibrant-orange); animation-delay: 0.2s; }\n    .benefit-card:nth-child(3) { border-left-color: var(--vibrant-green); animation-delay: 0.3s; }\n    .benefit-card:nth-child(4) { border-left-color: var(--vibrant-purple); animation-delay: 0.4s; }\n\n    @keyframes reveal-right {\n      to { opacity: 1; transform: translateX(0); }\n    }\n\n    .b-icon { font-size: 2rem; min-width: 50px; text-align: center; }\n    .b-content b { display: block; color: #fff; font-size: 1.1rem; margin-bottom: 4px; }\n    .b-content span { font-size: 0.9rem; color: #bdc3c7; line-height: 1.5; display: block; }\n\n    .footer-badge {\n      margin-top: 30px;\n      background: rgba(255,255,255,0.1);\n      color: var(--action-blue);\n      padding: 12px 25px;\n      border-radius: 100px;\n      font-size: 0.8rem;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      display: inline-block;\n      border: 1px solid var(--action-blue);\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"stroller-hook-pro\"\u003e\n\u003cdiv class=\"header-visual\"\u003e\n\u003cdiv class=\"status-tag\"\u003eHeavy Duty\u003c\/div\u003e\n\u003cbr\u003e\n\u003cdiv class=\"hook-360\"\u003e🔗\u003c\/div\u003e\n\u003cdiv style=\"font-size: 0.75rem; font-weight: 900; color: var(--action-blue); margin-top: 15px; letter-spacing: 3px;\"\u003eINDUSTRIAL STRENGTH\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"title-group\"\u003e\n\u003ch2\u003eSecure. Strong. Sleek.\u003c\/h2\u003e\n\u003cp class=\"intro-msg\"\u003eThe ultimate hands-free upgrade. Clip bags, keys, or toys in seconds with our high-capacity \u003cb\u003eD-Shape\u003c\/b\u003e design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"b-icon\"\u003e💪\u003c\/div\u003e\n\u003cdiv class=\"b-content\"\u003e\n\u003cb\u003eHeavy-Duty Capacity\u003c\/b\u003e \u003cspan\u003eHigh-strength D-shape aluminum alloy built to handle heavy diaper bags without bending.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"b-icon\"\u003e🔄\u003c\/div\u003e\n\u003cdiv class=\"b-content\"\u003e\n\u003cb\u003eSmooth 360° Rotation\u003c\/b\u003e \u003cspan\u003eFull swivel motion prevents straps from tangling and makes accessing bags effortless.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"b-icon\"\u003e🐣\u003c\/div\u003e\n\u003cdiv class=\"b-content\"\u003e\n\u003cb\u003eUniversal Hook Fit\u003c\/b\u003e \u003cspan\u003eAdjustable strap design secures tightly to any stroller, pram, or shopping trolley handle.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"b-icon\"\u003e⬛\u003c\/div\u003e\n\u003cdiv class=\"b-content\"\u003e\n\u003cb\u003e Black Finish\u003c\/b\u003e \u003cspan\u003eSleek, scratch-resistant coating that matches your stroller's premium aesthetic.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003cdiv class=\"footer-badge\"\u003e🛡️ Built to Last Every Journey\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ClickCart","offers":[{"title":"Black","offer_id":47088230629561,"sku":null,"price":95.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/9824\/2489\/files\/photo_2026-05-28_20-43-01.jpg?v=1779993849"},{"product_id":"dummy-clip","title":"Dummy Clip","description":"\u003cdiv class=\"dummy-clip-showcase\"\u003e\n  \u003cstyle\u003e\n    \/* Playful \u0026 Modern Palette *\/\n    .dummy-clip-showcase {\n      --primary-clay: #8d6e63;\n      --soft-mint: #b2dfdb;\n      --dusty-pink: #f48fb1;\n      --mustard: #ffd54f;\n      --text-main: #3e2723;\n      \n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 35px;\n      background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 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(141, 110, 99, 0.12);\n      border: 1px solid #efebe9;\n      overflow: hidden;\n    }\n\n    \/* Swinging Clip Animation *\/\n    .visual-header { \n      text-align: center; \n      margin-bottom: 30px; \n      position: relative;\n    }\n    \n    .clip-icon {\n      font-size: 4rem;\n      display: inline-block;\n      animation: gentle-swing 4s ease-in-out infinite;\n      filter: drop-shadow(0 10px 15px rgba(0,0,0,0.05));\n    }\n\n    @keyframes gentle-swing {\n      0%, 100% { transform: rotate(-8deg) translateX(-5px); }\n      50% { transform: rotate(8deg) translateX(5px); }\n    }\n\n    .hygiene-tag {\n      background: var(--primary-clay);\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(--primary-clay), #5d4037);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n    \n    .intro-msg { font-size: 1rem; line-height: 1.6; color: #6d4c41; margin: 12px 0 30px; }\n\n    \/* Detailed Vibrant 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.02); }\n\n    \/* Staggered Row Colors *\/\n    .feature-card:nth-child(1) { border-left-color: var(--primary-clay); animation-delay: 0.1s; }\n    .feature-card:nth-child(2) { border-left-color: var(--soft-mint); animation-delay: 0.2s; }\n    .feature-card:nth-child(3) { border-left-color: var(--mustard); animation-delay: 0.3s; }\n    .feature-card:nth-child(4) { border-left-color: var(--dusty-pink); 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: #795548; line-height: 1.5; display: block; }\n\n    .trust-footer {\n      margin-top: 30px;\n      background: linear-gradient(45deg, var(--primary-clay), #5d4037);\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(141, 110, 99, 0.3);\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"visual-header\"\u003e\n    \u003cdiv class=\"hygiene-tag\"\u003eFloor-Proof Design\u003c\/div\u003e\n    \u003cbr\u003e\n    \u003cdiv class=\"clip-icon\"\u003e👶🔗\u003c\/div\u003e\n    \u003cdiv style=\"font-size: 0.75rem; font-weight: 900; color: var(--primary-clay); margin-top: 10px; letter-spacing: 2px;\"\u003eSECURE \u0026amp; STYLISH\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"title-group\"\u003e\n    \u003ch2\u003eAlways Within Reach\u003c\/h2\u003e\n    \u003cp class=\"intro-msg\"\u003eKeep your baby's dummy securely attached to their clothing. No more lost pacifiers, and \u003cb\u003eno more dirty floors\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\u003eSecure Hold\u003c\/b\u003e\n        \u003cspan\u003ePowerful, gentle-grip clip that stays fastened to clothing without damaging delicate fabrics.\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\u003eBaby-Safe Design\u003c\/b\u003e\n        \u003cspan\u003eMade with non-toxic, BPA-free materials and rounded edges for ultimate peace of mind.\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\u003ePerfect Length\u003c\/b\u003e\n        \u003cspan\u003eSafety-compliant length that prevents tangling while allowing baby full range of motion.\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\u003eStylish \u0026amp; Fun\u003c\/b\u003e\n        \u003cspan\u003eModern designs and trendy colours that perfectly complement any baby outfit.\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=\"trust-footer\"\u003e✨ Clean \u0026amp; Convenient\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"Default Title","offer_id":47090847645881,"sku":null,"price":60.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/9824\/2489\/files\/photo_2026-05-28_21-04-07.jpg?v=1779995086"},{"product_id":"snuggle-time-pegs-universal-pram-clips-stroller-hooks","title":"Snuggle Time Pegs – Universal Pram Clips \u0026 Stroller Hooks","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Compact Widget Container *\/\n        .st-widget {\n            background: #ffffff;\n            border-radius: 16px;\n            padding: 20px;\n            max-width: 320px; \/* Reduced width for sidebar\/grid layout *\/\n            box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n            text-align: center;\n            border: 1px solid #eceff1;\n            font-family: 'Segoe UI', system-ui, sans-serif;\n            color: #333d47;\n            margin: 10px auto;\n        }\n\n        \/* Scaled Down Floating Visual *\/\n        .st-visual {\n            position: relative;\n            width: 70px; \/* Halved sizing *\/\n            height: 70px;\n            background: #e8f5e9;\n            border-radius: 50%;\n            margin: 0 auto 15px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            animation: stFloat 4s ease-in-out infinite;\n        }\n\n        .st-visual::before {\n            content: '';\n            position: absolute;\n            border: 1px solid #81c784;\n            border-radius: 50%;\n            top: -5px;\n            left: -5px;\n            right: -5px;\n            bottom: -5px;\n            animation: stPulse 2.5s infinite linear;\n        }\n\n        .st-icon {\n            width: 32px;\n            height: 32px;\n            fill: #2e7d32;\n        }\n\n        \/* Compressed Typography *\/\n        .st-title {\n            font-size: 1.3rem;\n            color: #1a237e;\n            margin-bottom: 4px;\n        }\n\n        .st-tagline {\n            font-size: 0.85rem;\n            color: #5c6bc0;\n            line-height: 1.4;\n            margin-bottom: 15px;\n        }\n\n        \/* Compact Feature Rows *\/\n        .st-list {\n            list-style: none;\n            text-align: left;\n            margin-bottom: 20px;\n            padding: 0;\n        }\n\n        .st-item {\n            font-size: 0.85rem;\n            margin-bottom: 8px;\n            display: flex;\n            align-items: center;\n            color: #455a64;\n        }\n\n        .st-item::before {\n            content: \"✓\";\n            display: inline-flex;\n            justify-content: center;\n            align-items: center;\n            width: 16px;\n            height: 16px;\n            background: #81c784;\n            color: white;\n            border-radius: 50%;\n            margin-right: 10px;\n            font-weight: bold;\n            font-size: 0.65rem;\n            flex-shrink: 0;\n        }\n\n        \/* Low-Profile CTA Button *\/\n        .st-btn {\n            display: block;\n            width: 100%;\n            padding: 12px;\n            background: #1a237e;\n            color: #ffffff;\n            border: none;\n            border-radius: 8px;\n            font-size: 0.9rem;\n            font-weight: 600;\n            cursor: pointer;\n            text-decoration: none;\n            transition: all 0.2s ease;\n        }\n\n        .st-btn:hover {\n            background: #2e7d32;\n            transform: translateY(-1px);\n        }\n\n        \/* Animations *\/\n        @keyframes stFloat {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-5px); }\n        }\n\n        @keyframes stPulse {\n            0% { transform: scale(0.95); opacity: 0.8; }\n            100% { transform: scale(1.15); opacity: 0; }\n        }\n    \u003c\/style\u003e\n\u003c!-- Dynamic Micro-Widget --\u003e\n\u003cdiv class=\"st-widget\"\u003e\n\u003cdiv class=\"st-visual\"\u003e\u003csvg viewbox=\"0 0 24 24\" class=\"st-icon\"\u003e\n                \u003cpath d=\"M19 13H5v-2h14v2zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 14H11v-2h2v2zm0-4H11V7h2v5z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch1 class=\"st-title\"\u003eSnuggle Time Pegs\u003c\/h1\u003e\n\u003cp class=\"st-tagline\"\u003eKeep your hands free and essentials organized on every outing.\u003c\/p\u003e\n\u003cul class=\"st-list\"\u003e\n\u003cli class=\"st-item\"\u003eUniversal stroller fit\u003c\/li\u003e\n\u003cli class=\"st-item\"\u003eClips bags, blankets \u0026amp; toys\u003c\/li\u003e\n\u003cli class=\"st-item\"\u003eLightweight \u0026amp; quick setup\u003c\/li\u003e\n\u003cli class=\"st-item\"\u003eDurable, baby-safe material\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbutton class=\"st-btn\"\u003eShop Now\u003c\/button\u003e\n\u003c\/div\u003e","brand":"ClickCartBaby","offers":[{"title":"Black","offer_id":47300092625081,"sku":null,"price":49.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray","offer_id":47300092657849,"sku":null,"price":49.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/9824\/2489\/files\/photo_2026-05-28_17-33-15_6524a69e-5ef7-451b-8641-f2b118681079.jpg?v=1779998303"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/9824\/2489\/collections\/baby-travel.png?v=1777716397","url":"https:\/\/clickcartsa.co.za\/collections\/baby-essentials-on-the-go.oembed","provider":"ClickCartBaby","version":"1.0","type":"link"}