{"product_id":"gommette-maternelle","title":"Cahier d'activités gommettes maternelle  — PS, MS ou GS | Bordas","description":"\u003c!-- ============================================================\n     FICHE PRODUIT — Bravo les maternelles ! Cahier gommettes\n     PS · MS · GS | 140 gommettes | 5,99 €\n     JSON-LD : @graph Product + FAQPage séparés (norme boutique)\n     Animation : transform+opacity uniquement (INP\/CWV)\n     Scopé sous .page — aucun impact thème Shopify\n     H1 = titre natif Shopify \/ H2 = hook \/ H3 = sections\n     ⚠️  Remplacer [Mascotte PS], [Mascotte MS], [Mascotte GS]\n         par les vrais noms de mascottes avant publication.\n============================================================ --\u003e\n\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"Product\",\n      \"@id\": \"#product\",\n      \"name\": \"Bravo les maternelles ! Cahier gommettes — PS · MS · GS\",\n      \"description\": \"Cahier de 140 gommettes pour apprendre lettres, chiffres et repérage dans l'espace en s'amusant. Activités ludiques conformes au programme de la Petite, Moyenne et Grande Section. Motricité fine, autonomie et premiers apprentissages maternelle dès 3 ans.\",\n      \"image\": \"{{ product.featured_image | image_url: width: 1200 }}\",\n      \"brand\": {\n        \"@type\": \"Brand\",\n        \"name\": \"Bordas\"\n      },\n      \"offers\": {\n        \"@type\": \"Offer\",\n        \"price\": \"5.99\",\n        \"priceCurrency\": \"EUR\",\n        \"availability\": \"https:\/\/schema.org\/InStock\",\n        \"itemCondition\": \"https:\/\/schema.org\/NewCondition\",\n        \"url\": \"{{ canonical_url }}\"\n      }\n    },\n    {\n      \"@type\": \"FAQPage\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Quelle différence entre la PS, la MS et la GS ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Chaque cahier est calé sur les apprentissages de sa section. La PS (dès 3 ans) travaille les lettres, les chiffres, le repérage dans l'espace et les premières notions du temps. La MS (dès 4 ans) renforce la logique, la discrimination visuelle et la numération. La GS (dès 5 ans) consolide les bases avant le CP : lettres, mots simples, comptage et suites logiques.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Ce cahier est-il conforme au programme de l'Éducation nationale ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Oui. Chaque version (PS, MS, GS) est conçue en lien avec les attendus du programme officiel de maternelle. Il ne remplace pas les apprentissages en classe, mais les prolonge à la maison à son rythme, dans un format ludique et sans pression.\"\n          }\n        }\n      ]\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n\/* ── Reset scopé ────────────────────────────────────────────── *\/\n.page,.page *{box-sizing:border-box}\n.page{\n  max-width:660px;padding:1rem 0;margin:0 auto;\n  --sage:#7A9E7E;--sage-light:#EEF4EF;--sage-mid:#C5D9C6;\n  --terra:#C4694F;--terra-light:#F9EDE9;--terra-mid:#E8B5A8;--terra-dark:#A04E38;\n  --cream:#FAF7F2;--beige:#EDE8DF;\n  --text-dark:#2C2416;--text-mid:#6B5F52;--text-light:#A49889;\n  font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-dark);\n}\n\n\/* ── Hook H2 ────────────────────────────────────────────────── *\/\n.page .hook{padding:0 0 20px;border-bottom:1px solid var(--beige)}\n.page .eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--terra);font-weight:500;margin-bottom:12px}\n.page .hook-title{font-size:22px;font-weight:500;color:var(--text-dark);line-height:1.4;margin-bottom:14px}\n.page .hook-title span{color:var(--terra)}\n.page .hook-body{font-size:14px;color:var(--text-mid);line-height:1.85;margin-bottom:10px}\n.page .hook-body:last-of-type{margin-bottom:0}\n.page .hook-body strong{color:var(--text-dark);font-weight:500}\n\n\/* ── CTA ────────────────────────────────────────────────────── *\/\n.page .cta-block{padding:18px 0;border-bottom:1px solid var(--beige)}\n.page .cta-inner{background:var(--terra-light);border:1px solid var(--terra-mid);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}\n.page .cta-left{display:flex;flex-direction:column;gap:6px}\n.page .cta-price{font-size:24px;font-weight:500;color:var(--text-dark);line-height:1}\n.page .cta-stock{display:flex;align-items:center;gap:7px}\n\/* CWV\/INP : transform+opacity uniquement, interdit box-shadow *\/\n.page .stock-dot{width:10px;height:10px;border-radius:50%;background:var(--sage);flex-shrink:0;will-change:transform,opacity;animation:mlmPulse 1.4s ease-in-out infinite}\n@keyframes mlmPulse{\n  0%  {transform:scale(1);opacity:1}\n  50% {transform:scale(1.9);opacity:0}\n  100%{transform:scale(1);opacity:1}\n}\n.page .stock-text{font-size:11px;color:var(--text-mid)}\n.page .btn-adopt{background:var(--terra);color:#fff;border:none;border-radius:8px;padding:14px 24px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s ease;white-space:nowrap}\n.page .btn-adopt:hover{background:var(--terra-dark)}\n.page .btn-adopt:focus-visible{outline:3px solid var(--terra);outline-offset:3px}\n\n\/* ── Sections H3 ────────────────────────────────────────────── *\/\n.page .section{padding:20px 0;border-bottom:1px solid var(--beige)}\n.page .section-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-light);margin-bottom:6px}\n.page .section-title{font-size:16px;font-weight:500;color:var(--text-dark);margin-bottom:14px;line-height:1.35}\n\n\/* ── Sélecteur niveaux ──────────────────────────────────────── *\/\n.page .level-selector{display:flex;flex-direction:column;gap:9px}\n.page .level-card{width:100%;text-align:left;font-family:inherit;background:var(--cream);border:2px solid var(--beige);border-radius:12px;padding:13px;cursor:pointer;transition:border-color .2s,background .2s}\n.page .level-card:hover{border-color:var(--terra-mid);background:var(--terra-light)}\n.page .level-card:focus-visible{outline:3px solid var(--terra);outline-offset:2px}\n.page .level-card.selected{border-color:var(--terra);background:var(--terra-light)}\n.page .level-card.selected .level-text{color:var(--text-dark)}\n.page .level-card-top{display:flex;align-items:center;gap:8px;margin-bottom:7px}\n.page .level-badge{color:#fff;font-size:10px;font-weight:500;padding:3px 9px;border-radius:20px;flex-shrink:0;white-space:nowrap}\n.page .level-badge.ps{background:var(--sage)}\n.page .level-badge.ms{background:var(--terra)}\n.page .level-badge.gs{background:#C4894F}\n.page .level-text{font-size:12.5px;color:var(--text-mid);line-height:1.55;margin:0}\n.page .level-text strong{color:var(--text-dark);font-weight:500}\n.page .level-hint{font-size:12px;color:var(--text-light);margin-top:10px;text-align:center;min-height:34px;display:flex;align-items:center;justify-content:center}\n.page .level-hint.confirmed{color:var(--sage);font-weight:500}\n\n\/* ── Bénéfices 2 col ────────────────────────────────────────── *\/\n.page .benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}\n.page .benefit{background:var(--cream);border:1px solid var(--beige);border-radius:12px;padding:14px;display:flex;gap:10px;align-items:flex-start}\n.page .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:4px}\n.page .dot.s{background:var(--sage)}.page .dot.t{background:var(--terra)}\n.page .b-label{font-size:13px;font-weight:500;color:var(--text-dark);margin-bottom:2px}\n.page .b-desc{font-size:11.5px;color:var(--text-mid);line-height:1.5}\n\n\/* ── Bloc marque ────────────────────────────────────────────── *\/\n.page .marque-bloc{background:var(--sage-light);border:1px solid var(--sage-mid);border-radius:12px;padding:14px 16px}\n.page .marque-bloc p{font-size:13px;color:var(--text-mid);line-height:1.8;margin:0}\n.page .marque-bloc strong{color:var(--text-dark);font-weight:500}\n\n\/* ── FAQ details\/summary ────────────────────────────────────── *\/\n.page .faq-section{padding:20px 0;border-bottom:1px solid var(--beige)}\n.page .faq-section details{border-bottom:1px solid var(--beige)}\n.page .faq-section details:last-of-type{border-bottom:none}\n.page .faq-section summary{display:flex;align-items:center;justify-content:space-between;padding:13px 0;cursor:pointer;gap:10px;list-style:none;font-size:13px;font-weight:500;color:var(--text-dark);line-height:1.4}\n.page .faq-section summary::-webkit-details-marker{display:none}\n.page .faq-arrow{font-size:14px;color:var(--terra);flex-shrink:0;transition:transform .25s ease;display:inline-block}\n.page .faq-section details[open] .faq-arrow{transform:rotate(180deg)}\n.page .faq-section details[open] summary{color:var(--terra)}\n.page .faq-inner{padding:0 0 13px;font-size:12.5px;color:var(--text-mid);line-height:1.7}\n\n\/* ── Réassurance ────────────────────────────────────────────── *\/\n.page .rea-section{padding:18px 0}\n.page .rea-grid{display:flex;flex-direction:row;gap:6px}\n.page .rea-pill{flex:1;display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--beige);border-radius:8px;background:var(--cream)}\n.page .rea-icon{font-size:14px;flex-shrink:0;opacity:.8}\n.page .rea-title{font-size:11px;font-weight:500;color:var(--text-dark);line-height:1.2}\n.page .rea-sub{font-size:10px;color:var(--text-light);line-height:1.2}\n\n\/* ── Responsive ─────────────────────────────────────────────── *\/\n@media(max-width:480px){\n  .page .hook-title{font-size:20px}\n  .page .benefits{grid-template-columns:1fr}\n  .page .cta-inner{flex-direction:column;align-items:flex-start}\n  .page .btn-adopt{width:100%;justify-content:center}\n}\n@media(max-width:360px){\n  .page .rea-grid{flex-direction:column}\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"page\"\u003e\n\n  \u003c!-- HOOK — seul H2 de la description --\u003e\n  \u003cdiv class=\"hook\"\u003e\n    \u003cp class=\"eyebrow\"\u003eBordas · Bravo les maternelles ! · PS · MS · GS\u003c\/p\u003e\n    \u003ch2 class=\"hook-title\"\u003e\n\u003cspan\u003e140 gommettes\u003c\/span\u003e pour les premiers apprentissages de la maternelle — PS, MS, GS\u003c\/h2\u003e\n    \u003cp class=\"hook-body\"\u003eLettres, chiffres, repérage dans l'espace, logique — ce cahier de gommettes couvre les \u003cstrong\u003epremiers apprentissages de la maternelle\u003c\/strong\u003e à travers des activités simples et ludiques. Une mascotte pour guider, un format pensé pour les petites mains, et un niveau calé sur la section de votre enfant.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION : SÉLECTEUR NIVEAU — H3 --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003cp class=\"section-label\"\u003eLe programme par niveau\u003c\/p\u003e\n    \u003ch3 class=\"section-title\"\u003eLe programme de votre enfant cette année\u003c\/h3\u003e\n    \u003cdiv class=\"level-selector\" id=\"levelSelector\"\u003e\n\n      \u003c!-- PS --\u003e\n      \u003cbutton type=\"button\" class=\"level-card\" data-variant=\"PS\" data-variant-id=\"53995809636691\" onclick=\"selectLevel(this)\" aria-pressed=\"false\"\u003e\n        \u003cdiv class=\"level-card-top\"\u003e\n          \u003cspan class=\"level-badge ps\"\u003ePS · Dès 3 ans\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"level-text\"\u003e\u003cstrong\u003eBambou le panda\u003c\/strong\u003e guide l'enfant dans ses premiers apprentissages : lettres, chiffres, repérage dans l'espace et premières notions du temps. Des activités simples pour entrer dans l'école en douceur et développer l'autonomie dès 3 ans.\u003c\/p\u003e\n      \u003c\/button\u003e\n\n      \u003c!-- MS --\u003e\n      \u003cbutton type=\"button\" class=\"level-card\" data-variant=\"MS\" data-variant-id=\"53995809669459\" onclick=\"selectLevel(this)\" aria-pressed=\"false\"\u003e\n        \u003cdiv class=\"level-card-top\"\u003e\n          \u003cspan class=\"level-badge ms\"\u003eMS · Dès 4 ans\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"level-text\"\u003e\u003cstrong\u003eFilou le lion\u003c\/strong\u003e accompagne les apprentissages de Moyenne Section : lettres, chiffres, repérage visuel et associations logiques. Des activités pour renforcer la logique, la discrimination visuelle et consolider les acquis de l'année.\u003c\/p\u003e\n      \u003c\/button\u003e\n\n      \u003c!-- GS --\u003e\n      \u003cbutton type=\"button\" class=\"level-card\" data-variant=\"GS\" data-variant-id=\"53995809702227\" onclick=\"selectLevel(this)\" aria-pressed=\"false\"\u003e\n        \u003cdiv class=\"level-card-top\"\u003e\n          \u003cspan class=\"level-badge gs\"\u003eGS · Dès 5 ans\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"level-text\"\u003e\u003cstrong\u003eMuso le zèbre\u003c\/strong\u003e prépare l'entrée en CP : lettres et mots simples, comptage, comparaisons, suites logiques et repérage spatial. Les bases essentielles de Grande Section pour aborder le CP avec confiance.\u003c\/p\u003e\n      \u003c\/button\u003e\n\n    \u003c\/div\u003e\n    \u003cp class=\"level-hint\" id=\"levelHint\"\u003eSélectionnez le niveau de votre enfant\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003cdiv class=\"cta-block\"\u003e\n    \u003cdiv class=\"cta-inner\"\u003e\n      \u003cdiv class=\"cta-left\"\u003e\n        \u003cdiv class=\"cta-price\"\u003e5,99 €\u003c\/div\u003e\n        \u003cdiv class=\"cta-stock\"\u003e\n          \u003cdiv class=\"stock-dot\"\u003e\u003c\/div\u003e\n          \u003cspan class=\"stock-text\"\u003eEn stock · Expédié sous 24h\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cbutton class=\"btn-adopt\" type=\"button\" onclick=\"addToCartFromDescription()\"\u003e\n        \u003cspan\u003eHop, je craque\u003c\/span\u003e\n        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003ccircle cx=\"9\" cy=\"21\" r=\"1\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"20\" cy=\"21\" r=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n      \u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION : BÉNÉFICES — H3 --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003cp class=\"section-label\"\u003eLes atouts au quotidien\u003c\/p\u003e\n    \u003ch3 class=\"section-title\"\u003eCe que les 140 gommettes apportent concrètement\u003c\/h3\u003e\n    \u003cdiv class=\"benefits\"\u003e\n      \u003cdiv class=\"benefit\"\u003e\n        \u003cdiv class=\"dot s\"\u003e\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"b-label\"\u003eMotricité fine travaillée\u003c\/div\u003e\n          \u003cdiv class=\"b-desc\"\u003eSaisir, positionner, repositionner — chaque gommette entraîne la précision du geste.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"benefit\"\u003e\n        \u003cdiv class=\"dot t\"\u003e\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"b-label\"\u003eLe droit à l'erreur\u003c\/div\u003e\n          \u003cdiv class=\"b-desc\"\u003eRepositionnables à l'infini : on essaie, on se trompe, on recommence — sans drame.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"benefit\"\u003e\n        \u003cdiv class=\"dot s\"\u003e\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"b-label\"\u003eConforme au programme\u003c\/div\u003e\n          \u003cdiv class=\"b-desc\"\u003eLettres, chiffres, repérage spatial — fidèle aux attendus de chaque section.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"benefit\"\u003e\n        \u003cdiv class=\"dot t\"\u003e\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"b-label\"\u003eL'autonomie encouragée\u003c\/div\u003e\n          \u003cdiv class=\"b-desc\"\u003eFormat pensé pour que l'enfant avance seul, à son rythme, avec fierté.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION : MARQUE — H3 --\u003e\n  \u003cdiv class=\"section\"\u003e\n    \u003cp class=\"section-label\"\u003eLa marque\u003c\/p\u003e\n    \u003ch3 class=\"section-title\"\u003ePourquoi faire confiance à Bordas pour la maternelle ?\u003c\/h3\u003e\n    \u003cdiv class=\"marque-bloc\"\u003e\n      \u003cp\u003e\u003cstrong\u003eBordas\u003c\/strong\u003e est l'une des maisons d'édition scolaire les plus reconnues en France. Leur collection \u003cstrong\u003eBravo les maternelles !\u003c\/strong\u003e accompagne des générations d'enfants avec des supports conçus en lien avec les programmes de l'Éducation nationale — un gage de sérieux qui rassure autant les parents que les enseignants.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- FAQ — H3 --\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cp class=\"section-label\"\u003eAvant d'acheter\u003c\/p\u003e\n    \u003ch3 class=\"section-title\"\u003eQuestions fréquentes sur ce cahier gommettes\u003c\/h3\u003e\n\n    \u003cdetails open\u003e\n      \u003csummary\u003eQuelle différence entre la PS, la MS et la GS ?\u003cspan class=\"faq-arrow\"\u003e⌄\u003c\/span\u003e\u003c\/summary\u003e\n      \u003cdiv class=\"faq-inner\"\u003eChaque cahier est calé sur les apprentissages de sa section. La PS (dès 3 ans) travaille les lettres, les chiffres, le repérage dans l'espace et les premières notions du temps. La MS (dès 4 ans) renforce la logique, la discrimination visuelle et la numération. La GS (dès 5 ans) consolide les bases avant le CP : lettres, mots simples, comptage et suites logiques.\u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails\u003e\n      \u003csummary\u003eCe cahier est-il conforme au programme de l'Éducation nationale ?\u003cspan class=\"faq-arrow\"\u003e⌄\u003c\/span\u003e\u003c\/summary\u003e\n      \u003cdiv class=\"faq-inner\"\u003eOui. Chaque version (PS, MS, GS) est conçue en lien avec les attendus du programme officiel de maternelle. Il ne remplace pas les apprentissages en classe, mais les prolonge à la maison à son rythme, dans un format ludique et sans pression.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- RÉASSURANCE --\u003e\n  \u003cdiv class=\"rea-section\"\u003e\n    \u003cdiv class=\"rea-grid\"\u003e\n      \u003cdiv class=\"rea-pill\"\u003e\n        \u003cspan class=\"rea-icon\"\u003e🔒\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"rea-title\"\u003ePaiement sécurisé\u003c\/div\u003e\n          \u003cdiv class=\"rea-sub\"\u003eCB · PayPal · Apple Pay\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rea-pill\"\u003e\n        \u003cspan class=\"rea-icon\"\u003e🔄\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"rea-title\"\u003eRetours 14 jours\u003c\/div\u003e\n          \u003cdiv class=\"rea-sub\"\u003econformément à nos CGV\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rea-pill\"\u003e\n        \u003cspan class=\"rea-icon\"\u003e🚚\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"rea-title\"\u003eLivraison offerte\u003c\/div\u003e\n          \u003cdiv class=\"rea-sub\"\u003edès 59 €\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nvar MLM_selectedVariant = null;\n\nfunction selectLevel(card){\n  MLM_selectedVariant = {\n    label: card.getAttribute('data-variant'),\n    id:    card.getAttribute('data-variant-id')\n  };\n  var hint = document.getElementById('levelHint');\n\n  document.querySelectorAll('.level-card').forEach(function(c){\n    var on = (c === card);\n    c.classList.toggle('selected', on);\n    c.setAttribute('aria-pressed', on ? 'true' : 'false');\n  });\n\n  syncThemeVariant(MLM_selectedVariant);\n\n  if(hint){\n    hint.textContent = '\\u2713 Niveau ' + MLM_selectedVariant.label + ' s\\u00e9lectionn\\u00e9 \\u2014 ajoutez-le au panier ci-dessous';\n    hint.classList.add('confirmed');\n  }\n}\n\nfunction syncThemeVariant(variant){\n  \/* a) Boutons radio (label ou value = \"PS\"\/\"MS\"\/\"GS\" ou ID de variante) *\/\n  document.querySelectorAll('form[action*=\"\/cart\/add\"] input[type=\"radio\"]').forEach(function(input){\n    var label = input.labels \u0026\u0026 input.labels[0];\n    var txt = label ? label.textContent.trim() : (input.value || '').trim();\n    if(txt === variant.label || input.value === variant.id || input.value === variant.label){\n      if(!input.checked){\n        input.checked = true;\n        input.dispatchEvent(new Event('change', {bubbles:true}));\n        if(label){ label.click(); }\n      }\n    }\n  });\n  \/* b) Menu déroulant \u003cselect\u003e *\/\n  document.querySelectorAll('form[action*=\"\/cart\/add\"] select').forEach(function(sel){\n    for(var i = 0; i \u003c sel.options.length; i++){\n      var opt = sel.options[i];\n      if(opt.text.trim() === variant.label || opt.value === variant.id){\n        sel.selectedIndex = i;\n        sel.dispatchEvent(new Event('change', {bubbles:true}));\n        break;\n      }\n    }\n  });\n}\n\nfunction addToCartFromDescription(){\n  if(!MLM_selectedVariant){\n    var hint = document.getElementById('levelHint');\n    if(hint){\n      hint.textContent = '\\u26a0\\ufe0f Choisissez d\\u2019abord le niveau de votre enfant ci-dessus';\n      hint.classList.remove('confirmed');\n    }\n    var box = document.getElementById('levelSelector');\n    if(box){ box.scrollIntoView({behavior:'smooth', block:'center'}); }\n    return;\n  }\n\n  syncThemeVariant(MLM_selectedVariant);\n\n  \/* Clic sur le bouton natif du thème (gère l'app panier) *\/\n  var mainForm = document.querySelector('form[action*=\"\/cart\/add\"]');\n  if(mainForm){\n    var btn = mainForm.querySelector('[type=\"submit\"], .shopify-product-form__submit');\n    if(btn){ btn.click(); return; }\n  }\n  \/* Fallback : ajout direct par ID de variante *\/\n  var root = (window.Shopify \u0026\u0026 window.Shopify.routes \u0026\u0026 window.Shopify.routes.root) || '\/';\n  fetch(root + 'cart\/add.js', {\n    method: 'POST',\n    headers: {'Content-Type':'application\/json'},\n    body: JSON.stringify({items:[{id: parseInt(MLM_selectedVariant.id, 10), quantity:1}]})\n  })\n  .then(function(res){\n    if(!res.ok){ throw new Error('failed'); }\n    if(typeof window.Shopify !== 'undefined' \u0026\u0026 document.querySelector('cart-notification,cart-drawer')){\n      document.dispatchEvent(new CustomEvent('cart:refresh'));\n    } else { window.location.href = '\/cart'; }\n  })\n  .catch(function(){ window.location.href = '\/cart'; });\n}\n\n\/* FAQ : premier onglet ouvert desktop, fermé mobile (≤480px) *\/\ndocument.addEventListener('DOMContentLoaded', function(){\n  var firstDetails = document.querySelector('.page .faq-section details:first-of-type');\n  if(firstDetails \u0026\u0026 window.innerWidth \u003c= 480){\n    firstDetails.removeAttribute('open');\n  }\n});\n\u003c\/script\u003e","brand":"Bordas","offers":[{"title":"PS","offer_id":53995809636691,"sku":null,"price":5.99,"currency_code":"EUR","in_stock":true},{"title":"MS","offer_id":53995809669459,"sku":null,"price":5.99,"currency_code":"EUR","in_stock":true},{"title":"GS","offer_id":53995809702227,"sku":null,"price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/2399\/2403\/files\/gommette-moyenne-section-maternelle.webp?v=1781384825","url":"https:\/\/mylittlemome.com\/products\/gommette-maternelle","provider":"My Little Môme","version":"1.0","type":"link"}