{"product_id":"syringe-shape-gel-pens","title":"Ruiskumalliset geelikynät","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* 1) Design System (CSS Variables) *\/\n    .product-detail-container {\n      --primary: #1A1A1A;\n      --primary-hover: #333333;\n      --text-main: #2C3E50;\n      --text-sub: #596A7A;\n      --bg-body: #FFFFFF;\n      --bg-card: #F8F9FA;\n      --border-color: #E2E8F0;\n      --radius-md: 10px;\n      --radius-lg: 18px;\n      --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.04);\n      --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.08);\n\n      \/* Typography \u0026 Spacing System *\/\n      --spacing-section: clamp(2.5rem, 6vw, 5rem);\n      --spacing-module: clamp(2rem, 5vw, 4rem);\n      \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      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\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: inherit;\n    }\n\n    \/* Typography Scale *\/\n    .product-detail-container h1 {\n      font-size: clamp(32px, 4vw, 44px);\n      line-height: 1.2;\n      color: var(--primary);\n      margin: 0 0 1rem 0;\n      font-weight: 700;\n      letter-spacing: -0.02em;\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(24px, 3vw, 32px);\n      line-height: 1.3;\n      color: var(--text-main);\n      margin: 0 0 1rem 0;\n      font-weight: 600;\n    }\n\n    .product-detail-container h3 {\n      font-size: clamp(20px, 2.5vw, 24px);\n      line-height: 1.4;\n      color: var(--primary);\n      margin: 0 0 1rem 0;\n      font-weight: 600;\n    }\n\n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      color: var(--text-sub);\n      margin: 0 0 1.5rem 0;\n    }\n\n    \/* Badges (Non-interactive) *\/\n    .detail-badge-group {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-bottom: 2rem;\n    }\n    .detail-badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 8px 16px;\n      background: var(--bg-card);\n      border: 1px solid var(--border-color);\n      border-radius: 30px;\n      font-size: 16px;\n      font-weight: 500;\n      color: var(--text-main);\n    }\n\n    \/* Image Protocol \u0026 Placeholders *\/\n    .detail-img-fluid {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n      box-shadow: var(--shadow-sm);\n    }\n    \n    .img-placeholder {\n      width: 100%;\n      background-color: var(--bg-card);\n      border-radius: var(--radius-lg);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n    \n    .img-placeholder img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n    }\n\n    \/* Modules *\/\n    .hero-section {\n      text-align: center;\n      margin-top: 2rem;\n      margin-bottom: var(--spacing-section);\n    }\n    .hero-section .detail-badge-group {\n      justify-content: center;\n    }\n\n    \/* Z-Pattern Features *\/\n    .feature-list {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-section);\n      margin-bottom: var(--spacing-section);\n    }\n\n    .feature-item {\n      display: flex;\n      flex-direction: column;\n      gap: 2rem;\n      align-items: center;\n    }\n\n    .feature-media, .feature-copy {\n      width: 100%;\n    }\n\n    \/* Specs Table *\/\n    .specs-section {\n      margin-bottom: var(--spacing-section);\n    }\n    .specs-table-wrapper {\n      background: var(--bg-card);\n      border-radius: var(--radius-lg);\n      padding: clamp(1.5rem, 3vw, 3rem);\n    }\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n    \n    \/* FAQ Section *\/\n    .faq-section {\n      margin-bottom: var(--spacing-section);\n    }\n    .faq-item {\n      background: var(--bg-card);\n      border-radius: var(--radius-md);\n      padding: 1.5rem;\n      margin-bottom: 1rem;\n    }\n    .faq-question {\n      font-size: clamp(18px, 2.5vw, 22px);\n      font-weight: 600;\n      color: var(--primary);\n      margin-bottom: 0.5rem;\n    }\n    .faq-answer {\n      font-size: clamp(16px, 2vw, 18px);\n      color: var(--text-sub);\n      margin: 0;\n    }\n\n    \/* Desktop Enhancements (Z-Pattern \u0026 Table) *\/\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row;\n        gap: var(--spacing-module);\n      }\n      .feature-item.reverse {\n        flex-direction: row-reverse;\n      }\n      .feature-media, .feature-copy {\n        flex: 1;\n      }\n      .feature-copy {\n        padding: 0 2rem;\n      }\n      \n      .specs-table th, .specs-table td {\n        padding: 1rem;\n        text-align: left;\n        border-bottom: 1px solid var(--border-color);\n        font-size: 18px;\n      }\n      .specs-table th {\n        font-weight: 600;\n        color: var(--primary);\n        width: 35%;\n      }\n      .specs-table tr:last-child td, .specs-table tr:last-child th {\n        border-bottom: none;\n      }\n    }\n\n    \/* Mobile Specs Table Lock (Card Based) *\/\n    @media (max-width: 767px) {\n      .specs-table, \n      .specs-table thead, \n      .specs-table tbody, \n      .specs-table tr, \n      .specs-table th, \n      .specs-table td {\n        display: block;\n        width: 100%;\n      }\n      .specs-table thead {\n        display: none;\n      }\n      .specs-table tr {\n        background: var(--bg-body);\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      .specs-table td {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 0.75rem 0;\n        border-bottom: 1px solid var(--bg-card);\n        font-size: 16px;\n        text-align: right;\n      }\n      .specs-table td:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n      }\n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 600;\n        color: var(--primary);\n        text-align: left;\n        flex-basis: 40%;\n        margin-right: 1rem;\n      }\n    }\n\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1\u003eRuiskumuotoiset geelikynät – hauska muotoilu ja sujuva kirjoitus\u003c\/h1\u003e\n\n\u003ch2\u003eLisää leikkisä kosketus päivittäiseen kirjoittamiseesi\u003c\/h2\u003e\n\n\u003cdiv class=\"detail-badge-group\"\u003e\n\u003cdiv class=\"detail-badge\"\u003e💉 Uniikki muotoilu\u003c\/div\u003e\n\n\u003cdiv class=\"detail-badge\"\u003e✍️ 0,5 mm:n ohut kärki\u003c\/div\u003e\n\n\u003cdiv class=\"detail-badge\"\u003e🎒 3 kappaleen setti\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cp\u003eTee paperitarvikekokoelmastasi erottuva. Nämä luovat geelikynät tuovat hauskuutta päivittäiseen kirjoittamiseen, mutta ovat silti käytännöllisiä, sujuvia ja helppokäyttöisiä.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-list\"\u003e\n\u003c!-- Feature 1 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Uniikki ruiskumuotoinen muotoilu\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260116175355\/b6488e980f1205ea7979c94dbbf33f53.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e💉 Uniikki ruiskumuotoinen muotoilu\u003c\/h3\u003e\n\n\u003cp\u003eNäissä geelikynissä on hauska ja luova ruiskumuotoinen muotoilu, joka erottuu välittömästi. Uniikki ulkonäkö tekee niistä mieleenpainuvan lisän mihin tahansa paperitarvikekokoelmaan ja tuo leikkisän tunnelman päivittäisiin kirjoitustehtäviin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Sujuva 0,5 mm:n kirjoituskärki\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260116175355\/1bdd4feeece1166dd50b5f7276fcc379.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e✍️ Sujuva 0,5 mm:n kirjoituskärki\u003c\/h3\u003e\n\n\u003cp\u003eVarustettu 0,5 mm:n ohuella kärjellä, nämä geelikynät tarjoavat sujuvan ja tasaisen musteen virtauksen. Olitpa tekemässä muistiinpanoja, kirjoittamassa listoja tai luonnostelemassa, jokainen veto tuntuu siistiltä ja vaivattomalta.\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\u003cdiv\u003e\u003cimg alt=\"Kannettava 3 kappaleen setti\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260116175355\/37ac0dc1197ef9bff30be0655976727f.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e🎒 Kannettava 3 kappaleen setti\u003c\/h3\u003e\n\n\u003cp\u003eTämä setti sisältää kolme geelikynää, jotka on helppo kuljettaa laukussa, penaalissa tai työpöydän laatikossa. Täydellinen jaettavaksi luokkatovereiden, työkavereiden kanssa tai varakyniksi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 4 --\u003e\n\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Hauska lahja kouluun ja toimistoon\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260116175355\/9853722b69d3e52c92c6b17b85a74668.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e🎁 Hauska lahja kouluun ja toimistoon\u003c\/h3\u003e\n\n\u003cp\u003eLuova ja mukaansatempaava lahjavaihtoehto opiskelijoille ja toimistotyöntekijöille. Nämä kynät tuovat hauskuutta päivittäiseen kirjoittamiseen, mutta ovat silti käytännöllisiä ja helppokäyttöisiä.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 5 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Monikäyttöinen kirjoituskäyttö\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260116175355\/f735c278ff484b3c1fb09def6e473093.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e📝 Monikäyttöinen kirjoituskäyttö\u003c\/h3\u003e\n\n\u003cp\u003eIhanteelliset muistiinpanoihin, merkintään, luonnosteluun ja muuhun. Nämä ruiskumuotoiset geelikynät on suunniteltu suoriutumaan monista kirjoitustehtävistä helposti ja luotettavasti.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specs Section --\u003e\n\n\u003cdiv class=\"specs-section\"\u003e\n\u003ch2\u003eTekniset tiedot\u003c\/h2\u003e\n\n\u003cdiv class=\"specs-table-wrapper\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eTekniset tiedot\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=\"Specification\"\u003e\u003cstrong\u003eTuotetyyppi\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eGeelikynät\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eMuotoilu\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eRuiskemuoto\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eKärjen koko\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e0.5mm\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eSetti sisältää\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003e3 geelikynää\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Specification\"\u003e\u003cstrong\u003eKäyttötilanteet\u003c\/strong\u003e\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eKoulu, toimisto, päivittäinen kirjoittaminen\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\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\"\u003e1. Sopivatko nämä kynät päivittäiseen kirjoittamiseen?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eKyllä. Ne on suunniteltu sujuvaan ja tasalaatuiseen kirjoittamiseen, sopivat päivittäiseen käyttöön.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e2. Mikä on kärjen koko?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eJokaisessa kynässä on 0,5 mm:n ohut kärki.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e3. Onko tämä hyvä lahjavaihtoehto?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eEhdottomasti. Hauska muotoilu tekee niistä loistavan lahjan opiskelijoille, työkavereille ja paperitarvikkeiden ystäville.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e4. Voivatko lapset käyttää näitä kyniä?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eKyllä. Ne ovat helppokäyttöisiä ja sopivat valvonnan alaisille opiskelijoille.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"3-pack (Vain minulle)","offer_id":45894666977453,"sku":"0316-14247206","price":11.95,"currency_code":"EUR","in_stock":true},{"title":"🔥 6-pack (Jaa opiskeluryhmän kanssa) - Säästä 20 %","offer_id":45894667010221,"sku":"0316-14242775","price":17.95,"currency_code":"EUR","in_stock":true},{"title":"12-pack (Täydellinen klinikka-\/sairaalatiimille) - Paras hinta-laatusuhde","offer_id":45894667042989,"sku":"0316-14248915","price":30.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/2831\/4029\/files\/b6488e980f1205ea7979c94dbbf33f53.jpg?v=1775640959","url":"https:\/\/0ixug9-pv.myshopify.com\/fi\/products\/syringe-shape-gel-pens","provider":"Newjoyloo","version":"1.0","type":"link"}