{"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","url":"https:\/\/clickcartsa.co.za\/products\/baby-diaper-bag","provider":"ClickCartBaby","version":"1.0","type":"link"}