{"product_id":"tampon-mathematique-4-en-1","title":"TAMPON MATHÉMATIQUE 4 EN 1 - LIVRAISON GRATUITE 🎉","description":"\u003c!-- ============================================================= --\u003e\n\u003c!-- DESCRIPTION PRODUIT — TAMPON MATHÉMATIQUE                       --\u003e\n\u003c!-- Structure : une section = un bloc \u003cdiv class=\"mts-section\"\u003e    --\u003e\n\u003c!-- Facile à étendre : pour ajouter une nouvelle section (image,   --\u003e\n\u003c!-- animation, bloc custom...), copiez-collez un bloc              --\u003e\n\u003c!-- \u003cdiv class=\"mts-section\"\u003e...\u003c\/div\u003e à l'endroit voulu,          --\u003e\n\u003c!-- avant \u003c\/div\u003e final (\"FIN DE LA PAGE\").                         --\u003e\n\u003c!--                                                                  --\u003e\n\u003c!-- Remplacez chaque \"REMPLACE_PAR_TON_URL_...\" par le lien Shopify --\u003e\n\u003c!-- de l'image (Contenu → Fichiers → clic sur l'image →             --\u003e\n\u003c!-- \"Copier le lien\").                                               --\u003e\n\u003c!-- ============================================================= --\u003e\n\n\u003c!-- Chargement des polices Fredoka et Montserrat --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Fredoka:wght@500;600;700\u0026amp;family=Montserrat:wght@400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cdiv class=\"mts-page\"\u003e\n\n  \u003c!-- SECTION 1 — Hero \/ présentation du produit --\u003e\n  \u003cdiv class=\"mts-section\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0577\/7001\/6897\/files\/2_0350a2b3-8b36-4825-b96f-f736d0403b03.png?v=1787093069\" alt=\"Mon tampon mathématique - présentation\" class=\"mts-img\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1.5 — Bande défilante (marquee) --\u003e\n  \u003cdiv class=\"mts-marquee\"\u003e\n    \u003cdiv class=\"mts-marquee-track\"\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eAddition \u003cspan class=\"mts-marquee-symbol\"\u003e+\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eSoustraction \u003cspan class=\"mts-marquee-symbol\"\u003e−\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eMultiplication \u003cspan class=\"mts-marquee-symbol\"\u003e×\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eExercice à trous \u003cspan class=\"mts-marquee-symbol\"\u003e□\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eAddition \u003cspan class=\"mts-marquee-symbol\"\u003e+\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eSoustraction \u003cspan class=\"mts-marquee-symbol\"\u003e−\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eMultiplication \u003cspan class=\"mts-marquee-symbol\"\u003e×\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eExercice à trous \u003cspan class=\"mts-marquee-symbol\"\u003e□\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eAddition \u003cspan class=\"mts-marquee-symbol\"\u003e+\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eSoustraction \u003cspan class=\"mts-marquee-symbol\"\u003e−\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eMultiplication \u003cspan class=\"mts-marquee-symbol\"\u003e×\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eExercice à trous \u003cspan class=\"mts-marquee-symbol\"\u003e□\u003c\/span\u003e\u003c\/span\u003e\n      \u003c!-- duplication pour un défilement continu sans coupure --\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eAddition \u003cspan class=\"mts-marquee-symbol\"\u003e+\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eSoustraction \u003cspan class=\"mts-marquee-symbol\"\u003e−\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eMultiplication \u003cspan class=\"mts-marquee-symbol\"\u003e×\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eExercice à trous \u003cspan class=\"mts-marquee-symbol\"\u003e□\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eAddition \u003cspan class=\"mts-marquee-symbol\"\u003e+\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eSoustraction \u003cspan class=\"mts-marquee-symbol\"\u003e−\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eMultiplication \u003cspan class=\"mts-marquee-symbol\"\u003e×\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eExercice à trous \u003cspan class=\"mts-marquee-symbol\"\u003e□\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eAddition \u003cspan class=\"mts-marquee-symbol\"\u003e+\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eSoustraction \u003cspan class=\"mts-marquee-symbol\"\u003e−\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eMultiplication \u003cspan class=\"mts-marquee-symbol\"\u003e×\u003c\/span\u003e\u003c\/span\u003e\n      \u003cspan class=\"mts-marquee-item\"\u003eExercice à trous \u003cspan class=\"mts-marquee-symbol\"\u003e□\u003c\/span\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 2 — Problématique : les maths, un vrai casse-tête --\u003e\n  \u003cdiv class=\"mts-section\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0577\/7001\/6897\/files\/3_daa6d24d-c3c9-4ab7-91bf-748b18e9f343.png?v=1787093069\" alt=\"Les maths, un vrai casse-tête\" class=\"mts-img\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 3 — La solution : 4 types d'exercices --\u003e\n  \u003cdiv class=\"mts-section\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0577\/7001\/6897\/files\/4_8e84be67-6aa3-4153-abe5-85c108d6d393.png?v=1787093069\" alt=\"La solution : un rouleur, 4 types d'exercices\" class=\"mts-img\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 4 — Résultats visibles (1\/2) : enfant fier \/ pleins d'exercices --\u003e\n  \u003cdiv class=\"mts-section\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0577\/7001\/6897\/files\/5_e6abc7a2-4860-45ce-a364-003fe8b7a2ec.png?v=1787093069\" alt=\"Des résultats visibles - enfant fier et pleins d'exercices\" class=\"mts-img\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 5 — Résultats visibles (2\/2) : plus de pleurs \/ zéro écran + CTA stock --\u003e\n  \u003cdiv class=\"mts-section\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0577\/7001\/6897\/files\/6_87489987-d856-49b8-a239-6313847bca79.png?v=1787093069\" alt=\"Plus de pleurs, zéro écran - stock limité\" class=\"mts-img\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 5.5 — CTA simple après les résultats --\u003e\n  \u003cdiv class=\"mts-section mts-cta-mid\"\u003e\n    \u003cbutton type=\"button\" class=\"mts-cta-mid-btn\" onclick=\"window.scrollTo({top:0, behavior:'smooth'});\"\u003e\n      Je commande mon tampon →\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 6 — Avis parents (image regroupant les 4 avis) --\u003e\n  \u003cdiv class=\"mts-section\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0577\/7001\/6897\/files\/Pink_and_Cream_Bold_Typography_Soda_Promotion_Instagram_Post_Reel_Instagram.png?v=1787093072\" alt=\"Avis parents\" class=\"mts-img\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 8 — CTA final : remonte vers le formulaire de commande --\u003e\n  \u003cdiv class=\"mts-section mts-cta-final\"\u003e\n    \u003cp class=\"mts-cta-discount\"\u003e-55% aujourd'hui seulement\u003c\/p\u003e\n    \u003ch2 class=\"mts-cta-title\"\u003eNe laissez pas passer votre chance\u003c\/h2\u003e\n    \u003cp class=\"mts-cta-text\"\u003eRejoignez les familles qui ont dit adieu au stress des devoirs en un seul clic.\u003c\/p\u003e\n    \u003cbutton type=\"button\" class=\"mts-cta-btn\" onclick=\"window.scrollTo({top:0, behavior:'smooth'});\"\u003e\n      Je profite des -55% maintenant →\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============================================================= --\u003e\n  \u003c!-- 👉 NOUVELLES SECTIONS À AJOUTER ICI                             --\u003e\n  \u003c!-- (dupliquez un bloc \u003cdiv class=\"mts-section\"\u003e...\u003c\/div\u003e ci-dessus) --\u003e\n  \u003c!-- ============================================================= --\u003e\n\n\u003c\/div\u003e\n\u003c!-- FIN DE LA PAGE --\u003e\n\n\u003cstyle\u003e\n.mts-page{\n  max-width:600px;\n  margin:0 auto;\n}\n.mts-page *{box-sizing:border-box;}\n.mts-section{\n  display:block;\n  width:100%;\n  line-height:0; \/* évite tout espace blanc parasite sous l'image *\/\n}\n.mts-img{\n  width:100%;\n  height:auto;\n  display:block;\n}\n\n\/* ============================================================= *\/\n\/* BANDE DÉFILANTE (MARQUEE) — entre section 1 et section 2       *\/\n\/* ============================================================= *\/\n.mts-marquee{\n  width:100%;\n  overflow:hidden;\n  background:#F3CC7D;\n  padding:14px 0;\n  box-shadow:inset 0 2px 0 rgba(0,0,0,0.08), inset 0 -2px 0 rgba(0,0,0,0.08);\n}\n.mts-marquee-track{\n  display:flex;\n  align-items:center;\n  width:max-content;\n  animation:mts-scroll 22s linear infinite;\n}\n.mts-marquee-item{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  white-space:nowrap;\n  color:#1a2f7a; \/* bleu marine, raccord avec \"Mon\" \/ \"Mathematique\" *\/\n  font-family:\"Fredoka\", sans-serif;\n  font-weight:600;\n  font-size:22px;\n  padding:0 28px;\n  position:relative;\n}\n.mts-marquee-item::after{\n  content:\"•\";\n  position:absolute;\n  right:-2px;\n  color:#1a2f7a;\n  opacity:0.35;\n}\n.mts-marquee-symbol{\n  font-family:\"Fredoka\", sans-serif;\n  font-weight:700;\n  font-size:26px;\n  color:#3ba7e8; \/* bleu clair, pour faire ressortir le symbole *\/\n}\n\n@keyframes mts-scroll{\n  0%{ transform: translateX(0); }\n  100%{ transform: translateX(-50%); }\n}\n\n@media(max-width:420px){\n  .mts-marquee-item{font-size:17px;padding:0 18px;}\n  .mts-marquee-symbol{font-size:20px;}\n}\n\n\/* ============================================================= *\/\n\/* SECTION 5.5 — CTA INTERMÉDIAIRE (après les résultats)           *\/\n\/* ============================================================= *\/\n.mts-cta-mid{\n  background:#F9F7F6;\n  padding:10px 24px 34px;\n  text-align:center;\n}\n.mts-cta-mid-btn{\n  font-family:\"Fredoka\", sans-serif;\n  font-weight:600;\n  font-size:17px;\n  color:#152355;\n  background:#F3CC7D;\n  border:none;\n  border-radius:50px;\n  padding:15px 34px;\n  cursor:pointer;\n  box-shadow:0 5px 0 #c9a35f, 0 8px 16px rgba(21,35,85,0.18);\n  transition:transform 0.15s ease;\n}\n.mts-cta-mid-btn:active{\n  transform:translateY(4px);\n  box-shadow:0 1px 0 #c9a35f, 0 4px 10px rgba(21,35,85,0.15);\n}\n\n\/* ============================================================= *\/\n\/* SECTION 8 — CTA FINAL                                            *\/\n\/* ============================================================= *\/\n.mts-cta-final{\n  background:#F9F7F6;\n  padding:50px 28px 56px;\n  text-align:center;\n  line-height:normal;\n}\n.mts-cta-mid{\n  background:#F9F7F6;\n  padding:10px 24px 34px;\n  text-align:center;\n  line-height:normal;\n}\n.mts-cta-discount{\n  display:inline-block;\n  background:none;\n  color:#152355;\n  font-family:\"Fredoka\", sans-serif;\n  font-weight:700;\n  font-size:26px;\n  padding:0 4px 8px;\n  margin-bottom:20px;\n  border-bottom:5px solid #F3CC7D;\n  box-shadow:none;\n}\n.mts-cta-title{\n  font-family:\"Fredoka\", sans-serif;\n  font-weight:700;\n  font-size:28px;\n  color:#152355; \/* bleu foncé *\/\n  margin:0 0 12px;\n  line-height:1.2;\n}\n.mts-cta-text{\n  font-family:\"Montserrat\", sans-serif;\n  color:#152355;\n  opacity:0.85;\n  font-size:15px;\n  line-height:1.6;\n  max-width:380px;\n  margin:0 auto 26px;\n}\n.mts-cta-btn{\n  font-family:\"Cocomat Pro\", inherit;\n  font-weight:700;\n  font-size:17px;\n  color:#152355;\n  background:#F3CC7D;\n  border:none;\n  border-radius:50px;\n  padding:16px 32px;\n  cursor:pointer;\n  box-shadow:0 6px 0 #c9a35f, 0 10px 20px rgba(21,35,85,0.2);\n  animation:mts-pulse 1.8s ease-in-out infinite;\n  transition:transform 0.15s ease;\n}\n.mts-cta-btn:active{\n  transform:translateY(4px);\n  box-shadow:0 2px 0 #c9a35f, 0 6px 14px rgba(21,35,85,0.15);\n}\n@keyframes mts-pulse{\n  0%, 100%{ transform:scale(1); }\n  50%{ transform:scale(1.045); }\n}\n\n@media(max-width:420px){\n  .mts-cta-title{font-size:22px;}\n  .mts-cta-discount{font-size:20px;padding:0 2px 6px;border-bottom-width:4px;}\n  .mts-cta-btn{font-size:15px;padding:14px 24px;}\n}\n\u003c\/style\u003e","brand":"e.shop_civ","offers":[{"title":"Default Title","offer_id":40858224328833,"sku":null,"price":8500.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0577\/7001\/6897\/files\/Commentutiliser_1.png?v=1787100416","url":"https:\/\/eshopciv.com\/products\/tampon-mathematique-4-en-1","provider":"e.shop_civ","version":"1.0","type":"link"}