{"product_id":"tool-free-robotics-building-set-rjc","title":"Työkaluitta koottava robotiikkasarja","description":"\u003cbr\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Educational STEM Kit (Kids Toy\/Learning Tool)\nTarget Audience: Parents, Gift-givers, Educators looking for engaging, screen-free educational activities.\nVisual Style: Playful yet structured, inspiring curiosity. \"Tech but Kid-friendly\".\nColor Strategy: \n  - Primary: Vibrant Blue (#2563eb) - represents technology and focus.\n  - Accent: Energetic Orange (#f97316) - represents creativity and fun.\n  - Background: Off-white\/Slate (#f8fafc) - ensures high contrast and readability.\nShape Strategy: Radius 20px (Friendly, approachable, safe for kids).\nTypography Strategy: Large Type \/ Mobile-first readable (H1 38px+, Body 18px+).\nMobile Table Strategy: Card-based, strictly no horizontal scroll.\nImage Mapping: Hero=image_1, Feature1=image_2, Feature2=image_3, Feature3=image_4\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e:root {\n      \/* Design System Variables *\/\n      --primary: #2563eb;\n      --primary-hover: #1d4ed8;\n      --accent: #f97316;\n      --text-main: #1e293b;\n      --text-sub: #475569;\n      --bg-body: #ffffff;\n      --bg-card: #f8fafc;\n      --border-color: #e2e8f0;\n      \n      --radius-md: 12px;\n      --radius-lg: 20px;\n      --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n      --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n      \n      --spacing-module: clamp(3rem, 6vw, 5rem);\n    }\n\n    \/* Container Reset \u0026 Core Typography *\/\n    .product-detail-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      background-color: var(--bg-body);\n      box-sizing: border-box;\n      overflow-wrap: break-word;\n      word-break: break-word;\n      line-height: 1.7;\n    }\n\n    .product-detail-container *,\n    .product-detail-container *::before,\n    .product-detail-container *::after {\n      box-sizing: border-box;\n    }\n\n    .product-detail-container h1 {\n      font-size: clamp(32px, 4vw, 44px);\n      line-height: 1.2;\n      font-weight: 800;\n      margin: 0 0 1.5rem 0;\n      color: var(--text-main);\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(24px, 3vw, 32px);\n      line-height: 1.3;\n      font-weight: 700;\n      margin: 0 0 1.25rem 0;\n    }\n\n    .product-detail-container h3 {\n      font-size: clamp(20px, 2.5vw, 24px);\n      line-height: 1.4;\n      font-weight: 600;\n      margin: 0 0 1rem 0;\n    }\n\n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      margin: 0 0 1.5rem 0;\n      color: var(--text-sub);\n    }\n\n    \/* Image Protocol - Plan A Default *\/\n    .product-detail-container img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n    }\n\n    .img-placeholder {\n      width: 100%;\n      aspect-ratio: 4\/3;\n      background-color: var(--bg-card);\n      border: 2px dashed var(--border-color);\n      border-radius: var(--radius-lg);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.125rem;\n      color: var(--text-sub);\n      font-weight: 600;\n    }\n\n    \/* Non-interactive Visual Badges *\/\n    .visual-badge {\n      display: inline-block;\n      background-color: var(--accent);\n      color: #fff;\n      padding: 0.5rem 1.25rem;\n      border-radius: 50px;\n      font-size: 1rem;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 1.5rem;\n    }\n\n    .social-proof {\n      display: flex;\n      align-items: center;\n      gap: 0.75rem;\n      font-size: 1.125rem;\n      font-weight: 600;\n      color: var(--primary);\n      margin-bottom: 2rem;\n    }\n\n    .social-proof-stars {\n      color: #fbbf24;\n      font-size: 1.5rem;\n      letter-spacing: 2px;\n    }\n\n    \/* Hero Section *\/\n    .hero-section {\n      text-align: center;\n      margin-top: 2rem;\n      margin-bottom: var(--spacing-module);\n    }\n\n    .hero-copy {\n      max-width: 800px;\n      margin: 0 auto 3rem auto;\n    }\n\n    \/* Features Section (Z-Pattern \u0026 Mobile Order Lock) *\/\n    .features-section {\n      margin-bottom: var(--spacing-module);\n    }\n\n    .feature-item {\n      display: flex;\n      flex-direction: column; \/* MOBILE FIRST: Strict vertical stacking *\/\n      gap: 2rem;\n      margin-bottom: var(--spacing-module);\n    }\n\n    .feature-media {\n      width: 100%;\n    }\n\n    .feature-copy {\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row; \/* Desktop Z-Pattern *\/\n        align-items: center;\n        gap: clamp(3rem, 5vw, 6rem);\n      }\n      .feature-item:nth-child(even) {\n        flex-direction: row-reverse;\n      }\n      .feature-media, .feature-copy {\n        flex: 1;\n        min-width: 0; \/* Prevents text overflow *\/\n      }\n    }\n\n    \/* Specifications Table Strategy *\/\n    .specs-section {\n      margin-bottom: var(--spacing-module);\n      background-color: var(--bg-card);\n      padding: clamp(2rem, 4vw, 4rem);\n      border-radius: var(--radius-lg);\n    }\n\n    .specs-section h2 {\n      text-align: center;\n      margin-bottom: 2rem;\n    }\n\n    .spec-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n\n    .spec-table th, \n    .spec-table td {\n      padding: 1.25rem;\n      text-align: left;\n      font-size: 1.125rem;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .spec-table th {\n      font-weight: 700;\n      color: var(--text-main);\n      width: 35%;\n    }\n\n    .spec-table td {\n      color: var(--text-sub);\n    }\n\n    \/* Mobile Table: Card-based transformation *\/\n    @media (max-width: 767px) {\n      .spec-table, \n      .spec-table thead, \n      .spec-table tbody, \n      .spec-table tr, \n      .spec-table th, \n      .spec-table td {\n        display: block;\n        width: 100%;\n      }\n      \n      .spec-table thead {\n        display: none; \/* Hide native header *\/\n      }\n\n      .spec-table tr {\n        background: #ffffff;\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        margin-bottom: 1rem;\n        padding: 1rem;\n        box-shadow: var(--shadow-sm);\n      }\n\n      .spec-table td {\n        border-bottom: none;\n        padding: 0.5rem 0;\n        display: flex;\n        flex-direction: column;\n        gap: 0.25rem;\n      }\n\n      .spec-table td::before {\n        content: attr(data-label);\n        font-weight: 700;\n        color: var(--text-main);\n        font-size: 1rem;\n      }\n    }\n\n    \/* FAQ Section *\/\n    .faq-section {\n      margin-bottom: var(--spacing-module);\n    }\n\n    .faq-section h2 {\n      text-align: center;\n      margin-bottom: 3rem;\n    }\n\n    .faq-item {\n      background-color: var(--bg-card);\n      border-radius: var(--radius-md);\n      padding: 2rem;\n      margin-bottom: 1.5rem;\n      border: 1px solid var(--border-color);\n    }\n\n    .faq-question {\n      font-size: clamp(20px, 2.5vw, 22px);\n      font-weight: 700;\n      color: var(--text-main);\n      margin-bottom: 1rem;\n      display: flex;\n      gap: 1rem;\n      align-items: flex-start;\n    }\n\n    .faq-question::before {\n      content: \"Q.\";\n      color: var(--primary);\n      font-size: clamp(24px, 3vw, 28px);\n      line-height: 1;\n    }\n\n    .faq-answer {\n      font-size: clamp(18px, 2vw, 19px);\n      color: var(--text-sub);\n      padding-left: 2.5rem;\n      margin: 0;\n    }\n\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-copy\"\u003e\n\u003cdiv class=\"visual-badge\"\u003e12-in-1 opetuspakkaus\u003c\/div\u003e\n\n\u003ch1\u003eVahvista nuoria mieliä käytännön STEM-löytöretkillä\u003c\/h1\u003e\n\n\u003ch2\u003eSytytä loputon uteliaisuus kahdentoista mukaansatempaavan projektin avulla, jotka kattavat elektroniikan, aurinkoenergian ja mekaniikan.\u003c\/h2\u003e\n\n\u003cdiv class=\"social-proof\"\u003e\n\u003cspan class=\"social-proof-stars\"\u003e★★★★★\u003c\/span\u003e \u003cspan\u003eYli 10 000 vanhemman ja opettajan luottama\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260328101941\/1a349816acb1fc7ee53f48ec356c61e6.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"features-section\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260328101941\/953074aa1e3d0d20094e7a06c445b2e7.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e12 monipuolista kokeilua yhdessä laatikossa\u003c\/h3\u003e\n\n\u003cp\u003eSano hyvästit tylsyydelle. Tämä kattava sarja sisältää kaksitoista erilaista aktiviteettia, jotka on suunniteltu esittelemään teknologian, insinööritaidon ja matematiikan peruskäsitteitä. Jokainen projekti tarjoaa ainutlaatuisen käytännön löytöprosessin, joka edistää elinikäistä intohimoa tiedettä kohtaan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260328101941\/79daa48a00cd7fa1fb455c334c9638ad.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003ePysäyttämätöntä hauskaa: aurinko- ja paristokäyttöinen\u003c\/h3\u003e\n\n\u003cp\u003eOlitpa tutkimassa uusiutuvaa energiaa ulkona aurinkoisena päivänä tai jatkamassa kokeilua sisällä sateisena iltapäivänä, kaksinkertainen virtajärjestelmä varmistaa, että oppiminen ei koskaan lopu. Koe todellinen energian muuntaminen itse. (Huom: AA-paristot tarvitaan sisäkäyttöön, mutta niitä ei toimiteta).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260328101941\/ba04c28e2881d8c1dc41c95a8a372e0c.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eTyökalu- ja turhautumisvapaa kokoaminen\u003c\/h3\u003e\n\n\u003cp\u003eAnna lapsesi rakentaa itsenäisesti. Modulaaristen elektronisten osien ja erittäin visuaalisten, värikoodattujen ohjeiden ansiosta tämä sarja poistaa tarpeen monimutkaisille työkaluilla. Katso, kuinka he kehittävät kriittistä loogista ajattelua ja käden taitoja tutkiessaan turvallisesti piirejä ja vaihteita.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Technical Specifications --\u003e\n\n\u003cdiv class=\"specs-section\"\u003e\n\u003ch2\u003eTuotteen tekniset tiedot\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eOminaisuus\u003c\/th\u003e\n\t\t\t\u003cth\u003eYksityiskohdat\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Age Recommendation\"\u003eIkäsuositus\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e8+ vuotta\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Materials\"\u003eMateriaalit\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eLapsiturvallista, ensiluokkaista ABS-muovia ja standardeja elektronisia komponentteja\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Included Projects\"\u003eMukana olevat projektit\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e12 ainutlaatuista modulaarista rakennusvaihtoehtoa\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Power Options\"\u003eVirtavaihtoehdot\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eAurinkopaneeli (sisältyy) \u0026 AA-paristokotelo (paristot eivät sisälly)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Package Dimensions\"\u003ePakkauksen mitat\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e28,0 cm × 20,0 cm × 6,5 cm\u003cbr\u003e\n\t\t\t(28,0 cm × 20,0 cm × 6,5 cm)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Total Weight\"\u003eKokonaispaino\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e450 g (15,9 oz)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\n\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch2\u003eUsein kysytyt kysymykset\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eSisältyvätkö paristot sarjaan?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eEi, paristoja ei toimiteta sarjan mukana. Projektit voidaan virrata mukana tulevalla aurinkopaneelilla ulkona, mutta sisäkäyttöön tai pilvisellä säällä tarvitset tavalliset AA-paristot.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eTarvitsenko muita työkaluja projektien kokoamiseen?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eEi lainkaan! Sarja on suunniteltu modulaarisilla, napsautettavilla elektronisilla osilla. Värikoodattujen ohjeidemme avulla käyttäjät voivat itsenäisesti koota kaikki kaksitoista projektia ilman ruuveja, juottamista tai monimutkaisia työkaluja.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eOnko tämä sarja turvallinen lapselleni käyttää?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eEhdottomasti. Valitsimme kaikki materiaalit huolellisesti tiukkojen turvallisuusstandardien mukaisesti. Matala jännitepiirit ja ensiluokkaiset materiaalit takaavat rentouttavan ja turvallisen leikki- ja oppimisympäristön nuorille innovaattoreille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"📦 4-osainen sarja","offer_id":46033977114797,"sku":"0401-15135658","price":19.95,"currency_code":"USD","in_stock":true},{"title":"📦 6-osainen sarja","offer_id":46033977147565,"sku":"0401-15138772","price":27.95,"currency_code":"USD","in_stock":true},{"title":"🚀 9-osainen sarja","offer_id":46033977180333,"sku":"0401-15139166","price":42.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/2831\/4029\/files\/1a349816acb1fc7ee53f48ec356c61e6.jpg?v=1779355810","url":"https:\/\/newjoyloo.com\/fi\/products\/tool-free-robotics-building-set-rjc","provider":"Newjoyloo","version":"1.0","type":"link"}