{"product_id":"3d-grooved-calligraphy-set-rjc","title":"3D Gegraveerde Kalligrafieset","description":"\u003cbr\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Educational \/ Mother \u0026 Baby (Magic Calligraphy Workbook)\nTarget Audience: Parents of preschool \/ early elementary children\nVisual Style: Approachable, Educational, Safe, Playful\nColor Strategy: \n  - Primary: #43A047 (Educational Green, matching the product image UI)\n  - Accent: #FF9800 (Warm Orange for highlights)\n  - Background: #FDFDFD with #F2F8F2 card accents\nShape Strategy: Friendly large radius (20px) to convey safety and approachability.\nTypography Strategy: Large, highly legible type (Mobile-first readable, minimum 16px).\nMobile Table Strategy: Card-based (No horizontal scroll, full responsive).\nMobile Pattern Lock: Strict Image-Text top-to-bottom stack on mobile.\nImage Mapping: Hero=image_1, Features=image_2, image_3, image_4\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* =========================================\n       0) VARIABLES \u0026 RESET\n       ========================================= *\/\n    .product-detail-container {\n      --primary: #43A047;\n      --primary-hover: #2E7D32;\n      --accent: #FF9800;\n      --bg-body: #FDFDFD;\n      --bg-card: #F2F8F2;\n      --text-main: #2C3E50;\n      --text-sub: #546E7A;\n      --border-color: #E0E0E0;\n      \n      --radius-sm: 12px;\n      --radius-md: 20px;\n      --radius-lg: 32px;\n      \n      --shadow-sm: 0 4px 12px rgba(0,0,0,0.05);\n      --shadow-md: 0 8px 24px rgba(67, 160, 71, 0.08);\n\n      --gap-base: clamp(2rem, 5vw, 4rem);\n\n      \/* Container Constraints *\/\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n      background-color: var(--bg-body);\n      color: var(--text-main);\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      overflow-wrap: break-word;\n      word-break: break-word;\n    }\n\n    .product-detail-container * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* =========================================\n       1) TYPOGRAPHY SYSTEM (LARGE TYPE)\n       ========================================= *\/\n    .product-detail-container h1, \n    .product-detail-container h2, \n    .product-detail-container h3 {\n      font-weight: 800;\n      line-height: 1.2;\n      color: var(--text-main);\n      margin-bottom: 1rem;\n    }\n\n    .product-detail-container h1 { font-size: clamp(32px, 4vw, 44px); }\n    .product-detail-container h2 { font-size: clamp(28px, 3.5vw, 36px); }\n    .product-detail-container h3 { font-size: clamp(22px, 3vw, 28px); }\n    \n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      line-height: 1.6;\n      color: var(--text-sub);\n      margin-bottom: 1.5rem;\n    }\n\n    .product-detail-container .text-highlight {\n      color: var(--primary);\n      font-weight: bold;\n    }\n\n    \/* Non-clickable Badge *\/\n    .product-detail-container .status-badge {\n      display: inline-flex;\n      align-items: center;\n      background-color: var(--bg-card);\n      color: var(--primary-hover);\n      padding: 8px 16px;\n      border-radius: 50px;\n      font-size: 16px;\n      font-weight: 700;\n      margin-bottom: 1rem;\n      border: 1px solid var(--primary);\n    }\n\n    \/* =========================================\n       2) MEDIA PROTOCOL (NO STRETCH)\n       ========================================= *\/\n    .product-detail-container img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-md);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .product-detail-container .img-placeholder {\n      width: 100%;\n      aspect-ratio: 4\/3;\n      background-color: #f0f0f0;\n      border: 2px dashed #ccc;\n      border-radius: var(--radius-md);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      color: #888;\n      text-align: center;\n      padding: 1rem;\n    }\n\n    \/* =========================================\n       3) LAYOUT ARCHITECTURE\n       ========================================= *\/\n    \/* Hero Section *\/\n    .pd-hero {\n      text-align: center;\n      padding-top: var(--gap-base);\n      margin-bottom: var(--gap-base);\n    }\n\n    .pd-hero-content {\n      max-width: 800px;\n      margin: 0 auto var(--gap-base);\n    }\n\n    \/* Mobile Ordering Lock (Z-Pattern) *\/\n    .pd-feature-item {\n      display: flex;\n      flex-direction: column; \/* Mobile first: strict stack *\/\n      gap: 2rem;\n      margin-bottom: var(--gap-base);\n      align-items: center;\n    }\n\n    .pd-feature-media {\n      width: 100%;\n    }\n\n    .pd-feature-copy {\n      width: 100%;\n    }\n\n    \/* Desktop Z-Pattern Enhancement *\/\n    @media (min-width: 768px) {\n      .pd-feature-item {\n        flex-direction: row; \/* Desktop: side-by-side *\/\n        gap: 4rem;\n        align-items: center;\n      }\n      .pd-feature-item:nth-child(even) {\n        flex-direction: row-reverse; \/* Alternating layout *\/\n      }\n      .pd-feature-media, \n      .pd-feature-copy {\n        flex: 1; \/* 50\/50 split *\/\n      }\n    }\n\n    \/* Benefit Grid *\/\n    .pd-benefits {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 1.5rem;\n      margin-top: 2rem;\n    }\n    @media (min-width: 768px) {\n      .pd-benefits {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n    .pd-benefit-card {\n      background: var(--bg-card);\n      padding: 2rem;\n      border-radius: var(--radius-md);\n      text-align: center;\n    }\n    .pd-benefit-card h3 {\n      font-size: 20px;\n      margin-bottom: 0.5rem;\n      color: var(--primary-hover);\n    }\n    .pd-benefit-card p {\n      font-size: 16px;\n      margin-bottom: 0;\n    }\n\n    \/* =========================================\n       4) SPECS TABLE (MOBILE CARD HACK)\n       ========================================= *\/\n    .pd-specs {\n      margin-top: var(--gap-base);\n      margin-bottom: var(--gap-base);\n    }\n    \n    .pd-table {\n      width: 100%;\n      border-collapse: collapse;\n      background: #fff;\n      border-radius: var(--radius-md);\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .pd-table th, \n    .pd-table td {\n      padding: 1.25rem 1.5rem;\n      text-align: left;\n      font-size: 18px;\n    }\n\n    .pd-table th {\n      background-color: var(--bg-card);\n      font-weight: 700;\n      color: var(--primary-hover);\n      border-bottom: 2px solid var(--border-color);\n    }\n\n    .pd-table td {\n      border-bottom: 1px solid var(--border-color);\n      color: var(--text-sub);\n    }\n\n    .pd-table tr:last-child td {\n      border-bottom: none;\n    }\n\n    \/* Mobile Table: Card View (Crucial for preventing scroll) *\/\n    @media (max-width: 767px) {\n      .pd-table, \n      .pd-table thead, \n      .pd-table tbody, \n      .pd-table tr, \n      .pd-table th, \n      .pd-table td {\n        display: block;\n        width: 100%;\n      }\n      \n      .pd-table thead {\n        display: none; \/* Hide standard headers *\/\n      }\n      \n      .pd-table tr {\n        margin-bottom: 1rem;\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-sm);\n        padding: 0.5rem;\n        background: #fff;\n      }\n      \n      .pd-table td {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        padding: 0.75rem;\n        border-bottom: 1px solid #f0f0f0;\n        text-align: right; \/* Values align right on mobile *\/\n      }\n\n      .pd-table td:last-child {\n        border-bottom: none;\n      }\n      \n      .pd-table td::before {\n        content: attr(data-label);\n        font-weight: 700;\n        color: var(--text-main);\n        margin-right: 1rem;\n        text-align: left;\n        flex-shrink: 0;\n        max-width: 40%;\n      }\n    }\n\n    \/* =========================================\n       5) FAQ SECTION\n       ========================================= *\/\n    .pd-faq {\n      margin-bottom: var(--gap-base);\n      background: var(--bg-card);\n      padding: clamp(2rem, 5vw, 4rem);\n      border-radius: var(--radius-lg);\n    }\n\n    .pd-faq-title {\n      text-align: center;\n      margin-bottom: 2rem;\n    }\n\n    .pd-faq details {\n      background: #fff;\n      border-radius: var(--radius-sm);\n      margin-bottom: 1rem;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.03);\n      overflow: hidden;\n    }\n\n    .pd-faq summary {\n      font-size: clamp(18px, 2.5vw, 22px);\n      font-weight: 700;\n      color: var(--text-main);\n      padding: 1.5rem;\n      cursor: default; \/* Removing pointer as per CTA rules *\/\n      list-style: none;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .pd-faq summary::-webkit-details-marker {\n      display: none;\n    }\n\n    .pd-faq summary::after {\n      content: '+';\n      font-size: 24px;\n      color: var(--primary);\n      transition: transform 0.3s;\n    }\n\n    .pd-faq details[open] summary::after {\n      transform: rotate(45deg);\n    }\n\n    .pd-faq .faq-content {\n      padding: 0 1.5rem 1.5rem;\n      font-size: 18px;\n      color: var(--text-sub);\n    }\n\u003c\/style\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"pd-hero\"\u003e\n\u003cdiv class=\"pd-hero-content\"\u003e\n\u003cdiv class=\"status-badge\"\u003eGeliefd bij meer dan 50.000 blije ouders\u003c\/div\u003e\n\n\u003ch1\u003eOntgrendel het \u003cspan class=\"text-highlight\"\u003eSchrijftalent\u003c\/span\u003e van je Kind\n\u003c\/h1\u003e\n\n\u003cp\u003eVerander leren in een magische ervaring. Onze herbruikbare, gegroefde oefenschriften helpen peuters moeiteloos perfecte schrijfvormen te beheersen, terwijl ze plezier hebben.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Image Placeholder based on User Input --\u003e\n\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 16\/9; margin-bottom: 2rem;\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260313143136\/74076eff055dc86abdbaf7d15984c650.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-benefits\"\u003e\n\u003cdiv class=\"pd-benefit-card\"\u003e\n\u003ch3\u003e🧠 Versterk het Geheugen\u003c\/h3\u003e\n\n\u003cp\u003eHerhaaldelijk, begeleid natekenen versterkt spierherinnering en cognitieve herinnering.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-benefit-card\"\u003e\n\u003ch3\u003e🔢 Rekenen \u0026amp; Logica\u003c\/h3\u003e\n\n\u003cp\u003eVroege blootstelling aan cijfers en rekenen legt een sterke basis.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-benefit-card\"\u003e\n\u003ch3\u003e🎯 Hoge Concentratie\u003c\/h3\u003e\n\n\u003cp\u003eLeuke activiteiten houden kleine geesten gefocust en weg van schermen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv style=\"margin-top: var(--gap-base);\"\u003e \u003c\/div\u003e\n\u003c!-- FEATURE 1 (Z-Pattern Locked) --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260313143136\/45771c599308ace17367095a2b179e14.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eGegroefde Pagina's voor de \u003cspan class=\"text-highlight\"\u003ePerfecte Vorm\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp\u003eGeen worsteling meer met vrije vormen. Ons innovatieve \u003cstrong\u003e3D groefontwerp\u003c\/strong\u003e begeleidt de pen van je kind natuurlijk langs het juiste pad. Deze tactiele feedback ontwikkelt fijne motoriek en zorgt ervoor dat ze vanaf dag één standaard, mooie letters leren.\u003c\/p\u003e\n\n\u003cp\u003eGemaakt van premium, dik papier dat krullen en scheuren weerstaat, zelfs bij enthousiaste kleine handjes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE 2 (Z-Pattern Locked) --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260313143136\/c93cb0dc9f2ae059a006f552c17cee7c.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eMagic Ink: \u003cspan class=\"text-highlight\"\u003eSchrijf, Droog, Verdwijnt!\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp\u003eZie de magie gebeuren! De meegeleverde auto-fade pennen bevatten een speciale inkt die automatisch binnen 30 minuten na droging verdwijnt.\u003c\/p\u003e\n\n\u003cp\u003eDit betekent dat je kind zijn letters, cijfers en tekeningen \u003cstrong\u003ekeer op keer\u003c\/strong\u003e kan oefenen. Het is milieuvriendelijk, zeer kosteneffectief en helemaal zonder rommel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE 3 (Z-Pattern Locked) --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260313143136\/d75a63ca461a8ff394bb005d569313f7.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eEen Compleet \u003cspan class=\"text-highlight\"\u003eVroeg Onderwijs Hulpmiddel\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp\u003eWe bieden alles wat je nodig hebt in één uitgebreide set. Het curriculum omvat 26 Engelse letters, dagelijkse woordenschat, cijfers 0-100 en eenvoudige optel- en aftreksommen.\u003c\/p\u003e\n\n\u003cp\u003eHeldere kleuren en schattige vormen verbeteren het cognitieve vermogen van je kind terwijl ze diep betrokken blijven. Het is het ultieme verjaardagscadeau of feestdagengeschenk voor een gelukkige jeugd.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPECIFICATIONS TABLE --\u003e\n\n\u003cdiv class=\"pd-specs\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 2rem;\"\u003eProductspecificaties\u003c\/h2\u003e\n\n\u003ctable class=\"pd-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eKenmerk\u003c\/th\u003e\n\t\t\t\u003cth\u003eDetails\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=\"Dimensions\"\u003e10,23 x 7,28 inch \/ 26,0 x 18,5 cm (per boek)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Material\"\u003eDik, anti-krul premium papier\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Ink Type\"\u003eAuto-Fade Magic Ink (Verdwijnt als het droog is)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Included Content\"\u003eAlfabet, Cijfers, Rekenen, Tekenen\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Package Includes\"\u003e4 Oefenschriften, 2 Pennen, 2 Houdertjes, 10 Navullingen\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Recommended Age\"\u003ePeuters en vroege basisschool\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=\"pd-faq\"\u003e\n\u003ch2 class=\"pd-faq-title\"\u003eVeelgestelde vragen\u003c\/h2\u003e\n\n\u003cdetails\u003e\u003csummary\u003eHoe lang duurt het voordat de inkt verdwijnt?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-content\"\u003eMeestal verdwijnt de magic ink volledig binnen 15 tot 30 minuten, afhankelijk van de temperatuur en luchtvochtigheid in jouw omgeving. Zodra het droog is, is het boek weer klaar voor gebruik alsof het nieuw is!\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eKan ik gewone pennen of stiften gebruiken in deze boeken?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-content\"\u003eOm het herbruikbare karakter van de oefenschriften te behouden, gebruik \u003cstrong\u003ealleen de meegeleverde magic auto-fade pennen\u003c\/strong\u003e en navullingen. Gewone inkt verdwijnt niet en zal de gegroefde pagina's permanent markeren.\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eZijn deze geschikt voor linkshandige kinderen?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-content\"\u003eAbsoluut. De set bevat zachte siliconen penhouders die helpen bij het aanleren van een standaard, comfortabele schrijfhouding voor zowel rechts- als linkshandige leerlingen, waardoor vermoeide vingers worden voorkomen.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"🟢 1 Set (4 Boeken + Pennen)","offer_id":47992025841876,"sku":"0320-14352666","price":16.95,"currency_code":"USD","in_stock":true},{"title":"👯‍♀️ 2 Sets (8 Boeken) - Bespaar 20%","offer_id":47992025874644,"sku":"0320-14350366","price":31.95,"currency_code":"USD","in_stock":true},{"title":"🎁 3 Sets (12 Boeken) - Beste Waarde!","offer_id":47992025907412,"sku":"0320-14351804","price":46.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0813\/3682\/8116\/files\/74076eff055dc86abdbaf7d15984c650.jpg?v=1779883714","url":"https:\/\/omurio.com\/nl\/products\/3d-grooved-calligraphy-set-rjc","provider":"Omurio","version":"1.0","type":"link"}