{"title":"Home page","description":null,"products":[{"product_id":"bath-thermometer","title":"Baby Bath Thermometer – Digital Crab Water Temperature Meter with Alarm","description":"\u003cdiv class=\"product-description-container\"\u003e\n  \u003cstyle\u003e\n    \/* Styling isolated to this container *\/\n    .product-description-container {\n      --primary-color: #00bfa5;\n      --accent-color: #ff5252;\n      --bg-blur: rgba(255, 255, 255, 0.6);\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      padding: 20px;\n      background: linear-gradient(135deg, #e0f2f1 0%, #ffffff 100%);\n      border-radius: 20px;\n    }\n\n    .glass-inner {\n      background: var(--bg-blur);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      border: 1px solid rgba(255, 255, 255, 0.3);\n      padding: 25px;\n      border-radius: 18px;\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);\n    }\n\n    \/* Floating Crab Animation *\/\n    .crab-head {\n      font-size: 3rem;\n      display: block;\n      margin-bottom: 10px;\n      animation: bobbing 3s ease-in-out infinite;\n    }\n\n    @keyframes bobbing {\n      0%, 100% { transform: translateY(0) rotate(0); }\n      50% { transform: translateY(-10px) rotate(8deg); }\n    }\n\n    .description-title {\n      color: #00796b;\n      font-size: 1.5rem;\n      font-weight: 700;\n      margin: 0 0 10px 0;\n    }\n\n    .feature-list {\n      list-style: none;\n      padding: 0;\n      margin: 20px 0;\n    }\n\n    .feature-item {\n      display: flex;\n      align-items: center;\n      margin-bottom: 12px;\n      font-size: 0.95rem;\n      color: #333;\n      opacity: 0;\n      transform: translateX(-10px);\n      animation: slideIn 0.5s forwards;\n    }\n\n    \/* Staggered loading of features *\/\n    .feature-item:nth-child(1) { animation-delay: 0.2s; }\n    .feature-item:nth-child(2) { animation-delay: 0.4s; }\n    .feature-item:nth-child(3) { animation-delay: 0.6s; }\n    .feature-item:nth-child(4) { animation-delay: 0.8s; }\n\n    @keyframes slideIn {\n      to { opacity: 1; transform: translateX(0); }\n    }\n\n    .check-icon {\n      color: var(--primary-color);\n      font-weight: bold;\n      margin-right: 12px;\n      font-size: 1.1rem;\n    }\n\n    .shop-button {\n      display: block;\n      background: var(--accent-color);\n      color: #fff;\n      text-align: center;\n      padding: 14px;\n      border-radius: 12px;\n      text-decoration: none;\n      font-weight: 600;\n      transition: all 0.3s;\n      box-shadow: 0 4px 15px rgba(255, 82, 82, 0.3);\n    }\n\n    .shop-button:hover {\n      background: #ff1744;\n      transform: scale(1.03);\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"glass-inner\"\u003e\n    \u003cspan class=\"crab-head\"\u003e🦀\u003c\/span\u003e\n    \u003ch2 class=\"description-title\"\u003eBath Time, Sorted.\u003c\/h2\u003e\n    \u003cp style=\"color:#666; font-size: 0.9rem;\"\u003eNo more guessing. Just safe, happy splashes every time.\u003c\/p\u003e\n    \n    \u003cul class=\"feature-list\"\u003e\n      \u003cli class=\"feature-item\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e Instant digital temperature readings\u003c\/li\u003e\n      \u003cli class=\"feature-item\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e Built-in hot-water alarm\u003c\/li\u003e\n      \u003cli class=\"feature-item\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e Safe, fun floating crab design\u003c\/li\u003e\n      \u003cli class=\"feature-item\"\u003e\n\u003cspan class=\"check-icon\"\u003e✓\u003c\/span\u003e Clear, easy-read display\u003c\/li\u003e\n    \u003c\/ul\u003e\n\n    \u003ca href=\"#\" class=\"shop-button\"\u003eSecure Peace of Mind\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"Orange","offer_id":47300032692409,"sku":null,"price":229.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue","offer_id":47300032725177,"sku":null,"price":229.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-32.jpg?v=1779986159"},{"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":"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":"baby-bottle-cleaning-set","title":"Baby Bottle Cleaning Set – Complete Brush Kit for Bottles \u0026 Teats","description":"\u003cdiv class=\"clean-set-wrapper\"\u003e\n  \u003cstyle\u003e\n    .clean-set-wrapper {\n      --foam-white: #f0faff;\n      --deep-ocean: #00838f;\n      --clean-cyan: #26c6da;\n      font-family: 'Inter', -apple-system, system-ui, sans-serif;\n      padding: 30px;\n      background: linear-gradient(135deg, #ffffff 0%, var(--foam-white) 100%);\n      border-radius: 40px;\n      max-width: 420px;\n      margin: 20px auto;\n      color: #37474f;\n      box-shadow: 0 20px 50px rgba(0, 188, 212, 0.1);\n      border: 1px solid #e1f5fe;\n      overflow: hidden;\n      position: relative;\n    }\n\n    \/* Floating Bubble Background Effect *\/\n    .clean-set-wrapper::before {\n      content: '○';\n      position: absolute;\n      top: 10px;\n      right: 20px;\n      font-size: 3rem;\n      color: var(--clean-cyan);\n      opacity: 0.1;\n      animation: float-bubble 6s infinite ease-in-out;\n    }\n\n    @keyframes float-bubble {\n      0%, 100% { transform: translateY(0) scale(1); }\n      50% { transform: translateY(-20px) scale(1.1); }\n    }\n\n    \/* Scrubbing Animation *\/\n    .visual-center { text-align: center; margin-bottom: 30px; }\n    .brush-hero {\n      font-size: 4rem;\n      display: inline-block;\n      animation: scrub 3s ease-in-out infinite;\n    }\n\n    @keyframes scrub {\n      0%, 100% { transform: rotate(-10deg) translateX(0); }\n      50% { transform: rotate(15deg) translateX(10px); }\n    }\n\n    .title-group h2 { font-weight: 800; font-size: 1.6rem; margin: 0; color: var(--deep-ocean); letter-spacing: -0.5px; }\n    .subtitle { font-size: 0.95rem; color: #607d8b; margin: 10px 0 25px; line-height: 1.5; }\n\n    \/* Interactive Feature Cards *\/\n    .feature-stack { display: flex; flex-direction: column; gap: 12px; }\n    \n    .feature-item {\n      background: rgba(255, 255, 255, 0.8);\n      backdrop-filter: blur(10px);\n      padding: 16px 20px;\n      border-radius: 20px;\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      border: 1px solid white;\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    @keyframes slide-up-reveal {\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Staggered Delay *\/\n    .feature-item:nth-child(1) { animation-delay: 0.2s; }\n    .feature-item:nth-child(2) { animation-delay: 0.4s; }\n    .feature-item:nth-child(3) { animation-delay: 0.6s; }\n    .feature-item:nth-child(4) { animation-delay: 0.8s; }\n    .feature-item:nth-child(5) { animation-delay: 1.0s; }\n\n    .icon-circle {\n      width: 36px;\n      height: 36px;\n      background: var(--foam-white);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.1rem;\n      box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);\n    }\n\n    .feature-text { font-size: 0.9rem; font-weight: 700; color: #263238; }\n\n    .fresh-tag {\n      margin-top: 30px;\n      text-align: center;\n      font-size: 0.75rem;\n      font-weight: 900;\n      color: var(--clean-cyan);\n      text-transform: uppercase;\n      letter-spacing: 2px;\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"visual-center\"\u003e\n    \u003cdiv class=\"brush-hero\"\u003e🧼✨\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"title-group\"\u003e\n    \u003ch2\u003eFresh Feeds. Every Time.\u003c\/h2\u003e\n    \u003cp class=\"subtitle\"\u003eThoroughly clean every part of your baby's bottles and teats so every feed starts fresh.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"feature-stack\"\u003e\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"icon-circle\"\u003e🧴\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003eLong-Handled Bottle Brush\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"icon-circle\"\u003e🍼\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003ePrecision Teat Brush\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"icon-circle\"\u003e✨\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003eSoft, Non-Scratch Bristles\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"icon-circle\"\u003e✋\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003eErgonomic Grip Handle\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-item\"\u003e\n      \u003cdiv class=\"icon-circle\"\u003e📦\u003c\/div\u003e\n      \u003cdiv class=\"feature-text\"\u003eHygienic Compact Storage\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fresh-tag\"\u003ePure • Safe • Sparkling\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e","brand":"ClickCartBaby","offers":[{"title":"Beige Bottle Cleaning Set","offer_id":47088124788921,"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_18-45-19.jpg?v=1779988164"},{"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":"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":"baby-bottle-drying-rack","title":"Baby Bottle Drying Rack","description":"\u003cdiv class=\"drying-rack-showcase\"\u003e\n  \u003cstyle\u003e\n    \/* Modern Fresh Palette *\/\n    .drying-rack-showcase {\n      --clean-aqua: #00bcd4;\n      --sunny-yellow: #ffeb3b;\n      --spring-green: #00e676;\n      --soft-lilac: #ce93d8;\n      --bg-gradient: linear-gradient(135deg, #ffffff 0%, #e0f7fa 100%);\n      --text-main: #37474f;\n      \n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 35px;\n      background: var(--bg-gradient);\n      border-radius: 40px;\n      max-width: 480px;\n      margin: 20px auto;\n      color: var(--text-main);\n      box-shadow: 0 25px 50px rgba(0, 188, 212, 0.12);\n      border: 1px solid rgba(255, 255, 255, 0.8);\n      overflow: hidden;\n    }\n\n    \/* Floating Bottle Animation *\/\n    .visual-header { \n      text-align: center; \n      margin-bottom: 30px; \n      position: relative;\n    }\n    \n    .rack-avatar {\n      font-size: 4.5rem;\n      display: inline-block;\n      animation: air-float 4s ease-in-out infinite;\n      filter: drop-shadow(0 10px 15px rgba(0,0,0,0.05));\n    }\n\n    @keyframes air-float {\n      0%, 100% { transform: translateY(0) rotate(-2deg); }\n      50% { transform: translateY(-12px) rotate(2deg); }\n    }\n\n    .droplet {\n      position: absolute;\n      color: var(--clean-aqua);\n      font-size: 1.2rem;\n      opacity: 0;\n      animation: drop-fall 2s infinite;\n    }\n\n    @keyframes drop-fall {\n      0% { transform: translateY(-20px); opacity: 0; }\n      50% { opacity: 1; }\n      100% { transform: translateY(20px); opacity: 0; }\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(--clean-aqua), #00acc1);\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 Vibrant Cards *\/\n    .detail-stack { display: flex; flex-direction: column; gap: 15px; }\n    \n    .detail-card {\n      background: rgba(255, 255, 255, 0.8);\n      backdrop-filter: blur(10px);\n      padding: 20px;\n      border-radius: 24px;\n      display: flex;\n      gap: 20px;\n      border-left: 8px solid transparent;\n      box-shadow: 0 8px 20px 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    \/* Color Coding Each Feature *\/\n    .detail-card:nth-child(1) { border-left-color: var(--clean-aqua); animation-delay: 0.1s; }\n    .detail-card:nth-child(2) { border-left-color: var(--spring-green); animation-delay: 0.2s; }\n    .detail-card:nth-child(3) { border-left-color: var(--sunny-yellow); animation-delay: 0.3s; }\n    .detail-card:nth-child(4) { border-left-color: var(--soft-lilac); animation-delay: 0.4s; }\n\n    @keyframes reveal-up {\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    .d-icon { font-size: 2rem; min-width: 50px; text-align: center; }\n    .d-content b { display: block; color: var(--text-main); font-size: 1.1rem; margin-bottom: 4px; }\n    .d-content span { font-size: 0.9rem; color: #607d8b; line-height: 1.5; display: block; }\n\n    .hygiene-tag {\n      margin-top: 30px;\n      background: var(--clean-aqua);\n      color: white;\n      padding: 12px 28px;\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      box-shadow: 0 10px 20px rgba(0, 188, 212, 0.2);\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"visual-header\"\u003e\n    \u003cspan class=\"droplet\" style=\"left: 40%;\"\u003e💧\u003c\/span\u003e\n    \u003cdiv class=\"rack-avatar\"\u003e🍼✨\u003c\/div\u003e\n    \u003cspan class=\"droplet\" style=\"right: 40%; animation-delay: 1s;\"\u003e💧\u003c\/span\u003e\n    \u003cdiv style=\"font-size: 0.75rem; font-weight: 900; color: var(--clean-aqua); margin-top: 10px; letter-spacing: 2px;\"\u003eHYGIENIC \u0026amp; TIDY\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"title-group\"\u003e\n    \u003ch2\u003eClean, Dry, Organised.\u003c\/h2\u003e\n    \u003cp class=\"intro-msg\"\u003eGive every bottle, teat, and lid its own space to \u003cb\u003eair-dry quickly\u003c\/b\u003e. Keep feeding gear sterile and your kitchen clutter-free.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"detail-stack\"\u003e\n    \u003cdiv class=\"detail-card\"\u003e\n      \u003cdiv class=\"d-icon\"\u003e🍼\u003c\/div\u003e\n      \u003cdiv class=\"d-content\"\u003e\n        \u003cb\u003eLarge Capacity\u003c\/b\u003e\n        \u003cspan\u003eHigh-vertical design holds multiple bottles and accessories simultaneously without overcrowding.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"detail-card\"\u003e\n      \u003cdiv class=\"d-icon\"\u003e💧\u003c\/div\u003e\n      \u003cdiv class=\"d-content\"\u003e\n        \u003cb\u003eBuilt-In Drip Tray\u003c\/b\u003e\n        \u003cspan\u003eRemovable base catches excess water, keeping your countertops bone-dry and mess-free.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"detail-card\"\u003e\n      \u003cdiv class=\"d-icon\"\u003e💨\u003c\/div\u003e\n      \u003cdiv class=\"d-content\"\u003e\n        \u003cb\u003eQuick Drainage Design\u003c\/b\u003e\n        \u003cspan\u003eOpen-air branching allows for 360° ventilation to prevent moisture build-up and odours.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"detail-card\"\u003e\n      \u003cdiv class=\"d-icon\"\u003e📱\u003c\/div\u003e\n      \u003cdiv class=\"d-content\"\u003e\n        \u003cb\u003eCompact Footprint\u003c\/b\u003e\n        \u003cspan\u003eSpace-saving layout fits perfectly next to your sink or inside small kitchen cabinets.\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=\"hygiene-tag\"\u003e🧼 100% BPA-Free \u0026amp; Safe\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"Default Title","offer_id":47088259104953,"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_18-45-32.jpg?v=1779988063"},{"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":"baby-waterproof-cap","title":"Baby Waterproof Cap","description":"\u003cdiv class=\"visor-vibrant-showcase\"\u003e\n  \u003cstyle\u003e\n    \/* Playful Bath Palette *\/\n    .visor-vibrant-showcase {\n      --bath-blue: #00bcd4;\n      --sunny-yellow: #ffca28;\n      --bubblegum-pink: #f06292;\n      --sky-light: #e1f5fe;\n      --leaf-green: #66bb6a;\n      --text-main: #37474f;\n      \n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 35px;\n      background: linear-gradient(135deg, #ffffff 0%, #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(0, 188, 212, 0.15);\n      border: 1px solid #b2ebf2;\n      overflow: hidden;\n    }\n\n    \/* Floating Shield Animation *\/\n    .visual-header { \n      text-align: center; \n      margin-bottom: 30px; \n      position: relative;\n    }\n    \n    .visor-icon {\n      font-size: 4.5rem;\n      display: inline-block;\n      animation: gentle-wobble 4s ease-in-out infinite;\n      filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1));\n    }\n\n    @keyframes gentle-wobble {\n      0%, 100% { transform: translateY(0) rotate(0deg); }\n      50% { transform: translateY(-10px) rotate(5deg); }\n    }\n\n    .droplet-anim {\n      position: absolute;\n      color: var(--bath-blue);\n      font-size: 1.5rem;\n      opacity: 0;\n      animation: drop-slide 2s infinite;\n    }\n\n    @keyframes drop-slide {\n      0% { transform: translateY(-20px); opacity: 0; }\n      50% { opacity: 1; }\n      100% { transform: translateY(30px); opacity: 0; }\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(--bath-blue), #0288d1);\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.04);\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    \/* Row Color Coding *\/\n    .feature-card:nth-child(1) { border-left-color: var(--sunny-yellow); animation-delay: 0.1s; }\n    .feature-card:nth-child(2) { border-left-color: var(--bubblegum-pink); animation-delay: 0.2s; }\n    .feature-card:nth-child(3) { border-left-color: var(--bath-blue); animation-delay: 0.3s; }\n    .feature-card:nth-child(4) { border-left-color: var(--leaf-green); 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    .smile-tag {\n      margin-top: 30px;\n      background: linear-gradient(45deg, var(--bath-blue), #0288d1);\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(0, 188, 212, 0.3);\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"visual-header\"\u003e\n    \u003cspan class=\"droplet-anim\" style=\"left: 35%;\"\u003e💧\u003c\/span\u003e\n    \u003cdiv class=\"visor-icon\"\u003e👑🛁\u003c\/div\u003e\n    \u003cspan class=\"droplet-anim\" style=\"right: 35%; animation-delay: 1s;\"\u003e💧\u003c\/span\u003e\n    \u003cdiv style=\"font-size: 0.75rem; font-weight: 900; color: var(--bath-blue); margin-top: 10px; letter-spacing: 2px;\"\u003eTEAR-FREE PROTECTION\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"title-group\"\u003e\n    \u003ch2\u003eHappy Eyes, Happy Bath\u003c\/h2\u003e\n    \u003cp class=\"intro-msg\"\u003eKeep water, shampoo, and soap safely away from little eyes and ears. Transform hair-washing from a struggle into \u003cb\u003estress-free fun\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\u003eTear-Free Guarantee\u003c\/b\u003e\n        \u003cspan\u003eAn airtight seal around the forehead ensures no soapy water leaks through to sensitive eyes.\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\u003eSoft \u0026amp; Flexible Fit\u003c\/b\u003e\n        \u003cspan\u003eHigh-quality EVA foam adjusts comfortably to your baby's head size without squeezing or irritation.\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\u003e100% Waterproof\u003c\/b\u003e\n        \u003cspan\u003eRepels water instantly and dries fast, preventing mould and keeping the visor hygienic for every bath.\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\u003eSafety First\u003c\/b\u003e\n        \u003cspan\u003eMade from non-toxic, eco-friendly materials that are gentle on delicate newborn skin.\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=\"smile-tag\"\u003e✨ No More Bath Time Tears\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"Default Title","offer_id":47090817269945,"sku":null,"price":180.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/9824\/2489\/files\/photo_2026-05-28_20-13-48.jpg?v=1779993932"},{"product_id":"baby-bath-rinser","title":"Baby Bath Rinser","description":"\u003cdiv class=\"rinser-vibrant-showcase\"\u003e\n  \u003cstyle\u003e\n    \/* Fresh Bath-Time Palette *\/\n    .rinser-vibrant-showcase {\n      --bath-blue: #00acc1;\n      --bubble-cyan: #4dd0e1;\n      --soft-mint: #e0f7fa;\n      --sunny-yellow: #ffeb3b;\n      --text-main: #37474f;\n      \n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 35px;\n      background: linear-gradient(135deg, #ffffff 0%, var(--soft-mint) 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(0, 172, 193, 0.12);\n      border: 1px solid rgba(255, 255, 255, 0.8);\n      overflow: hidden;\n    }\n\n    \/* Water Pouring Animation *\/\n    .visual-header { \n      text-align: center; \n      margin-bottom: 30px; \n      position: relative;\n    }\n    \n    .cup-icon {\n      font-size: 4.5rem;\n      display: inline-block;\n      animation: pour-tilt 4s ease-in-out infinite;\n      filter: drop-shadow(0 10px 15px rgba(0,0,0,0.05));\n    }\n\n    @keyframes pour-tilt {\n      0%, 100% { transform: rotate(0deg) translateY(0); }\n      50% { transform: rotate(25deg) translateY(-10px); }\n    }\n\n    .droplet-header {\n      position: absolute;\n      color: var(--bath-blue);\n      font-size: 1.2rem;\n      opacity: 0;\n      animation: rain-fall 2s infinite;\n    }\n\n    @keyframes rain-fall {\n      0% { transform: translateY(-20px); opacity: 0; }\n      50% { opacity: 1; }\n      100% { transform: translateY(20px); opacity: 0; }\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(--bath-blue), #00838f);\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.02); }\n\n    \/* Staggered Row Colors *\/\n    .feature-card:nth-child(1) { border-left-color: var(--bath-blue); animation-delay: 0.1s; }\n    .feature-card:nth-child(2) { border-left-color: #ffb74d; animation-delay: 0.2s; }\n    .feature-card:nth-child(3) { border-left-color: #66bb6a; animation-delay: 0.3s; }\n    .feature-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    .splash-tag {\n      margin-top: 30px;\n      background: linear-gradient(45deg, var(--bath-blue), var(--bubble-cyan));\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(0, 172, 193, 0.3);\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"visual-header\"\u003e\n    \u003cspan class=\"droplet-header\" style=\"left: 35%;\"\u003e💧\u003c\/span\u003e\n    \u003cdiv class=\"cup-icon\"\u003e🧼🚿\u003c\/div\u003e\n    \u003cspan class=\"droplet-header\" style=\"right: 35%; animation-delay: 1s;\"\u003e💧\u003c\/span\u003e\n    \u003cdiv style=\"font-size: 0.75rem; font-weight: 900; color: var(--bath-blue); margin-top: 10px; letter-spacing: 2px;\"\u003eTEAR-FREE RINSING\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"title-group\"\u003e\n    \u003ch2\u003eStress-Free Bathing\u003c\/h2\u003e\n    \u003cp class=\"intro-msg\"\u003eA gentle, controlled rinse that keeps water and soap away from little eyes every single time. \u003cb\u003eHappy splashing starts here!\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\u003eControlled Pour\u003c\/b\u003e\n        \u003cspan\u003eA specially designed spout creates a steady, gentle flow for precise rinsing without the flood.\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\u003eErgonomic Grip\u003c\/b\u003e\n        \u003cspan\u003eAn easy-to-hold handle designed for soapy hands, giving you total control even when things get slippery.\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 Materials\u003c\/b\u003e\n        \u003cspan\u003eMade from high-quality, BPA-free plastics that are durable enough for daily bath-time fun.\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 Nursery Size\u003c\/b\u003e\n        \u003cspan\u003eCompact enough for baby baths yet holds plenty of water to rinse off shampoo in one go.\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=\"splash-tag\"\u003e✨ Tear-Free Guarantee\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"14cm\/7cm","offer_id":47090866061497,"sku":null,"price":175.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/9824\/2489\/files\/photo_2026-05-28_20-42-26.jpg?v=1779994476"},{"product_id":"water-resistant-cloth-book-for-babies","title":"Water Resistant Cloth Book For Babies","description":"\u003cdiv class=\"cloth-book-showcase\"\u003e\n  \u003cstyle\u003e\n    \/* Playful \u0026 Soft Palette *\/\n    .cloth-book-showcase {\n      --primary-blue: #4fc3f7;\n      --soft-pink: #f48fb1;\n      --sunny-yellow: #fff176;\n      --leaf-green: #81c784;\n      --text-dark: #37474f;\n      \n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 35px;\n      background: linear-gradient(135deg, #ffffff 0%, #fff9c4 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(255, 193, 7, 0.15);\n      border: 1px solid #fff59d;\n      overflow: hidden;\n    }\n\n    \/* Turning Page Animation *\/\n    .visual-header { \n      text-align: center; \n      margin-bottom: 30px; \n      position: relative;\n    }\n    \n    .book-icon {\n      font-size: 4.5rem;\n      display: inline-block;\n      animation: page-flip 4s ease-in-out infinite;\n      filter: drop-shadow(0 10px 15px rgba(0,0,0,0.05));\n    }\n\n    @keyframes page-flip {\n      0%, 100% { transform: scale(1) rotate(0deg); }\n      50% { transform: scale(1.1) rotate(5deg); }\n      75% { transform: scale(1.05) rotate(-5deg); }\n    }\n\n    .discovery-tag {\n      background: var(--primary-blue);\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, #fb8c00, #f4511e);\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    \/* Vibrant Detailed Benefit 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    }\n\n    \/* Staggered Row Colors *\/\n    .feature-card:nth-child(1) { border-left-color: var(--primary-blue); animation-delay: 0.1s; }\n    .feature-card:nth-child(2) { border-left-color: var(--soft-pink); animation-delay: 0.2s; }\n    .feature-card:nth-child(3) { border-left-color: var(--leaf-green); animation-delay: 0.3s; }\n    .feature-card:nth-child(4) { border-left-color: #ffb74d; 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    .learning-footer {\n      margin-top: 30px;\n      background: linear-gradient(45deg, #fb8c00, #ffca28);\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(251, 140, 0, 0.3);\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"visual-header\"\u003e\n    \u003cdiv class=\"discovery-tag\"\u003e100% Baby-Proof\u003c\/div\u003e\n    \u003cbr\u003e\n    \u003cdiv class=\"book-icon\"\u003e📖🧸\u003c\/div\u003e\n    \u003cdiv style=\"font-size: 0.75rem; font-weight: 900; color: #fb8c00; margin-top: 10px; letter-spacing: 2px;\"\u003eEARLY IMAGINATION\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"title-group\"\u003e\n    \u003ch2\u003eSqueeze, Splash \u0026amp; Play\u003c\/h2\u003e\n    \u003cp class=\"intro-msg\"\u003eA soft, safe cloth book designed to survive every splash and slobber while sparking \u003cb\u003eearly learning\u003c\/b\u003e from day one.\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\u003eWater Resistant\u003c\/b\u003e\n        \u003cspan\u003ePerfect for bath time or messy play—simply wipe clean or wash to keep the adventures going.\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\u003eChew-Friendly \u0026amp; Safe\u003c\/b\u003e\n        \u003cspan\u003eMade with non-toxic materials and durable stitching, safe for teething babies to explore with their mouths.\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\u003eEngaging Textures\u003c\/b\u003e\n        \u003cspan\u003eBright colors and crinkle pages provide vital sensory stimulation to keep little minds focused.\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\u003eTear-Proof Design\u003c\/b\u003e\n        \u003cspan\u003eVirtually indestructible cloth pages that won't rip, no matter how much they are squeezed or pulled.\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=\"learning-footer\"\u003e✨ Start Their Story Today\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"Blue","offer_id":47300055007417,"sku":null,"price":75.0,"currency_code":"ZAR","in_stock":true},{"title":"pink","offer_id":47300055040185,"sku":null,"price":75.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-15_79188f6d-e53a-4baa-ac22-0f3c64a28232.jpg?v=1779995298"},{"product_id":"disposable-storage-bag-unit","title":"Disposable Storage Bag Unit","description":"\u003cdiv class=\"storage-vibrant-showcase\"\u003e\n  \u003cstyle\u003e\n    \/* Energetic \u0026 Organized Color Palette *\/\n    .storage-vibrant-showcase {\n      --active-blue: #0288d1;\n      --success-green: #43a047;\n      --alert-yellow: #fdd835;\n      --clean-white: #ffffff;\n      --text-slate: #2c3e50;\n      \n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 35px;\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-slate);\n      box-shadow: 0 25px 50px rgba(2, 136, 209, 0.12);\n      border: 1px solid #e1f5fe;\n      overflow: hidden;\n    }\n\n    \/* Grab-and-Go Animation *\/\n    .visual-header { \n      text-align: center; \n      margin-bottom: 30px; \n      position: relative;\n    }\n    \n    .bag-unit-icon {\n      font-size: 4rem;\n      display: inline-block;\n      animation: grab-motion 3s ease-in-out infinite;\n      filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1));\n    }\n\n    @keyframes grab-motion {\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(--active-blue), var(--success-green));\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.04);\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    \/* Row Color Coding *\/\n    .feature-card:nth-child(1) { border-left-color: var(--active-blue); animation-delay: 0.1s; }\n    .feature-card:nth-child(2) { border-left-color: var(--success-green); animation-delay: 0.2s; }\n    .feature-card:nth-child(3) { border-left-color: var(--alert-yellow); animation-delay: 0.3s; }\n    .feature-card:nth-child(4) { border-left-color: #ff7043; 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-slate); 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    .action-tag {\n      margin-top: 30px;\n      background: linear-gradient(45deg, var(--active-blue), var(--success-green));\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(2, 136, 209, 0.3);\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"visual-header\"\u003e\n    \u003cdiv class=\"bag-unit-icon\"\u003e🎒♻️\u003c\/div\u003e\n    \u003cdiv style=\"font-size: 0.75rem; font-weight: 900; color: var(--active-blue); margin-top: 10px; letter-spacing: 2px;\"\u003eON-THE-GO HYGIENE UNIT\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"title-group\"\u003e\n    \u003ch2\u003eOrganised. Prepared. Ready.\u003c\/h2\u003e\n    \u003cp class=\"intro-msg\"\u003eThe must-have for busy parents. Stay one step ahead with our \u003cb\u003edurable, hygienic\u003c\/b\u003e storage bag unit designed for life on the move.\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\u003eUltra-Durable\u003c\/b\u003e\n        \u003cspan\u003eTear-resistant materials built for heavy-duty everyday use. No more accidental splits or messes.\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\u003eGuaranteed Hygienic\u003c\/b\u003e\n        \u003cspan\u003eSingle-use design ensures maximum cleanliness for soiled items, nappies, or damp clothes.\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\u003eCompact Travel Fit\u003c\/b\u003e\n        \u003cspan\u003eSlim profile fits perfectly into nappy bags, stroller pouches, or glove compartments.\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\u003eInstant Convenience\u003c\/b\u003e\n        \u003cspan\u003eGrab-and-go dispenser makes it easy to stay prepared without the fuss of bulky rolls.\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=\"action-tag\"\u003e🚀 Stay One Step Ahead\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"Default Title","offer_id":47091177357497,"sku":null,"price":65.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-51.jpg?v=1779988283"},{"product_id":"electric-baby-nasal-aspirator-gentle-nose-cleaner-for-newborns-infants","title":"Electric Baby Nasal Aspirator – Gentle Nose Cleaner for Newborns \u0026 Infants","description":"\u003cdiv class=\"aspirator-vibrant-showcase\"\u003e\n  \u003cstyle\u003e\n    \/* Fresh \u0026 Calming Color Palette *\/\n    .aspirator-vibrant-showcase {\n      --soft-aqua: #00bcd4;\n      --sunny-yellow: #ffca28;\n      --deep-teal: #0097a7;\n      --sky-blue: #03a9f4;\n      --cloud-white: #f1f8e9;\n      --text-main: #37474f;\n      \n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 35px;\n      background: linear-gradient(135deg, #ffffff 0%, #e0f7fa 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(0, 188, 212, 0.15);\n      border: 1px solid #b2ebf2;\n      overflow: hidden;\n    }\n\n    \/* Floating Relief Animation *\/\n    .visual-header { \n      text-align: center; \n      margin-bottom: 30px; \n      position: relative;\n    }\n    \n    .aspirator-icon {\n      font-size: 4rem;\n      display: inline-block;\n      animation: gentle-float 4s ease-in-out infinite;\n      filter: drop-shadow(0 10px 15px rgba(0,0,0,0.05));\n    }\n\n    @keyframes gentle-float {\n      0%, 100% { transform: translateY(0) rotate(-2deg); }\n      50% { transform: translateY(-12px) rotate(2deg); }\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(--deep-teal), 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: 8px solid transparent;\n      box-shadow: 0 10px 25px rgba(0,0,0,0.04);\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    \/* Row Color Coding *\/\n    .feature-card:nth-child(1) { border-left-color: var(--soft-aqua); animation-delay: 0.1s; }\n    .feature-card:nth-child(2) { border-left-color: var(--sunny-yellow); animation-delay: 0.2s; }\n    .feature-card:nth-child(3) { border-left-color: #66bb6a; animation-delay: 0.3s; }\n    .feature-card:nth-child(4) { border-left-color: var(--sky-blue); 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    .relief-tag {\n      margin-top: 30px;\n      background: linear-gradient(45deg, var(--deep-teal), 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: 2px;\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=\"aspirator-icon\"\u003e🌬️👶\u003c\/div\u003e\n    \u003cdiv style=\"font-size: 0.75rem; font-weight: 900; color: var(--deep-teal); margin-top: 10px; letter-spacing: 2px;\"\u003eGENTLE SUCTION TECHNOLOGY\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"title-group\"\u003e\n    \u003ch2\u003eBreathe Easy, Little One\u003c\/h2\u003e\n    \u003cp class=\"intro-msg\"\u003eGently clear congestion in seconds. No more blowing, no more fuss—just a \u003cb\u003eclear nose\u003c\/b\u003e and a happier baby.\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\u003eSafe \u0026amp; Soft\u003c\/b\u003e\n        \u003cspan\u003eMedical-grade silicone tips designed for tiny nostrils to ensure a comfortable, pinch-free experience.\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\u003eElectric Power\u003c\/b\u003e\n        \u003cspan\u003eConsistent, adjustable suction at the touch of a button. Faster and more effective than manual bulbs.\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 Clean\u003c\/b\u003e\n        \u003cspan\u003eFully detachable parts that are quick to rinse and hygienic for every use.\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\u003eWhisper Motor\u003c\/b\u003e\n        \u003cspan\u003eLow-vibration and quiet operation so you don't startle or upset a sleeping, fussy baby.\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=\"relief-tag\"\u003e😌 Instant Congestion Relief\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"Default Title","offer_id":47095868457145,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/9824\/2489\/files\/D9B7AE2D-DBB2-4503-AB48-3B51DF977D9B.jpg?v=1780216932"}],"url":"https:\/\/clickcartsa.co.za\/collections\/frontpage.oembed","provider":"ClickCartBaby","version":"1.0","type":"link"}