{"product_id":"puzzle-amusement-et-apprentissage-pour-les-petits","title":"240 blocs de Puzzle Amusement et Apprentissage pour les Petits","description":"\u003c!-- ===================================================================\n     FICHE PRODUIT — PUZZLE CHANTIER DE CONSTRUCTION (240 blocs)\n     À coller dans : Produit \u003e Description (éditeur HTML) sur Shopify\n\n     ⚠️ IMAGES : un seul visuel est actuellement hébergé sur TA boutique\n     (celui utilisé ci-dessous en hero, \"LEGO.jpg\"). Les 4 autres images\n     de ta page actuelle viennent d'un CDN externe (cdn.youcan.shop) —\n     probablement une image fournisseur, à ne pas garder sur le long terme.\n     J'ai laissé 2 emplacements marqués [REMPLACER PAR TON IMAGE SHOPIFY]\n     à remplacer une fois tes propres photos uploadées dans Contenu \u003e Fichiers.\n     =================================================================== --\u003e\n\n\u003cstyle\u003e\n  .pz2-fiche{--yellow:#fbc02d;--orange:#f2622e;--charcoal:#2b2b2b;--paper:#fdf8ee;--ink:#2b2b2b;\n    font-family:Arial,Helvetica,sans-serif;color:var(--ink);max-width:900px;width:100%;margin:0 auto;\n    overflow-x:hidden;}\n  .pz2-fiche *{box-sizing:border-box;}\n  .pz2-fiche img{max-width:100%;height:auto;}\n  .pz2-fiche section{padding:34px 20px;}\n  .pz2-paper{background:var(--paper);}\n  .pz2-white{background:#fff;}\n  .pz2-charcoal{background:var(--charcoal);color:#fff;}\n  @media (max-width:600px){.pz2-fiche section{padding:22px 16px;}}\n\n  @keyframes pz2-up{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}\n  @keyframes pz2-fade{from{opacity:0;}to{opacity:1;}}\n  @keyframes pz2-grow{0%{transform:scale(.95);opacity:0;}100%{transform:scale(1);opacity:1;}}\n  @keyframes pz2-dig{0%,100%{transform:rotate(0deg);}50%{transform:rotate(-18deg);}}\n  @keyframes pz2-stripe{0%{background-position:0 0;}100%{background-position:56px 0;}}\n\n  \/* HERO *\/\n  .pz2-hero{text-align:center;border-radius:16px 16px 0 0;position:relative;}\n  .pz2-hazard{height:8px;width:100%;position:absolute;top:0;left:0;border-radius:16px 16px 0 0;\n    background:repeating-linear-gradient(135deg,var(--charcoal) 0 14px,var(--yellow) 14px 28px);\n    background-size:56px 8px;animation:pz2-stripe 2.2s linear infinite;}\n  .pz2-badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:22px 0 14px;}\n  .pz2-badge{background:#fff;border:2px solid var(--orange);color:var(--orange);font-weight:800;font-size:11px;\n    padding:6px 12px;border-radius:999px;text-transform:uppercase;animation:pz2-fade .6s ease both;}\n  .pz2-badge:nth-child(2){border-color:var(--charcoal);color:var(--charcoal);animation-delay:.1s;}\n  .pz2-badge:nth-child(3){border-color:var(--yellow);color:#9c7a10;animation-delay:.2s;}\n  .pz2-title{font-size:clamp(24px,5.2vw,40px);font-weight:900;line-height:1.1;margin:0 0 8px;\n    animation:pz2-up .6s ease both;}\n  .pz2-title span{color:var(--orange);}\n  .pz2-subtitle{font-size:clamp(14px,2.2vw,18px);font-weight:700;color:#5a5a5a;margin:0 0 20px;\n    animation:pz2-up .6s ease .08s both;}\n  .pz2-hero img{width:100%;display:block;border-radius:14px;background:#f0e8d4;min-height:180px;\n    object-fit:cover;animation:pz2-grow .8s ease .15s both;}\n  .pz2-price{margin-top:16px;font-size:15px;}\n  .pz2-price s{color:#a8a8a8;margin-right:8px;}\n  .pz2-price b{color:var(--orange);font-size:20px;}\n\n  \/* INTRO *\/\n  .pz2-intro{text-align:center;}\n  .pz2-intro p{font-size:15px;max-width:600px;margin:0 auto;line-height:1.55;}\n  .pz2-intro strong{color:var(--orange);}\n\n  \/* FEATURES *\/\n  .pz2-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;text-align:center;}\n  .pz2-feat{background:#fff;border-radius:12px;padding:18px 12px;opacity:0;animation:pz2-up .5s ease forwards;\n    box-shadow:0 3px 10px rgba(0,0,0,.06);}\n  .pz2-feat:nth-child(1){animation-delay:.05s;}\n  .pz2-feat:nth-child(2){animation-delay:.15s;}\n  .pz2-feat:nth-child(3){animation-delay:.25s;}\n  .pz2-feat svg{width:30px;height:30px;stroke:var(--orange);margin-bottom:8px;transform-origin:80% 80%;}\n  .pz2-feat:nth-child(1) svg{animation:pz2-dig 2.4s ease-in-out infinite;}\n  .pz2-feat b{display:block;font-size:13px;text-transform:uppercase;}\n  .pz2-feat span{display:block;font-size:12px;color:#6b6b6b;margin-top:4px;line-height:1.4;}\n\n  \/* GALERIE A COMPLETER *\/\n  .pz2-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;}\n  @media (max-width:520px){.pz2-gallery{grid-template-columns:1fr;}}\n  .pz2-gallery img{width:100%;display:block;border-radius:12px;background:#f0e8d4;min-height:160px;object-fit:cover;}\n\n  \/* COMPETENCES *\/\n  .pz2-checks{max-width:520px;margin:0 auto;display:grid;gap:10px;}\n  .pz2-checks div{display:flex;align-items:center;gap:10px;font-size:14px;}\n  .pz2-checks svg{width:20px;height:20px;stroke:var(--yellow);flex:0 0 20px;}\n\n  \/* LIVRAISON *\/\n  .pz2-ship{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;text-align:center;}\n  .pz2-ship div b{display:block;font-size:13px;text-transform:uppercase;}\n  .pz2-ship div span{font-size:12px;color:#c9c9c9;}\n\n  \/* CTA *\/\n  .pz2-cta{text-align:center;padding:38px 20px;border-radius:0 0 16px 16px;position:relative;overflow:hidden;\n    background:linear-gradient(135deg,var(--orange),#d94e1e);}\n  .pz2-cta h2{font-size:clamp(20px,4vw,28px);font-weight:900;color:#fff;margin:0 0 6px;}\n  .pz2-cta p{color:#ffe6d8;font-size:14px;margin:0;}\n\n  @media (prefers-reduced-motion: reduce){.pz2-fiche *{animation:none!important;}}\n\u003c\/style\u003e\n\n\u003cdiv class=\"pz2-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"pz2-hero pz2-paper\"\u003e\n    \u003cdiv class=\"pz2-hazard\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pz2-badges\"\u003e\n      \u003cspan class=\"pz2-badge\"\u003e240 blocs\u003c\/span\u003e\n      \u003cspan class=\"pz2-badge\"\u003eDès 3 ans\u003c\/span\u003e\n      \u003cspan class=\"pz2-badge\"\u003eGrandes pièces sécurisées\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003ch1 class=\"pz2-title\"\u003ePuzzle \u003cspan\u003eChantier\u003c\/span\u003e\u003cbr\u003ede Construction\u003c\/h1\u003e\n    \u003cp class=\"pz2-subtitle\"\u003e240 blocs pour stimuler l'imagination des petits passionnés de construction\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/mi-shopciv.com\/cdn\/shop\/files\/LEGO.jpg?v=1773286032\u0026amp;width=1200\" alt=\"Puzzle de construction 240 blocs avec pelleteuses, grues et bulldozers colorés\"\u003e\n    \u003cp class=\"pz2-price\"\u003e\u003cs\u003e45 000 XOF\u003c\/s\u003e\u003cb\u003e14 900 XOF\u003c\/b\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"pz2-white pz2-intro\"\u003e\n    \u003cp\u003eConçu pour les enfants à partir de 3 ans, ce puzzle interactif allie plaisir et apprentissage en leur permettant d'assembler \u003cstrong\u003eune scène vivante de chantier de construction\u003c\/strong\u003e — pelleteuses, grues, bulldozers et ouvriers en pleine action.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FEATURES --\u003e\n  \u003csection class=\"pz2-paper pz2-features\"\u003e\n    \u003cdiv class=\"pz2-feat\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"\u003e\u003cpath d=\"M4 20h6l6-14 4 4-8 10z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"6\" cy=\"20\" r=\"1.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n      \u003cb\u003eScène de chantier\u003c\/b\u003e\u003cspan\u003ePelleteuses, grues, bulldozers et ouvriers colorés\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pz2-feat\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"\u003e\u003cpath d=\"M4 4h16v16H4z\"\u003e\u003c\/path\u003e\u003cpath d=\"M4 9h16M9 4v16\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003cb\u003eMatériaux durables\u003c\/b\u003e\u003cspan\u003eQualité et sécurité pour les petites mains\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pz2-feat\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"\u003e\u003cpath d=\"M9 11l3 3L22 4M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003cb\u003eGrandes pièces\u003c\/b\u003e\u003cspan\u003eFaciles à manipuler par les petites mains\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- GALERIE A COMPLETER --\u003e\n  \u003csection class=\"pz2-white pz2-gallery\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/3357\/1753\/files\/LEGO_bbfe85da-558b-419d-b77c-be6243ce87c5.jpg?v=1784232145\" alt=\"Pièces du puzzle chantier de construction assemblées\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/3357\/1753\/files\/lego2.jpg?v=1784232146\" alt=\"Enfant assemblant le puzzle chantier de construction\"\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPETENCES --\u003e\n  \u003csection class=\"pz2-paper\"\u003e\n    \u003ch3 style=\"text-align:center;font-size:19px;margin:0 0 18px;\"\u003e🎯 Ce que ça développe\u003c\/h3\u003e\n    \u003cdiv class=\"pz2-checks\"\u003e\n      \u003cdiv\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003eMotricité fine grâce aux grandes pièces faciles à saisir\u003c\/div\u003e\n      \u003cdiv\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003eCoordination œil-main en assemblant chaque engin\u003c\/div\u003e\n      \u003cdiv\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003eCompétences en résolution de problèmes\u003c\/div\u003e\n      \u003cdiv\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003eImagination stimulée par l'univers du chantier\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- LIVRAISON --\u003e\n  \u003csection class=\"pz2-charcoal pz2-ship\"\u003e\n    \u003cdiv\u003e\n\u003cb\u003ePrix\u003c\/b\u003e\u003cspan\u003e14 900 XOF\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cb\u003eLivraison\u003c\/b\u003e\u003cspan\u003eMoins de 24h à Abidjan\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cb\u003ePaiement\u003c\/b\u003e\u003cspan\u003eÀ la livraison\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"pz2-cta\"\u003e\n    \u003ch2\u003eLe chantier de ses rêves l'attend\u003c\/h2\u003e\n    \u003cp\u003e240 blocs, des heures de construction et d'imagination.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Mi-Shop CIV","offers":[{"title":"Default Title","offer_id":46866038259881,"sku":null,"price":14900.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/3357\/1753\/files\/LEGO.jpg?v=1773286032","url":"https:\/\/mi-shopciv.com\/products\/puzzle-amusement-et-apprentissage-pour-les-petits","provider":"Mi-Shop","version":"1.0","type":"link"}