{"product_id":"stem-robotics-coding-kit","title":"Kollider Kids™ STEM Robotics \u0026 Coding Kit","description":"\u003cstyle\u003e\n    .kk-stem-section {\n      font-family: inherit;\n      background: linear-gradient(135deg, #f7fbff, #ffffff);\n      padding: 42px 18px;\n      border-radius: 24px;\n      overflow: hidden;\n      position: relative;\n      color: #172033;\n    }\n\n    .kk-stem-section * {\n      box-sizing: border-box;\n    }\n\n    .kk-hero {\n      text-align: center;\n      max-width: 900px;\n      margin: 0 auto 34px;\n      animation: kkFadeUp 0.8s ease both;\n    }\n\n    .kk-badge {\n      display: inline-block;\n      background: #eef3ff;\n      color: #3157d5;\n      padding: 8px 16px;\n      border-radius: 999px;\n      font-size: 13px;\n      font-weight: 700;\n      margin-bottom: 16px;\n      box-shadow: 0 8px 20px rgba(49, 87, 213, 0.12);\n    }\n\n    .kk-hero h2 {\n      font-size: clamp(32px, 6vw, 56px);\n      margin: 0 0 14px;\n      line-height: 1.05;\n      font-weight: 900;\n      letter-spacing: -1px;\n    }\n\n    .kk-hero p {\n      font-size: 17px;\n      line-height: 1.7;\n      max-width: 720px;\n      margin: 0 auto;\n      color: #44506a;\n    }\n\n    .kk-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 18px;\n      max-width: 1050px;\n      margin: 0 auto;\n    }\n\n    .kk-card {\n      background: #ffffff;\n      border: 1px solid rgba(23, 32, 51, 0.08);\n      border-radius: 22px;\n      padding: 24px;\n      box-shadow: 0 14px 35px rgba(23, 32, 51, 0.08);\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n      animation: kkFadeUp 0.9s ease both;\n    }\n\n    .kk-card:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 22px 50px rgba(23, 32, 51, 0.14);\n    }\n\n    .kk-card h3 {\n      margin: 0 0 16px;\n      font-size: 22px;\n      font-weight: 900;\n    }\n\n    .kk-feature {\n      display: flex;\n      gap: 12px;\n      align-items: flex-start;\n      padding: 12px 0;\n      border-bottom: 1px solid rgba(23, 32, 51, 0.06);\n    }\n\n    .kk-feature:last-child {\n      border-bottom: none;\n    }\n\n    .kk-icon {\n      width: 38px;\n      height: 38px;\n      min-width: 38px;\n      border-radius: 14px;\n      background: linear-gradient(135deg, #3157d5, #7b61ff);\n      color: #fff;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      animation: kkFloat 3s ease-in-out infinite;\n    }\n\n    .kk-feature strong {\n      display: block;\n      font-size: 15px;\n      margin-bottom: 3px;\n      color: #172033;\n    }\n\n    .kk-feature span {\n      font-size: 14px;\n      color: #5b667c;\n      line-height: 1.5;\n    }\n\n    .kk-full {\n      grid-column: 1 \/ -1;\n      background: linear-gradient(135deg, #172033, #26385f);\n      color: #fff;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .kk-full h3 {\n      color: #fff;\n      font-size: 26px;\n    }\n\n    .kk-full p {\n      color: #dce5ff;\n      font-size: 16px;\n      line-height: 1.7;\n      max-width: 760px;\n      margin: 0 auto;\n    }\n\n    .kk-includes {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 14px;\n      margin-top: 24px;\n    }\n\n    .kk-include {\n      background: rgba(255,255,255,0.12);\n      border: 1px solid rgba(255,255,255,0.16);\n      border-radius: 18px;\n      padding: 18px 12px;\n      font-weight: 800;\n      backdrop-filter: blur(8px);\n      transition: transform 0.3s ease;\n    }\n\n    .kk-include:hover {\n      transform: scale(1.05);\n    }\n\n    .kk-age {\n      margin-top: 24px;\n      display: inline-block;\n      background: #ffffff;\n      color: #172033;\n      padding: 12px 20px;\n      border-radius: 999px;\n      font-weight: 900;\n    }\n\n    .kk-cta {\n      margin-top: 28px;\n      font-size: 15px;\n      color: #dce5ff;\n      font-weight: 700;\n    }\n\n    @keyframes kkFadeUp {\n      from {\n        opacity: 0;\n        transform: translateY(24px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes kkFloat {\n      0%, 100% {\n        transform: translateY(0);\n      }\n      50% {\n        transform: translateY(-5px);\n      }\n    }\n\n    @media (max-width: 768px) {\n      .kk-stem-section {\n        padding: 34px 14px;\n        border-radius: 18px;\n      }\n\n      .kk-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .kk-card {\n        padding: 20px;\n      }\n\n      .kk-includes {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 420px) {\n      .kk-includes {\n        grid-template-columns: 1fr;\n      }\n\n      .kk-hero h2 {\n        font-size: 34px;\n      }\n    }\n  \u003c\/style\u003e\n\u003csection class=\"kk-stem-section\"\u003e\n\u003cdiv class=\"kk-hero\"\u003e\n\u003cdiv class=\"kk-badge\"\u003eKollider Kids™ STEM Learning\u003c\/div\u003e\n\u003ch2\u003eBuild. Code. Conquer. 🤖\u003c\/h2\u003e\n\u003cp\u003eGive your child a head start in the skills of tomorrow. The \u003cstrong\u003eKollider Kids™ STEM Robotics \u0026amp; Coding Kit\u003c\/strong\u003e transforms playtime into hands-on learning through robotics, coding, creativity, and problem-solving.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kk-grid\"\u003e\n\u003cdiv class=\"kk-card\"\u003e\n\u003ch3\u003eWhy Kids Love It\u003c\/h3\u003e\n\u003cdiv class=\"kk-feature\"\u003e\n\u003cdiv class=\"kk-icon\"\u003e🚀\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eBuild a real working robot\u003c\/strong\u003e \u003cspan\u003eHands-on creation they can proudly show off.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kk-feature\"\u003e\n\u003cdiv class=\"kk-icon\"\u003e🧠\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLearn coding through play\u003c\/strong\u003e \u003cspan\u003eA beginner-friendly way to understand logic and movement.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kk-feature\"\u003e\n\u003cdiv class=\"kk-icon\"\u003e🎯\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFun challenges and missions\u003c\/strong\u003e \u003cspan\u003eKeeps children engaged while they learn step by step.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kk-feature\"\u003e\n\u003cdiv class=\"kk-icon\"\u003e⚙️\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eThink like an engineer\u003c\/strong\u003e \u003cspan\u003eExperiment, test, improve, and create with confidence.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kk-card\"\u003e\n\u003ch3\u003eWhy Parents Love It\u003c\/h3\u003e\n\u003cdiv class=\"kk-feature\"\u003e\n\u003cdiv class=\"kk-icon\"\u003e✅\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eEducational screen-free learning\u003c\/strong\u003e \u003cspan\u003eActive building instead of passive watching.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kk-feature\"\u003e\n\u003cdiv class=\"kk-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eBoosts problem-solving\u003c\/strong\u003e \u003cspan\u003eEncourages patience, focus, and creative thinking.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kk-feature\"\u003e\n\u003cdiv class=\"kk-icon\"\u003e📖\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eEasy to follow\u003c\/strong\u003e \u003cspan\u003eSimple instructions make it suitable for beginners.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kk-feature\"\u003e\n\u003cdiv class=\"kk-icon\"\u003e🌟\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSupports STEM development\u003c\/strong\u003e \u003cspan\u003eIntroduces science, technology, engineering, and maths through play.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kk-card kk-full\"\u003e\n\u003ch3\u003eFuture Skills Start Today 🇿🇦\u003c\/h3\u003e\n\u003cp\u003eTechnology continues to play an important role in education and future careers. With this kit, children can start developing useful STEM skills in a fun, practical, and confidence-building way.\u003c\/p\u003e\n\u003cdiv class=\"kk-includes\"\u003e\n\u003cdiv class=\"kk-include\"\u003e🤖 Robot Parts\u003c\/div\u003e\n\u003cdiv class=\"kk-include\"\u003e💻 Coding Interface\u003c\/div\u003e\n\u003cdiv class=\"kk-include\"\u003e🎯 Challenge Cards\u003c\/div\u003e\n\u003cdiv class=\"kk-include\"\u003e📖 Step Guide\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kk-age\"\u003eRecommended Age: 8+ Years\u003c\/div\u003e\n\u003cdiv class=\"kk-cta\"\u003eKollider Kids™ — inspiring young creators, builders, and problem-solvers.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Kollider Kids","offers":[{"title":"Default Title","offer_id":45716190330963,"sku":null,"price":1199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0718\/1195\/6819\/files\/file_0000000060b871f4841b3b2b340109b1.png?v=1781807830","url":"https:\/\/kolliderkids.co.za\/products\/stem-robotics-coding-kit","provider":"Kollider Kids™","version":"1.0","type":"link"}