{"title":"All Products","description":null,"products":[{"product_id":"cuddle-play™-toddler-head-protection-pillow","title":"Cuddle\u0026Play™ Toddler Head Protection Pillow","description":"\u003cstyle\u003e\n  .cp-features {\n    --cp-teal: #436668;\n    --cp-white: #ffffff;\n    --cp-pink: #f3c6d2;\n    --cp-pink-soft: rgba(243, 198, 210, 0.14);\n\n    background:\n      radial-gradient(circle at 10% 20%, rgba(255,255,255,0.07), transparent 28%),\n      radial-gradient(circle at 90% 80%, rgba(243,198,210,0.10), transparent 30%),\n      var(--cp-teal);\n\n    color: var(--cp-white);\n    padding: 55px 20px;\n    overflow: hidden;\n    position: relative;\n  }\n\n  \/* Soft decorative glow *\/\n  .cp-features::before,\n  .cp-features::after {\n    content: \"\";\n    position: absolute;\n    width: 260px;\n    height: 260px;\n    border-radius: 50%;\n    filter: blur(80px);\n    opacity: 0.12;\n    pointer-events: none;\n  }\n\n  .cp-features::before {\n    background: #ffffff;\n    top: -130px;\n    left: -100px;\n  }\n\n  .cp-features::after {\n    background: var(--cp-pink);\n    bottom: -150px;\n    right: -100px;\n  }\n\n  .cp-features-inner {\n    max-width: 1050px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }\n\n  \/* Heading *\/\n  .cp-heading {\n    text-align: center;\n    margin-bottom: 38px;\n    animation: cpFadeDown 0.9s ease both;\n  }\n\n  .cp-heading-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    color: var(--cp-pink);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n  }\n\n  .cp-heading-kicker::before,\n  .cp-heading-kicker::after {\n    content: \"\";\n    width: 24px;\n    height: 1px;\n    background: rgba(255,255,255,0.5);\n  }\n\n  .cp-heading h2 {\n    margin: 0;\n    color: #fff;\n    font-size: clamp(27px, 4vw, 42px);\n    line-height: 1.1;\n    font-weight: 700;\n    letter-spacing: -0.7px;\n  }\n\n  .cp-heading p {\n    max-width: 570px;\n    margin: 12px auto 0;\n    color: rgba(255,255,255,0.78);\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  \/* Feature grid *\/\n  .cp-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 17px;\n  }\n\n  \/* Cards *\/\n  .cp-card {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 19px;\n\n    padding: 24px 24px;\n\n    background: rgba(255,255,255,0.075);\n    border: 1px solid rgba(255,255,255,0.13);\n    border-radius: 20px;\n\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n\n    box-shadow:\n      0 15px 35px rgba(0,0,0,0.10),\n      inset 0 1px 0 rgba(255,255,255,0.10);\n\n    overflow: hidden;\n\n    opacity: 0;\n    transform: translateY(28px);\n\n    animation: cpCardIn 0.75s cubic-bezier(.22,1,.36,1) forwards;\n\n    transition:\n      transform 0.4s cubic-bezier(.22,1,.36,1),\n      background 0.4s ease,\n      border-color 0.4s ease,\n      box-shadow 0.4s ease;\n  }\n\n  .cp-card:nth-child(1) {\n    animation-delay: 0.15s;\n  }\n\n  .cp-card:nth-child(2) {\n    animation-delay: 0.3s;\n  }\n\n  .cp-card:nth-child(3) {\n    animation-delay: 0.45s;\n  }\n\n  .cp-card:nth-child(4) {\n    animation-delay: 0.6s;\n  }\n\n  .cp-card::before {\n    content: \"\";\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    border-radius: 50%;\n    background: var(--cp-pink);\n    opacity: 0;\n    filter: blur(35px);\n    right: -35px;\n    top: -35px;\n    transition: opacity 0.4s ease;\n  }\n\n  .cp-card:hover {\n    transform: translateY(-7px);\n    background: rgba(255,255,255,0.115);\n    border-color: rgba(243,198,210,0.45);\n\n    box-shadow:\n      0 22px 45px rgba(0,0,0,0.18),\n      0 0 35px rgba(243,198,210,0.07),\n      inset 0 1px 0 rgba(255,255,255,0.16);\n  }\n\n  .cp-card:hover::before {\n    opacity: 0.22;\n  }\n\n  \/* Icon *\/\n  .cp-icon {\n    position: relative;\n    flex: 0 0 58px;\n    width: 58px;\n    height: 58px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 18px;\n\n    background: linear-gradient(\n      145deg,\n      rgba(255,255,255,0.18),\n      rgba(255,255,255,0.055)\n    );\n\n    border: 1px solid rgba(255,255,255,0.16);\n\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,0.18),\n      0 8px 20px rgba(0,0,0,0.12);\n\n    font-size: 28px;\n\n    transition:\n      transform 0.5s cubic-bezier(.22,1,.36,1),\n      background 0.4s ease;\n  }\n\n  .cp-card:hover .cp-icon {\n    transform: scale(1.1) rotate(-4deg);\n    background: linear-gradient(\n      145deg,\n      rgba(243,198,210,0.28),\n      rgba(255,255,255,0.08)\n    );\n  }\n\n  \/* Subtle icon pulse *\/\n  .cp-icon::after {\n    content: \"\";\n    position: absolute;\n    inset: -5px;\n    border-radius: 22px;\n    border: 1px solid rgba(243,198,210,0.25);\n    opacity: 0;\n    transform: scale(0.8);\n  }\n\n  .cp-card:hover .cp-icon::after {\n    animation: cpPulse 1.2s ease-out;\n  }\n\n  \/* Text *\/\n  .cp-content {\n    position: relative;\n    z-index: 2;\n  }\n\n  .cp-content h3 {\n    margin: 0 0 6px;\n    color: #fff;\n    font-size: 17px;\n    line-height: 1.3;\n    font-weight: 700;\n    letter-spacing: -0.2px;\n  }\n\n  .cp-content h3 span {\n    color: var(--cp-pink);\n  }\n\n  .cp-content p {\n    margin: 0;\n    color: rgba(255,255,255,0.76);\n    font-size: 13.5px;\n    line-height: 1.6;\n  }\n\n  \/* Bottom trust line *\/\n  .cp-trust {\n    margin-top: 27px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n\n    color: rgba(255,255,255,0.72);\n    font-size: 12px;\n    letter-spacing: 0.6px;\n\n    animation: cpFadeUp 1s ease 0.8s both;\n  }\n\n  .cp-trust-heart {\n    color: var(--cp-pink);\n    font-size: 15px;\n    animation: cpHeart 2.2s ease-in-out infinite;\n  }\n\n  \/* Animations *\/\n  @keyframes cpCardIn {\n    from {\n      opacity: 0;\n      transform: translateY(28px) scale(0.97);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n\n  @keyframes cpFadeDown {\n    from {\n      opacity: 0;\n      transform: translateY(-18px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes cpFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(15px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes cpPulse {\n    0% {\n      opacity: 0.5;\n      transform: scale(0.8);\n    }\n\n    100% {\n      opacity: 0;\n      transform: scale(1.2);\n    }\n  }\n\n  @keyframes cpHeart {\n    0%, 100% {\n      transform: scale(1);\n    }\n\n    50% {\n      transform: scale(1.18);\n    }\n  }\n\n  \/* Mobile *\/\n  @media screen and (max-width: 749px) {\n    .cp-features {\n      padding: 42px 15px;\n    }\n\n    .cp-heading {\n      margin-bottom: 28px;\n    }\n\n    .cp-heading h2 {\n      font-size: 28px;\n    }\n\n    .cp-heading p {\n      font-size: 14px;\n    }\n\n    .cp-grid {\n      grid-template-columns: 1fr;\n      gap: 12px;\n    }\n\n    .cp-card {\n      padding: 19px;\n      border-radius: 17px;\n      gap: 15px;\n    }\n\n    .cp-icon {\n      flex-basis: 50px;\n      width: 50px;\n      height: 50px;\n      border-radius: 15px;\n      font-size: 24px;\n    }\n\n    .cp-content h3 {\n      font-size: 15.5px;\n    }\n\n    .cp-content p {\n      font-size: 13px;\n    }\n  }\n\n  \/* Accessibility *\/\n  @media (prefers-reduced-motion: reduce) {\n    .cp-card,\n    .cp-heading,\n    .cp-trust {\n      animation: none;\n      opacity: 1;\n      transform: none;\n    }\n\n    .cp-card,\n    .cp-icon {\n      transition: none;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003csection class=\"cp-features\"\u003e\n\n  \u003cdiv class=\"cp-features-inner\"\u003e\n\n    \u003cdiv class=\"cp-heading\"\u003e\n\n      \u003cdiv class=\"cp-heading-kicker\"\u003e\n        Made for Little Explorers\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Protection Without\u003cbr\u003e\n        Getting in Their Way\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Lightweight comfort and thoughtful protection designed\n        for every crawl, wobble, tumble and little adventure.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"cp-grid\"\u003e\n\n      \u003c!-- Feature 1 --\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n\n        \u003cdiv class=\"cp-icon\"\u003e\n          🛡️\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cp-content\"\u003e\n\n          \u003ch3\u003e\n            \u003cspan\u003eInstant Impact Protection\u003c\/span\u003e\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Thick, high-resilience padding helps cushion\n            backwards tumbles during those early adventures.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- Feature 2 --\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n\n        \u003cdiv class=\"cp-icon\"\u003e\n          🔒\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cp-content\"\u003e\n\n          \u003ch3\u003e\n            \u003cspan\u003eZero-Slip Chest Clip\u003c\/span\u003e\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            A secure adjustable chest clip helps keep the\n            protector comfortably in place as they crawl,\n            waddle and explore.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- Feature 3 --\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n\n        \u003cdiv class=\"cp-icon\"\u003e\n          💨\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cp-content\"\u003e\n\n          \u003ch3\u003e\n            \u003cspan\u003eAll-Day Airflow\u003c\/span\u003e\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Breathable 3D mesh promotes airflow to help keep\n            little ones feeling fresh and comfortable during play.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- Feature 4 --\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n\n        \u003cdiv class=\"cp-icon\"\u003e\n          ☁️\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cp-content\"\u003e\n\n          \u003ch3\u003e\n            \u003cspan\u003eFeatherlight Weight\u003c\/span\u003e\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Lightweight construction is designed for comfortable\n            movement without unnecessary bulk or neck strain.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"cp-trust\"\u003e\n\n      \u003cspan class=\"cp-trust-heart\"\u003e♥\u003c\/span\u003e\n\n      \u003cspan\u003e\n        Designed for comfort • Made for little adventures\n      \u003c\/span\u003e\n\n      \u003cspan class=\"cp-trust-heart\"\u003e♥\u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Cuddle \u0026 Play","offers":[{"title":"Busy Bee","offer_id":44153720111178,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink Butterfly","offer_id":44153720143946,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/2222\/7018\/files\/ChatGPTImageSep3_2026_05_58_35PM.png?v=1788451702"},{"product_id":"cuddle-play™-clean-touch-inkless-keepsake-kit-8-pack","title":"Cuddle\u0026Play™ Clean-Touch Inkless Keepsake Kit (8 Pack)","description":"\u003cp\u003e✒️100% Ink-Free Skin Contact: Smart membrane transfers ink to paper while keeping tiny hands and paws completely clean.\u003c\/p\u003e\n\u003cp\u003e👣Crisp, High-Definition Prints: Captures every delicate line, crease, and paw pad texture in vivid detail.\u003c\/p\u003e\n\u003cp\u003e✅8-Pack Value Bundle: Includes 4 inkless pads and 8 imprint cards for multiple attempts and extra keepsakes for grandparents.\u003c\/p\u003e\n\u003cp\u003e♻️Universal \u0026amp; Non-Toxic: Perfect for newborn hand\/footprints, puppy pawprints, and cat nose prints.\u003c\/p\u003e","brand":"Cuddle \u0026 Play","offers":[{"title":"Default Title","offer_id":44215633608778,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/2222\/7018\/files\/rn-image_picker_lib_temp_0b876b8d-6327-4f17-abf6-97f604f19d31.jpg?v=1789470978"},{"product_id":"cuddle-play™-5-tier-vertical-hanging-organizer-rack","title":"Cuddle \u0026 Play™ 5-Tier Vertical Hanging Organizer Rack","description":"\u003cp\u003e📏 Instant Floor Space: Instantly doubles vertical storage using empty doors.\u003c\/p\u003e\n\u003cp\u003e😌 Zero-Sag Construction: Rigid base inserts keep pockets open and structurally upright.\u003c\/p\u003e\n\u003cp\u003e⌚ 30-Second Setup: Hangs over standard doors with no drilling or wall damage.\u003c\/p\u003e\n\u003cp\u003e🏠 Multi-Room Ready: Built for nurseries, bathrooms, bedrooms, and kitchen pantries.\u003c\/p\u003e\n\u003cp\u003e🧽 Tough \u0026amp; Washable: High-grade fabric designed to support everyday heavy essentials.\u003c\/p\u003e","brand":"Cuddle \u0026 Play","offers":[{"title":"Default Title","offer_id":50206557962314,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/2222\/7018\/files\/Gemini-Generated_Image_1l97k51l97k51l97.jpg?v=1790063187"}],"url":"https:\/\/cuddleandplay.co.za\/collections\/all-products.oembed","provider":"Cuddle \u0026 Play","version":"1.0","type":"link"}