{"product_id":"doodle-draw-on-board","title":"Doodle Draw On Board","description":"\u003cdiv class=\"drawing-pad-showcase\"\u003e\n  \u003cstyle\u003e\n    \/* Vibrant Creative Palette *\/\n    .drawing-pad-showcase {\n      --creative-purple: #9c27b0;\n      --neon-blue: #00d2ff;\n      --electric-green: #00e676;\n      --sunny-gold: #ffc107;\n      --text-dark: #2c3e50;\n      \n      font-family: 'Inter', -apple-system, sans-serif;\n      padding: 35px;\n      background: linear-gradient(135deg, #ffffff 0%, #f3e5f5 100%);\n      border-radius: 40px;\n      max-width: 480px;\n      margin: 20px auto;\n      color: var(--text-dark);\n      box-shadow: 0 25px 50px rgba(156, 39, 176, 0.12);\n      border: 1px solid #e1bee7;\n      overflow: hidden;\n    }\n\n    \/* Rainbow Drawing Animation *\/\n    .visual-header { \n      text-align: center; \n      margin-bottom: 30px; \n      position: relative;\n    }\n    \n    .pad-icon {\n      font-size: 4.5rem;\n      display: inline-block;\n      animation: draw-motion 4s ease-in-out infinite;\n      filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1));\n    }\n\n    @keyframes draw-motion {\n      0%, 100% { transform: translate(0, 0) rotate(0deg); }\n      25% { transform: translate(10px, -10px) rotate(5deg); }\n      50% { transform: translate(-5px, 5px) rotate(-5deg); }\n      75% { transform: translate(5px, -5px) rotate(3deg); }\n    }\n\n    .screen-tag {\n      background: var(--creative-purple);\n      color: white;\n      font-size: 0.7rem;\n      padding: 5px 15px;\n      border-radius: 50px;\n      font-weight: 900;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      display: inline-block;\n      margin-bottom: 15px;\n    }\n\n    .title-group h2 { \n      font-weight: 900; \n      font-size: 1.8rem; \n      margin: 0; \n      background: linear-gradient(to right, var(--creative-purple), var(--neon-blue));\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n    \n    .intro-msg { font-size: 1rem; line-height: 1.6; color: #546e7a; margin: 12px 0 30px; }\n\n    \/* Colorful Detailed Cards *\/\n    .feature-grid { display: flex; flex-direction: column; gap: 15px; }\n    \n    .feature-card {\n      background: #ffffff;\n      padding: 20px;\n      border-radius: 24px;\n      display: flex;\n      gap: 20px;\n      border-left: 8px solid transparent;\n      box-shadow: 0 10px 25px rgba(0,0,0,0.03);\n      opacity: 0;\n      transform: translateY(20px);\n      animation: reveal-up 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\n      transition: transform 0.3s ease;\n    }\n\n    .feature-card:hover { transform: scale(1.03); }\n\n    \/* Staggered Row Colors *\/\n    .feature-card:nth-child(1) { border-left-color: var(--neon-blue); animation-delay: 0.1s; }\n    .feature-card:nth-child(2) { border-left-color: var(--electric-green); animation-delay: 0.2s; }\n    .feature-card:nth-child(3) { border-left-color: var(--sunny-gold); animation-delay: 0.3s; }\n    .feature-card:nth-child(4) { border-left-color: var(--creative-purple); animation-delay: 0.4s; }\n\n    @keyframes reveal-up {\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    .f-icon { font-size: 2rem; min-width: 50px; text-align: center; }\n    .f-content b { display: block; color: var(--text-dark); font-size: 1.1rem; margin-bottom: 4px; }\n    .f-content span { font-size: 0.9rem; color: #607d8b; line-height: 1.5; display: block; }\n\n    .creative-footer {\n      margin-top: 30px;\n      background: linear-gradient(45deg, var(--creative-purple), var(--neon-blue));\n      color: white;\n      padding: 14px 28px;\n      border-radius: 100px;\n      font-size: 0.85rem;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      display: inline-block;\n      box-shadow: 0 10px 20px rgba(156, 39, 176, 0.3);\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"visual-header\"\u003e\n    \u003cdiv class=\"screen-tag\"\u003e100% Mess-Free\u003c\/div\u003e\n    \u003cbr\u003e\n    \u003cdiv class=\"pad-icon\"\u003e🎨✍️\u003c\/div\u003e\n    \u003cdiv style=\"font-size: 0.75rem; font-weight: 900; color: var(--creative-purple); margin-top: 10px; letter-spacing: 2px;\"\u003eSCREEN-FREE CREATIVITY\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"title-group\"\u003e\n    \u003ch2\u003eEngage Their Minds. Anywhere.\u003c\/h2\u003e\n    \u003cp class=\"intro-msg\"\u003eThe ultimate creative outlet that keeps little hands busy without the mess. Perfect for \u003cb\u003etravel, restaurants, and home.\u003c\/b\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"feature-grid\"\u003e\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"f-icon\"\u003e🌈\u003c\/div\u003e\n      \u003cdiv class=\"f-content\"\u003e\n        \u003cb\u003eEndless Creativity\u003c\/b\u003e\n        \u003cspan\u003eWrite, draw, and doodle over and over. One-click clear button resets the canvas instantly for the next masterpiece.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"f-icon\"\u003e✏️\u003c\/div\u003e\n      \u003cdiv class=\"f-content\"\u003e\n        \u003cb\u003eEasy to Use\u003c\/b\u003e\n        \u003cspan\u003ePressure-sensitive screen creates lines of different thicknesses based on how hard they push—just like paper.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"f-icon\"\u003e🔋\u003c\/div\u003e\n      \u003cdiv class=\"f-content\"\u003e\n        \u003cb\u003eLong Battery Life\u003c\/b\u003e\n        \u003cspan\u003eUltra-low power consumption means the battery lasts for thousands of erasures, keeping them busy for months.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"feature-card\"\u003e\n      \u003cdiv class=\"f-icon\"\u003e🧳\u003c\/div\u003e\n      \u003cdiv class=\"f-content\"\u003e\n        \u003cb\u003ePortable \u0026amp; Lightweight\u003c\/b\u003e\n        \u003cspan\u003eSuper-slim design tucks easily into backpacks or car seat pockets for on-the-go entertainment.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: center;\"\u003e\n    \u003cdiv class=\"creative-footer\"\u003e✨ Inspire Their Imagination\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"ClickCart","offers":[{"title":"Black","offer_id":47091092979897,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/9824\/2489\/files\/photo_2026-05-03_10-31-18.jpg?v=1777797275","url":"https:\/\/clickcartsa.co.za\/products\/doodle-draw-on-board","provider":"ClickCartBaby","version":"1.0","type":"link"}