{"product_id":"3d-grooved-calligraphy-set-rjc","title":"Ensemble de calligraphie 3D rainuré","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\"\u003eApprouvé par plus de 50 000 parents satisfaits\u003c\/div\u003e\n\n\u003ch1\u003eLibérez le \u003cspan class=\"text-highlight\"\u003epotentiel d'écriture\u003c\/span\u003e de votre enfant\n\u003c\/h1\u003e\n\n\u003cp\u003eTransformez l'apprentissage en une expérience magique. Nos cahiers réutilisables et rainurés aident les préscolaires à maîtriser la forme parfaite de l'écriture sans effort, tout en s'amusant.\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🧠 Stimule la mémoire\u003c\/h3\u003e\n\n\u003cp\u003eLe traçage répétitif et guidé renforce la mémoire musculaire et le rappel cognitif.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-benefit-card\"\u003e\n\u003ch3\u003e🔢 Mathématiques \u0026amp; logique\u003c\/h3\u003e\n\n\u003cp\u003eUne exposition précoce aux chiffres et à l'arithmétique construit une base solide.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-benefit-card\"\u003e\n\u003ch3\u003e🎯 Haute concentration\u003c\/h3\u003e\n\n\u003cp\u003eDes activités engageantes maintiennent les petits esprits concentrés et éloignés des écrans.\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\u003ePages rainurées pour la \u003cspan class=\"text-highlight\"\u003eforme parfaite\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp\u003eFini les difficultés avec les formes libres. Notre design innovant à \u003cstrong\u003erainures 3D\u003c\/strong\u003e guide naturellement le stylo de votre enfant sur le bon chemin. Ce retour tactile développe la motricité fine et garantit qu'ils apprennent des traits standards et beaux dès le premier jour.\u003c\/p\u003e\n\n\u003cp\u003eFabriqué en papier premium épais qui résiste au frisage et à la déchirure, même avec des petites mains enthousiastes.\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\u003eEncre magique : \u003cspan class=\"text-highlight\"\u003eÉcrire, sécher, disparaître !\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp\u003eRegardez la magie opérer ! Les stylos à effacement automatique inclus contiennent une encre spéciale qui disparaît automatiquement dans les 30 minutes après séchage.\u003c\/p\u003e\n\n\u003cp\u003eCela signifie que votre enfant peut pratiquer ses lettres, chiffres et dessins \u003cstrong\u003eencore et encore\u003c\/strong\u003e. C'est écologique, très économique et totalement sans désordre.\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\u003eUn outil complet \u003cspan class=\"text-highlight\"\u003ed'éducation précoce\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp\u003eNous fournissons tout ce dont vous avez besoin dans un ensemble complet. Le programme couvre les 26 lettres anglaises, le vocabulaire quotidien, les chiffres de 0 à 100, ainsi que des additions et soustractions simples.\u003c\/p\u003e\n\n\u003cp\u003eDes couleurs vives et des formes mignonnes améliorent la cognition de votre enfant tout en le captivant profondément. C'est le cadeau d'anniversaire ou de fête idéal pour une enfance heureuse.\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;\"\u003eSpécifications du produit\u003c\/h2\u003e\n\n\u003ctable class=\"pd-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eCaractéristique\u003c\/th\u003e\n\t\t\t\u003cth\u003eDétails\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\"\u003e26,0 x 18,5 cm \/ 10,23 x 7,28 pouces (par cahier)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Material\"\u003ePapier premium épais, anti-fronce\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Ink Type\"\u003eEncre magique à effacement automatique (disparaît en séchant)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Included Content\"\u003eAlphabet, chiffres, mathématiques, dessin\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Package Includes\"\u003e4 cahiers, 2 stylos, 2 grips, 10 recharges\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Recommended Age\"\u003ePréscolaire et début de primaire\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\"\u003eQuestions fréquemment posées\u003c\/h2\u003e\n\n\u003cdetails\u003e\u003csummary\u003eCombien de temps faut-il pour que l'encre disparaisse ?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-content\"\u003eHabituellement, l'encre magique disparaît complètement en 15 à 30 minutes, selon la température et l'humidité de votre environnement. Une fois sèche, le cahier est prêt à être utilisé à nouveau comme neuf !\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003ePuis-je utiliser des stylos ou marqueurs classiques sur ces cahiers ?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-content\"\u003ePour préserver la nature réutilisable des cahiers, veuillez \u003cstrong\u003eutiliser uniquement les stylos magiques à effacement automatique inclus\u003c\/strong\u003e ainsi que leurs recharges. L'encre standard ne disparaîtra pas et marquera définitivement les pages rainurées.\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eSont-ils adaptés aux enfants gauchers ?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-content\"\u003eAbsolument. Le set comprend des grips en silicone souple qui aident à établir une posture d'écriture standard et confortable pour les apprenants droitiers comme gauchers, évitant la fatigue des doigts.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"🟢 1 Ensemble (4 Livres + Stylos)","offer_id":47992025841876,"sku":"0320-14352666","price":16.95,"currency_code":"USD","in_stock":true},{"title":"👯‍♀️ 2 Ensembles (8 Livres) - Économisez 20 %","offer_id":47992025874644,"sku":"0320-14350366","price":31.95,"currency_code":"USD","in_stock":true},{"title":"🎁 3 Ensembles (12 Livres) - Meilleur Rapport Qualité-Prix !","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\/fr\/products\/3d-grooved-calligraphy-set-rjc","provider":"Omurio","version":"1.0","type":"link"}