{"title":"Hygiène bucco-dentaire","description":"\u003cp\u003eGencives qui saignent un peu, haleine à surveiller, envie de dents plus éclatantes ou simplement d'une formule sans fluor : le bon dentifrice dépend d'abord de ce que vous cherchez à régler. Une bouche en bonne santé repose sur un équilibre. Un dentifrice naturel se choisit donc selon ce que vous voulez renforcer (gencives, haleine, éclat), pas seulement selon son goût. Voici comment vous repérer dans la sélection.\u003c\/p\u003e\n\u003ch2\u003eQuel dentifrice naturel choisir selon votre besoin ?\u003c\/h2\u003e\n\u003cdiv style=\"overflow-x: auto;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 0.95em;\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eVotre situation\u003c\/th\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eProduits à regarder\u003c\/th\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003ePourquoi ce choix\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eGencives sensibles\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• Le \u003ca href=\"\/products\/dentifrice-bio-au-miel-de-manuka-gencives-sensibles-75-ml-comptoirs-et-compagnies\" title=\"Dentifrice Bio au Miel de Manuka pour Gencives Sensibles - Comptoirs et compagnies\"\u003eDentifrice Bio au Miel de Manuka pour Gencives Sensibles\u003c\/a\u003e de Comptoirs et Compagnies\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eUne formule pensée spécifiquement pour les gencives sensibles, à base de miel de Manuka.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eGencives et haleine\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• Le \u003ca href=\"\/products\/dentifrice-a-la-propolis-75-ml-propolia-apimab\" title=\"Dentifrice Gencive \u0026amp; Haleine à la Propolis - 75 ml - Propolia\"\u003eDentifrice Gencive \u0026amp; Haleine à la Propolis\u003c\/a\u003e de Propolia\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eIl cible les deux besoins à la fois. La propolis est son actif principal.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eTendance au tartre\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• Le Dentifrice Anti-tartre au Miel de Manuka IAA 15+ Bio de Comptoirs et Compagnies\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eL'indice IAA 15+ indiqué sur le produit renvoie au grade du miel de Manuka utilisé.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eEnvie d'éclat\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block; margin-bottom: 8px;\"\u003e• Le \u003ca href=\"\/products\/dentifrice-blancheur-menthe-glaciale-175-g-endro\" title=\"Dentifrice Actif Blancheur Menthe Glaciale - 175 g - Endro\"\u003eDentifrice Actif Blancheur Menthe Glaciale 175 g\u003c\/a\u003e d'Endro, ou\u003c\/span\u003e \u003cspan style=\"display: block;\"\u003e• le \u003ca href=\"\/products\/dentifrice-fluor-blancheur-naturelle-75ml-centifolia\" title=\"Dentifrice Fluor Blancheur Naturelle - 75ml - Centifolia\"\u003eDentifrice Fluor Blancheur Naturelle\u003c\/a\u003e de Centifolia\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eDeux formules axées sur la blancheur. Vous adoptez l'Endro au quotidien ? Sa recharge de 350 g limite les emballages.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eJe veux du fluor\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• Le dentifrice de Centifolia\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eLe fluor est indiqué dans le nom même du produit.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eSans fluor, sans parfum\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• Le \u003ca href=\"\/products\/dentifrice-argile-blanche-sans-parfum-sans-fluor-comme-avant\" title=\"Dentifrice à l'argile blanche - Sans parfum \u0026amp; sans fluor - 90 ml - Comme Avant\"\u003eDentifrice à l'argile blanche sans parfum \u0026amp; sans fluor\u003c\/a\u003e de Comme Avant\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eSa formule est neutre et sa composition minimaliste. C'est parfait si la menthe n'est pas votre truc. La même base argile existe aussi en version mentholée et en version Charbon \u0026amp; Citron.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eGoût original, tradition ayurvédique\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• Le \u003ca href=\"\/products\/dentifrice-ayurvedique-au-meswak-menthe-100g-kerala-nature\" title=\"Dentifrice Meswak Ayurvédique - Goût menthe - 100g - Kerala Nature\"\u003eDentifrice Meswak Ayurvédique goût menthe\u003c\/a\u003e de Kerala Nature, aussi disponible en goût anis et en goût citron\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eLe meswak (Salvadora persica) est reconnu pour ses propriétés astringentes et antiseptiques naturelles.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003ch2\u003eLes bons critères pour ne pas se tromper\u003c\/h2\u003e\n\u003cp\u003eLe tableau vous a mis sur la piste ? Voici cinq questions pour affiner votre choix.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Avec ou sans fluor ?\u003c\/strong\u003e C'est un choix personnel. En cas de doute (enfants, sensibilité dentaire particulière), le plus simple est d'en parler à votre dentiste.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Le goût.\u003c\/strong\u003e Un dentifrice qu'on aime utiliser, c'est un brossage qu'on ne bâcle pas. Vous avez le choix entre menthe, menthe glaciale, anis, citron, charbon \u0026amp; citron ou sans parfum.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ L'actif principal.\u003c\/strong\u003e Miel de Manuka, propolis, meswak ou argile blanche : le tableau ci-dessus indique lequel correspond à votre besoin.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Le format.\u003c\/strong\u003e Vous pouvez choisir un tube classique ou une recharge grand format, comme chez Endro, pour limiter les emballages.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ L'outil.\u003c\/strong\u003e On ne va pas se mentir, la brosse compte autant que le dentifrice. Une tête souple est plus douce pour les gencives.\u003c\/p\u003e\n\u003ch2\u003eCompléter votre routine : brosse à dents et bain de bouche\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003ePour le brossage\u003c\/strong\u003e, la Recharge 3 têtes de brosse à dents souple de Lamazuna fonctionne avec des têtes interchangeables. Vous ne remplacez que la tête, environ tous les 3 mois comme on le recommande couramment, et vous jetez beaucoup moins.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLe bain de bouche\u003c\/strong\u003e Silagencyl 500 ml de Labo Santé Silice s'utilise en complément ponctuel, par exemple après le brossage du soir. Il ne remplace jamais le brossage, on insiste.\u003c\/p\u003e\n\u003ch2\u003eNotre conseil pour bien démarrer\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eCommencez par un seul changement : le dentifrice adapté à votre besoin principal.\u003c\/strong\u003e Vous ajusterez ensuite. Vous hésitez encore ? La gamme à l'argile blanche de Comme Avant, douce et polyvalente, est un bon point de départ.\u003c\/p\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le dentifrice le plus naturel ?\u003c\/summary\u003e\n\u003cp\u003eUn dentifrice naturel se reconnaît à une liste d'ingrédients courte et lisible, construite autour d'actifs d'origine naturelle. Dans la sélection, le Dentifrice à l'argile blanche sans parfum \u0026amp; sans fluor de Comme Avant mise sur une formule minimaliste. Les dentifrices Meswak de Kerala Nature s'appuient sur une plante issue de la tradition ayurvédique.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le dentifrice le plus sain pour la santé ?\u003c\/summary\u003e\n\u003cp\u003eIl n'y a pas de réponse unique. Le dentifrice le plus adapté est celui qui correspond à votre situation : gencives sensibles, tendance au tartre ou haleine à surveiller. Le tableau en haut de page vous aide à trouver le vôtre. Le choix avec ou sans fluor se discute avec votre dentiste, en particulier pour les enfants.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuels sont les meilleurs dentifrices naturels ?\u003c\/summary\u003e\n\u003cp\u003eQue vous cherchiez le meilleur dentifrice naturel ou le meilleur dentifrice bio, mieux vaut raisonner par besoin plutôt que par classement. Comptoirs et Compagnies et son miel de Manuka conviennent aux gencives sensibles ou au tartre, Propolia aux gencives et à l'haleine, Endro ou Centifolia à l'éclat. Comme Avant est le bon choix si vous voulez une formule neutre sans fluor.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le meilleur bain de bouche naturel ?\u003c\/summary\u003e\n\u003cp\u003eLe bain de bouche est un complément au brossage, jamais un substitut. Dans la collection, vous trouverez le Silagencyl 500 ml de Labo Santé Silice, à utiliser ponctuellement en plus de votre dentifrice habituel.\u003c\/p\u003e\n\u003c\/details\u003e","products":[{"product_id":"brosse-a-dents-adultes-medium-vert-boite-de-4-cap-bambou","title":"Brosse à Dents Adultes Medium Vert - Boîte de 4 - Cap Bambou","description":"\u003cdiv class=\"cb-premium\"\u003e\n  \u003cdiv class=\"cb-hero\"\u003e\n    \u003cdiv class=\"cb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cb-hero-content\"\u003e\n      \u003cdiv class=\"cb-badges-top\"\u003e\n        \u003cspan class=\"cb-badge\"\u003e🎋 Bambou Moso\u003c\/span\u003e\n        \u003cspan class=\"cb-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n        \u003cspan class=\"cb-badge\"\u003e🇫🇷 Marque française\u003c\/span\u003e\n        \u003cspan class=\"cb-badge\"\u003e📦 Pack de 4\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cb-hero-title\"\u003ePack de 4 brosses numérotées\u003c\/span\u003e\n      \u003cp class=\"cb-description\"\u003eUne alternative écologique, compostable et efficace aux brosses à dents en plastique. Conçue pour toute la famille, fabriquée en bambou Moso 100% naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eUne brosse à dents en bambou pour toute la famille\u003c\/h2\u003e\n    \u003cp class=\"cb-section-intro\"\u003eVous cherchez une alternative écologique aux brosses à dents en plastique ? Découvrez la \u003cstrong\u003eBrosse à Dents Adultes Medium Vert - Boîte de 4 - Cap Bambou\u003c\/strong\u003e, un pack pratique conçu pour allier hygiène bucco-dentaire optimale et respect de la planète. Chaque brosse est numérotée de 1 à 4, ce qui permet à chaque membre du foyer d'identifier la sienne en un coup d'œil. Une solution simple, naturelle et économique pour adopter une routine zéro déchet sans renoncer à l'efficacité.\u003c\/p\u003e\n    \u003cdiv class=\"cb-grid-compact\"\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e1️⃣ Numérotée\u003c\/h3\u003e\n        \u003cp\u003eChaque brosse identifiée de 1 à 4\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Familiale\u003c\/h3\u003e\n        \u003cp\u003eIdéale pour 4 personnes ou 1 an\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eLes atouts de la brosse à dents bambou Cap Bambou\u003c\/h2\u003e\n    \u003cdiv class=\"cb-grid\"\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🎋 Manche en bambou Moso\u003c\/h3\u003e\n        \u003cp\u003eCultivé sans pesticides ni engrais chimiques, naturellement antibactérien et 100% compostable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e✨ Poils medium\u003c\/h3\u003e\n        \u003cp\u003eAssez fermes pour déloger la plaque dentaire, suffisamment doux pour préserver l'émail et les gencives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🤲 Design ergonomique\u003c\/h3\u003e\n        \u003cp\u003eManche fin et plat pour une prise en main confortable, avec embout vert antidérapant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e📦 Emballage carton recyclable\u003c\/h3\u003e\n        \u003cp\u003eZéro plastique, fidèle à l'engagement écologique de la marque.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e4️⃣ Pack de 4\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour la famille ou pour couvrir une année complète de brossage (1 brosse tous les 3 mois).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🌱 100% compostable\u003c\/h3\u003e\n        \u003cp\u003eEn fin de vie, le manche retourne naturellement à la terre sans polluer.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une brosse à dents en bambou ?\u003c\/h2\u003e\n    \u003cp class=\"cb-section-intro\"\u003eChaque année, des milliards de brosses à dents en plastique finissent dans les océans et les décharges. En optant pour une \u003cstrong\u003ebrosse à dents bambou\u003c\/strong\u003e, vous réduisez significativement votre empreinte écologique. Le bambou Moso est l'une des plantes les plus durables au monde : il pousse rapidement, sans irrigation intensive, et son manche se compostera naturellement une fois la tête recyclée. Contrairement à une brosse à dents électrique adulte, elle ne nécessite ni électricité, ni têtes de rechange en plastique, ni piles.\u003c\/p\u003e\n    \u003cdiv class=\"cb-grid-compact\"\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🌍 Geste planète\u003c\/h3\u003e\n        \u003cp\u003eRéduisez votre empreinte plastique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e⚡ Sans électricité\u003c\/h3\u003e\n        \u003cp\u003eNi piles, ni recharges plastiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🚿 Sans irrigation\u003c\/h3\u003e\n        \u003cp\u003eLe bambou Moso pousse naturellement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e♻️ Cycle vertueux\u003c\/h3\u003e\n        \u003cp\u003eDu sol au compost en toute simplicité\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation pour un brossage efficace\u003c\/h2\u003e\n    \u003cdiv class=\"cb-timeline\"\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003eBrossage quotidien\u003c\/h3\u003e\n          \u003cp\u003eBrossez-vous les dents \u003cstrong\u003e2 fois par jour minimum\u003c\/strong\u003e, pendant 2 minutes, idéalement après les repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003eTechnique douce\u003c\/h3\u003e\n          \u003cp\u003eAdoptez un mouvement doux du haut vers le bas, sans appuyer trop fort.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003eSéchage soigné\u003c\/h3\u003e\n          \u003cp\u003eAprès chaque utilisation, rincez la brosse et secouez-la pour évacuer l'humidité. Rangez-la dans un \u003cstrong\u003eporte brosse à dents bambou\u003c\/strong\u003e ou un étui ventilé pour préserver le manche.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003eRenouvellement\u003c\/h3\u003e\n          \u003cp\u003eRemplacez votre brosse \u003cstrong\u003etous les 3 mois\u003c\/strong\u003e ou dès que les poils sont déformés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003eFin de vie écologique\u003c\/h3\u003e\n          \u003cp\u003eRetirez les poils avec une pince et compostez le manche.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"cb-grid\"\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🎋 Manche\u003c\/h3\u003e\n        \u003cp\u003e100% bambou Moso naturel, non traité, biodégradable et compostable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🪥 Poils\u003c\/h3\u003e\n        \u003cp\u003eNylon-6 de qualité dentaire, sans BPA, pour un nettoyage doux et précis.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🦷 Tête\u003c\/h3\u003e\n        \u003cp\u003eEnviron 1 800 filaments medium, longueur idéale pour atteindre les molaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e📦 Emballage\u003c\/h3\u003e\n        \u003cp\u003eCarton kraft recyclable imprimé à l'encre végétale, sans film plastique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eAvis et engagement Cap Bambou\u003c\/h2\u003e\n    \u003cdiv class=\"cb-testimonial\"\u003e\n      \u003cp class=\"cb-testimonial-text\"\u003e\"Les avis sur la brosse à dents bambou Cap Bambou soulignent unanimement la qualité du manche, sa stabilité dans l'eau (il ne moisit pas s'il est correctement séché) et l'efficacité des poils medium. Marque française engagée, Cap Bambou sélectionne chaque matière première avec rigueur pour vous proposer un produit fiable, esthétique et réellement écoresponsable.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n    \u003cdiv class=\"cb-accordion\"\u003e\n      \u003cdetails class=\"cb-accordion-item\"\u003e\n        \u003csummary class=\"cb-accordion-header\"\u003e⚠️ Conseils \u0026amp; précautions\u003c\/summary\u003e\n        \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit est destiné à l'hygiène bucco-dentaire quotidienne et \u003cstrong\u003ene remplace pas une consultation chez votre dentiste\u003c\/strong\u003e. En cas de saignements persistants, sensibilité dentaire ou pathologie particulière, demandez conseil à un professionnel de santé. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cb-disclaimer\"\u003ePour toute question concernant votre santé bucco-dentaire, consultez un professionnel de santé qualifié.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cb-cream: #f7f4ec;\n  --cb-white: #ffffff;\n  --cb-primary: #2d6a3e;\n  --cb-primary-dark: #1f4a2b;\n  --cb-primary-light: #e3eee5;\n  --cb-secondary: #b08855;\n  --cb-accent: #d4a574;\n  --cb-text: #1a1a1a;\n  --cb-text-light: #5a5a5a;\n  --cb-border: #e0d9c8;\n  --cb-shadow: 0 4px 24px rgba(45,106,62,.08);\n  --cb-shadow-lg: 0 12px 48px rgba(45,106,62,.18);\n  --cb-radius: 20px;\n  --cb-radius-sm: 12px;\n}\n\n.cb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cb-text);\n}\n\n.cb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2d6a3e 0%, #3d8854 50%, #b08855 100%);\n  border-radius: var(--cb-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cb-shadow-lg);\n}\n\n.cb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n  opacity: .15;\n}\n\n.cb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cb-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.cb-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.cb-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 680px;\n  margin: 0 auto;\n  font-weight: 400;\n}\n\n.cb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cb-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.cb-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cb-primary), var(--cb-secondary));\n  border-radius: 2px;\n}\n\n.cb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cb-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.cb-card {\n  background: var(--cb-white);\n  border-radius: var(--cb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cb-shadow-lg);\n  border-color: var(--cb-primary);\n}\n\n.cb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cb-grid-compact .cb-card {\n  padding: 1rem;\n}\n\n.cb-grid-compact .cb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cb-grid-compact .cb-card p {\n  font-size: 12px;\n}\n\n.cb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.cb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cb-primary), var(--cb-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(45,106,62,.25);\n}\n\n.cb-timeline-content {\n  flex: 1;\n  background: var(--cb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cb-radius-sm);\n  box-shadow: var(--cb-shadow);\n}\n\n.cb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cb-timeline-content p {\n  font-size: 14px;\n  color: var(--cb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cb-testimonial {\n  background: var(--cb-white);\n  border-radius: var(--cb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cb-shadow);\n  border-left: 4px solid var(--cb-primary);\n  max-width: 850px;\n  margin: 0 auto;\n}\n\n.cb-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cb-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.cb-accordion {\n  background: var(--cb-white);\n  border-radius: var(--cb-radius);\n  box-shadow: var(--cb-shadow);\n  overflow: hidden;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.cb-accordion-item {\n  border-bottom: 1px solid var(--cb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cb-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cb-accordion-header:hover {\n  background: var(--cb-primary-light);\n}\n\n.cb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cb-primary);\n  transition: transform .2s ease;\n}\n\n.cb-accordion-item[open] .cb-accordion-header::after {\n  content: '−';\n}\n\n.cb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cb-accordion-content p {\n  margin: 0;\n}\n\n.cb-disclaimer {\n  font-size: 12px;\n  color: var(--cb-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .cb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .cb-card {\n    padding: 1.125rem;\n  }\n  .cb-section {\n    margin-bottom: 1.75rem;\n  }\n  .cb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cb-radius-sm);\n  }\n  .cb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .cb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .cb-grid-compact {\n    gap: .625rem;\n  }\n  .cb-grid-compact .cb-card {\n    padding: .75rem;\n  }\n  .cb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .cb-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .cb-timeline-content h3 {\n    font-size: 14px;\n  }\n  .cb-timeline-content p {\n    font-size: 13px;\n  }\n  .cb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .cb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .cb-testimonial {\n    padding: 1.25rem;\n  }\n  .cb-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cb-card {\n    animation: cbFadeInUp .5s ease backwards;\n  }\n  .cb-card:nth-child(1) { animation-delay: .05s; }\n  .cb-card:nth-child(2) { animation-delay: .1s; }\n  .cb-card:nth-child(3) { animation-delay: .15s; }\n  .cb-card:nth-child(4) { animation-delay: .2s; }\n  .cb-card:nth-child(5) { animation-delay: .25s; }\n  .cb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cbFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"CAP BAMBOU","offers":[{"title":"Default Title","offer_id":45754799358109,"sku":"NBAICBA0022","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brosse-a-dents-adultes-medium-vert-boite-de-4-cap-bambou-packshothd.webp?v=1790443562"},{"product_id":"brosse-a-dents-enfants-violette-cap-bambou","title":"Brosse à dents Bambou Enfant Violette - Cap Bambou","description":"\u003cdiv class=\"cb-premium\"\u003e\n  \u003cdiv class=\"cb-hero\"\u003e\n    \u003cdiv class=\"cb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cb-hero-content\"\u003e\n      \u003cdiv class=\"cb-badges-top\"\u003e\n        \u003cspan class=\"cb-badge\"\u003e🎋 100% Bambou\u003c\/span\u003e\n        \u003cspan class=\"cb-badge\"\u003e🌱 Biodégradable\u003c\/span\u003e\n        \u003cspan class=\"cb-badge\"\u003e👶 Dès 3 ans\u003c\/span\u003e\n        \u003cspan class=\"cb-badge\"\u003e💜 Sans BPA\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cb-hero-title\"\u003eL'alternative au tout plastique signée Cap Bambou\u003c\/span\u003e\n      \u003cp class=\"cb-description\"\u003eUne brosse à dents douce, ludique et écoresponsable pour transmettre dès le plus jeune âge les bons gestes d'hygiène et de respect de la planète.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eUne brosse à dents pensée pour les enfants\u003c\/h2\u003e\n    \u003cp class=\"cb-section-intro\"\u003eAvec son \u003cstrong\u003emanche en bambou naturel\u003c\/strong\u003e et sa petite tête adaptée aux bouches des plus jeunes, cette brosse accompagne les enfants dès 3 ans dans l'apprentissage du brossage. Sa couleur violette gaie et lumineuse séduit instantanément les petits, transformant ce geste parfois rébutant en un moment ludique.\u003c\/p\u003e\n    \u003cp class=\"cb-section-intro\"\u003eLe bambou, naturellement \u003cstrong\u003eantibactérien et résistant à l'humidité\u003c\/strong\u003e, constitue une alternative durable au plastique. Légère, équilibrée et facile à manipuler, la brosse permet à votre enfant de gagner en autonomie tout en garantissant un nettoyage en douceur des dents de lait comme des dents définitives.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eDes poils souples adaptés aux gencives sensibles\u003c\/h2\u003e\n    \u003cdiv class=\"cb-grid\"\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🪥 Nylon sans BPA\u003c\/h3\u003e\n        \u003cp\u003eDes poils spécialement conçus pour respecter l'émail fragile et les gencives délicates des enfants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e☁️ Souplesse optimale\u003c\/h3\u003e\n        \u003cp\u003eÉlimine efficacement la plaque dentaire sans agresser les dents de lait ni les gencives sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🎯 Tête ergonomique\u003c\/h3\u003e\n        \u003cp\u003eLa petite tête atteint facilement les molaires du fond, souvent oubliées lors du brossage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"cb-grid\"\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🎋 Manche\u003c\/h3\u003e\n        \u003cp\u003eBambou Moso 100% naturel, biodégradable et compostable, issu de forêts gérées durablement sans pesticides.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e💜 Poils\u003c\/h3\u003e\n        \u003cp\u003eNylon souple sans BPA, teinté violet avec des pigments alimentaires sans danger pour l'enfant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e📦 Emballage\u003c\/h3\u003e\n        \u003cp\u003eCarton kraft recyclable, sans plastique ni encres toxiques, dans une démarche zéro déchet.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eComment utiliser la brosse à dents en bambou de votre enfant ?\u003c\/h2\u003e\n    \u003cdiv class=\"cb-timeline\"\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003e💧 Mouillez les poils\u003c\/h3\u003e\n          \u003cp\u003ePassez la brosse sous l'eau tiède pour assouplir légèrement les poils.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003e🦷 Déposez le dentifrice\u003c\/h3\u003e\n          \u003cp\u003eUne noisette de dentifrice adapté à l'âge de l'enfant (taille d'un petit pois dès 3 ans).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003e🔄 Brossez en douceur\u003c\/h3\u003e\n          \u003cp\u003eMouvements circulaires doux pendant 2 minutes, idéalement après chaque repas et avant le coucher.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003e🌬️ Rincez et séchez\u003c\/h3\u003e\n          \u003cp\u003eRincez la brosse, secouez-la et laissez-la sécher à l'air libre, tête vers le haut.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cb-tip\"\u003e\n      \u003cspan class=\"cb-tip-icon\"\u003e♻️\u003c\/span\u003e\n      \u003cp\u003eRemplacez la brosse \u003cstrong\u003etous les 3 mois\u003c\/strong\u003e ou dès que les poils s'écartent. En fin de vie, retirez les poils à la pince et compostez le manche en bambou : un geste simple pour réduire vos déchets.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une brosse à dents en bambou pour son enfant ?\u003c\/h2\u003e\n    \u003cdiv class=\"cb-grid-compact\"\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🌍 Zéro déchet plastique\u003c\/h3\u003e\n        \u003cp\u003eUn manche 100% biodégradable face aux millions de brosses jetées chaque année.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🛡️ Sécurité garantie\u003c\/h3\u003e\n        \u003cp\u003eMatériaux sans BPA, sans phtalates, sans substances nocives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e📚 Éducation écologique\u003c\/h3\u003e\n        \u003cp\u003eInitiez votre enfant aux gestes responsables dès le plus jeune âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🎨 Design ludique\u003c\/h3\u003e\n        \u003cp\u003eLa couleur violette favorise l'envie de se brosser les dents.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eOrigine et engagement Cap Bambou\u003c\/h2\u003e\n    \u003cdiv class=\"cb-testimonial\"\u003e\n      \u003cp class=\"cb-testimonial-text\"\u003e\"La marque Cap Bambou sélectionne rigoureusement ses fournisseurs et privilégie une fabrication écoresponsable. Le bambou utilisé pousse sans irrigation artificielle ni produits chimiques, et l'assemblage respecte des normes sociales strictes. Chaque brosse achetée soutient une démarche concrète de réduction des déchets plastiques.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"cb-accordion\"\u003e\n      \u003cdetails class=\"cb-accordion-item\"\u003e\n        \u003csummary class=\"cb-accordion-header\"\u003e👶 À partir de quel âge utiliser cette brosse à dents ?\u003c\/summary\u003e\n        \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n          \u003cp\u003eElle convient aux enfants à partir de 3 ans, sous la supervision d'un adulte pour garantir un brossage efficace et sécurisé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cb-accordion-item\"\u003e\n        \u003csummary class=\"cb-accordion-header\"\u003e🌿 Le bambou ne moisit-il pas ?\u003c\/summary\u003e\n        \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n          \u003cp\u003eNon, à condition de bien sécher la brosse entre chaque utilisation, tête vers le haut. Le bambou est naturellement résistant à l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cb-accordion-item\"\u003e\n        \u003csummary class=\"cb-accordion-header\"\u003e♻️ Peut-on composter le manche ?\u003c\/summary\u003e\n        \u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, après avoir retiré les poils en nylon à l'aide d'une pince, le manche se composte naturellement dans votre compost domestique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"cb-cta-box\"\u003e\n      \u003cp\u003e💜 Offrez à votre enfant une brosse à dents douce, écologique et ludique pour un brossage tout en sourires.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cb-disclaimer\"\u003eCette brosse à dents est un produit d'hygiène et ne remplace en aucun cas un suivi régulier chez le dentiste.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cb-cream: #faf7f2;\n  --cb-white: #ffffff;\n  --cb-primary: #a78bc9;\n  --cb-primary-dark: #6b4f96;\n  --cb-primary-light: #f1ebf7;\n  --cb-secondary: #c4a574;\n  --cb-accent: #8b5fbf;\n  --cb-text: #2a2438;\n  --cb-text-light: #6a6478;\n  --cb-border: #e8e0ee;\n  --cb-shadow: 0 4px 24px rgba(107,79,150,.08);\n  --cb-shadow-lg: 0 12px 48px rgba(107,79,150,.15);\n  --cb-radius: 20px;\n  --cb-radius-sm: 12px;\n}\n\n.cb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cb-text);\n  line-height: 1.6;\n}\n\n.cb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #a78bc9 0%, #8b5fbf 50%, #6b4f96 100%);\n  border-radius: var(--cb-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cb-shadow-lg);\n}\n\n.cb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n  opacity: .4;\n}\n\n.cb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cb-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.cb-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.8vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n}\n\n.cb-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.2vw, 16px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.cb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cb-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.cb-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cb-primary), var(--cb-secondary));\n  border-radius: 2px;\n}\n\n.cb-section-intro {\n  text-align: center;\n  font-size: clamp(14px, 2.3vw, 16px);\n  color: var(--cb-text-light);\n  margin: 0 auto 1rem;\n  max-width: 750px;\n  line-height: 1.75;\n}\n\n.cb-section-intro strong {\n  color: var(--cb-primary-dark);\n}\n\n.cb-card {\n  background: var(--cb-white);\n  border-radius: var(--cb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cb-shadow-lg);\n  border-color: var(--cb-primary);\n}\n\n.cb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cb-grid-compact .cb-card {\n  padding: 1rem;\n}\n\n.cb-grid-compact .cb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cb-grid-compact .cb-card p {\n  font-size: 12px;\n}\n\n.cb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 750px;\n  margin: 0 auto;\n}\n\n.cb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cb-primary), var(--cb-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(139,95,191,.3);\n}\n\n.cb-timeline-content {\n  flex: 1;\n  background: var(--cb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cb-radius-sm);\n  box-shadow: var(--cb-shadow);\n}\n\n.cb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cb-timeline-content p {\n  font-size: 14px;\n  color: var(--cb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cb-testimonial {\n  background: var(--cb-white);\n  border-radius: var(--cb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cb-shadow);\n  border-left: 4px solid var(--cb-primary);\n  max-width: 850px;\n  margin: 0 auto;\n}\n\n.cb-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cb-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.cb-accordion {\n  background: var(--cb-white);\n  border-radius: var(--cb-radius);\n  box-shadow: var(--cb-shadow);\n  overflow: hidden;\n  max-width: 850px;\n  margin: 0 auto;\n}\n\n.cb-accordion-item {\n  border-bottom: 1px solid var(--cb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cb-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n}\n\n.cb-accordion-header:hover {\n  background: var(--cb-primary-light);\n}\n\n.cb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cb-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cb-primary);\n  transition: transform .2s ease;\n  margin-left: 1rem;\n}\n\n.cb-accordion-item[open] .cb-accordion-header::after {\n  content: '−';\n}\n\n.cb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cb-accordion-content p {\n  margin: 0;\n}\n\n.cb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cb-primary-light);\n  border-radius: var(--cb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  max-width: 750px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.cb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cb-tip p {\n  font-size: 14px;\n  color: var(--cb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cb-tip strong {\n  color: var(--cb-primary-dark);\n}\n\n.cb-cta-box {\n  background: linear-gradient(135deg, var(--cb-primary) 0%, var(--cb-primary-dark) 100%);\n  border-radius: var(--cb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--cb-shadow-lg);\n}\n\n.cb-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.cb-disclaimer {\n  font-size: 12px;\n  color: var(--cb-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .cb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .cb-card {\n    padding: 1.125rem;\n  }\n  .cb-section {\n    margin-bottom: 1.75rem;\n  }\n  .cb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cb-radius-sm);\n  }\n  .cb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .cb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .cb-grid-compact {\n    gap: .625rem;\n  }\n  .cb-grid-compact .cb-card {\n    padding: .75rem;\n  }\n  .cb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .cb-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .cb-timeline-content h3 {\n    font-size: 14px;\n  }\n  .cb-timeline-content p {\n    font-size: 13px;\n  }\n  .cb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .cb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .cb-testimonial {\n    padding: 1.25rem;\n  }\n  .cb-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cb-card {\n    animation: cbFadeInUp .5s ease backwards;\n  }\n  .cb-card:nth-child(1) { animation-delay: .05s; }\n  .cb-card:nth-child(2) { animation-delay: .1s; }\n  .cb-card:nth-child(3) { animation-delay: .15s; }\n  .cb-card:nth-child(4) { animation-delay: .2s; }\n  .cb-card:nth-child(5) { animation-delay: .25s; }\n  .cb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cbFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"CAP BAMBOU","offers":[{"title":"Default Title","offer_id":45754799751325,"sku":"NBAICBA0024","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brosse-a-dents-enfants-violette-cap-bambou-packshothd.webp?v=1790527040"},{"product_id":"brosse-a-dents-enfants-jaune-cap-bambou","title":"Brosse à dents Bambou Enfant Jaune - Cap Bambou","description":"\u003cdiv class=\"cb-premium\"\u003e\n  \u003cdiv class=\"cb-hero\"\u003e\n    \u003cdiv class=\"cb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cb-hero-content\"\u003e\n      \u003cdiv class=\"cb-badges-top\"\u003e\n        \u003cspan class=\"cb-badge\"\u003e🌿 100% Biodégradable\u003c\/span\u003e\n        \u003cspan class=\"cb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cb-badge\"\u003e👶 Dès 3 ans\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cb-hero-title\"\u003eUn petit geste pour un grand avenir\u003c\/span\u003e\n      \u003cp class=\"cb-subtitle\"\u003eBrosse à dents enfant en bambou Moso · Poils souples jaune soleil\u003c\/p\u003e\n      \u003cp class=\"cb-description\"\u003eAdoptée par de plus en plus de familles soucieuses de l'environnement, elle allie efficacité, douceur et écologie pour initier vos enfants à une hygiène bucco-dentaire saine tout en leur transmettant les bons réflexes écoresponsables.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une brosse à dents en bambou pour votre enfant ?\u003c\/h2\u003e\n    \u003cp class=\"cb-section-intro\"\u003eLe plastique des brosses à dents classiques met plusieurs centaines d'années à se dégrader. En optant pour une brosse à dents en bambou, vous offrez à votre enfant un geste quotidien aligné avec les valeurs de respect de la nature.\u003c\/p\u003e\n    \u003cdiv class=\"cb-grid\"\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🌱 Ressource renouvelable\u003c\/h3\u003e\n        \u003cp\u003eLe bambou pousse rapidement sans engrais ni pesticides, une alternative naturelle et durable au plastique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e♻️ 100% biodégradable\u003c\/h3\u003e\n        \u003cp\u003eNaturellement antibactérien et compostable, le bambou retourne à la terre en fin de vie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n        \u003cp\u003ePensée par la marque Cap Bambou pour répondre spécifiquement aux besoins des plus jeunes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eLes caractéristiques de la brosse à dents Cap Bambou enfant\u003c\/h2\u003e\n    \u003cdiv class=\"cb-grid-compact\"\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🎋 Manche\u003c\/h3\u003e\n        \u003cp\u003eBambou Moso naturel, non traité, biodégradable et compostable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e🪥 Poils\u003c\/h3\u003e\n        \u003cp\u003eNylon souple sans BPA, parfaits pour les gencives délicates\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e💛 Couleur\u003c\/h3\u003e\n        \u003cp\u003eJaune vif, motivant pour rendre le brossage amusant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e📏 Taille\u003c\/h3\u003e\n        \u003cp\u003e14,5 cm, format ergonomique adapté aux petites mains\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e👦 Âge conseillé\u003c\/h3\u003e\n        \u003cp\u003eÀ partir de 3 ans, pour un brossage autonome et ludique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-card\"\u003e\n        \u003ch3\u003e📦 Emballage\u003c\/h3\u003e\n        \u003cp\u003e100% carton recyclable, zéro plastique inutile\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eComment bien utiliser la brosse à dents bambou enfant ?\u003c\/h2\u003e\n    \u003cp class=\"cb-section-intro\"\u003ePour aider votre enfant à adopter les bons gestes, voici quelques conseils pratiques :\u003c\/p\u003e\n    \u003cdiv class=\"cb-timeline\"\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003eUne noisette de dentifrice\u003c\/h3\u003e\n          \u003cp\u003eDéposez une quantité de dentifrice de la taille d'un petit pois sur les poils.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003eBrossage tout en douceur\u003c\/h3\u003e\n          \u003cp\u003eBrossez doucement toutes les faces des dents (avant, arrière, mastication) avec de petits mouvements circulaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003e2 minutes, 2 fois par jour\u003c\/h3\u003e\n          \u003cp\u003eLe brossage idéal dure 2 minutes, deux fois par jour minimum pour une hygiène optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003eRinçage et séchage\u003c\/h3\u003e\n          \u003cp\u003eRincez la brosse à l'eau claire et laissez-la sécher à l'air libre, tête vers le haut.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cb-timeline-item\"\u003e\n        \u003cdiv class=\"cb-timeline-number\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"cb-timeline-content\"\u003e\n          \u003ch3\u003eRenouvellement tous les 3 mois\u003c\/h3\u003e\n          \u003cp\u003eRemplacez la brosse à dents tous les 3 mois ou dès que les poils s'abîment.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cb-tip\"\u003e\n      \u003cspan class=\"cb-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e un porte brosse à dents bambou ou un étui brosse à dents bambou prolonge la durée de vie en favorisant un séchage optimal.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cb-section\"\u003e\n    \u003ch2\u003eComment entretenir et recycler votre brosse en bambou ?\u003c\/h2\u003e\n    \u003cp\u003eEn fin de vie, retirez les poils en nylon à l'aide d'une pince, puis compostez le manche ou utilisez-le comme tuteur pour vos plantes. C'est l'un des grands avantages des \u003cstrong\u003ebrosses à dents bambou françaises\u003c\/strong\u003e par rapport aux modèles plastiques : un cycle de vie réellement vertueux.\u003c\/p\u003e\n    \u003cdiv class=\"cb-tip\"\u003e\n      \u003cspan class=\"cb-tip-icon\"\u003e🌍\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e si vous cherchez une alternative encore plus modulable, il existe également des brosses à dents bambou rechargeables ou à tête changeable pour les adultes de la famille. Découvrez aussi la brosse à dents nano en bambou pour un brossage encore plus précis.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eUn cadeau utile et engagé\u003c\/h2\u003e\n    \u003cdiv class=\"cb-cta-box\"\u003e\n      \u003cp\u003eOffrir une brosse à dents Cap Bambou, c'est sensibiliser votre enfant à l'écologie dès le plus jeune âge, tout en prenant soin de sa santé bucco-dentaire. Un petit geste simple, mais riche de sens. 💛🌱\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cb-disclaimer\"\u003eCette brosse à dents ne remplace pas un suivi dentaire régulier. Consultez un chirurgien-dentiste au moins une fois par an pour préserver la santé des dents de votre enfant.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cb-cream: #faf7f0;\n  --cb-white: #ffffff;\n  --cb-primary: #f5c518;\n  --cb-primary-dark: #4a6b2a;\n  --cb-primary-light: #f0f5e8;\n  --cb-secondary: #6b9b3f;\n  --cb-accent: #ffd93d;\n  --cb-text: #2a3a1a;\n  --cb-text-light: #6a7560;\n  --cb-border: #e0e0d0;\n  --cb-shadow: 0 4px 24px rgba(74,107,42,.08);\n  --cb-shadow-lg: 0 12px 48px rgba(74,107,42,.15);\n  --cb-radius: 20px;\n  --cb-radius-sm: 12px;\n}\n\n.cb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cb-text);\n}\n\n.cb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #6b9b3f 0%, #4a6b2a 50%, #f5c518 100%);\n  border-radius: var(--cb-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cb-shadow-lg);\n}\n\n.cb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .1;\n  background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 2px), radial-gradient(circle at 80% 70%, #fff 2px, transparent 2px);\n  background-size: 60px 60px;\n}\n\n.cb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cb-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.cb-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.cb-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(13px, 2vw, 15px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.cb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cb-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.cb-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cb-primary), var(--cb-secondary));\n  border-radius: 2px;\n}\n\n.cb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.cb-section p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  color: var(--cb-text);\n}\n\n.cb-card {\n  background: var(--cb-white);\n  border-radius: var(--cb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cb-shadow-lg);\n  border-color: var(--cb-primary);\n}\n\n.cb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cb-grid-compact .cb-card {\n  padding: 1rem;\n}\n\n.cb-grid-compact .cb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cb-grid-compact .cb-card p {\n  font-size: 12px;\n}\n\n.cb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cb-primary), var(--cb-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(107,155,63,.3);\n}\n\n.cb-timeline-content {\n  flex: 1;\n  background: var(--cb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cb-radius-sm);\n  box-shadow: var(--cb-shadow);\n}\n\n.cb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cb-timeline-content p {\n  font-size: 14px;\n  color: var(--cb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cb-primary-light);\n  border-radius: var(--cb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--cb-secondary);\n}\n\n.cb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cb-tip p {\n  font-size: 14px;\n  color: var(--cb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cb-cta-box {\n  background: linear-gradient(135deg, var(--cb-secondary) 0%, var(--cb-primary-dark) 100%);\n  border-radius: var(--cb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--cb-shadow-lg);\n}\n\n.cb-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.cb-disclaimer {\n  font-size: 12px;\n  color: var(--cb-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .cb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cb-card {\n    padding: 1.125rem;\n  }\n\n  .cb-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cb-radius-sm);\n  }\n\n  .cb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cb-grid-compact {\n    gap: .625rem;\n  }\n\n  .cb-grid-compact .cb-card {\n    padding: .75rem;\n  }\n\n  .cb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cb-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cb-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cb-timeline-content p {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cb-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .cb-card:nth-child(1) { animation-delay: .05s; }\n  .cb-card:nth-child(2) { animation-delay: .1s; }\n  .cb-card:nth-child(3) { animation-delay: .15s; }\n  .cb-card:nth-child(4) { animation-delay: .2s; }\n  .cb-card:nth-child(5) { animation-delay: .25s; }\n  .cb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"CAP BAMBOU","offers":[{"title":"Default Title","offer_id":45754801029277,"sku":"NBAICBA0025","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brosse-a-dents-enfant-jaune-cap-bambou-packshothd.webp?v=1790514232"},{"product_id":"dentifrice-blancheur-au-miel-de-manuka-iaa-15-bio-tube-75-ml-comptoirs-et-compagnies","title":"Dentifrice Blancheur Miel de Manuka IAA15+ Bio - 75 ml - Comptoirs et compagnies","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Dentifrice Blancheur Miel de Manuka IAA15+ Bio\nPalette détectée:\n  - Primaire: #00A67E (vert émeraude\/turquoise du packaging)\n  - Secondaire: #F5A623 (jaune miel\/doré des accents)\n  - Accent: #2D8B6F (vert foncé pour profondeur)\nAmbiance: Naturel\/Bio, frais et clean, inspiré de la Nouvelle-Zélande, confiance médicale avec touche premium\nPréfixe CSS: mnk\n--\u003e\n\n\u003cdiv class=\"mnk-premium\"\u003e\n\n  \u003cdiv class=\"mnk-hero\"\u003e\n    \u003cdiv class=\"mnk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mnk-hero-content\"\u003e\n      \u003cdiv class=\"mnk-badges-top\"\u003e\n        \u003cspan class=\"mnk-badge\"\u003e🍯 Miel de Manuka IAA15+\u003c\/span\u003e\n        \u003cspan class=\"mnk-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"mnk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"mnk-badge\"\u003e🚫 Sans fluor\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mnk-hero-title\"\u003eDentifrice blancheur au miel de Manuka\u003c\/span\u003e\n      \u003cp class=\"mnk-subtitle\"\u003eLa puissance antibactérienne de la Nouvelle-Zélande pour un sourire éclatant\u003c\/p\u003e\n      \u003cp class=\"mnk-description\"\u003eUne formule unique associant le précieux miel de Manuka IAA15+, la propolis française et l'huile essentielle de Manuka pour des dents blanches et des gencives apaisées, naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"mnk-section\"\u003e\n    \u003ch2\u003e✨ Pourquoi ce dentifrice est unique\u003c\/h2\u003e\n    \u003cdiv class=\"mnk-grid\"\u003e\n      \u003cdiv class=\"mnk-card\"\u003e\n        \u003cdiv class=\"mnk-card-icon\"\u003e🍯\u003c\/div\u003e\n        \u003ch3\u003eMiel de Manuka IAA15+\u003c\/h3\u003e\n        \u003cp\u003eActivité antibactérienne scientifiquement prouvée, équivalente à une solution phénolique à 15%. Réduit la plaque dentaire et apaise les gencives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-card\"\u003e\n        \u003cdiv class=\"mnk-card-icon\"\u003e🌿\u003c\/div\u003e\n        \u003ch3\u003eHuile essentielle de Manuka\u003c\/h3\u003e\n        \u003cp\u003eIssue des terres sauvages de Nouvelle-Zélande, elle renforce l'action purifiante et assainissante de la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-card\"\u003e\n        \u003cdiv class=\"mnk-card-icon\"\u003e🐝\u003c\/div\u003e\n        \u003ch3\u003ePropolis française\u003c\/h3\u003e\n        \u003cp\u003eBouclier naturel des abeilles aux propriétés protectrices exceptionnelles pour une hygiène bucco-dentaire optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-card\"\u003e\n        \u003cdiv class=\"mnk-card-icon\"\u003e⚪\u003c\/div\u003e\n        \u003ch3\u003eBlancheur naturelle\u003c\/h3\u003e\n        \u003cp\u003eSilice naturelle douce qui élimine les taches sans abîmer l'émail pour retrouver l'éclat originel de vos dents.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-card\"\u003e\n        \u003cdiv class=\"mnk-card-icon\"\u003e🚫\u003c\/div\u003e\n        \u003ch3\u003eSans fluor\u003c\/h3\u003e\n        \u003cp\u003eFormule alternative naturelle idéale pour ceux qui souhaitent éviter le fluor tout en préservant leur santé dentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-card\"\u003e\n        \u003cdiv class=\"mnk-card-icon\"\u003e💚\u003c\/div\u003e\n        \u003ch3\u003eVégan \u0026amp; cruelty-free\u003c\/h3\u003e\n        \u003cp\u003eAucun test sur les animaux, composition respectueuse du vivant et certifiée Bio par Ecocert.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mnk-section\"\u003e\n    \u003ch2\u003e🔬 L'indice IAA® : la garantie de l'efficacité\u003c\/h2\u003e\n    \u003cdiv class=\"mnk-highlight-box\"\u003e\n      \u003cdiv class=\"mnk-highlight-content\"\u003e\n        \u003cdiv class=\"mnk-iaa-badge\"\u003e\n          \u003cspan class=\"mnk-iaa-label\"\u003eIAA®\u003c\/span\u003e\n          \u003cspan class=\"mnk-iaa-value\"\u003e15+\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mnk-highlight-text\"\u003e\n          \u003cp\u003e\u003cstrong\u003eL'indice IAA® garantit les propriétés uniques du miel de Manuka scientifiquement mesurées.\u003c\/strong\u003e\u003c\/p\u003e\n          \u003cp\u003eChaque lot est systématiquement testé en laboratoire. Un indice 15+ signifie une activité antibactérienne équivalente à une solution phénolique à 15%.\u003c\/p\u003e\n          \u003cp class=\"mnk-studies\"\u003ePlusieurs études cliniques internationales ont démontré l'action efficace du miel de Manuka IAA® pour \u003cstrong\u003eréduire la plaque dentaire\u003c\/strong\u003e et \u003cstrong\u003eapaiser les gencives\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mnk-section\"\u003e\n    \u003ch2\u003e🌿 Une composition d'exception\u003c\/h2\u003e\n    \u003cdiv class=\"mnk-ingredients-grid\"\u003e\n      \u003cdiv class=\"mnk-ingredient\"\u003e\n        \u003cdiv class=\"mnk-ingredient-icon\"\u003e🍯\u003c\/div\u003e\n        \u003cdiv class=\"mnk-ingredient-info\"\u003e\n          \u003ch4\u003eMiel de Manuka IAA15+\u003c\/h4\u003e\n          \u003cp\u003eNouvelle-Zélande • Antibactérien \u0026amp; cicatrisant\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-ingredient\"\u003e\n        \u003cdiv class=\"mnk-ingredient-icon\"\u003e🌸\u003c\/div\u003e\n        \u003cdiv class=\"mnk-ingredient-info\"\u003e\n          \u003ch4\u003eHuile essentielle de Manuka\u003c\/h4\u003e\n          \u003cp\u003ePurifiante \u0026amp; assainissante\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-ingredient\"\u003e\n        \u003cdiv class=\"mnk-ingredient-icon\"\u003e🐝\u003c\/div\u003e\n        \u003cdiv class=\"mnk-ingredient-info\"\u003e\n          \u003ch4\u003ePropolis française\u003c\/h4\u003e\n          \u003cp\u003eProtectrice \u0026amp; fortifiante\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-ingredient\"\u003e\n        \u003cdiv class=\"mnk-ingredient-icon\"\u003e⚪\u003c\/div\u003e\n        \u003cdiv class=\"mnk-ingredient-info\"\u003e\n          \u003ch4\u003eSilice naturelle\u003c\/h4\u003e\n          \u003cp\u003eBlancheur douce sans abrasion\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-ingredient\"\u003e\n        \u003cdiv class=\"mnk-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n        \u003cdiv class=\"mnk-ingredient-info\"\u003e\n          \u003ch4\u003eAloé vera\u003c\/h4\u003e\n          \u003cp\u003eApaisant \u0026amp; hydratant pour les gencives\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-ingredient\"\u003e\n        \u003cdiv class=\"mnk-ingredient-icon\"\u003e🍃\u003c\/div\u003e\n        \u003cdiv class=\"mnk-ingredient-info\"\u003e\n          \u003ch4\u003eExtraits de menthe poivrée\u003c\/h4\u003e\n          \u003cp\u003eFraîcheur longue durée\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mnk-section\"\u003e\n    \u003ch2\u003e📖 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mnk-steps\"\u003e\n      \u003cdiv class=\"mnk-step\"\u003e\n        \u003cdiv class=\"mnk-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mnk-step-content\"\u003e\n          \u003ch4\u003eAppliquez\u003c\/h4\u003e\n          \u003cp\u003eDéposez une noisette de dentifrice sur votre brosse à dents humide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-step\"\u003e\n        \u003cdiv class=\"mnk-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mnk-step-content\"\u003e\n          \u003ch4\u003eBrossez\u003c\/h4\u003e\n          \u003cp\u003eBrossez soigneusement pendant \u003cstrong\u003e3 minutes\u003c\/strong\u003e en effectuant des mouvements circulaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-step\"\u003e\n        \u003cdiv class=\"mnk-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mnk-step-content\"\u003e\n          \u003ch4\u003eRincez\u003c\/h4\u003e\n          \u003cp\u003eRincez abondamment à l'eau claire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-step\"\u003e\n        \u003cdiv class=\"mnk-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"mnk-step-content\"\u003e\n          \u003ch4\u003eRépétez\u003c\/h4\u003e\n          \u003cp\u003eUtilisez quotidiennement \u003cstrong\u003eaprès chaque repas\u003c\/strong\u003e pour des résultats optimaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mnk-section\"\u003e\n    \u003ch2\u003e👨‍👩‍👧‍👦 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"mnk-profiles-grid\"\u003e\n      \u003cdiv class=\"mnk-profile\"\u003e\n        \u003cspan class=\"mnk-profile-icon\"\u003e😁\u003c\/span\u003e\n        \u003ch4\u003eAmateurs de sourire éclatant\u003c\/h4\u003e\n        \u003cp\u003eRetrouvez la blancheur naturelle de vos dents sans produits agressifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-profile\"\u003e\n        \u003cspan class=\"mnk-profile-icon\"\u003e🌿\u003c\/span\u003e\n        \u003ch4\u003eAdeptes du naturel\u003c\/h4\u003e\n        \u003cp\u003eUne alternative bio et sans fluor pour une hygiène saine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-profile\"\u003e\n        \u003cspan class=\"mnk-profile-icon\"\u003e😣\u003c\/span\u003e\n        \u003ch4\u003eGencives sensibles\u003c\/h4\u003e\n        \u003cp\u003eLe miel de Manuka apaise et protège les gencives fragilisées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-profile\"\u003e\n        \u003cspan class=\"mnk-profile-icon\"\u003e👨‍👩‍👧\u003c\/span\u003e\n        \u003ch4\u003eToute la famille\u003c\/h4\u003e\n        \u003cp\u003eConvient aux adultes et enfants dès 7 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mnk-section\"\u003e\n    \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mnk-warning-box\"\u003e\n      \u003cdiv class=\"mnk-warning-item\"\u003e\n        \u003cspan class=\"mnk-warning-icon\"\u003e🌡️\u003c\/span\u003e\n        \u003cp\u003eConserver à l'abri de la chaleur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-warning-item\"\u003e\n        \u003cspan class=\"mnk-warning-icon\"\u003e👶\u003c\/span\u003e\n        \u003cp\u003eNe pas utiliser chez les enfants de moins de 7 ans\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-warning-item\"\u003e\n        \u003cspan class=\"mnk-warning-icon\"\u003e👁️\u003c\/span\u003e\n        \u003cp\u003eÉviter le contact avec les yeux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-warning-item\"\u003e\n        \u003cspan class=\"mnk-warning-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cp\u003eNe pas avaler\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-warning-item\"\u003e\n        \u003cspan class=\"mnk-warning-icon\"\u003e🤰\u003c\/span\u003e\n        \u003cp\u003eConvient aux femmes enceintes et allaitantes\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mnk-section\"\u003e\n    \u003ch2\u003e📋 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"mnk-info-grid\"\u003e\n      \u003cdiv class=\"mnk-info-item\"\u003e\n        \u003cspan class=\"mnk-info-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"mnk-info-value\"\u003e75 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-info-item\"\u003e\n        \u003cspan class=\"mnk-info-label\"\u003eOrigine du miel\u003c\/span\u003e\n        \u003cspan class=\"mnk-info-value\"\u003eNouvelle-Zélande\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-info-item\"\u003e\n        \u003cspan class=\"mnk-info-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"mnk-info-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-info-item\"\u003e\n        \u003cspan class=\"mnk-info-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"mnk-info-value\"\u003eBio Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-info-item\"\u003e\n        \u003cspan class=\"mnk-info-label\"\u003eIndice IAA®\u003c\/span\u003e\n        \u003cspan class=\"mnk-info-value\"\u003e15+\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-info-item\"\u003e\n        \u003cspan class=\"mnk-info-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"mnk-info-value\"\u003eComptoirs et Compagnies\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mnk-section\"\u003e\n    \u003ch2\u003e🌍 L'héritage Maori\u003c\/h2\u003e\n    \u003cdiv class=\"mnk-story-box\"\u003e\n      \u003cdiv class=\"mnk-story-content\"\u003e\n        \u003cp class=\"mnk-story-quote\"\u003e« Des guérisseurs Maori à la science moderne »\u003c\/p\u003e\n        \u003cp\u003eLe Manuka est un arbuste cousin du tea tree qui pousse à l'état sauvage sur les terres vierges de Nouvelle-Zélande. Utilisé depuis des siècles par le Tohunga, le guérisseur maori, il est l'un des végétaux les plus efficaces de la pharmacopée traditionnelle.\u003c\/p\u003e\n        \u003cp\u003eComptoirs et Compagnies perpétue cette tradition ancestrale en associant ce savoir millénaire aux dernières avancées scientifiques pour vous offrir des soins d'exception.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mnk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mnk-cta-box\"\u003e\n      \u003cdiv class=\"mnk-cta-badges\"\u003e\n        \u003cspan class=\"mnk-cta-badge\"\u003e🏆 Bio Ecocert\u003c\/span\u003e\n        \u003cspan class=\"mnk-cta-badge\"\u003e🌱 Végan\u003c\/span\u003e\n        \u003cspan class=\"mnk-cta-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n        \u003cspan class=\"mnk-cta-badge\"\u003e♻️ CO₂ compensé\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cp\u003eFaites l'expérience d'un soin dentaire innovant qui respecte votre santé.\u003cbr\u003e\u003cstrong\u003ePour un sourire éclatant de santé, jour après jour !\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mnk-cream: #f8faf9;\n  --mnk-white: #ffffff;\n  --mnk-primary: #00A67E;\n  --mnk-primary-dark: #008866;\n  --mnk-primary-light: #e6f7f2;\n  --mnk-secondary: #F5A623;\n  --mnk-secondary-light: #fef7e6;\n  --mnk-accent: #2D8B6F;\n  --mnk-gold: #D4A84B;\n  --mnk-text: #1a2e28;\n  --mnk-text-light: #5a6e68;\n  --mnk-border: #d4e5df;\n  --mnk-shadow: 0 4px 24px rgba(0,166,126,.08);\n  --mnk-shadow-lg: 0 12px 48px rgba(0,166,126,.15);\n  --mnk-radius: 20px;\n  --mnk-radius-sm: 12px;\n}\n\n.mnk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mnk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--mnk-text);\n  line-height: 1.6;\n}\n\n.mnk-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mnk-hero {\n  position: relative;\n  background: linear-gradient(135deg, #00A67E 0%, #008866 40%, #2D8B6F 100%);\n  border-radius: var(--mnk-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5L35 15L45 15L37 22L40 32L30 26L20 32L23 22L15 15L25 15Z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.mnk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mnk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.mnk-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mnk-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mnk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mnk-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 6vw, 48px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.03em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.mnk-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.mnk-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 17px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.mnk-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.mnk-premium h2 {\n  font-size: clamp(24px, 5vw, 34px);\n  font-weight: 900;\n  color: var(--mnk-primary-dark);\n  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n  text-align: center;\n  letter-spacing: -.02em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.mnk-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mnk-primary), var(--mnk-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mnk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.mnk-card {\n  background: var(--mnk-white);\n  border-radius: var(--mnk-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--mnk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mnk-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--mnk-shadow-lg);\n  border-color: var(--mnk-primary);\n}\n\n.mnk-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.mnk-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--mnk-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.mnk-card p {\n  font-size: 14px;\n  color: var(--mnk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX (IAA) === *\/\n.mnk-highlight-box {\n  background: linear-gradient(135deg, var(--mnk-primary-light) 0%, var(--mnk-white) 100%);\n  border-radius: var(--mnk-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid var(--mnk-primary);\n  box-shadow: var(--mnk-shadow);\n}\n\n.mnk-highlight-content {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 2rem;\n  justify-content: center;\n}\n\n.mnk-iaa-badge {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 120px;\n  height: 120px;\n  background: var(--mnk-white);\n  border: 4px solid var(--mnk-primary);\n  border-radius: 50%;\n  box-shadow: 0 8px 32px rgba(0,166,126,.2);\n}\n\n.mnk-iaa-label {\n  font-size: 14px;\n  font-weight: 900;\n  color: var(--mnk-primary-dark);\n  letter-spacing: .05em;\n}\n\n.mnk-iaa-value {\n  font-size: 36px;\n  font-weight: 900;\n  color: var(--mnk-primary);\n  line-height: 1;\n}\n\n.mnk-highlight-text {\n  flex: 1;\n  min-width: 280px;\n}\n\n.mnk-highlight-text p {\n  margin: 0 0 1rem 0;\n  font-size: 15px;\n  color: var(--mnk-text);\n}\n\n.mnk-highlight-text p:last-child {\n  margin-bottom: 0;\n}\n\n.mnk-studies {\n  background: var(--mnk-white);\n  padding: 1rem 1.5rem;\n  border-radius: var(--mnk-radius-sm);\n  border-left: 4px solid var(--mnk-secondary);\n}\n\n\/* === INGREDIENTS === *\/\n.mnk-ingredients-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1rem;\n}\n\n.mnk-ingredient {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: var(--mnk-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--mnk-radius-sm);\n  box-shadow: var(--mnk-shadow);\n  transition: all .3s ease;\n}\n\n.mnk-ingredient:hover {\n  transform: translateX(8px);\n  box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-ingredient-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.mnk-ingredient-info h4 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mnk-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mnk-ingredient-info p {\n  font-size: 13px;\n  color: var(--mnk-text-light);\n  margin: 0;\n}\n\n\/* === STEPS === *\/\n.mnk-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5rem;\n}\n\n.mnk-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--mnk-white);\n  padding: 1.5rem;\n  border-radius: var(--mnk-radius-sm);\n  box-shadow: var(--mnk-shadow);\n  transition: all .3s ease;\n}\n\n.mnk-step:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-step-number {\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--mnk-primary), var(--mnk-accent));\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  box-shadow: 0 4px 16px rgba(0,166,126,.3);\n}\n\n.mnk-step-content h4 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mnk-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.mnk-step-content p {\n  font-size: 14px;\n  color: var(--mnk-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === PROFILES === *\/\n.mnk-profiles-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n}\n\n.mnk-profile {\n  background: var(--mnk-white);\n  padding: 2rem;\n  border-radius: var(--mnk-radius);\n  text-align: center;\n  box-shadow: var(--mnk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.mnk-profile:hover {\n  transform: translateY(-6px);\n  border-color: var(--mnk-secondary);\n  box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-profile-icon {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.mnk-profile h4 {\n  font-size: 17px;\n  font-weight: 700;\n  color: var(--mnk-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.mnk-profile p {\n  font-size: 14px;\n  color: var(--mnk-text-light);\n  margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.mnk-warning-box {\n  background: var(--mnk-secondary-light);\n  border-radius: var(--mnk-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 2px solid var(--mnk-secondary);\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.mnk-warning-item {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  padding: .75rem 1rem;\n  background: var(--mnk-white);\n  border-radius: var(--mnk-radius-sm);\n}\n\n.mnk-warning-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mnk-warning-item p {\n  font-size: 14px;\n  color: var(--mnk-text);\n  margin: 0;\n  font-weight: 500;\n}\n\n\/* === INFO GRID === *\/\n.mnk-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.mnk-info-item {\n  background: var(--mnk-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--mnk-radius-sm);\n  box-shadow: var(--mnk-shadow);\n  text-align: center;\n  transition: all .3s ease;\n}\n\n.mnk-info-item:hover {\n  transform: scale(1.02);\n  box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-info-label {\n  display: block;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mnk-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: .5rem;\n}\n\n.mnk-info-value {\n  display: block;\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--mnk-primary-dark);\n}\n\n\/* === STORY BOX === *\/\n.mnk-story-box {\n  background: linear-gradient(135deg, var(--mnk-primary-dark) 0%, var(--mnk-accent) 100%);\n  border-radius: var(--mnk-radius);\n  padding: clamp(2rem, 5vw, 3rem);\n  position: relative;\n  overflow: hidden;\n}\n\n.mnk-story-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='50' cy='50' r='40' stroke='%23ffffff' stroke-width='1' fill='none' opacity='0.05'\/%3E%3C\/svg%3E\");\n  opacity: .3;\n}\n\n.mnk-story-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mnk-story-quote {\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 700;\n  color: var(--mnk-secondary);\n  font-style: italic;\n  margin: 0 0 1.5rem 0;\n}\n\n.mnk-story-content p {\n  color: rgba(255,255,255,.9);\n  font-size: 15px;\n  max-width: 700px;\n  margin: 0 auto 1rem auto;\n  line-height: 1.7;\n}\n\n.mnk-story-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.mnk-cta-box {\n  background: linear-gradient(135deg, var(--mnk-primary) 0%, var(--mnk-primary-dark) 100%);\n  border-radius: var(--mnk-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mnk-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%; left: -50%;\n  width: 200%; height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n  animation: pulse 4s ease-in-out infinite;\n}\n\n@keyframes pulse {\n  0%, 100% { transform: scale(1); opacity: .5; }\n  50% { transform: scale(1.1); opacity: .3; }\n}\n\n.mnk-cta-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n  position: relative;\n  z-index: 1;\n}\n\n.mnk-cta-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 600;\n  color: white;\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.mnk-cta-box p {\n  position: relative;\n  z-index: 1;\n  color: white;\n  font-size: clamp(16px, 2.5vw, 20px);\n  line-height: 1.7;\n  font-weight: 500;\n  margin: 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.mnk-cta-box strong {\n  font-weight: 800;\n  color: var(--mnk-secondary-light);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .mnk-grid,\n  .mnk-ingredients-grid,\n  .mnk-steps,\n  .mnk-profiles-grid,\n  .mnk-info-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .mnk-highlight-content {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .mnk-badges-top {\n    gap: 8px;\n  }\n\n  .mnk-badge {\n    font-size: 12px;\n    padding: 6px 12px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mnk-card,\n  .mnk-ingredient,\n  .mnk-step,\n  .mnk-profile,\n  .mnk-info-item {\n    animation: fadeInUp .6s ease backwards;\n  }\n\n  .mnk-card:nth-child(1), .mnk-ingredient:nth-child(1), .mnk-step:nth-child(1), .mnk-profile:nth-child(1) { animation-delay: .1s; }\n  .mnk-card:nth-child(2), .mnk-ingredient:nth-child(2), .mnk-step:nth-child(2), .mnk-profile:nth-child(2) { animation-delay: .2s; }\n  .mnk-card:nth-child(3), .mnk-ingredient:nth-child(3), .mnk-step:nth-child(3), .mnk-profile:nth-child(3) { animation-delay: .3s; }\n  .mnk-card:nth-child(4), .mnk-ingredient:nth-child(4), .mnk-step:nth-child(4), .mnk-profile:nth-child(4) { animation-delay: .4s; }\n  .mnk-card:nth-child(5), .mnk-ingredient:nth-child(5) { animation-delay: .5s; }\n  .mnk-card:nth-child(6), .mnk-ingredient:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(40px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .mnk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n\n  .mnk-cta-box::before {\n    animation: none;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .mnk-card,\n  .mnk-ingredient,\n  .mnk-step,\n  .mnk-profile,\n  .mnk-info-item {\n    border: 2px solid var(--mnk-text);\n  }\n\n  .mnk-badge {\n    border: 2px solid var(--mnk-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":45755074314397,"sku":"NBAICCO0015","price":7.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-blancheur-miel-de-manuka-iaa15-bio-75-ml-comptoir-packshothd.webp?v=1790356622"},{"product_id":"dentifrice-protection-anti-tartre-miel-de-manuka-iaa-15-bio-tube-75-ml-comptoirs-et-compagnies","title":"Dentifrice Anti-tartre au Miel de Manuka Iaa 15+ Bio - 75ml - Comptoirs et compagnies","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Dentifrice au Miel de Manuka IAA 15+\nPalette détectée:\n  - Primaire: #00A0DC (bleu turquoise vibrant du packaging - couleur dominante)\n  - Secondaire: #FFB300 (jaune doré du logo et miel)\n  - Accent: #F5A623 (orange miel chaleureux)\n  - Background: #F8FAFB (blanc cassé très clair, neutre)\nAmbiance: Naturel, scientifique, bio-premium, médical-soin\nStyle: Clean, moderne, apaisant avec notes de confiance médicale\nType: Soin bucco-dentaire naturel premium\nPréfixe CSS: mm (manuka-mouth)\n--\u003e\n\u003cdiv class=\"mm-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"mm-hero\"\u003e\n\u003cdiv class=\"mm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mm-hero-content\"\u003e\n\u003cdiv class=\"mm-badges-top\"\u003e\n\u003cspan class=\"mm-badge\"\u003e🌿 Certifié BIO\u003c\/span\u003e \u003cspan class=\"mm-badge\"\u003e🔬 IAA 15+\u003c\/span\u003e \u003cspan class=\"mm-badge\"\u003e🇳🇿 Nouvelle-Zélande\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mm-hero-title\"\u003eDentifrice protection anti-tartre au miel de Manuka\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eLe pouvoir antibactérien du miel de Manuka IAA 15+ certifié bio\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cbr\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUne protection naturelle et scientifiquement prouvée contre le tartre et les bactéries, enrichie en huile essentielle de Manuka et propolis française. Sans fluor, 100% d'origine naturelle.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES CLÉS --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce dentifrice ?\u003c\/h2\u003e\n\u003cdiv class=\"mm-grid\"\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003cdiv class=\"mm-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eProtection anti-tartre\u003c\/h3\u003e\n\u003cp\u003eLe miel de Manuka IAA 15+ forme une barrière naturelle contre le tartre grâce à son indice antibactérien élevé, scientifiquement mesuré en laboratoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003cdiv class=\"mm-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003e100% naturel et bio\u003c\/h3\u003e\n\u003cp\u003eFormulé sans fluor, parabènes, triclosan ni colorants artificiels. Certifié bio avec des ingrédients d'origine naturelle respectueux de votre santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003cdiv class=\"mm-icon\"\u003e🦷\u003c\/div\u003e\n\u003ch3\u003eAction antibactérienne prouvée\u003c\/h3\u003e\n\u003cp\u003eL'indice IAA 15+ garantit une efficacité antibactérienne mesurée, idéale pour lutter contre la plaque dentaire et apaiser les gencives sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003cdiv class=\"mm-icon\"\u003e🍃\u003c\/div\u003e\n\u003ch3\u003eFraîcheur durable\u003c\/h3\u003e\n\u003cp\u003eArôme naturel rafraîchissant à l'huile essentielle de Manuka pour une haleine fraîche et une sensation de propreté longue durée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003cdiv class=\"mm-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003ePropolis française\u003c\/h3\u003e\n\u003cp\u003eEnrichi en propolis française, un actif naturel reconnu pour ses propriétés apaisantes et protectrices des gencives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003cdiv class=\"mm-icon\"\u003e🌍\u003c\/div\u003e\n\u003ch3\u003eFabrication responsable\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France selon les normes européennes, avec du miel de Manuka récolté de manière éthique en Nouvelle-Zélande.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- QU'EST-CE QUE L'INDICE IAA ? --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003cdiv class=\"mm-info-block\"\u003e\n\u003cdiv class=\"mm-info-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv class=\"mm-info-content\"\u003e\n\u003ch3\u003eL'indice IAA 15+ : la garantie scientifique\u003c\/h3\u003e\n\u003cp\u003eL'Indice d'Activité Antibactérienne (IAA) mesure objectivement le niveau d'efficacité du miel de Manuka contre les bactéries. Un indice de 15+ indique une activité antibactérienne élevée, testée et certifiée en laboratoire. Plus l'indice est élevé, plus le miel de Manuka est actif. Ce dentifrice utilise un miel de Manuka sélectionné pour son pouvoir exceptionnel, vous garantissant une protection optimale de votre hygiène bucco-dentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003eUne formule naturelle ultra-performante\u003c\/h2\u003e\n\u003cdiv class=\"mm-grid mm-grid-3\"\u003e\n\u003cdiv class=\"mm-ingredient-card\"\u003e\n\u003cdiv class=\"mm-ingredient-icon\"\u003e🍯\u003c\/div\u003e\n\u003ch4\u003eMiel de Manuka IAA 15+\u003c\/h4\u003e\n\u003cspan class=\"mm-badge-small\"\u003eActif principal\u003c\/span\u003e\n\u003cp\u003eOriginaire de Nouvelle-Zélande, ce miel exceptionnel possède des propriétés antibactériennes uniques, cliniquement prouvées pour réduire la plaque dentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-ingredient-card\"\u003e\n\u003cdiv class=\"mm-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eHuile essentielle de Manuka\u003c\/h4\u003e\n\u003cspan class=\"mm-badge-small\"\u003eFraîcheur\u003c\/span\u003e\n\u003cp\u003eExtraite de l'arbuste cousin du tea tree néo-zélandais, elle renforce l'action antibactérienne et apporte une fraîcheur naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-ingredient-card\"\u003e\n\u003cdiv class=\"mm-ingredient-icon\"\u003e🐝\u003c\/div\u003e\n\u003ch4\u003ePropolis française\u003c\/h4\u003e\n\u003cspan class=\"mm-badge-small\"\u003eProtection\u003c\/span\u003e\n\u003cp\u003eActif naturel récolté en France, la propolis apaise les gencives sensibles et renforce la protection contre les agressions bactériennes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-composition-box\"\u003e\n\u003ch4\u003eComposition complète INCI\u003c\/h4\u003e\n\u003cp class=\"mm-composition-list\"\u003eAqua (eau), Glycérine, Silice hydratée, Xylitol, Sorbitol, Miel de Manuka IAA 15+, Gomme xanthane, Saccharine sodique, Thymol, Arômes naturels\u003c\/p\u003e\n\u003cdiv class=\"mm-certifs\"\u003e\n\u003cspan class=\"mm-certif\"\u003e✓ Sans fluor\u003c\/span\u003e \u003cspan class=\"mm-certif\"\u003e✓ Sans parabènes\u003c\/span\u003e \u003cspan class=\"mm-certif\"\u003e✓ Sans triclosan\u003c\/span\u003e \u003cspan class=\"mm-certif\"\u003e✓ Sans colorants artificiels\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"mm-steps\"\u003e\n\u003cdiv class=\"mm-step\"\u003e\n\u003cdiv class=\"mm-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mm-step-content\"\u003e\n\u003ch4\u003eAppliquez une noisette\u003c\/h4\u003e\n\u003cp\u003eDéposez une petite quantité de dentifrice sur votre brosse à dents souple.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-step\"\u003e\n\u003cdiv class=\"mm-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mm-step-content\"\u003e\n\u003ch4\u003eBrossez 2 minutes\u003c\/h4\u003e\n\u003cp\u003eEffectuez des mouvements circulaires doux sur toutes les surfaces dentaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-step\"\u003e\n\u003cdiv class=\"mm-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mm-step-content\"\u003e\n\u003ch4\u003eRincez abondamment\u003c\/h4\u003e\n\u003cp\u003eRincez soigneusement votre bouche avec de l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-step\"\u003e\n\u003cdiv class=\"mm-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"mm-step-content\"\u003e\n\u003ch4\u003eUtilisez quotidiennement\u003c\/h4\u003e\n\u003cp\u003eDe préférence après chaque repas, ou minimum 2 fois par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI ? --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003eCe dentifrice est fait pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"mm-grid\"\u003e\n\u003cdiv class=\"mm-card mm-card-profile\"\u003e\n\u003cdiv class=\"mm-profile-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch4\u003eVous recherchez un dentifrice naturel\u003c\/h4\u003e\n\u003cp\u003eVous souhaitez une alternative saine aux dentifrices conventionnels, sans fluor ni produits chimiques agressifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card mm-card-profile\"\u003e\n\u003cdiv class=\"mm-profile-icon\"\u003e🦷\u003c\/div\u003e\n\u003ch4\u003eVous avez tendance au tartre\u003c\/h4\u003e\n\u003cp\u003eVous cherchez une protection efficace contre la formation de tartre et la plaque dentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card mm-card-profile\"\u003e\n\u003cdiv class=\"mm-profile-icon\"\u003e💚\u003c\/div\u003e\n\u003ch4\u003eVous avez les gencives sensibles\u003c\/h4\u003e\n\u003cp\u003eVous avez besoin d'un dentifrice doux qui respecte et apaise vos gencives tout en étant efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card mm-card-profile\"\u003e\n\u003cdiv class=\"mm-profile-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch4\u003eVous privilégiez le bio\u003c\/h4\u003e\n\u003cp\u003eVous faites attention à la composition de vos produits d'hygiène et préférez les ingrédients certifiés bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LE MIEL DE MANUKA --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003cdiv class=\"mm-highlight-box\"\u003e\n\u003cdiv class=\"mm-highlight-content\"\u003e\n\u003ch3\u003eLe miel de Manuka : un trésor de Nouvelle-Zélande\u003c\/h3\u003e\n\u003cp\u003eLe Manuka est un arbuste cousin du tea tree qui pousse à l'état sauvage en Nouvelle-Zélande. Utilisé depuis des siècles par les Maoris, ce guérisseur traditionnel est reconnu aujourd'hui par la science moderne comme l'un des miels les plus efficaces au monde.\u003c\/p\u003e\n\u003cp\u003ePlusieurs études cliniques internationales ont démontré l'action efficace du miel de Manuka IAA® pour réduire la plaque dentaire et apaiser les gencives. L'indice IAA® est la garantie des propriétés uniques du miel de Manuka, scientifiquement mesurées et testées en laboratoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003cdiv class=\"mm-warning-box\"\u003e\n\u003cdiv class=\"mm-warning-content\"\u003e\n\u003ch4\u003ePrécautions d'utilisation\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eNe pas avaler\u003c\/li\u003e\n\u003cli\u003eÀ conserver à l'abri de la chaleur\u003c\/li\u003e\n\u003cli\u003eNe pas utiliser chez les enfants de moins de 7 ans\u003c\/li\u003e\n\u003cli\u003eÉviter le contact avec les yeux\u003c\/li\u003e\n\u003cli\u003eConvient aux femmes enceintes et allaitantes\u003c\/li\u003e\n\u003cli\u003eCertains miels de Manuka sont actifs, d'autres non - vérifiez toujours la garantie de qualité via le site internet du fabricant\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"mm-grid mm-grid-4\"\u003e\n\u003cdiv class=\"mm-info-card\"\u003e\n\u003cdiv class=\"mm-info-label\"\u003eContenance\u003c\/div\u003e\n\u003cdiv class=\"mm-info-value\"\u003e75 ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-info-card\"\u003e\n\u003cdiv class=\"mm-info-label\"\u003eOrigine du miel\u003c\/div\u003e\n\u003cdiv class=\"mm-info-value\"\u003eNouvelle-Zélande 🇳🇿\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-info-card\"\u003e\n\u003cdiv class=\"mm-info-label\"\u003eFabrication\u003c\/div\u003e\n\u003cdiv class=\"mm-info-value\"\u003eFrance 🇫🇷\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-info-card\"\u003e\n\u003cdiv class=\"mm-info-label\"\u003eCertification\u003c\/div\u003e\n\u003cdiv class=\"mm-info-value\"\u003eBIO \u0026amp; Ecocert\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"mm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mm-cta-box\"\u003e\n\u003cdiv class=\"mm-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mm-cta-content\"\u003e\n\u003cp\u003eAdoptez dès aujourd'hui le pouvoir antibactérien naturel du miel de Manuka IAA 15+ pour une hygiène bucco-dentaire parfaite au quotidien. Profitez d'une haleine fraîche, de dents protégées et de gencives apaisées grâce à ce dentifrice bio d'exception, alliant tradition néo-zélandaise et exigence scientifique moderne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  \/* Couleurs principales *\/\n  --mm-cream: #F8FAFB;\n  --mm-white: #ffffff;\n  --mm-primary: #00A0DC;\n  --mm-primary-dark: #0085B8;\n  --mm-primary-light: #E6F7FC;\n  --mm-secondary: #FFB300;\n  --mm-accent: #F5A623;\n  \n  \/* Textes *\/\n  --mm-text: #1a1a1a;\n  --mm-text-light: #5a5a5a;\n  \n  \/* Effets *\/\n  --mm-border: #e0e0e0;\n  --mm-shadow: 0 4px 24px rgba(0,160,220,.08);\n  --mm-shadow-lg: 0 12px 48px rgba(0,160,220,.15);\n  --mm-radius: 20px;\n  --mm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--mm-text);\n  line-height: 1.7;\n}\n\n\/* === HERO === *\/\n.mm-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--mm-primary) 0%, #0085B8 50%, #006B9A 100%);\n  border-radius: var(--mm-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--mm-shadow-lg);\n}\n\n.mm-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .06;\n  background-image: \n    repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px),\n    repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.2) 35px, rgba(255,255,255,.2) 70px);\n}\n\n.mm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.mm-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 6px 20px rgba(0,0,0,.15);\n}\n\n.mm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.mm-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.mm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2vw, 17px);\n  max-width: 800px;\n  margin: 0 auto;\n  line-height: 1.7;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.mm-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.mm-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mm-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.mm-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mm-primary), var(--mm-secondary));\n  border-radius: 2px;\n}\n\n.mm-premium h3 {\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 800;\n  color: var(--mm-primary-dark);\n  margin: 0 0 0.75rem 0;\n  letter-spacing: -.02em;\n}\n\n.mm-premium h4 {\n  font-size: clamp(16px, 2.5vw, 19px);\n  font-weight: 800;\n  color: var(--mm-text);\n  margin: 0 0 0.5rem 0;\n}\n\n.mm-premium p {\n  color: var(--mm-text-light);\n  font-size: clamp(14px, 2vw, 16px);\n  margin: 0;\n  line-height: 1.7;\n}\n\n.mm-premium strong {\n  color: var(--mm-primary-dark);\n  font-weight: 700;\n}\n\n\/* === GRILLES === *\/\n.mm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.mm-grid-3 {\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.mm-grid-4 {\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mm-card {\n  background: var(--mm-white);\n  border-radius: var(--mm-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--mm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.mm-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--mm-shadow-lg);\n  border-color: var(--mm-primary);\n}\n\n.mm-icon {\n  font-size: clamp(36px, 6vw, 48px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.mm-card-profile {\n  text-align: center;\n}\n\n.mm-profile-icon {\n  font-size: clamp(40px, 7vw, 56px);\n  margin-bottom: 1rem;\n}\n\n\/* === INGRÉDIENTS === *\/\n.mm-ingredient-card {\n  background: linear-gradient(135deg, var(--mm-primary-light) 0%, var(--mm-white) 100%);\n  border-radius: var(--mm-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 2px solid var(--mm-primary);\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mm-ingredient-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--mm-shadow-lg);\n}\n\n.mm-ingredient-icon {\n  font-size: clamp(40px, 7vw, 52px);\n  margin-bottom: 1rem;\n}\n\n.mm-badge-small {\n  display: inline-block;\n  padding: 4px 12px;\n  background: var(--mm-primary);\n  color: white;\n  font-size: 11px;\n  font-weight: 700;\n  border-radius: 999px;\n  margin-bottom: 0.75rem;\n  text-transform: uppercase;\n  letter-spacing: .5px;\n}\n\n.mm-composition-box {\n  background: var(--mm-white);\n  border-radius: var(--mm-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  margin-top: 2rem;\n  border: 2px solid var(--mm-primary-light);\n}\n\n.mm-composition-box h4 {\n  color: var(--mm-primary-dark);\n  margin-bottom: 1rem;\n  text-align: center;\n}\n\n.mm-composition-list {\n  font-size: 14px;\n  line-height: 1.9;\n  color: var(--mm-text-light);\n  margin-bottom: 1.5rem;\n  text-align: center;\n}\n\n.mm-certifs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  justify-content: center;\n  padding-top: 1rem;\n  border-top: 2px solid var(--mm-border);\n}\n\n.mm-certif {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 14px;\n  background: var(--mm-primary-light);\n  color: var(--mm-primary-dark);\n  font-size: 13px;\n  font-weight: 700;\n  border-radius: 999px;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.mm-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n}\n\n.mm-step {\n  display: flex;\n  gap: 1rem;\n  background: var(--mm-white);\n  border-radius: var(--mm-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--mm-shadow);\n  transition: all .3s ease;\n}\n\n.mm-step:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--mm-shadow-lg);\n}\n\n.mm-step-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--mm-primary), var(--mm-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  font-weight: 900;\n  box-shadow: 0 4px 12px rgba(0,160,220,.3);\n}\n\n.mm-step-content h4 {\n  color: var(--mm-primary-dark);\n  margin-bottom: 0.5rem;\n}\n\n.mm-step-content p {\n  font-size: 14px;\n}\n\n\/* === INFO BLOCK === *\/\n.mm-info-block {\n  display: flex;\n  gap: 2rem;\n  background: linear-gradient(135deg, var(--mm-primary-light) 0%, var(--mm-white) 100%);\n  border-radius: var(--mm-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border-left: 6px solid var(--mm-primary);\n  box-shadow: var(--mm-shadow);\n}\n\n.mm-info-icon {\n  flex-shrink: 0;\n  font-size: clamp(48px, 8vw, 72px);\n}\n\n.mm-info-content h3 {\n  color: var(--mm-primary-dark);\n  margin-bottom: 1rem;\n}\n\n.mm-info-content p {\n  margin-bottom: 1rem;\n}\n\n.mm-info-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.mm-highlight-box {\n  background: linear-gradient(135deg, var(--mm-primary) 0%, var(--mm-primary-dark) 100%);\n  border-radius: var(--mm-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--mm-shadow-lg);\n}\n\n.mm-highlight-content h3 {\n  color: white;\n  font-size: clamp(22px, 4vw, 28px);\n  margin-bottom: 1.5rem;\n  text-align: center;\n}\n\n.mm-highlight-content p {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2vw, 17px);\n  margin-bottom: 1rem;\n  text-align: center;\n}\n\n.mm-highlight-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === WARNING BOX === *\/\n.mm-warning-box {\n  display: flex;\n  gap: 1.5rem;\n  background: #FFF8E1;\n  border-radius: var(--mm-radius-sm);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 2px solid #FFC107;\n}\n\n.mm-warning-icon {\n  flex-shrink: 0;\n  font-size: clamp(32px, 5vw, 42px);\n}\n\n.mm-warning-content h4 {\n  color: #F57C00;\n  margin-bottom: 1rem;\n}\n\n.mm-warning-content ul {\n  margin: 0;\n  padding-left: 1.5rem;\n}\n\n.mm-warning-content li {\n  color: var(--mm-text-light);\n  font-size: 14px;\n  margin-bottom: 0.5rem;\n  line-height: 1.6;\n}\n\n\/* === INFO CARDS === *\/\n.mm-info-card {\n  background: var(--mm-white);\n  border-radius: var(--mm-radius-sm);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--mm-shadow);\n  border: 2px solid var(--mm-primary-light);\n  transition: all .3s ease;\n}\n\n.mm-info-card:hover {\n  transform: translateY(-4px);\n  border-color: var(--mm-primary);\n}\n\n.mm-info-label {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mm-text-light);\n  text-transform: uppercase;\n  letter-spacing: .5px;\n  margin-bottom: 0.5rem;\n}\n\n.mm-info-value {\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 900;\n  color: var(--mm-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.mm-cta-box {\n  background: linear-gradient(135deg, var(--mm-primary) 0%, var(--mm-primary-dark) 100%);\n  border-radius: var(--mm-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--mm-shadow-lg);\n}\n\n.mm-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .05;\n  background-image: \n    radial-gradient(circle at 20% 50%, white 2px, transparent 2px),\n    radial-gradient(circle at 80% 80%, white 2px, transparent 2px),\n    radial-gradient(circle at 40% 20%, white 1px, transparent 1px);\n  background-size: 100px 100px, 150px 150px, 80px 80px;\n}\n\n.mm-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.mm-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.8;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .mm-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .mm-grid-3 {\n    grid-template-columns: 1fr;\n  }\n  \n  .mm-grid-4 {\n    grid-template-columns: 1fr;\n  }\n  \n  .mm-info-block {\n    flex-direction: column;\n    gap: 1rem;\n  }\n  \n  .mm-warning-box {\n    flex-direction: column;\n    gap: 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mm-card, .mm-ingredient-card, .mm-step, .mm-info-card {\n    animation: fadeInUp .6s ease backwards;\n  }\n  \n  .mm-card:nth-child(1), .mm-ingredient-card:nth-child(1), .mm-step:nth-child(1), .mm-info-card:nth-child(1) { \n    animation-delay: .1s; \n  }\n  .mm-card:nth-child(2), .mm-ingredient-card:nth-child(2), .mm-step:nth-child(2), .mm-info-card:nth-child(2) { \n    animation-delay: .2s; \n  }\n  .mm-card:nth-child(3), .mm-ingredient-card:nth-child(3), .mm-step:nth-child(3), .mm-info-card:nth-child(3) { \n    animation-delay: .3s; \n  }\n  .mm-card:nth-child(4), .mm-ingredient-card:nth-child(4), .mm-step:nth-child(4), .mm-info-card:nth-child(4) { \n    animation-delay: .4s; \n  }\n  .mm-card:nth-child(5), .mm-step:nth-child(5) { \n    animation-delay: .5s; \n  }\n  .mm-card:nth-child(6) { \n    animation-delay: .6s; \n  }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .mm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .mm-premium {\n    --mm-shadow: 0 0 0 2px currentColor;\n    --mm-shadow-lg: 0 0 0 3px currentColor;\n  }\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":45755074543773,"sku":"NBAICCO0014","price":7.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-anti-tartre-au-miel-de-manuka-iaa-15-bio-75ml-com-packshothd.webp?v=1790356428"},{"product_id":"dentifrice-a-la-propolis-75-ml-propolia-apimab","title":"Dentifrice Genvice \u0026 Haleine à la Propolis - 75 ml - Propolia","description":"\u003cdiv class=\"prop-premium\"\u003e\n  \u003cdiv class=\"prop-hero\"\u003e\n    \u003cdiv class=\"prop-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"prop-hero-content\"\u003e\n      \u003cdiv class=\"prop-badges-top\"\u003e\n        \u003cspan class=\"prop-badge\"\u003e🐝 Propolis française\u003c\/span\u003e\n        \u003cspan class=\"prop-badge\"\u003e🌿 Sans fluor\u003c\/span\u003e\n        \u003cspan class=\"prop-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"prop-badge\"\u003e👨‍👩‍👧 Dès 3 ans\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"prop-hero-title\"\u003ePropolis \u0026amp; menthe • Purifie \u0026amp; apaise • 75 mL\u003c\/span\u003e\n      \u003cp class=\"prop-description\"\u003eVous cherchez un dentifrice à la propolis capable de prendre soin de vos gencives tout en assurant une haleine fraîche au quotidien ? Le Dentifrice Gencives \u0026amp; Haleine Propolia associe la richesse de la propolis française à une sélection de plantes aromatiques (menthe, anis, cardamome, romarin, sauge) pour une hygiène bucco-dentaire douce, naturelle et efficace, sans fluor ajouté.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"prop-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce dentifrice à la propolis ?\u003c\/h2\u003e\n    \u003cp class=\"prop-section-intro\"\u003eLa propolis, récoltée par les abeilles, est traditionnellement reconnue pour ses propriétés purifiantes et apaisantes. Associée à de la menthe poivrée et verte, elle aide à entretenir une bouche saine et un souffle agréable. Si vous êtes sensible à la mauvaise haleine, ce dentifrice a été pensé pour vous accompagner durablement, en s'attaquant à la source : un environnement buccal déséquilibré.\u003c\/p\u003e\n    \u003cdiv class=\"prop-grid\"\u003e\n      \u003cdiv class=\"prop-card\"\u003e\n        \u003ch3\u003e✨ Purifie\u003c\/h3\u003e\n        \u003cp\u003eLa cavité buccale grâce à la propolis et aux extraits végétaux sélectionnés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"prop-card\"\u003e\n        \u003ch3\u003e🌱 Apaise\u003c\/h3\u003e\n        \u003cp\u003eLes gencives sensibles ou sujettes aux irritations du quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"prop-card\"\u003e\n        \u003ch3\u003e❄️ Rafraîchit\u003c\/h3\u003e\n        \u003cp\u003eLonguement l'haleine avec un trio aromatique menthe-anis-cardamome.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"prop-card\"\u003e\n        \u003ch3\u003e🚫 Sans fluor\u003c\/h3\u003e\n        \u003cp\u003eSans colorants ni agents moussants agressifs pour un usage quotidien serein.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"prop-section\"\u003e\n    \u003ch2\u003eComposition naturelle et transparente\u003c\/h2\u003e\n    \u003cp class=\"prop-section-intro\"\u003eLa formule a été élaborée pour respecter l'équilibre de votre bouche tout en délivrant l'efficacité des actifs de la ruche.\u003c\/p\u003e\n    \u003cdiv class=\"prop-grid\"\u003e\n      \u003cdiv class=\"prop-card\"\u003e\n        \u003ch3\u003e🐝 Propolis purifiée\u003c\/h3\u003e\n        \u003cp\u003eL'actif phare, assainissant, issu du savoir-faire apicole français.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"prop-card\"\u003e\n        \u003ch3\u003e🌿 Menthe poivrée \u0026amp; verte\u003c\/h3\u003e\n        \u003cp\u003eHuiles essentielles pour une fraîcheur immédiate et durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"prop-card\"\u003e\n        \u003ch3\u003e🌟 Cardamome \u0026amp; anis vert\u003c\/h3\u003e\n        \u003cp\u003eNotes aromatiques qui neutralisent efficacement les odeurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"prop-card\"\u003e\n        \u003ch3\u003e🍃 Romarin \u0026amp; sauge\u003c\/h3\u003e\n        \u003cp\u003eTonifiants, traditionnellement utilisés en hygiène buccale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"prop-card\"\u003e\n        \u003ch3\u003e💧 Aloe vera\u003c\/h3\u003e\n        \u003cp\u003eHydrate et adoucit délicatement la muqueuse buccale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"prop-card\"\u003e\n        \u003ch3\u003e🤍 Kaolin \u0026amp; amidon de maïs\u003c\/h3\u003e\n        \u003cp\u003eNettoient en douceur sans rayer l'émail des dents.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"prop-tip\"\u003e\n      \u003cspan class=\"prop-tip-icon\"\u003e🇫🇷\u003c\/span\u003e\n      \u003cp\u003eLe tube de \u003cstrong\u003e75 mL\u003c\/strong\u003e est fabriqué en France par le Laboratoire Apimab, expert depuis plus de 30 ans dans les produits de la ruche.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"prop-section\"\u003e\n    \u003ch2\u003eComment utiliser ce dentifrice propolis ?\u003c\/h2\u003e\n    \u003cdiv class=\"prop-timeline\"\u003e\n      \u003cdiv class=\"prop-timeline-item\"\u003e\n        \u003cdiv class=\"prop-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"prop-timeline-content\"\u003e\n          \u003ch3\u003eDéposez la juste dose\u003c\/h3\u003e\n          \u003cp\u003eL'équivalent d'un petit pois sur une brosse à dents souple.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"prop-timeline-item\"\u003e\n        \u003cdiv class=\"prop-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"prop-timeline-content\"\u003e\n          \u003ch3\u003eBrossez délicatement\u003c\/h3\u003e\n          \u003cp\u003e2 à 3 fois par jour pendant 2 à 3 minutes, en effectuant des mouvements de la gencive vers la dent.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"prop-timeline-item\"\u003e\n        \u003cdiv class=\"prop-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"prop-timeline-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eEt renouvelez votre brosse tous les 3 mois pour préserver l'efficacité du brossage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"prop-tip\"\u003e\n      \u003cspan class=\"prop-tip-icon\"\u003e👨‍👩‍👧\u003c\/span\u003e\n      \u003cp\u003eConvient à toute la famille à partir de \u003cstrong\u003e3 ans\u003c\/strong\u003e, sous la surveillance d'un adulte. Compatible avec les traitements homéopathiques grâce à l'absence de menthol concentré agressif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"prop-section\"\u003e\n    \u003ch2\u003eLe meilleur dentifrice contre la mauvaise haleine ?\u003c\/h2\u003e\n    \u003cp class=\"prop-section-intro\"\u003eDifficile d'élire un meilleur dentifrice pour mauvaise haleine universel, car chaque bouche est différente. Cependant, ce dentifrice coche de nombreuses cases.\u003c\/p\u003e\n    \u003cdiv class=\"prop-grid-compact\"\u003e\n      \u003cdiv class=\"prop-card\"\u003e\n        \u003ch3\u003e✅ Actifs naturels\u003c\/h3\u003e\n        \u003cp\u003eReconnus depuis des générations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"prop-card\"\u003e\n        \u003ch3\u003e✅ Formule épurée\u003c\/h3\u003e\n        \u003cp\u003eSans ingrédients superflus.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"prop-card\"\u003e\n        \u003ch3\u003e✅ Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eSavoir-faire Apimab certifié.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"prop-card\"\u003e\n        \u003ch3\u003e✅ Tolérance optimale\u003c\/h3\u003e\n        \u003cp\u003ePour un usage quotidien serein.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"prop-tip\"\u003e\n      \u003cspan class=\"prop-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eLa combinaison \u003cstrong\u003epropolis + menthe + cardamome\u003c\/strong\u003e agit là où beaucoup de dentifrices classiques se contentent de masquer les odeurs. Pour des résultats durables, complétez votre routine par un fil dentaire, une bonne hydratation et des visites régulières chez votre dentiste.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"prop-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"prop-accordion\"\u003e\n      \u003cdetails class=\"prop-accordion-item\"\u003e\n        \u003csummary class=\"prop-accordion-header\"\u003e🚫 Ce dentifrice contient-il du fluor ?\u003c\/summary\u003e\n        \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n          \u003cp\u003eNon, il est formulé \u003cstrong\u003esans fluor ajouté\u003c\/strong\u003e, idéal si vous souhaitez une alternative naturelle à votre dentifrice habituel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"prop-accordion-item\"\u003e\n        \u003csummary class=\"prop-accordion-header\"\u003e🔄 Peut-il être utilisé en cure ?\u003c\/summary\u003e\n        \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, il s'utilise quotidiennement, sans limite de durée, en remplacement de votre dentifrice habituel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"prop-accordion-item\"\u003e\n        \u003csummary class=\"prop-accordion-header\"\u003e👶 Convient-il aux enfants ?\u003c\/summary\u003e\n        \u003cdiv class=\"prop-accordion-content mt-3\"\u003e\n          \u003cp\u003eDès \u003cstrong\u003e3 ans\u003c\/strong\u003e, sous surveillance, en veillant à un rinçage soigneux après chaque brossage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"prop-disclaimer\"\u003eCe dentifrice est un produit cosmétique d'hygiène bucco-dentaire. Il ne remplace pas un avis ni un traitement médical ou dentaire. En cas de douleur persistante, de saignement des gencives ou de mauvaise haleine chronique, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --prop-cream: #fdf8ee;\n  --prop-white: #ffffff;\n  --prop-primary: #4ec3b8;\n  --prop-primary-dark: #2a8c83;\n  --prop-primary-light: #e6f6f4;\n  --prop-secondary: #a8cf45;\n  --prop-accent: #f5b942;\n  --prop-text: #1a3a37;\n  --prop-text-light: #5a6b6a;\n  --prop-border: #e0e8e6;\n  --prop-shadow: 0 4px 24px rgba(42, 140, 131, .08);\n  --prop-shadow-lg: 0 12px 48px rgba(42, 140, 131, .15);\n  --prop-radius: 20px;\n  --prop-radius-sm: 12px;\n}\n\n.prop-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--prop-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--prop-text);\n}\n\n.prop-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4ec3b8 0%, #6dd4ca 50%, #a8cf45 100%);\n  border-radius: var(--prop-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--prop-shadow-lg);\n}\n\n.prop-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n  opacity: .4;\n}\n\n.prop-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.prop-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 6.5vw, 50px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.15);\n  line-height: 1.1;\n}\n\n.prop-subtitle {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  opacity: .95;\n}\n\n.prop-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2vw, 16px);\n  line-height: 1.7;\n  max-width: 750px;\n  margin: 0 auto;\n}\n\n.prop-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.prop-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--prop-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.prop-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.prop-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.prop-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--prop-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.prop-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--prop-primary), var(--prop-secondary));\n  border-radius: 2px;\n}\n\n.prop-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--prop-text-light);\n  margin-bottom: 1.75rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.prop-card {\n  background: var(--prop-white);\n  border-radius: var(--prop-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--prop-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.prop-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--prop-shadow-lg);\n  border-color: var(--prop-primary);\n}\n\n.prop-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--prop-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.prop-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--prop-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.prop-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.prop-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.prop-grid-compact .prop-card {\n  padding: 1rem;\n}\n\n.prop-grid-compact .prop-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.prop-grid-compact .prop-card p {\n  font-size: 12px;\n}\n\n.prop-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.prop-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.prop-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--prop-primary), var(--prop-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(78, 195, 184, .3);\n}\n\n.prop-timeline-content {\n  flex: 1;\n  background: var(--prop-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--prop-radius-sm);\n  box-shadow: var(--prop-shadow);\n}\n\n.prop-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--prop-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.prop-timeline-content p {\n  font-size: 14px;\n  color: var(--prop-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.prop-accordion {\n  background: var(--prop-white);\n  border-radius: var(--prop-radius);\n  box-shadow: var(--prop-shadow);\n  overflow: hidden;\n}\n\n.prop-accordion-item {\n  border-bottom: 1px solid var(--prop-border);\n  margin: 0;\n  padding: 0;\n}\n\n.prop-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.prop-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--prop-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.prop-accordion-header:hover {\n  background: var(--prop-primary-light);\n}\n\n.prop-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.prop-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--prop-primary);\n  transition: transform .2s ease;\n}\n\n.prop-accordion-item[open] .prop-accordion-header::after {\n  content: '−';\n}\n\n.prop-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--prop-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.prop-accordion-content p {\n  margin: 0;\n}\n\n.prop-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--prop-primary-light);\n  border-radius: var(--prop-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n}\n\n.prop-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.prop-tip p {\n  font-size: 14px;\n  color: var(--prop-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.prop-disclaimer {\n  font-size: 12px;\n  color: var(--prop-text-light);\n  text-align: center;\n  margin-top: 1.25rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .prop-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .prop-card { padding: 1.125rem; }\n  .prop-section { margin-bottom: 1.75rem; }\n  .prop-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--prop-radius-sm);\n  }\n  .prop-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .prop-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .prop-grid-compact { gap: .625rem; }\n  .prop-grid-compact .prop-card { padding: .75rem; }\n  .prop-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .prop-timeline-content { padding: .875rem 1rem; }\n  .prop-timeline-content h3 { font-size: 14px; }\n  .prop-timeline-content p { font-size: 13px; }\n  .prop-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .prop-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .prop-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .prop-card:nth-child(1) { animation-delay: .05s; }\n  .prop-card:nth-child(2) { animation-delay: .1s; }\n  .prop-card:nth-child(3) { animation-delay: .15s; }\n  .prop-card:nth-child(4) { animation-delay: .2s; }\n  .prop-card:nth-child(5) { animation-delay: .25s; }\n  .prop-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .prop-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":45755355463837,"sku":"AP0011","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-genvice-haleine-a-la-propolis-75-ml-propolia-packshothd.webp?v=1789483717"},{"product_id":"dentifrice-bio-au-miel-de-manuka-gencives-sensibles-75-ml-comptoirs-et-compagnies","title":"Dentifrice Bio au Miel de Manuka pour Gencives Sensibles - Comptoirs et compagnies","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Dentifrice Bio au Miel de Manuka - Comptoirs et Compagnies\nPalette détectée:\n  - Primaire: #C8102E (rouge vif du bandeau packaging)\n  - Secondaire: #D4A853 (doré\/miel évoquant le manuka)\n  - Accent: #4A7C59 (vert des feuilles de manuka)\n  - Neutre: #F5F0E8 (crème\/beige naturel du fond)\nAmbiance: Naturel\/Bio, Premium, Apothicaire moderne, Néo-Zélandais\nPréfixe CSS: mk\n--\u003e\n\n\u003cdiv class=\"mk-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"mk-hero\"\u003e\n    \u003cdiv class=\"mk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mk-hero-content\"\u003e\n      \u003cdiv class=\"mk-badges-top\"\u003e\n        \u003cspan class=\"mk-badge\"\u003e🍯 Miel de Manuka IAA 15+\u003c\/span\u003e\n        \u003cspan class=\"mk-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n        \u003cspan class=\"mk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mk-hero-title\"\u003eDentifrice gencives sensibles\u003c\/span\u003e\n      \u003cp class=\"mk-subtitle\"\u003eLa puissance du miel de Manuka de Nouvelle-Zélande\u003c\/p\u003e\n      \u003cp class=\"mk-description\"\u003eUne formule unique alliant miel de Manuka antibactérien, huile essentielle de Manuka sauvage et propolis française pour apaiser vos gencives sensibles en douceur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- PROMESSE PRINCIPALE --\u003e\n  \u003csection class=\"mk-section\"\u003e\n    \u003ch2\u003ePourquoi ce dentifrice est différent\u003c\/h2\u003e\n    \u003cdiv class=\"mk-grid\"\u003e\n      \u003cdiv class=\"mk-card mk-card-highlight\"\u003e\n        \u003cdiv class=\"mk-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eAction antibactérienne\u003c\/h3\u003e\n        \u003cp\u003eLe miel de Manuka IAA 15+ offre une activité antibactérienne équivalente à une solution de phénol à 15%, scientifiquement prouvée pour réduire la plaque dentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-card\"\u003e\n        \u003cdiv class=\"mk-card-icon\"\u003e💆\u003c\/div\u003e\n        \u003ch3\u003eApaisement immédiat\u003c\/h3\u003e\n        \u003cp\u003eSoulage les inflammations et irritations des gencives sensibles dès la première utilisation pour une sensation de confort durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-card\"\u003e\n        \u003cdiv class=\"mk-card-icon\"\u003e🌸\u003c\/div\u003e\n        \u003ch3\u003eNettoyage en douceur\u003c\/h3\u003e\n        \u003cp\u003eUne formule respectueuse qui nettoie en profondeur tout en préservant l'équilibre naturel de votre flore buccale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INGRÉDIENTS CLÉS --\u003e\n  \u003csection class=\"mk-section\"\u003e\n    \u003ch2\u003eUne synergie d'actifs naturels puissants\u003c\/h2\u003e\n    \u003cdiv class=\"mk-ingredients-grid\"\u003e\n      \u003cdiv class=\"mk-ingredient-card\"\u003e\n        \u003cdiv class=\"mk-ingredient-visual\"\u003e🍯\u003c\/div\u003e\n        \u003cdiv class=\"mk-ingredient-content\"\u003e\n          \u003ch3\u003eMiel de Manuka IAA 15+\u003c\/h3\u003e\n          \u003cspan class=\"mk-ingredient-origin\"\u003eNouvelle-Zélande\u003c\/span\u003e\n          \u003cp\u003eActif antibactérien naturel utilisé depuis des siècles par les guérisseurs maoris. Chaque lot est testé en laboratoire pour garantir son indice d'activité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-ingredient-card\"\u003e\n        \u003cdiv class=\"mk-ingredient-visual\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"mk-ingredient-content\"\u003e\n          \u003ch3\u003eHuile essentielle de Manuka\u003c\/h3\u003e\n          \u003cspan class=\"mk-ingredient-origin\"\u003eSauvage\u003c\/span\u003e\n          \u003cp\u003eExtraite de l'arbuste cousin du tea tree, elle apporte des propriétés assainissantes et une fraîcheur revigorante unique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-ingredient-card\"\u003e\n        \u003cdiv class=\"mk-ingredient-visual\"\u003e🐝\u003c\/div\u003e\n        \u003cdiv class=\"mk-ingredient-content\"\u003e\n          \u003ch3\u003ePropolis française bio\u003c\/h3\u003e\n          \u003cspan class=\"mk-ingredient-origin\"\u003eFrance\u003c\/span\u003e\n          \u003cp\u003eRenforce l'action apaisante et protectrice de la formule grâce à ses bienfaits assainissants reconnus.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INDICE IAA --\u003e\n  \u003csection class=\"mk-section\"\u003e\n    \u003cdiv class=\"mk-iaa-box\"\u003e\n      \u003cdiv class=\"mk-iaa-badge\"\u003e\n        \u003cspan class=\"mk-iaa-label\"\u003eIAA®\u003c\/span\u003e\n        \u003cspan class=\"mk-iaa-value\"\u003e15+\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-iaa-content\"\u003e\n        \u003ch3\u003eL'indice IAA® : la garantie de l'efficacité\u003c\/h3\u003e\n        \u003cp\u003eL'indice apposé sur ce produit indique le niveau d'activité antibactérienne du miel de Manuka. Systématiquement testés en laboratoire, les lots de miel ayant une action identique à une solution aqueuse à 15% de phénol portent l'indice 15+.\u003c\/p\u003e\n        \u003cp class=\"mk-iaa-warning\"\u003e⚠️ Attention : certains miels de Manuka sont efficaces, d'autres non. L'indice IAA® est le garant des propriétés uniques scientifiquement mesurées.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SANS FLUOR --\u003e\n  \u003csection class=\"mk-section\"\u003e\n    \u003cdiv class=\"mk-sans-fluor\"\u003e\n      \u003cdiv class=\"mk-sans-icon\"\u003e🚫\u003c\/div\u003e\n      \u003cdiv class=\"mk-sans-content\"\u003e\n        \u003ch3\u003eFormule sans fluor\u003c\/h3\u003e\n        \u003cp\u003eUne alternative naturelle pour ceux qui préfèrent éviter le fluor, sans compromis sur l'efficacité du nettoyage et de la protection.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BIENFAITS --\u003e\n  \u003csection class=\"mk-section\"\u003e\n    \u003ch2\u003eLes résultats sur vos dents et gencives\u003c\/h2\u003e\n    \u003cdiv class=\"mk-benefits-grid\"\u003e\n      \u003cdiv class=\"mk-benefit\"\u003e\n        \u003cdiv class=\"mk-benefit-icon\"\u003e✨\u003c\/div\u003e\n        \u003cspan\u003eDents nettoyées en profondeur\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-benefit\"\u003e\n        \u003cdiv class=\"mk-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003cspan\u003eDents protégées durablement\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-benefit\"\u003e\n        \u003cdiv class=\"mk-benefit-icon\"\u003e💆\u003c\/div\u003e\n        \u003cspan\u003eGencives apaisées et soulagées\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-benefit\"\u003e\n        \u003cdiv class=\"mk-benefit-icon\"\u003e😌\u003c\/div\u003e\n        \u003cspan\u003eConfort immédiat\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-benefit\"\u003e\n        \u003cdiv class=\"mk-benefit-icon\"\u003e🌬️\u003c\/div\u003e\n        \u003cspan\u003eFraîcheur revigorante\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-benefit\"\u003e\n        \u003cdiv class=\"mk-benefit-icon\"\u003e⚖️\u003c\/div\u003e\n        \u003cspan\u003eFlore buccale préservée\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"mk-section\"\u003e\n    \u003ch2\u003eComment l'utiliser\u003c\/h2\u003e\n    \u003cdiv class=\"mk-usage-container\"\u003e\n      \u003cdiv class=\"mk-usage-step\"\u003e\n        \u003cdiv class=\"mk-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mk-step-content\"\u003e\n          \u003ch4\u003eAppliquez\u003c\/h4\u003e\n          \u003cp\u003eDéposez une petite quantité de dentifrice sur votre brosse à dents humide\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-usage-step\"\u003e\n        \u003cdiv class=\"mk-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mk-step-content\"\u003e\n          \u003ch4\u003eBrossez\u003c\/h4\u003e\n          \u003cp\u003eBrossez soigneusement pendant 3 minutes après chaque repas\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-usage-step\"\u003e\n        \u003cdiv class=\"mk-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mk-step-content\"\u003e\n          \u003ch4\u003eRincez\u003c\/h4\u003e\n          \u003cp\u003eRincez abondamment à l'eau claire\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mk-usage-note\"\u003e💡 Pour des résultats optimaux, utilisez matin et soir quotidiennement.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"mk-section\"\u003e\n    \u003ch2\u003eCe dentifrice est fait pour vous si...\u003c\/h2\u003e\n    \u003cdiv class=\"mk-grid\"\u003e\n      \u003cdiv class=\"mk-profile-card\"\u003e\n        \u003cdiv class=\"mk-profile-icon\"\u003e😣\u003c\/div\u003e\n        \u003cp\u003eVous souffrez de \u003cstrong\u003egencives sensibles\u003c\/strong\u003e ou irritées\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-profile-card\"\u003e\n        \u003cdiv class=\"mk-profile-icon\"\u003e🩸\u003c\/div\u003e\n        \u003cp\u003eVos gencives \u003cstrong\u003esaignent facilement\u003c\/strong\u003e au brossage\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-profile-card\"\u003e\n        \u003cdiv class=\"mk-profile-icon\"\u003e🌱\u003c\/div\u003e\n        \u003cp\u003eVous recherchez une \u003cstrong\u003esolution naturelle et bio\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-profile-card\"\u003e\n        \u003cdiv class=\"mk-profile-icon\"\u003e🚫\u003c\/div\u003e\n        \u003cp\u003eVous souhaitez \u003cstrong\u003eéviter le fluor\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CERTIFICATIONS --\u003e\n  \u003csection class=\"mk-section\"\u003e\n    \u003ch2\u003eNos engagements qualité\u003c\/h2\u003e\n    \u003cdiv class=\"mk-certif-grid\"\u003e\n      \u003cdiv class=\"mk-certif\"\u003e\n        \u003cdiv class=\"mk-certif-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cspan\u003eCosmétique Bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-certif\"\u003e\n        \u003cdiv class=\"mk-certif-icon\"\u003e✅\u003c\/div\u003e\n        \u003cspan\u003eCertifié Ecocert\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-certif\"\u003e\n        \u003cdiv class=\"mk-certif-icon\"\u003e🌍\u003c\/div\u003e\n        \u003cspan\u003eNeutre en CO₂\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-certif\"\u003e\n        \u003cdiv class=\"mk-certif-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003cspan\u003eFabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"mk-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"mk-info-grid\"\u003e\n      \u003cdiv class=\"mk-info-item\"\u003e\n        \u003cspan class=\"mk-info-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"mk-info-value\"\u003e75 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-info-item\"\u003e\n        \u003cspan class=\"mk-info-label\"\u003eDurée après ouverture\u003c\/span\u003e\n        \u003cspan class=\"mk-info-value\"\u003e6 mois\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-info-item\"\u003e\n        \u003cspan class=\"mk-info-label\"\u003eOrigine du miel\u003c\/span\u003e\n        \u003cspan class=\"mk-info-value\"\u003eNouvelle-Zélande\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mk-info-item\"\u003e\n        \u003cspan class=\"mk-info-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"mk-info-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PRÉCAUTIONS --\u003e\n  \u003csection class=\"mk-section\"\u003e\n    \u003cdiv class=\"mk-precautions\"\u003e\n      \u003cdiv class=\"mk-precautions-header\"\u003e\n        \u003cspan class=\"mk-precautions-icon\"\u003e⚠️\u003c\/span\u003e\n        \u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cul class=\"mk-precautions-list\"\u003e\n        \u003cli\u003eNe pas utiliser chez les enfants de moins de 7 ans\u003c\/li\u003e\n        \u003cli\u003eConvient aux femmes enceintes et allaitantes\u003c\/li\u003e\n        \u003cli\u003eÉviter le contact avec les yeux\u003c\/li\u003e\n        \u003cli\u003eNe pas avaler\u003c\/li\u003e\n        \u003cli\u003eConserver à l'abri de la chaleur\u003c\/li\u003e\n        \u003cli\u003eEn cas d'irritation persistante, cessez l'utilisation et consultez un dentiste\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"mk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mk-cta-box\"\u003e\n      \u003cdiv class=\"mk-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"mk-cta-content\"\u003e\n        \u003cp\u003eDes guérisseurs maoris à la science moderne : offrez à vos gencives sensibles le meilleur de la nature néo-zélandaise.\u003c\/p\u003e\n        \u003cp class=\"mk-cta-tagline\"\u003e🍯 Excellent par nature\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --mk-cream: #FAF8F5;\n  --mk-white: #ffffff;\n  --mk-primary: #C8102E;\n  --mk-primary-dark: #9A0C23;\n  --mk-primary-light: #FFF0F2;\n  --mk-secondary: #D4A853;\n  --mk-secondary-light: #FDF8ED;\n  --mk-accent: #4A7C59;\n  --mk-accent-light: #E8F5EC;\n\n  \/* Textes *\/\n  --mk-text: #1a1a1a;\n  --mk-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --mk-border: #e8e4de;\n  --mk-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --mk-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --mk-radius: 20px;\n  --mk-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--mk-text);\n  line-height: 1.6;\n}\n\n.mk-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mk-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--mk-primary) 0%, var(--mk-primary-dark) 50%, #7A0A1A 100%);\n  border-radius: var(--mk-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--mk-shadow-lg);\n}\n\n.mk-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(212,168,83,.15) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%),\n    url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L55 17.5 L55 42.5 L30 55 L5 42.5 L5 17.5 Z' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='1'\/%3E%3C\/svg%3E\");\n  opacity: 1;\n}\n\n.mk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.mk-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mk-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.15);\n  transition: all .3s ease;\n}\n\n.mk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mk-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.mk-subtitle {\n  color: var(--mk-secondary);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: .02em;\n}\n\n.mk-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2vw, 18px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.mk-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.mk-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mk-primary-dark);\n  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.mk-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mk-primary), var(--mk-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.mk-card {\n  background: var(--mk-white);\n  border-radius: var(--mk-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--mk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.mk-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--mk-shadow-lg);\n  border-color: var(--mk-primary);\n}\n\n.mk-card-highlight {\n  background: linear-gradient(135deg, var(--mk-primary-light) 0%, var(--mk-white) 100%);\n  border: 2px solid var(--mk-primary);\n}\n\n.mk-card-icon {\n  font-size: 40px;\n  margin-bottom: 1rem;\n}\n\n.mk-card h3 {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--mk-primary-dark);\n  margin: 0 0 0.75rem 0;\n}\n\n.mk-card p {\n  color: var(--mk-text-light);\n  font-size: 15px;\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === INGRÉDIENTS === *\/\n.mk-ingredients-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.mk-ingredient-card {\n  display: flex;\n  gap: 1.5rem;\n  background: var(--mk-white);\n  border-radius: var(--mk-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--mk-shadow);\n  border-left: 5px solid var(--mk-secondary);\n  transition: all .3s ease;\n}\n\n.mk-ingredient-card:hover {\n  transform: translateX(8px);\n  box-shadow: var(--mk-shadow-lg);\n}\n\n.mk-ingredient-visual {\n  font-size: 48px;\n  flex-shrink: 0;\n}\n\n.mk-ingredient-content h3 {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--mk-text);\n  margin: 0 0 0.25rem 0;\n}\n\n.mk-ingredient-origin {\n  display: inline-block;\n  background: var(--mk-secondary-light);\n  color: var(--mk-secondary);\n  font-size: 12px;\n  font-weight: 700;\n  padding: 4px 10px;\n  border-radius: 999px;\n  margin-bottom: 0.75rem;\n}\n\n.mk-ingredient-content p {\n  color: var(--mk-text-light);\n  font-size: 15px;\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === IAA BOX === *\/\n.mk-iaa-box {\n  display: flex;\n  gap: 2rem;\n  background: linear-gradient(135deg, var(--mk-secondary-light) 0%, var(--mk-white) 100%);\n  border-radius: var(--mk-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid var(--mk-secondary);\n  align-items: flex-start;\n}\n\n.mk-iaa-badge {\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100px;\n  height: 100px;\n  background: linear-gradient(135deg, var(--mk-secondary) 0%, #B8923D 100%);\n  border-radius: 50%;\n  box-shadow: 0 8px 24px rgba(212,168,83,.4);\n}\n\n.mk-iaa-label {\n  color: white;\n  font-size: 14px;\n  font-weight: 800;\n}\n\n.mk-iaa-value {\n  color: white;\n  font-size: 32px;\n  font-weight: 900;\n  line-height: 1;\n}\n\n.mk-iaa-content h3 {\n  font-size: 22px;\n  font-weight: 800;\n  color: var(--mk-text);\n  margin: 0 0 1rem 0;\n}\n\n.mk-iaa-content p {\n  color: var(--mk-text-light);\n  font-size: 15px;\n  margin: 0 0 1rem 0;\n  line-height: 1.7;\n}\n\n.mk-iaa-warning {\n  background: rgba(200,16,46,.08);\n  padding: 12px 16px;\n  border-radius: var(--mk-radius-sm);\n  font-weight: 600;\n  color: var(--mk-primary-dark) !important;\n}\n\n\/* === SANS FLUOR === *\/\n.mk-sans-fluor {\n  display: flex;\n  gap: 1.5rem;\n  background: var(--mk-accent-light);\n  border-radius: var(--mk-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 2px solid var(--mk-accent);\n  align-items: center;\n}\n\n.mk-sans-icon {\n  font-size: 40px;\n  flex-shrink: 0;\n}\n\n.mk-sans-content h3 {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--mk-accent);\n  margin: 0 0 0.5rem 0;\n}\n\n.mk-sans-content p {\n  color: var(--mk-text-light);\n  font-size: 15px;\n  margin: 0;\n}\n\n\/* === BÉNÉFICES === *\/\n.mk-benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.mk-benefit {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  background: var(--mk-white);\n  border-radius: var(--mk-radius-sm);\n  padding: 1.5rem 1rem;\n  box-shadow: var(--mk-shadow);\n  transition: all .3s ease;\n}\n\n.mk-benefit:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--mk-shadow-lg);\n}\n\n.mk-benefit-icon {\n  font-size: 32px;\n  margin-bottom: 0.75rem;\n}\n\n.mk-benefit span {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mk-text);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.mk-usage-container {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.mk-usage-step {\n  display: flex;\n  gap: 1.5rem;\n  background: var(--mk-white);\n  border-radius: var(--mk-radius);\n  padding: 1.5rem;\n  box-shadow: var(--mk-shadow);\n  align-items: center;\n  transition: all .3s ease;\n}\n\n.mk-usage-step:hover {\n  transform: translateX(8px);\n}\n\n.mk-step-number {\n  flex-shrink: 0;\n  width: 50px;\n  height: 50px;\n  background: linear-gradient(135deg, var(--mk-primary) 0%, var(--mk-primary-dark) 100%);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 24px;\n  font-weight: 900;\n}\n\n.mk-step-content h4 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--mk-text);\n  margin: 0 0 0.25rem 0;\n}\n\n.mk-step-content p {\n  color: var(--mk-text-light);\n  font-size: 15px;\n  margin: 0;\n}\n\n.mk-usage-note {\n  text-align: center;\n  color: var(--mk-text-light);\n  font-size: 14px;\n  font-style: italic;\n  margin-top: 1rem;\n}\n\n\/* === PROFILS === *\/\n.mk-profile-card {\n  background: var(--mk-white);\n  border-radius: var(--mk-radius);\n  padding: 1.5rem;\n  box-shadow: var(--mk-shadow);\n  text-align: center;\n  transition: all .3s ease;\n  border: 2px solid transparent;\n}\n\n.mk-profile-card:hover {\n  border-color: var(--mk-primary);\n  transform: translateY(-4px);\n}\n\n.mk-profile-icon {\n  font-size: 40px;\n  margin-bottom: 0.75rem;\n}\n\n.mk-profile-card p {\n  font-size: 15px;\n  color: var(--mk-text-light);\n  margin: 0;\n}\n\n.mk-profile-card strong {\n  color: var(--mk-text);\n}\n\n\/* === CERTIFICATIONS === *\/\n.mk-certif-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 1rem;\n}\n\n.mk-certif {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  background: var(--mk-white);\n  border-radius: var(--mk-radius-sm);\n  padding: 1.5rem 1rem;\n  box-shadow: var(--mk-shadow);\n}\n\n.mk-certif-icon {\n  font-size: 36px;\n  margin-bottom: 0.5rem;\n}\n\n.mk-certif span {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mk-text);\n}\n\n\/* === INFOS === *\/\n.mk-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n  background: var(--mk-white);\n  border-radius: var(--mk-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--mk-shadow);\n}\n\n.mk-info-item {\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n  border-radius: var(--mk-radius-sm);\n  background: var(--mk-cream);\n}\n\n.mk-info-label {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mk-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: 0.25rem;\n}\n\n.mk-info-value {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--mk-primary-dark);\n}\n\n\/* === PRÉCAUTIONS === *\/\n.mk-precautions {\n  background: #FFF9E6;\n  border-radius: var(--mk-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 2px solid #F0D860;\n}\n\n.mk-precautions-header {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-bottom: 1rem;\n}\n\n.mk-precautions-icon {\n  font-size: 28px;\n}\n\n.mk-precautions h3 {\n  font-size: 20px;\n  font-weight: 800;\n  color: #8B7500;\n  margin: 0;\n}\n\n.mk-precautions-list {\n  margin: 0;\n  padding-left: 1.5rem;\n}\n\n.mk-precautions-list li {\n  color: var(--mk-text-light);\n  font-size: 14px;\n  margin-bottom: 0.5rem;\n  line-height: 1.5;\n}\n\n.mk-precautions-list li:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA === *\/\n.mk-cta-box {\n  background: linear-gradient(135deg, var(--mk-primary) 0%, var(--mk-primary-dark) 100%);\n  border-radius: var(--mk-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mk-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 10% 90%, rgba(212,168,83,.2) 0%, transparent 40%),\n    radial-gradient(circle at 90% 10%, rgba(255,255,255,.1) 0%, transparent 30%);\n  opacity: 1;\n}\n\n.mk-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.mk-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.2);\n  margin: 0 0 1rem 0;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.mk-cta-tagline {\n  color: var(--mk-secondary) !important;\n  font-size: clamp(22px, 4vw, 28px) !important;\n  font-weight: 900 !important;\n  margin-top: 1.5rem !important;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .mk-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .mk-iaa-box {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n  \n  .mk-ingredient-card {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .mk-sans-fluor {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .mk-benefits-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mk-card,\n  .mk-ingredient-card,\n  .mk-benefit,\n  .mk-profile-card,\n  .mk-certif,\n  .mk-usage-step {\n    animation: mkFadeInUp .6s ease backwards;\n  }\n  \n  .mk-card:nth-child(1),\n  .mk-ingredient-card:nth-child(1),\n  .mk-benefit:nth-child(1),\n  .mk-profile-card:nth-child(1),\n  .mk-certif:nth-child(1),\n  .mk-usage-step:nth-child(1) { animation-delay: .1s; }\n  \n  .mk-card:nth-child(2),\n  .mk-ingredient-card:nth-child(2),\n  .mk-benefit:nth-child(2),\n  .mk-profile-card:nth-child(2),\n  .mk-certif:nth-child(2),\n  .mk-usage-step:nth-child(2) { animation-delay: .2s; }\n  \n  .mk-card:nth-child(3),\n  .mk-ingredient-card:nth-child(3),\n  .mk-benefit:nth-child(3),\n  .mk-profile-card:nth-child(3),\n  .mk-certif:nth-child(3),\n  .mk-usage-step:nth-child(3) { animation-delay: .3s; }\n  \n  .mk-card:nth-child(4),\n  .mk-benefit:nth-child(4),\n  .mk-profile-card:nth-child(4),\n  .mk-certif:nth-child(4) { animation-delay: .4s; }\n  \n  .mk-benefit:nth-child(5) { animation-delay: .5s; }\n  .mk-benefit:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes mkFadeInUp {\n  from { \n    opacity: 0; \n    transform: translateY(40px); \n  }\n  to { \n    opacity: 1; \n    transform: translateY(0); \n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .mk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .mk-card,\n  .mk-ingredient-card,\n  .mk-benefit,\n  .mk-profile-card {\n    border: 2px solid var(--mk-text);\n  }\n  \n  .mk-hero-title,\n  .mk-cta-box p {\n    text-shadow: none;\n  }\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":45755373387933,"sku":"NBAICCO0013","price":7.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-bio-au-miel-de-manuka-pour-gencives-sensibles-com-packshothd.webp?v=1790356554"},{"product_id":"dentifrice-enfant-fruits-rouges-centifolia-75ml","title":"Dentifrice Fruits Rouges Enfants - 75ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n\n  \u003cdiv class=\"cf-hero\"\u003e\n    \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cf-hero-content\"\u003e\n      \u003cdiv class=\"cf-badges-top\"\u003e\n        \u003cspan class=\"cf-badge\"\u003e🌱 99% d'origine naturelle\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e🍓 Goût fruits rouges\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e✅ COSMOS Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cf-hero-title\"\u003eLe brossage devient un moment gourmand et rassurant\u003c\/span\u003e\n      \u003cp class=\"cf-subtitle\"\u003eDentifrice bio sans fluor pour enfants de 2 à 6 ans\u003c\/p\u003e\n      \u003cp class=\"cf-description\"\u003eUne formule douce à l'Aloe Vera bio, certifiée COSMOS Organic, qui protège les dents de lait tout en apaisant les gencives sensibles. Sécurisée en cas d'ingestion accidentelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eUn dentifrice pensé pour les dents de lait\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eLes dents de lait sont fragiles et leur émail nécessite un soin adapté. Ce dentifrice bio enfant nettoie en douceur grâce à la \u003cstrong\u003esilice hydratée\u003c\/strong\u003e, qui élimine la plaque dentaire sans abîmer l'émail. Enrichi en \u003cstrong\u003eAloe Vera bio\u003c\/strong\u003e, il apaise les gencives sensibles et hydrate la muqueuse buccale, une vraie alternative douce aux dentifrices classiques type dentifrice Oral-B enfant.\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🦷 Protège l'émail fragile\u003c\/h3\u003e\n        \u003cp\u003eSilice hydratée pour un nettoyage tout en douceur, sans abrasion des dents de lait.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌿 Apaise les gencives\u003c\/h3\u003e\n        \u003cp\u003eL'Aloe Vera bio hydrate la muqueuse buccale et calme les sensibilités.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e💧 Formule ultra douce\u003c\/h3\u003e\n        \u003cp\u003eSans sulfates ni agents moussants agressifs, parfait pour les bouches délicates.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cf-tip\"\u003e\n      \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eVous cherchez un \u003cstrong\u003edentifrice sensibilité dentaire enfant\u003c\/strong\u003e sans compromis ? Cette formule convient parfaitement aux enfants qui supportent mal les dentifrices mentholés trop forts.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eFormule à 99% d'origine naturelle, vegan, sans fluor, sans sulfate, sans colorant.\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌵 Aloe Vera bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eAloe Barbadensis Leaf Juice Powder\u003c\/em\u003e — apaisant et protecteur des gencives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e💦 Glycérine\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eGlycerin\u003c\/em\u003e — hydrate la cavité buccale pour un confort optimal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🛡️ Sorbitol\u003c\/h3\u003e\n        \u003cp\u003eLimite naturellement la formation des caries chez l'enfant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e✨ Silice hydratée\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eHydrated Silica\u003c\/em\u003e — nettoie et polit les dents en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌾 Tensioactif végétal\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eSodium Lauroyl Glutamate\u003c\/em\u003e — mousse douce d'origine végétale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌸 Eau florale de Néroli bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eCitrus Aurantium Amara Flower Water\u003c\/em\u003e — rafraîchit l'haleine délicatement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🍓 Arôme fruits rouges\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eAroma\u003c\/em\u003e — arôme naturel gourmand pour un brossage plaisir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🧪 Conservateurs bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003ePotassium Sorbate, Sodium Benzoate\u003c\/em\u003e — autorisés en cosmétique bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"cf-timeline\"\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003eUne petite noisette suffit\u003c\/h3\u003e\n          \u003cp\u003eDéposez la taille d'un petit pois sur une brosse à dents souple adaptée à l'âge de votre enfant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003eBrossage 2 fois par jour\u003c\/h3\u003e\n          \u003cp\u003eMatin et soir, pendant au moins 2 minutes, pour un résultat optimal.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003eAccompagnez votre enfant\u003c\/h3\u003e\n          \u003cp\u003eJusqu'à 6-7 ans, vérifiez le geste et le rinçage pour un apprentissage réussi.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003eSécurité avant tout\u003c\/h3\u003e\n          \u003cp\u003eRéservé aux enfants de 2 à 6 ans. Tenir hors de portée des plus petits.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce dentifrice bio enfant ?\u003c\/h2\u003e\n    \u003cdiv class=\"cf-grid-compact\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🚫 Sans fluor\u003c\/h3\u003e\n        \u003cp\u003eSécurité maximale en cas d'ingestion.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🍓 Goût gourmand\u003c\/h3\u003e\n        \u003cp\u003eFruits rouges naturels, brossage ludique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌵 Aloe Vera bio\u003c\/h3\u003e\n        \u003cp\u003eApaisant pour gencives sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e✅ Certifié COSMOS\u003c\/h3\u003e\n        \u003cp\u003eOrganic Ecocert \u0026amp; vegan.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eDémarche écoresponsable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e💚 99% naturel\u003c\/h3\u003e\n        \u003cp\u003eSans sulfate, sans colorant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"cf-accordion\"\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e👶 À partir de quel âge utiliser ce dentifrice ?\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eIl est formulé pour les enfants de 2 à 6 ans. Avant 2 ans, demandez conseil à votre dentiste ou pédiatre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e🚫 Pourquoi un dentifrice sans fluor ?\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eLes jeunes enfants ne maîtrisent pas toujours le rinçage. Une formule sans fluor évite tout risque de surdosage. Si votre dentiste recommande du fluor, parlez-en avec lui pour adapter le choix.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e🌿 Convient-il aux gencives sensibles ?\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, sa formule douce à l'Aloe Vera bio est idéale en cas de sensibilité dentaire chez l'enfant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"cf-cta-box\"\u003e\n      \u003cp\u003e🦸‍♀️🦸‍♂️ Offrez à vos enfants un brossage sûr, doux et gourmand — un vrai geste de super-héros pour leurs dents de lait !\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cf-disclaimer\"\u003eCe produit est un dentifrice cosmétique d'hygiène bucco-dentaire et ne remplace en aucun cas une consultation chez votre chirurgien-dentiste. Un suivi dentaire régulier reste indispensable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cf-cream: #fdf8f9;\n  --cf-white: #ffffff;\n  --cf-primary: #b8partition;\n  --cf-primary: #b41e5f;\n  --cf-primary-dark: #8a1548;\n  --cf-primary-light: #fce4ee;\n  --cf-secondary: #e94b8a;\n  --cf-accent: #ff6b9d;\n  --cf-text: #1a1a1a;\n  --cf-text-light: #5a5a5a;\n  --cf-border: #f0d5df;\n  --cf-shadow: 0 4px 24px rgba(180,30,95,.08);\n  --cf-shadow-lg: 0 12px 48px rgba(180,30,95,.18);\n  --cf-radius: 20px;\n  --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cf-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cf-text);\n}\n\n.cf-hero {\n  position: relative;\n  background: linear-gradient(135deg, #b41e5f 0%, #e94b8a 50%, #ff8fb8 100%);\n  border-radius: var(--cf-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n  opacity: .3;\n}\n\n.cf-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cf-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 6vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.cf-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.cf-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  line-height: 1.6;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n.cf-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cf-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cf-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cf-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cf-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.cf-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n  border-radius: 2px;\n}\n\n.cf-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cf-text-light);\n  margin-bottom: 1.75rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.cf-section-intro strong {\n  color: var(--cf-primary-dark);\n}\n\n.cf-card {\n  background: var(--cf-white);\n  border-radius: var(--cf-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--cf-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cf-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cf-shadow-lg);\n  border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cf-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cf-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cf-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cf-card p em {\n  color: var(--cf-primary);\n  font-style: italic;\n  font-weight: 600;\n}\n\n.cf-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cf-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n  padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n  font-size: 12px;\n}\n\n.cf-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 780px;\n  margin: 0 auto;\n}\n\n.cf-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cf-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(180,30,95,.3);\n}\n\n.cf-timeline-content {\n  flex: 1;\n  background: var(--cf-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cf-radius-sm);\n  box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cf-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n  font-size: 14px;\n  color: var(--cf-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cf-accordion {\n  background: var(--cf-white);\n  border-radius: var(--cf-radius);\n  box-shadow: var(--cf-shadow);\n  overflow: hidden;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.cf-accordion-item {\n  border-bottom: 1px solid var(--cf-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cf-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cf-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cf-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cf-accordion-header:hover {\n  background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cf-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cf-primary);\n  transition: transform .2s ease;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n  content: '−';\n}\n\n.cf-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cf-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cf-accordion-content p {\n  margin: 0;\n}\n\n.cf-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cf-primary-light);\n  border-radius: var(--cf-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--cf-primary);\n}\n\n.cf-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cf-tip p {\n  font-size: 14px;\n  color: var(--cf-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cf-tip p strong {\n  color: var(--cf-primary-dark);\n}\n\n.cf-cta-box {\n  background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n  border-radius: var(--cf-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -20%;\n  width: 300px;\n  height: 300px;\n  background: radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 70%);\n  border-radius: 50%;\n}\n\n.cf-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n.cf-disclaimer {\n  font-size: 12px;\n  color: var(--cf-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  max-width: 780px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .cf-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .cf-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  \n  .cf-grid-compact .cf-card {\n    padding: .75rem;\n  }\n  \n  .cf-card {\n    padding: 1.125rem;\n  }\n  \n  .cf-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .cf-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cf-radius-sm);\n  }\n  \n  .cf-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .cf-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .cf-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .cf-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .cf-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .cf-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .cf-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .cf-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .cf-badge {\n    font-size: 11px;\n    padding: 6px 12px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cf-card {\n    animation: cfFadeInUp .5s ease backwards;\n  }\n  .cf-card:nth-child(1) { animation-delay: .05s; }\n  .cf-card:nth-child(2) { animation-delay: .1s; }\n  .cf-card:nth-child(3) { animation-delay: .15s; }\n  .cf-card:nth-child(4) { animation-delay: .2s; }\n  .cf-card:nth-child(5) { animation-delay: .25s; }\n  .cf-card:nth-child(6) { animation-delay: .3s; }\n  .cf-card:nth-child(7) { animation-delay: .35s; }\n  .cf-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes cfFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cf-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502897652089,"sku":"CE0601","price":4.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-fruits-rouges-enfants-75ml-centifolia-packshothd.webp?v=1789906613"},{"product_id":"dentifrice-haleine-fraiche-75ml-centifolia","title":"Dentifrice Haleine Fraîche - 75ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n  \u003cdiv class=\"cf-hero\"\u003e\n    \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cf-hero-content\"\u003e\n      \u003cdiv class=\"cf-badges-top\"\u003e\n        \u003cspan class=\"cf-badge\"\u003e🌿 99% d'origine naturelle\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e✅ Certifié BIO\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cf-hero-title\"\u003eLa fraîcheur intense de la menthe verte bio\u003c\/span\u003e\n      \u003cp class=\"cf-subtitle\" style=\"color:lightgrey;\"\u003eUn soin bucco-dentaire naturel, efficace et engagé\u003c\/p\u003e\n      \u003cp class=\"cf-description\" style=\"color:white;\"\u003eLe Dentifrice Haleine Fraîche 75ml de Centifolia associe la puissance du fluor à la fraîcheur intense de la menthe verte bio pour un brossage complet, doux et respectueux de votre bouche.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce dentifrice contre la mauvaise haleine ?\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eLa mauvaise haleine, ou halitose, est souvent liée à une accumulation de bactéries dans la cavité buccale. Ce dentifrice Centifolia agit à la fois sur la fraîcheur et sur la propreté en profondeur.\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌱 99% naturel\u003c\/h3\u003e\n        \u003cp\u003eIngrédients d'origine naturelle, dont des actifs issus de l'agriculture biologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌿 Menthe verte BIO\u003c\/h3\u003e\n        \u003cp\u003ePour une sensation de fraîcheur longue durée qui neutralise les odeurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🦷 Fluorure de sodium\u003c\/h3\u003e\n        \u003cp\u003eRenforce l'émail et prévient efficacement l'apparition des caries.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🚫 Sans ingrédients agressifs\u003c\/h3\u003e\n        \u003cp\u003eSans sulfates, sans parabènes, sans triclosan, sans microplastiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n        \u003cp\u003eFormule adaptée aux femmes enceintes ou allaitantes en toute sérénité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e💚 100% Vegan\u003c\/h3\u003e\n        \u003cp\u003eUne formule respectueuse des animaux et de la planète.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eUne fraîcheur intense qui dure toute la journée\u003c\/h2\u003e\n    \u003cp\u003eGrâce à l'extrait de \u003cstrong\u003ementhe verte bio\u003c\/strong\u003e et à un dosage précis en arômes naturels, ce dentifrice haleine fraîche neutralise efficacement les odeurs désagréables tout en respectant l'équilibre de votre flore buccale.\u003c\/p\u003e\n    \u003cp\u003eConsidéré par de nombreux utilisateurs comme l'un des \u003cstrong\u003emeilleurs dentifrices pour mauvaise haleine\u003c\/strong\u003e dans la catégorie naturelle, il offre une alternative douce aux formules classiques souvent trop agressives.\u003c\/p\u003e\n    \u003cdiv class=\"cf-tip\"\u003e\n      \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e La langue est le principal foyer des bactéries responsables de l'halitose. Un brossage régulier de sa surface complète parfaitement l'action du dentifrice.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003ePour profiter pleinement de ses bienfaits, suivez ce rituel simple matin et soir.\u003c\/p\u003e\n    \u003cdiv class=\"cf-timeline\"\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003e🪥 Déposer\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de dentifrice sur une brosse souple ou medium.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003e⏱️ Brosser 2 minutes\u003c\/h3\u003e\n          \u003cp\u003eBrossez pendant 2 minutes minimum, matin et soir, par mouvements circulaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003e👅 Insister sur la langue\u003c\/h3\u003e\n          \u003cp\u003eInsistez sur la ligne gencive-dent et la langue, foyer des bactéries responsables de l'halitose.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003e💧 Rincer\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment. Complétez avec du fil dentaire et un bain de bouche doux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eFormule transparente, à 99% d'origine naturelle.\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n        \u003cp\u003eEau, base de la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌿 Glycerin\u003c\/h3\u003e\n        \u003cp\u003eHydratant d'origine végétale pour préserver le confort buccal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e✨ Hydrated silica\u003c\/h3\u003e\n        \u003cp\u003eAgent nettoyant doux qui polit délicatement l'émail.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🤍 Kaolin\u003c\/h3\u003e\n        \u003cp\u003eArgile blanche purifiante, respectueuse des muqueuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🦷 Sodium fluoride\u003c\/h3\u003e\n        \u003cp\u003e1450 ppm de fluor pour une protection anti-caries efficace.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌱 Mentha viridis*\u003c\/h3\u003e\n        \u003cp\u003eHuile essentielle de menthe verte BIO pour une fraîcheur intense.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cf-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. Sans sulfates SLS\/SLES, sans triclosan, sans huiles minérales, sans microbilles plastiques.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"cf-accordion\"\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e🌸 Ce dentifrice convient-il aux gencives sensibles ?\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, sa formule sans tensioactifs irritants et enrichie en kaolin respecte les muqueuses fragiles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e👶 Est-il adapté aux enfants ?\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eSa teneur en fluor (1450 ppm) le destine aux adultes et adolescents. Pour les plus jeunes, privilégiez un dentifrice spécifique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e🤰 Peut-on l'utiliser pendant la grossesse ?\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, il convient parfaitement aux femmes enceintes et allaitantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eOrigine et engagement Centifolia\u003c\/h2\u003e\n    \u003cdiv class=\"cf-cta-box\"\u003e\n      \u003cp\u003eFabriqué en France et certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, ce dentifrice porte l'ADN de Centifolia, marque pionnière de la cosméto-botanique. Ingrédients tracés, circuits courts, engagement écologique : un soin bucco-dentaire qui prend soin de vous comme de la planète. 🌍\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cf-disclaimer\"\u003eCe produit est un cosmétique d'hygiène bucco-dentaire et ne remplace pas un avis médical ou un suivi par votre dentiste en cas d'halitose persistante.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cf-cream: #f5f9f3;\n  --cf-white: #ffffff;\n  --cf-primary: #7ab547;\n  --cf-primary-dark: #4a7c2a;\n  --cf-primary-light: #e8f3de;\n  --cf-secondary: #a8d47a;\n  --cf-accent: #2d5016;\n  --cf-text: #1a2e0f;\n  --cf-text-light: #5a6b52;\n  --cf-border: #d8e6cc;\n  --cf-shadow: 0 4px 24px rgba(74,124,42,.08);\n  --cf-shadow-lg: 0 12px 48px rgba(74,124,42,.18);\n  --cf-radius: 20px;\n  --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cf-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cf-text);\n}\n\n.cf-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7ab547 0%, #4a7c2a 50%, #2d5016 100%);\n  border-radius: var(--cf-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 2px), radial-gradient(circle at 80% 70%, white 2px, transparent 2px);\n  background-size: 60px 60px;\n  opacity: .06;\n}\n\n.cf-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cf-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.cf-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.cf-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.6;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.cf-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cf-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cf-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n.cf-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cf-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.cf-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n  border-radius: 2px;\n}\n\n.cf-premium p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  color: var(--cf-text);\n}\n\n.cf-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cf-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.cf-card {\n  background: var(--cf-white);\n  border-radius: var(--cf-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cf-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cf-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cf-shadow-lg);\n  border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cf-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cf-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cf-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cf-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cf-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cf-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cf-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cf-primary), var(--cf-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(74,124,42,.3);\n}\n\n.cf-timeline-content {\n  flex: 1;\n  background: var(--cf-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cf-radius-sm);\n  box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cf-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n  font-size: 14px;\n  color: var(--cf-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cf-accordion {\n  background: var(--cf-white);\n  border-radius: var(--cf-radius);\n  box-shadow: var(--cf-shadow);\n  overflow: hidden;\n}\n\n.cf-accordion-item {\n  border-bottom: 1px solid var(--cf-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cf-accordion-item:last-child { border-bottom: none; }\n\n.cf-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cf-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cf-accordion-header:hover { background: var(--cf-primary-light); }\n.cf-accordion-header::-webkit-details-marker { display: none; }\n\n.cf-accordion-header::after {\n  content: '+';\n  font-size: 24px;\n  font-weight: 400;\n  color: var(--cf-primary);\n  transition: transform .2s ease;\n  margin-left: 1rem;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after { content: '−'; }\n\n.cf-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cf-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cf-accordion-content p { margin: 0; }\n\n.cf-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cf-primary-light);\n  border-radius: var(--cf-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--cf-primary);\n}\n\n.cf-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cf-tip p {\n  font-size: 14px;\n  color: var(--cf-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cf-cta-box {\n  background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n  border-radius: var(--cf-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.cf-disclaimer {\n  font-size: 12px;\n  color: var(--cf-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .cf-grid { grid-template-columns: 1fr; gap: 1rem; }\n  .cf-card { padding: 1.125rem; }\n  .cf-section { margin-bottom: 1.75rem; }\n  .cf-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--cf-radius-sm); }\n  .cf-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n  .cf-premium h2::after { width: 40px; height: 3px; }\n  .cf-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n  .cf-timeline-content { padding: .875rem 1rem; }\n  .cf-timeline-content h3 { font-size: 14px; }\n  .cf-timeline-content p { font-size: 13px; }\n  .cf-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n  .cf-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cf-card { animation: cfFadeInUp .5s ease backwards; }\n  .cf-card:nth-child(1) { animation-delay: .05s; }\n  .cf-card:nth-child(2) { animation-delay: .1s; }\n  .cf-card:nth-child(3) { animation-delay: .15s; }\n  .cf-card:nth-child(4) { animation-delay: .2s; }\n  .cf-card:nth-child(5) { animation-delay: .25s; }\n  .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cf-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502898405753,"sku":"CE0476","price":3.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-haleine-fraiche-75ml-centifolia-packshothd.webp?v=1790409484"},{"product_id":"dentifrice-fluor-protection-integrale-75ml-centifolia","title":"Dentifrice Fluor Protection Integrale 75Ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n  \u003cdiv class=\"cf-hero\"\u003e\n    \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cf-hero-content\"\u003e\n      \u003cdiv class=\"cf-badges-top\"\u003e\n        \u003cspan class=\"cf-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e✨ 1450 ppm\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cf-hero-title\"\u003eDentifrice Fluor Protection Intégrale\u003c\/span\u003e\n      \u003cp class=\"cf-subtitle\"\u003eÀ l'Aloe Vera équitable \u0026amp; Bio · 75 ml\u003c\/p\u003e\n      \u003cp class=\"cf-description\"\u003eUne formule cosméto-botanique signée Centifolia, alliant l'efficacité préventive du fluor à la douceur des actifs naturels pour des dents protégées et des gencives apaisées au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un dentifrice fluoré ?\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eLa question revient souvent : faut-il privilégier un dentifrice avec ou sans fluor ? La réponse des chirurgiens-dentistes est claire.\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid-compact\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🛡️ Prévention reconnue\u003c\/h3\u003e\n        \u003cp\u003eLe fluor reste l'ingrédient le mieux étudié pour prévenir efficacement la formation des caries.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e💎 Reminéralisation\u003c\/h3\u003e\n        \u003cp\u003eIl renforce l'émail attaqué par les acides alimentaires et consolide la couche externe de la dent.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e✅ Dosage sécurisé\u003c\/h3\u003e\n        \u003cp\u003e1450 ppm : le dosage recommandé pour les adultes, sûr et efficace dès 6 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🤰 Tolérance optimale\u003c\/h3\u003e\n        \u003cp\u003eConvient également aux femmes enceintes et allaitantes, sans risque connu à dose adaptée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cf-tip\"\u003e\n      \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eLe supposé danger du dentifrice fluor n'apparaît qu'en cas de surdosage prolongé. À la dose recommandée, son usage quotidien est validé par les autorités de santé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eUne formule botanique et protectrice\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eCentifolia a misé sur des actifs naturels rigoureusement sélectionnés pour compléter l'action du fluor.\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🦷 Fluorure de sodium (1450 ppm)\u003c\/h3\u003e\n        \u003cp\u003eReminéralise l'émail et prévient activement la formation des caries.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌵 Aloe Vera bio équitable\u003c\/h3\u003e\n        \u003cp\u003eAdoucit et apaise les gencives sensibles avec une douceur incomparable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🍃 Extrait de feuilles de bouleau\u003c\/h3\u003e\n        \u003cp\u003ePurifie et tonifie la sphère gingivale pour une bouche saine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e⚪ Carbonate de calcium\u003c\/h3\u003e\n        \u003cp\u003eAbrasif doux qui nettoie en profondeur sans abîmer l'émail.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌿 Huiles essentielles de menthe\u003c\/h3\u003e\n        \u003cp\u003eProcurent une haleine fraîche et durable à chaque brossage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🚫 Sans compromis\u003c\/h3\u003e\n        \u003cp\u003eSans SLS, sans dioxyde de titane, sans parabènes. 100 % vegan.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"cf-timeline\"\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003e🪥 Préparez votre brosse\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de dentifrice sur une brosse souple ou medium.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003e⏱️ Brossez en douceur\u003c\/h3\u003e\n          \u003cp\u003eBrossez délicatement pendant 2 à 3 minutes, de la gencive vers la dent.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003e🌅 Matin et soir\u003c\/h3\u003e\n          \u003cp\u003eRenouvelez le brossage matin et soir, idéalement après chaque repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003e💧 Rincez sans avaler\u003c\/h3\u003e\n          \u003cp\u003eRecrachez sans avaler, puis rincez soigneusement la bouche.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cf-tip\"\u003e\n      \u003cspan class=\"cf-tip-icon\"\u003e👶\u003c\/span\u003e\n      \u003cp\u003eRéservé aux adultes et enfants à partir de 6 ans.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eLes bienfaits au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"cf-grid-compact\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🛡️ Anti-caries\u003c\/h3\u003e\n        \u003cp\u003eProtection optimale grâce au fluor à 1450 ppm.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e💎 Émail renforcé\u003c\/h3\u003e\n        \u003cp\u003eReminéralisation jour après jour pour une dent solide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌿 Gencives apaisées\u003c\/h3\u003e\n        \u003cp\u003eAction douce et calmante de l'aloe vera bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e❄️ Haleine fraîche\u003c\/h3\u003e\n        \u003cp\u003eSensation de fraîcheur longue durée à chaque brossage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e✨ Texture onctueuse\u003c\/h3\u003e\n        \u003cp\u003eMousse légère et goût agréable pour un plaisir quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e💚 Formule clean\u003c\/h3\u003e\n        \u003cp\u003eSans ingrédients controversés, respectueuse de la bouche.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eOrigine et engagement Centifolia\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eFabriqué en France, certifié Cosmos Organic et formulé à 100 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌱 35 ans d'expertise\u003c\/h3\u003e\n        \u003cp\u003eCentifolia, marque pionnière de la cosméto-botanique, sélectionne des matières premières d'exception.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🤝 Filières équitables\u003c\/h3\u003e\n        \u003cp\u003eDes ingrédients issus de filières biologiques et équitables, comme l'aloe vera de cette formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e♻️ Éco-conception\u003c\/h3\u003e\n        \u003cp\u003eLe tube est conçu pour limiter son impact environnemental, en cohérence avec les valeurs de la marque.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"cf-accordion\"\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e🦷 Le fluor et le dentifrice sont-ils compatibles avec un usage quotidien ?\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, à dose adaptée, le dentifrice au fluor est recommandé matin et soir par les autorités de santé. Le dosage de 1450 ppm est validé pour un usage biquotidien chez les adultes et enfants à partir de 6 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e😬 Convient-il aux dents sensibles ?\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eSa formule douce, sans SLS, est bien tolérée par la majorité des bouches sensibles. Les actifs apaisants comme l'aloe vera bio renforcent ce confort au brossage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e🤰 Est-il adapté aux femmes enceintes ou allaitantes ?\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, la formule convient aux femmes enceintes et allaitantes. Elle est exempte d'ingrédients controversés et formulée pour respecter les peaux et bouches les plus sensibles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cem\u003eCe dentifrice ne remplace pas une consultation chez votre dentiste. En cas de doute ou de problème bucco-dentaire, demandez l'avis d'un professionnel de santé.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cf-cream: #f5f9f6;\n  --cf-white: #ffffff;\n  --cf-primary: #7cb89d;\n  --cf-primary-dark: #3d6b58;\n  --cf-primary-light: #e8f2ec;\n  --cf-secondary: #a8d4be;\n  --cf-accent: #c5e3d2;\n  --cf-text: #1a2e26;\n  --cf-text-light: #5a6b63;\n  --cf-border: #d8e6df;\n  --cf-shadow: 0 4px 24px rgba(61,107,88,.08);\n  --cf-shadow-lg: 0 12px 48px rgba(61,107,88,.15);\n  --cf-radius: 20px;\n  --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cf-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cf-text);\n}\n\n.cf-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7cb89d 0%, #5a9b81 50%, #3d6b58 100%);\n  border-radius: var(--cf-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n  opacity: .15;\n}\n\n.cf-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cf-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  line-height: 1.1;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cf-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.cf-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.cf-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cf-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cf-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cf-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cf-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.cf-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n  border-radius: 2px;\n}\n\n.cf-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cf-text-light);\n  margin-bottom: 1.75rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.6;\n}\n\n.cf-card {\n  background: var(--cf-white);\n  border-radius: var(--cf-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cf-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cf-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cf-shadow-lg);\n  border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cf-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cf-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cf-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cf-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cf-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n  padding: 1.125rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n  font-size: 12.5px;\n}\n\n.cf-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.cf-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cf-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cf-primary), var(--cf-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(61,107,88,.25);\n}\n\n.cf-timeline-content {\n  flex: 1;\n  background: var(--cf-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cf-radius-sm);\n  box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cf-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n  font-size: 14px;\n  color: var(--cf-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cf-accordion {\n  background: var(--cf-white);\n  border-radius: var(--cf-radius);\n  box-shadow: var(--cf-shadow);\n  overflow: hidden;\n}\n\n.cf-accordion-item {\n  border-bottom: 1px solid var(--cf-border);\n}\n\n.cf-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cf-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cf-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n}\n\n.cf-accordion-header:hover {\n  background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cf-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cf-primary);\n  transition: transform .2s ease;\n  flex-shrink: 0;\n  margin-left: 1rem;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n  content: '−';\n}\n\n.cf-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cf-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cf-accordion-content p {\n  margin: 0;\n}\n\n.cf-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cf-primary-light);\n  border-radius: var(--cf-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--cf-primary);\n}\n\n.cf-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cf-tip p {\n  font-size: 14px;\n  color: var(--cf-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .cf-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .cf-card {\n    padding: 1.125rem;\n  }\n  \n  .cf-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .cf-hero {\n    padding: 2.25rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cf-radius-sm);\n  }\n  \n  .cf-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .cf-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .cf-grid-compact {\n    gap: .625rem;\n  }\n  \n  .cf-grid-compact .cf-card {\n    padding: .85rem;\n  }\n  \n  .cf-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .cf-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .cf-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .cf-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .cf-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .cf-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cf-card {\n    animation: cfFadeInUp .5s ease backwards;\n  }\n  .cf-card:nth-child(1) { animation-delay: .05s; }\n  .cf-card:nth-child(2) { animation-delay: .1s; }\n  .cf-card:nth-child(3) { animation-delay: .15s; }\n  .cf-card:nth-child(4) { animation-delay: .2s; }\n  .cf-card:nth-child(5) { animation-delay: .25s; }\n  .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cf-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502898471289,"sku":"CE0481","price":3.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-fluor-protection-integrale-centifolia-75ml-444338.jpg?v=1732720244"},{"product_id":"dentifrice-fluor-blancheur-naturelle-75ml-centifolia","title":"Dentifrice Fluor Blancheur Naturelle - 75ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n  \u003cdiv class=\"cf-hero\"\u003e\n    \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cf-hero-content\"\u003e\n      \u003cdiv class=\"cf-badges-top\"\u003e\n        \u003cspan class=\"cf-badge\"\u003e🌿 99% d'origine naturelle\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e🥥 Eau de Coco BIO\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e✨ COSMOS ORGANIC\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cf-hero-title\"\u003eDentifrice Fluor Blancheur Naturelle\u003c\/span\u003e\n      \u003cp class=\"cf-subtitle\"\u003eCentifolia · 75 ml · Goût menthe\u003c\/p\u003e\n      \u003cp class=\"cf-description\"\u003eLe meilleur de la cosméto-botanique allié à l'efficacité prouvée du fluor. Pour des dents plus blanches, des gencives apaisées et un sourire éclatant, sans compromis sur le naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003cp class=\"cf-section-intro\"\u003eEnvie d'un sourire éclatant sans compromis sur le naturel ? Le \u003cstrong\u003eDentifrice Fluor Blancheur Naturelle de Centifolia\u003c\/strong\u003e conjugue le meilleur de la cosméto-botanique et l'efficacité d'un dentifrice au fluor classique. Formulé à \u003cstrong\u003e99% d'ingrédients d'origine naturelle\u003c\/strong\u003e et enrichi en \u003cstrong\u003eeau de coco bio\u003c\/strong\u003e, il prend soin de vos dents, de vos gencives et de la planète, à chaque brossage.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un dentifrice au fluor ?\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eLe débat entre \u003cstrong\u003edentifrice avec ou sans fluor\u003c\/strong\u003e revient souvent. La réponse des dentistes est claire : le fluor reste l'allié n°1 contre les caries.\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid-compact\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🦷 1450 ppm\u003c\/h3\u003e\n        \u003cp\u003eLe dosage recommandé pour les adultes, prouvé scientifiquement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e💎 Émail renforcé\u003c\/h3\u003e\n        \u003cp\u003eFavorise la reminéralisation et la résistance aux acides\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🛡️ Anti-caries\u003c\/h3\u003e\n        \u003cp\u003eProtection durable contre les attaques quotidiennes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌱 Formule moderne\u003c\/h3\u003e\n        \u003cp\u003eL'efficacité du fluor dans une base 99% naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eUne blancheur naturelle, sans agressivité\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eCafé, thé, vin rouge, tabac… Les taches superficielles s'installent avec le temps. Grâce à la \u003cstrong\u003esilice hydratée\u003c\/strong\u003e, agent de polissage doux, ce dentifrice élimine les colorations en surface sans abîmer l'émail. Résultat : des dents visiblement plus blanches au fil des brossages.\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🥥 Eau de coco bio\u003c\/h3\u003e\n        \u003cp\u003eHydrate et apaise les gencives sensibles au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🍃 Xylitol\u003c\/h3\u003e\n        \u003cp\u003eAide à limiter la formation de plaque dentaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌬️ Goût menthe\u003c\/h3\u003e\n        \u003cp\u003eHaleine fraîche durable après chaque brossage\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e💧 Sans sulfate (SLS)\u003c\/h3\u003e\n        \u003cp\u003eMousse douce, idéale pour les bouches sensibles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌿 Vegan \u0026amp; bio\u003c\/h3\u003e\n        \u003cp\u003eCertifié COSMOS ORGANIC by ECOCERT\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué dans les laboratoires Centifolia\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"cf-timeline\"\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003e🪥 Déposez une noisette\u003c\/h3\u003e\n          \u003cp\u003eSur une brosse à dents souple, prélevez l'équivalent d'une noisette de dentifrice.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003e⏱️ Brossez 2 minutes\u003c\/h3\u003e\n          \u003cp\u003eMatin et soir, idéalement après chaque repas, avec des mouvements doux du haut vers le bas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003e👶 Pour les enfants ≤ 6 ans\u003c\/h3\u003e\n          \u003cp\u003eUtilisez une quantité de la taille d'un petit pois, sous la surveillance d'un adulte pour éviter toute ingestion.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003e👩‍⚕️ En cas de doute\u003c\/h3\u003e\n          \u003cp\u003eDemandez l'avis de votre chirurgien-dentiste. Ce produit ne remplace pas un suivi bucco-dentaire professionnel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"cf-testimonial\"\u003e\n      \u003cp class=\"cf-testimonial-text\"\u003eAqua, Glycerin, Hydrated Silica, Sorbitol, Cocos Nucifera Water* (eau de coco bio), Xylitol, Cellulose Gum, Sodium Cocoyl Glutamate, Aroma, Sodium Fluoride (1450 ppm), Sodium Benzoate, Potassium Sorbate, Citric Acid, Limonene, CI 77891.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cf-disclaimer\"\u003e*Issu de l'agriculture biologique. 99% du total des ingrédients sont d'origine naturelle. 10% du total des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eUn engagement éco-responsable\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eFabriqué en France dans les laboratoires Centifolia, ce dentifrice s'inscrit dans une démarche de \u003cstrong\u003ecosmétique propre\u003c\/strong\u003e : formules courtes, ingrédients tracés, tube en plastique recyclé et recyclable. Vous adoptez ainsi un geste beauté qui respecte votre santé buccale comme l'environnement.\u003c\/p\u003e\n    \u003cdiv class=\"cf-grid-compact\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e♻️ Tube recyclé\u003c\/h3\u003e\n        \u003cp\u003ePlastique recyclé et recyclable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e📋 Formule courte\u003c\/h3\u003e\n        \u003cp\u003eIngrédients tracés et essentiels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🏭 Made in France\u003c\/h3\u003e\n        \u003cp\u003eLaboratoires Centifolia\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌍 Cosmétique propre\u003c\/h3\u003e\n        \u003cp\u003eRespect de la planète\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eVos interrogations \u0026amp; nos réponses\u003c\/h2\u003e\n    \u003cdiv class=\"cf-accordion\"\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e⚠️ Le fluor dans le dentifrice est-il dangereux ?\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eAux dosages recommandés (1450 ppm pour un adulte), il est considéré comme sûr et efficace par les autorités sanitaires. C'est l'allié n°1 reconnu par les dentistes contre les caries.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e🤰 Convient-il aux femmes enceintes ?\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, sa formule est spécialement adaptée aux femmes enceintes et allaitantes, en toute sérénité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e✨ Combien de temps avant de voir un effet blancheur ?\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eLes premiers résultats apparaissent généralement après 2 à 3 semaines d'utilisation régulière, à raison de 2 brossages par jour minimum.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"cf-cta-box\"\u003e\n      \u003cp\u003eOffrez à votre sourire ce qu'il y a de mieux : la rigueur d'un dentifrice fluor efficace et la douceur du naturel, en un seul tube. 🥥✨\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cf-cream: #f8f5f1;\n  --cf-white: #ffffff;\n  --cf-primary: #8b6f4e;\n  --cf-primary-dark: #5c4a33;\n  --cf-primary-light: #f0e8df;\n  --cf-secondary: #6fa896;\n  --cf-accent: #c9a87c;\n  --cf-text: #2a201a;\n  --cf-text-light: #6a5c50;\n  --cf-border: #e6dccf;\n  --cf-shadow: 0 4px 24px rgba(92,74,51,.08);\n  --cf-shadow-lg: 0 12px 48px rgba(92,74,51,.15);\n  --cf-radius: 20px;\n  --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cf-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cf-text);\n  line-height: 1.6;\n}\n\n.cf-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8b6f4e 0%, #a88560 50%, #c9a87c 100%);\n  border-radius: var(--cf-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n  opacity: .15;\n}\n\n.cf-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cf-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.cf-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.cf-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  max-width: 680px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.cf-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cf-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cf-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cf-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cf-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.cf-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n  border-radius: 2px;\n}\n\n.cf-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cf-text-light);\n  margin: 0 auto 1.75rem;\n  max-width: 720px;\n  line-height: 1.75;\n}\n\n.cf-section-intro strong {\n  color: var(--cf-primary-dark);\n}\n\n.cf-card {\n  background: var(--cf-white);\n  border-radius: var(--cf-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cf-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cf-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cf-shadow-lg);\n  border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cf-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cf-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cf-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cf-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cf-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n  padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n  font-size: 12px;\n}\n\n.cf-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.cf-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cf-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content {\n  flex: 1;\n  background: var(--cf-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cf-radius-sm);\n  box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cf-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n  font-size: 14px;\n  color: var(--cf-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cf-testimonial {\n  background: var(--cf-white);\n  border-radius: var(--cf-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cf-shadow);\n  border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cf-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n  word-break: break-word;\n}\n\n.cf-accordion {\n  background: var(--cf-white);\n  border-radius: var(--cf-radius);\n  box-shadow: var(--cf-shadow);\n  overflow: hidden;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.cf-accordion-item {\n  border-bottom: 1px solid var(--cf-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cf-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cf-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cf-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n  gap: 1rem;\n}\n\n.cf-accordion-header:hover {\n  background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cf-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cf-primary);\n  transition: transform .2s ease;\n  flex-shrink: 0;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n  content: '−';\n}\n\n.cf-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cf-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cf-accordion-content p {\n  margin: 0;\n}\n\n.cf-disclaimer {\n  font-size: 12px;\n  color: var(--cf-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.cf-cta-box {\n  background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n  border-radius: var(--cf-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .cf-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .cf-card {\n    padding: 1.125rem;\n  }\n  .cf-section {\n    margin-bottom: 1.75rem;\n  }\n  .cf-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cf-radius-sm);\n  }\n  .cf-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .cf-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .cf-grid-compact {\n    gap: .625rem;\n  }\n  .cf-grid-compact .cf-card {\n    padding: .75rem;\n  }\n  .cf-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .cf-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .cf-timeline-content h3 {\n    font-size: 14px;\n  }\n  .cf-timeline-content p {\n    font-size: 13px;\n  }\n  .cf-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .cf-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .cf-testimonial {\n    padding: 1.25rem;\n  }\n  .cf-testimonial-text {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cf-card {\n    animation: cfFadeInUp .5s ease backwards;\n  }\n  .cf-card:nth-child(1) { animation-delay: .05s; }\n  .cf-card:nth-child(2) { animation-delay: .1s; }\n  .cf-card:nth-child(3) { animation-delay: .15s; }\n  .cf-card:nth-child(4) { animation-delay: .2s; }\n  .cf-card:nth-child(5) { animation-delay: .25s; }\n  .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cf-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502898504057,"sku":"CE0556","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-fluor-blancheur-naturelle-75ml-centifolia-packshothd.webp?v=1777551562"},{"product_id":"bain-de-bouche-concentre-2en1-250ml-centifolia","title":"Bain de bouche concentré 2-en-1 Bio - 250 ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"cf-hero\"\u003e\n    \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cf-hero-content\"\u003e\n      \u003cdiv class=\"cf-badges-top\"\u003e\n        \u003cspan class=\"cf-badge\"\u003e🌿 99,7 % d'origine naturelle\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e🧪 Sans alcool · Sans fluor\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e✅ Approuvé par un chirurgien-dentiste\u003c\/span\u003e\n        \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cf-hero-title\"\u003eBain de bouche concentré 2-en-1 Bio\u003c\/span\u003e\n      \u003cp class=\"cf-subtitle\"\u003eCentifolia — 250 ml\u003c\/p\u003e\n      \u003cp class=\"cf-description\"\u003eFraîcheur durable à la menthe verte bio, douceur absolue pour les gencives sensibles. Une formule concentrée, certifiée Cosmébio, pour toute la famille.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"cf-section\"\u003e\n    \u003cp class=\"cf-section-intro\"\u003eVous cherchez un \u003cstrong\u003ebain de bouche bio sans alcool\u003c\/strong\u003e qui allie fraîcheur durable et douceur pour les gencives sensibles ? Le \u003cstrong\u003ebain de bouche concentré 2-en-1 de Centifolia\u003c\/strong\u003e a été pensé pour répondre exactement à ce besoin. Formulé avec de l'\u003cstrong\u003eextrait de menthe verte biologique\u003c\/strong\u003e, il procure une sensation de propreté immédiate tout en respectant l'équilibre fragile de votre cavité buccale.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce bain de bouche bio Centifolia ?\u003c\/h2\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🚫 Sans fluor, sans alcool\u003c\/h3\u003e\n        \u003cp\u003eAucun arôme de synthèse. Une formule transparente et respectueuse, certifiée \u003cstrong\u003eCosmébio \/ Ecocert\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌱 99,7 % d'origine naturelle\u003c\/h3\u003e\n        \u003cp\u003e20 % d'ingrédients issus de l'agriculture biologique certifiée. Une composition exemplaire et vérifiable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e👨‍⚕️ Approuvé par un chirurgien-dentiste\u003c\/h3\u003e\n        \u003cp\u003eConvient à \u003cstrong\u003etoute la famille\u003c\/strong\u003e : adultes, enfants dès 6 ans et femmes enceintes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🐰 100 % végan\u003c\/h3\u003e\n        \u003cp\u003eGaranti sans aucun ingrédient d'origine animale. Un soin éthique au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eUn format concentré 2-en-1 pratique et économique\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eLe flacon de 250 ml cache en réalité une durée d'utilisation bien supérieure à un bain de bouche classique, grâce à sa \u003cstrong\u003eformule concentrée\u003c\/strong\u003e. Choisissez votre mode d'emploi selon vos besoins :\u003c\/p\u003e\n    \u003cdiv class=\"cf-timeline\"\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003eVersion diluée — usage quotidien\u003c\/h3\u003e\n          \u003cp\u003eVersez une dose dans le bouchon doseur, complétez avec de l'eau et effectuez un bain de bouche de 30 secondes. Idéal pour un usage prolongé et économique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003eVersion pure — action renforcée\u003c\/h3\u003e\n          \u003cp\u003eUtilisez directement une petite quantité pour une \u003cstrong\u003eaction renforcée\u003c\/strong\u003e sur les gencives irritées ou après un brossage approfondi.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-timeline-item\"\u003e\n        \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cf-timeline-content\"\u003e\n          \u003ch3\u003eRecrachez après utilisation\u003c\/h3\u003e\n          \u003cp\u003eDans les deux cas, recrachez le produit. Ce format ingénieux réduit les emballages et le gaspillage : un vrai geste éco-responsable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets pour votre hygiène bucco-dentaire\u003c\/h2\u003e\n    \u003cdiv class=\"cf-grid\"\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🌬️ Haleine fraîche longue durée\u003c\/h3\u003e\n        \u003cp\u003eL'extrait de menthe verte bio neutralise efficacement les mauvaises odeurs, sans sensation de brûlure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e🛡️ Protection des gencives sensibles\u003c\/h3\u003e\n        \u003cp\u003eLa formule sans alcool évite toute agression, apaise et aide à maintenir des gencives saines au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e✨ Élimination des impuretés\u003c\/h3\u003e\n        \u003cp\u003eComplète l'action du brossage en atteignant les zones difficiles d'accès, contribuant à lutter contre la plaque dentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cf-card\"\u003e\n        \u003ch3\u003e⚖️ Respect de la flore buccale\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient agressif ne vient perturber l'équilibre naturel de votre bouche.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"cf-testimonial\"\u003e\n      \u003cp class=\"cf-testimonial-text\"\u003eAqua, Glycerin, Mentha Viridis Leaf Extract*, Xylitol, Potassium Sorbate, Sodium Benzoate, Citric Acid, Mentha Piperita Oil, Menthol, Limonene.\u003c\/p\u003e\n      \u003cp style=\"margin-top:.75rem;font-size:13px;color:var(--cf-text-light);font-style:normal;\"\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"cf-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cp class=\"cf-section-intro\"\u003eUtilisez ce bain de bouche bio \u003cstrong\u003eaprès chaque brossage\u003c\/strong\u003e, matin et soir, pour des résultats optimaux. Si vous recherchez une alternative naturelle aux produits contenant de la propolis bio ou de l'aloe vera bio, cette formule à la menthe verte offre une option douce et rafraîchissante, particulièrement adaptée aux personnes sensibles aux compositions trop chargées.\u003c\/p\u003e\n    \u003cdiv class=\"cf-accordion\"\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le flacon à l'abri de la chaleur et de la lumière directe. \u003cstrong\u003eFabrication française.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cf-accordion-item\"\u003e\n        \u003csummary class=\"cf-accordion-header\"\u003e⚠️ Rappel important\u003c\/summary\u003e\n        \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe bain de bouche ne remplace pas le brossage des dents ni un suivi régulier chez votre dentiste. En cas de problème gingival persistant, consultez un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"cf-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre bouche le meilleur de la nature : fraîcheur, douceur et protection au quotidien avec Centifolia.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cf-disclaimer\"\u003eComplément d'hygiène bucco-dentaire. Ne se substitue pas à un brossage régulier ni à un suivi dentaire professionnel.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cf-cream: #f5f9f5;\n  --cf-white: #ffffff;\n  --cf-primary: #4ba84b;\n  --cf-primary-dark: #2d6e2d;\n  --cf-primary-light: #e8f5e8;\n  --cf-secondary: #7cc47c;\n  --cf-accent: #e83e6c;\n  --cf-text: #1a1a1a;\n  --cf-text-light: #5a5a5a;\n  --cf-border: #dce8dc;\n  --cf-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cf-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --cf-radius: 20px;\n  --cf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cf-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cf-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2d6e2d 0%, #4ba84b 50%, #7cc47c 100%);\n  border-radius: var(--cf-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.cf-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cf-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.cf-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.cf-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.cf-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cf-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cf-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cf-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.cf-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cf-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cf-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.cf-section-intro strong {\n  color: var(--cf-text);\n}\n\n\/* === CARDS === *\/\n.cf-card {\n  background: var(--cf-white);\n  border-radius: var(--cf-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cf-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cf-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cf-shadow-lg);\n  border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cf-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cf-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cf-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cf-card p strong {\n  color: var(--cf-text);\n}\n\n\/* === GRILLES === *\/\n.cf-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cf-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cf-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.cf-timeline-content {\n  flex: 1;\n  background: var(--cf-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cf-radius-sm);\n  box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cf-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n  font-size: 14px;\n  color: var(--cf-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cf-timeline-content p strong {\n  color: var(--cf-text);\n}\n\n\/* === TESTIMONIAL (used for INCI) === *\/\n.cf-testimonial {\n  background: var(--cf-white);\n  border-radius: var(--cf-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cf-shadow);\n  border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--cf-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n  word-break: break-word;\n}\n\n\/* === ACCORDÉON === *\/\n.cf-accordion {\n  background: var(--cf-white);\n  border-radius: var(--cf-radius);\n  box-shadow: var(--cf-shadow);\n  overflow: hidden;\n}\n\n.cf-accordion-item {\n  border-bottom: 1px solid var(--cf-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cf-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cf-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cf-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cf-accordion-header:hover {\n  background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cf-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cf-primary);\n  transition: transform .2s ease;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n  content: '−';\n}\n\n.cf-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cf-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cf-accordion-content p {\n  margin: 0;\n}\n\n.cf-accordion-content p strong {\n  color: var(--cf-text);\n}\n\n\/* === CTA FINAL === *\/\n.cf-cta-box {\n  background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n  border-radius: var(--cf-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.cf-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n  font-size: 12px;\n  color: var(--cf-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .cf-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cf-card {\n    padding: 1.125rem;\n  }\n\n  .cf-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cf-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cf-radius-sm);\n  }\n\n  .cf-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cf-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cf-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cf-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cf-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cf-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cf-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cf-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cf-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cf-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cf-card {\n    animation: cfFadeInUp .5s ease backwards;\n  }\n  .cf-card:nth-child(1) { animation-delay: .05s; }\n  .cf-card:nth-child(2) { animation-delay: .1s; }\n  .cf-card:nth-child(3) { animation-delay: .15s; }\n  .cf-card:nth-child(4) { animation-delay: .2s; }\n  .cf-card:nth-child(5) { animation-delay: .25s; }\n  .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .cf-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502898897273,"sku":"CE0565","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bain-de-bouche-concentre-2-en-1-bio-250-ml-centifolia-packshothd.webp?v=1775897154"},{"product_id":"dentifrice-enfant-fraise-50-ml-coslys","title":"Dentifrice enfant - Fraise - 50 ml - Coslys","description":"\n\u003cdiv class=\"cf-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cf-hero\"\u003e\n\u003cdiv class=\"cf-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cf-hero-content\"\u003e\n\u003cdiv class=\"cf-badges-top\"\u003e\n\u003cspan class=\"cf-badge\"\u003e🍓 Arôme naturel fraise\u003c\/span\u003e \u003cspan class=\"cf-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cf-badge\"\u003e🐰 Vegan \u0026amp; Cruelty-free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cf-hero-title\"\u003eDentifrice enfant à la fraise bio\u003c\/span\u003e\n\u003cp class=\"cf-subtitle\"\u003eCoslys 50 ml\u003c\/p\u003e\n\u003cp class=\"cf-description\"\u003eUn brossage doux, gourmand et certifié bio pour les dents de lait des 3-6 ans. Sans fluor, testé sous contrôle odontologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"cf-section\"\u003e\n\u003ch2\u003eDentifrice enfant à la fraise bio Coslys : un brossage doux et gourmand dès 3 ans\u003c\/h2\u003e\n\u003cp class=\"cf-section-intro\"\u003eVotre enfant rechigne à se brosser les dents ? Le \u003cstrong\u003edentifrice enfant à la fraise Coslys\u003c\/strong\u003e pourrait bien changer la donne.\u003c\/p\u003e\n\u003cdiv class=\"cf-grid-compact\"\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🦷 Dents de lait\u003c\/h3\u003e\n\u003cp\u003eSpécialement formulé pour les \u003cstrong\u003e3-6 ans\u003c\/strong\u003e, il respecte l'émail fragile des tout-petits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eFormule douce certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e par Ecocert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🍓 Goût fraise\u003c\/h3\u003e\n\u003cp\u003eUn délicieux \u003cstrong\u003earôme naturel de fraise\u003c\/strong\u003e qui transforme le brossage en plaisir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🛡️ 99 % naturel\u003c\/h3\u003e\n\u003cp\u003eComposé à \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, sans compromis sur la sécurité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"cf-section\"\u003e\n\u003ch2\u003eUne formule sans fluor, testée sous contrôle odontologique\u003c\/h2\u003e\n\u003cp class=\"cf-section-intro\"\u003eContrairement à de nombreux dentifrices classiques — y compris certains modèles type \u003cstrong\u003edentifrice enfant Oral-B\u003c\/strong\u003e — ce soin bucco-dentaire Coslys fait le choix d'une composition \u003cstrong\u003esans fluor\u003c\/strong\u003e. Un atout rassurant pour les parents qui souhaitent éviter tout risque lié à l'ingestion accidentelle, fréquente à cet âge.\u003c\/p\u003e\n\u003cdiv class=\"cf-grid\"\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🚫 Sans fluor\u003c\/h3\u003e\n\u003cp\u003eAucun risque lié à l'ingestion accidentelle de dentifrice. \u003cstrong\u003eTesté sous contrôle odontologique\u003c\/strong\u003e pour un nettoyage efficace et sûr.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🍃 Extrait de thé vert\u003c\/h3\u003e\n\u003cp\u003eAux \u003cstrong\u003epropriétés purifiantes\u003c\/strong\u003e, il aide à nettoyer en douceur les petites dents de lait.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🌼 Camomille bio\u003c\/h3\u003e\n\u003cp\u003eReconnue pour \u003cstrong\u003eapaiser les gencives irritées\u003c\/strong\u003e, elle procure confort et douceur à chaque brossage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-tip\"\u003e\n\u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eRésultat : un nettoyage en douceur qui contribue à une \u003cstrong\u003ebonne hygiène bucco-dentaire\u003c\/strong\u003e sans agresser la bouche de votre enfant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"cf-section\"\u003e\n\u003ch2\u003eUn goût de fraise irrésistible pour adopter les bons réflexes\u003c\/h2\u003e\n\u003cdiv class=\"cf-testimonial\"\u003e\n\u003cp class=\"cf-testimonial-text\"\u003e\"Le secret d'un brossage régulier chez les enfants ? Leur donner envie d'y revenir. Grâce à son \u003cstrong\u003earôme naturel de fraise\u003c\/strong\u003e, ce dentifrice séduit les petits dès la première utilisation. Fini les négociations interminables devant le lavabo : votre enfant associe désormais le brossage à un moment agréable. C'est une approche simple mais redoutablement efficace pour ancrer de bonnes habitudes dès le plus jeune âge.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"cf-section\"\u003e\n\u003ch2\u003eComposition transparente et certifiée Cosmos Organic\u003c\/h2\u003e\n\u003cp class=\"cf-section-intro\"\u003eSi vous cherchez un \u003cstrong\u003edentifrice enfant sans substances controversées\u003c\/strong\u003e, cette formule mérite votre attention.\u003c\/p\u003e\n\u003cdiv class=\"cf-grid-compact\"\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertifié par \u003cstrong\u003eEcocert\u003c\/strong\u003e, gage d'exigence maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🌾 10 % bio\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e10 % d'ingrédients issus de l'Agriculture Biologique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n\u003cp\u003eExclut parabènes, triclosan et colorants artificiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🦷 Émail respecté\u003c\/h3\u003e\n\u003cp\u003eUn vrai gage de \u003cstrong\u003esensibilité dentaire enfant\u003c\/strong\u003e respectée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"cf-accordion\"\u003e\n\u003cdetails class=\"cf-accordion-item\"\u003e\n\u003csummary class=\"cf-accordion-header\"\u003e📋 Liste des ingrédients (INCI)\u003c\/summary\u003e\n\u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n\u003cp\u003eAqua, Glycerin, Silica, Aloe Barbadensis Leaf Juice*, Xanthan Gum, Camellia Sinensis Leaf Extract*, Chamomilla Recutita Flower Extract*, Aroma, Sodium Cocoyl Glutamate, Benzyl Alcohol, Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003cbr\u003e\u003cem\u003e(*ingrédients issus de l'agriculture biologique)\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"cf-section\"\u003e\n\u003ch2\u003eEngagements éthiques : vegan, cruelty-free et fabriqué en France\u003c\/h2\u003e\n\u003cdiv class=\"cf-grid\"\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient d'origine animale dans la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e💚 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eNon testé sur les animaux\u003c\/strong\u003e, conformément aux valeurs de Coslys.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e, tube de 50 ml idéal pour le quotidien et les voyages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"cf-section\"\u003e\n\u003ch2\u003eConseils d'utilisation pour un brossage efficace\u003c\/h2\u003e\n\u003cdiv class=\"cf-timeline\"\u003e\n\u003cdiv class=\"cf-timeline-item\"\u003e\n\u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cf-timeline-content\"\u003e\n\u003ch3\u003eLa bonne dose\u003c\/h3\u003e\n\u003cp\u003eDéposez une \u003cstrong\u003enoisette de la taille d'un petit pois\u003c\/strong\u003e sur une brosse à dents souple adaptée à l'âge de l'enfant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-timeline-item\"\u003e\n\u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cf-timeline-content\"\u003e\n\u003ch3\u003eLe bon temps\u003c\/h3\u003e\n\u003cp\u003eBrossez pendant \u003cstrong\u003e2 à 3 minutes\u003c\/strong\u003e, au moins \u003cstrong\u003edeux fois par jour\u003c\/strong\u003e (matin et soir).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-timeline-item\"\u003e\n\u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cf-timeline-content\"\u003e\n\u003ch3\u003eSous surveillance\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSupervisez toujours le brossage\u003c\/strong\u003e pour limiter l'ingestion de dentifrice.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cf-timeline-item\"\u003e\n\u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"cf-timeline-content\"\u003e\n\u003ch3\u003eVérifiez l'efficacité\u003c\/h3\u003e\n\u003cp\u003eComplétez avec un \u003cstrong\u003edentifrice révélateur de plaque enfant\u003c\/strong\u003e de temps en temps pour vérifier l'efficacité du geste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA + DISCLAIMER --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"cf-section\"\u003e\n\u003cdiv class=\"cf-cta-box\"\u003e\n\u003cp\u003e🍓 Offrez à votre enfant un brossage doux, gourmand et certifié bio.\u003cbr\u003eLe sourire radieux commence ici !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cf-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à une consultation chez le dentiste. En cas de problème bucco-dentaire persistant, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --cf-cream: #fef6f0;\n  --cf-white: #ffffff;\n  --cf-primary: #e63946;\n  --cf-primary-dark: #b5212d;\n  --cf-primary-light: #fdeaec;\n  --cf-secondary: #ff6b81;\n  --cf-accent: #2d6a4f;\n  --cf-text: #1a1a1a;\n  --cf-text-light: #5a5a5a;\n  --cf-border: #f0dede;\n  --cf-shadow: 0 4px 24px rgba(230,57,70,.08);\n  --cf-shadow-lg: 0 12px 48px rgba(230,57,70,.15);\n  --cf-radius: 20px;\n  --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cf-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n  position: relative;\n  background: linear-gradient(135deg, #e63946 0%, #ff6b81 50%, #ff9aab 100%);\n  border-radius: var(--cf-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.cf-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cf-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cf-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.cf-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cf-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cf-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cf-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cf-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.cf-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.cf-card {\n  background: var(--cf-white);\n  border-radius: var(--cf-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cf-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cf-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cf-shadow-lg);\n  border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cf-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cf-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cf-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cf-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cf-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n  padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cf-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cf-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.cf-timeline-content {\n  flex: 1;\n  background: var(--cf-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cf-radius-sm);\n  box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cf-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n  font-size: 14px;\n  color: var(--cf-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cf-testimonial {\n  background: var(--cf-white);\n  border-radius: var(--cf-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cf-shadow);\n  border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cf-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cf-accordion {\n  background: var(--cf-white);\n  border-radius: var(--cf-radius);\n  box-shadow: var(--cf-shadow);\n  overflow: hidden;\n}\n\n.cf-accordion-item {\n  border-bottom: 1px solid var(--cf-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cf-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cf-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cf-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cf-accordion-header:hover {\n  background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cf-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cf-primary);\n  transition: transform .2s ease;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n  content: '−';\n}\n\n.cf-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cf-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cf-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cf-primary-light);\n  border-radius: var(--cf-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cf-tip p {\n  font-size: 14px;\n  color: var(--cf-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cf-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cf-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CTA FINAL === *\/\n.cf-cta-box {\n  background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n  border-radius: var(--cf-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.cf-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n  font-size: 12px;\n  color: var(--cf-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .cf-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cf-card {\n    padding: 1.125rem;\n  }\n\n  .cf-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cf-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cf-radius-sm);\n  }\n\n  .cf-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cf-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cf-grid-compact {\n    gap: .625rem;\n  }\n\n  .cf-grid-compact .cf-card {\n    padding: .75rem;\n  }\n\n  .cf-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cf-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cf-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cf-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cf-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cf-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cf-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cf-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cf-card {\n    animation: cfFadeInUp .5s ease backwards;\n  }\n  .cf-card:nth-child(1) { animation-delay: .05s; }\n  .cf-card:nth-child(2) { animation-delay: .1s; }\n  .cf-card:nth-child(3) { animation-delay: .15s; }\n  .cf-card:nth-child(4) { animation-delay: .2s; }\n  .cf-card:nth-child(5) { animation-delay: .25s; }\n  .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .cf-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":55083771330937,"sku":"NBAILYS0008","price":3.96,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/2lnsuy45cwf8f55fwg6s1xaq2eo0.png?v=1758298223"},{"product_id":"dentifrice-enfant-peche-bio-50-ml-coslys","title":"Dentifrice enfant Pêche bio - 50 ml - Coslys","description":"\u003cdiv class=\"dp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"dp-hero\"\u003e\n\u003cdiv class=\"dp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dp-hero-content\"\u003e\n\u003cdiv class=\"dp-badges-top\"\u003e\n\u003cspan class=\"dp-badge\"\u003e🍑 Pêche bio française\u003c\/span\u003e \u003cspan class=\"dp-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e \u003cspan class=\"dp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"dp-badge\"\u003e🛡️ Sans fluor\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"dp-hero-title\"\u003eDentifrice enfant pêche bio 50 ml\u003c\/span\u003e\n\u003cp class=\"dp-subtitle\"\u003eCoslys - Certifié Cosmos Organic\u003c\/p\u003e\n\u003cp class=\"dp-description\"\u003eSpécialement conçu pour les 7-12 ans, ce dentifrice bio au délicieux arôme de pêche française transforme le brossage en un moment de plaisir. Protection anti-caries au xylitol, gencives apaisées à l'aloe vera, et un goût fruité irrésistible !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"dp-section\"\u003e\n\u003ch2\u003eDentifrice enfant bio à la pêche Coslys : le brossage devient un vrai plaisir\u003c\/h2\u003e\n\u003cp class=\"dp-section-intro\"\u003eVotre enfant traîne les pieds devant le lavabo chaque matin ? Ce dentifrice pourrait bien changer la donne.\u003c\/p\u003e\n\u003cdiv class=\"dp-grid-compact\"\u003e\n\u003cdiv class=\"dp-card\"\u003e\n\u003ch3\u003e🍑 Arôme pêche bio\u003c\/h3\u003e\n\u003cp\u003eUn goût fruité 100 % naturel issu de pêche bio française qui donne envie de se brosser les dents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-card\"\u003e\n\u003ch3\u003e👧 Adapté 7-12 ans\u003c\/h3\u003e\n\u003cp\u003eFormule spécifiquement conçue pour la période charnière dents de lait → dents définitives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-card\"\u003e\n\u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertification bio par Cosmécert, gage d'une formule contrôlée et respectueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-card\"\u003e\n\u003ch3\u003e😊 Plaisir garanti\u003c\/h3\u003e\n\u003cp\u003eTransforme la corvée du brossage en un rituel adopté avec le sourire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"dp-section\"\u003e\n\u003ch2\u003ePourquoi choisir un dentifrice bio pour votre enfant de 7 à 12 ans ?\u003c\/h2\u003e\n\u003cdiv class=\"dp-highlight-box\"\u003e\n\u003cp\u003eEntre 7 et 12 ans, la bouche de votre enfant traverse une \u003cstrong\u003epériode charnière\u003c\/strong\u003e : les dents de lait laissent progressivement place aux dents définitives, les gencives sont encore fragiles et la sensibilité dentaire est fréquente. C'est précisément à cet âge qu'il est essentiel de choisir un dentifrice adapté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-comparison\"\u003e\n\u003cdiv class=\"dp-comparison-col dp-comparison-bad\"\u003e\n\u003ch3\u003e❌ Dentifrices conventionnels\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSubstances controversées\u003c\/li\u003e\n\u003cli\u003eIrritants potentiels\u003c\/li\u003e\n\u003cli\u003eColorants artificiels\u003c\/li\u003e\n\u003cli\u003eArômes de synthèse\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-comparison-col dp-comparison-good\"\u003e\n\u003ch3\u003e✅ Formule Coslys\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e99 % d'ingrédients naturels\u003c\/li\u003e\n\u003cli\u003eDouce et respectueuse\u003c\/li\u003e\n\u003cli\u003eSans colorant artificiel\u003c\/li\u003e\n\u003cli\u003eArôme 100 % naturel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"dp-section-intro\"\u003ePour les parents soucieux de la composition, c'est une alternative rassurante aux dentifrices conventionnels grand public.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"dp-section\"\u003e\n\u003ch2\u003eDes actifs naturels soigneusement sélectionnés\u003c\/h2\u003e\n\u003cp class=\"dp-section-intro\"\u003eChaque ingrédient actif a été choisi pour répondre à un besoin précis de l'hygiène bucco-dentaire des enfants.\u003c\/p\u003e\n\u003cdiv class=\"dp-grid\"\u003e\n\u003cdiv class=\"dp-card dp-card-ingredient\"\u003e\n\u003ch3\u003e🍑 Pêche bio française\u003c\/h3\u003e\n\u003cp\u003eArôme doux et fruité, 100 % d'origine naturelle. Fini les grimaces devant un goût trop mentholé ou chimique : le plaisir gustatif est au rendez-vous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-card dp-card-ingredient\"\u003e\n\u003ch3\u003e🛡️ Xylitol naturel\u003c\/h3\u003e\n\u003cp\u003eActif antibactérien reconnu pour la \u003cstrong\u003eprévention des caries\u003c\/strong\u003e. Empêche les bactéries de se fixer sur l'émail pour une bouche saine au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-card dp-card-ingredient\"\u003e\n\u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003ePropriétés apaisantes idéales pour les \u003cstrong\u003egencives sensibles\u003c\/strong\u003e, souvent sollicitées lors de la poussée des dents définitives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-card dp-card-ingredient\"\u003e\n\u003ch3\u003e🪨 Kaolin\u003c\/h3\u003e\n\u003cp\u003eArgile blanche naturelle qui nettoie les dents en douceur, sans agresser l'émail encore fragile des jeunes dents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-card dp-card-ingredient\"\u003e\n\u003ch3\u003e🍃 Extrait de stevia\u003c\/h3\u003e\n\u003cp\u003eTouche de douceur sucrée sans sucre, pour un goût agréable sans aucun risque pour les dents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"dp-section\"\u003e\n\u003ch2\u003eUne formule sans fluor : un choix réfléchi pour les enfants\u003c\/h2\u003e\n\u003cdiv class=\"dp-testimonial\"\u003e\n\u003cp class=\"dp-testimonial-text\"\u003e\"Entre 7 et 12 ans, même si les enfants maîtrisent mieux le brossage, l'ingestion accidentelle de dentifrice reste fréquente. En supprimant le fluor et en le remplaçant par du xylitol, Coslys offre une protection anti-caries efficace sans aucun risque en cas de déglutition.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"dp-card\"\u003e\n\u003ch3\u003e🚫 Sans fluor\u003c\/h3\u003e\n\u003cp\u003eAucun risque en cas d'ingestion accidentelle, fréquente à cet âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-card\"\u003e\n\u003ch3\u003e🔬 Testé odontologiquement\u003c\/h3\u003e\n\u003cp\u003eSécurité et efficacité validées sous contrôle odontologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"dp-section\"\u003e\n\u003ch2\u003eUn dentifrice qui agit aussi comme révélateur de bonnes habitudes\u003c\/h2\u003e\n\u003cdiv class=\"dp-highlight-box\"\u003e\n\u003cp\u003eSon goût irrésistible de pêche joue un rôle essentiel : il \u003cstrong\u003emotive votre enfant à se brosser les dents régulièrement\u003c\/strong\u003e, matin et soir. La régularité du brossage reste la meilleure arme contre la plaque dentaire et les caries.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-tip\"\u003e\n\u003cspan class=\"dp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eEn instaurant un rituel plaisant dès le plus jeune âge, vous posez les bases d'une \u003cstrong\u003ehygiène bucco-dentaire solide pour toute la vie\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"dp-section\"\u003e\n\u003ch2\u003eLes engagements Coslys : bio, éthique et fabriqué en France\u003c\/h2\u003e\n\u003cp class=\"dp-section-intro\"\u003eChoisir ce dentifrice, c'est aussi adhérer à des valeurs fortes.\u003c\/p\u003e\n\u003cdiv class=\"dp-grid\"\u003e\n\u003cdiv class=\"dp-card\"\u003e\n\u003ch3\u003e🏅 Certifié Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003ePar Cosmécert - cahier des charges strict pour une formule bio contrôlée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eProduction locale, circuit court, empreinte carbone réduite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-card\"\u003e\n\u003ch3\u003e🌾 10 % Agriculture Bio\u003c\/h3\u003e\n\u003cp\u003eDes ingrédients issus de l'Agriculture Biologique certifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-card\"\u003e\n\u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n\u003cp\u003eQuasi-totalité des ingrédients d'origine naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-card\"\u003e\n\u003ch3\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur les animaux, sans ingrédient d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-card\"\u003e\n\u003ch3\u003e🍑 Arôme 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eAucun arôme synthétique ni colorant artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"dp-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp class=\"dp-section-intro\"\u003ePour un brossage efficace et sûr, suivez ces recommandations.\u003c\/p\u003e\n\u003cdiv class=\"dp-timeline\"\u003e\n\u003cdiv class=\"dp-timeline-item\"\u003e\n\u003cdiv class=\"dp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"dp-timeline-content\"\u003e\n\u003ch3\u003eQuantité adaptée\u003c\/h3\u003e\n\u003cp\u003eDéposez une \u003cstrong\u003equantité équivalente à un petit pois\u003c\/strong\u003e sur une brosse à dents souple adaptée à l'âge de votre enfant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-timeline-item\"\u003e\n\u003cdiv class=\"dp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"dp-timeline-content\"\u003e\n\u003ch3\u003eBrossage soigneux\u003c\/h3\u003e\n\u003cp\u003eBrossez pendant \u003cstrong\u003eau moins 2 minutes\u003c\/strong\u003e, en effectuant des mouvements doux de la gencive vers la dent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-timeline-item\"\u003e\n\u003cdiv class=\"dp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"dp-timeline-content\"\u003e\n\u003ch3\u003eRégularité\u003c\/h3\u003e\n\u003cp\u003eRépétez \u003cstrong\u003eau moins deux fois par jour\u003c\/strong\u003e, idéalement après chaque repas et surtout le soir avant le coucher.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-timeline-item\"\u003e\n\u003cdiv class=\"dp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"dp-timeline-content\"\u003e\n\u003ch3\u003eSupervision parentale\u003c\/h3\u003e\n\u003cp\u003eMême à partir de 7 ans, le brossage doit se faire \u003cstrong\u003esous la surveillance d'un adulte\u003c\/strong\u003e afin de limiter l'ingestion et vérifier la qualité du brossage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-tip\"\u003e\n\u003cspan class=\"dp-tip-icon\"\u003e🎵\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour rendre le brossage encore plus ludique, utilisez un sablier de 2 minutes ou une chanson préférée de votre enfant comme minuteur. Le rituel devient un jeu !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #8 --\u003e\n\u003csection class=\"dp-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"dp-accordion\"\u003e\n\u003cdetails class=\"dp-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"dp-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n\u003cdiv class=\"dp-accordion-content mt-3\"\u003e\n\u003cp\u003eAqua (water), hydrogenated starch hydrolysate, erythritol, xylitol, glycerin, dicalcium phosphate dihydrate, cellulose gum, aroma (flavor), xanthan gum, kaolin, aloe barbadensis leaf juice powder*, prunus persica (peach) leaf extract*, stevia rebaudiana extract, sodium coco-sulfate, sodium sulfate, coconut alcohol, sodium benzoate, potassium hydroxide, sodium chloride.\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"dp-accordion-item\"\u003e\n\u003csummary class=\"dp-accordion-header\"\u003e📊 Pourcentages clés\u003c\/summary\u003e\n\u003cdiv class=\"dp-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003e99 %\u003c\/strong\u003e du total des ingrédients est d'origine naturelle.\u003cbr\u003e\u003cstrong\u003e10 %\u003c\/strong\u003e du total des ingrédients est issu de l'Agriculture Biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #9 --\u003e\n\u003csection class=\"dp-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce dentifrice ?\u003c\/h2\u003e\n\u003cp class=\"dp-section-intro\"\u003eCe dentifrice enfant bio Coslys est parfaitement adapté si :\u003c\/p\u003e\n\u003cdiv class=\"dp-grid\"\u003e\n\u003cdiv class=\"dp-card\"\u003e\n\u003ch3\u003e🦷 Dents en transition\u003c\/h3\u003e\n\u003cp\u003eVotre enfant a entre \u003cstrong\u003e7 et 12 ans\u003c\/strong\u003e et commence à avoir ses dents définitives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-card\"\u003e\n\u003ch3\u003e🚫 Sans fluor recherché\u003c\/h3\u003e\n\u003cp\u003eVous recherchez un dentifrice \u003cstrong\u003esans fluor\u003c\/strong\u003e pour limiter les risques liés à l'ingestion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-card\"\u003e\n\u003ch3\u003e🩹 Gencives sensibles\u003c\/h3\u003e\n\u003cp\u003eVotre enfant a des \u003cstrong\u003egencives sensibles\u003c\/strong\u003e ou une sensibilité dentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-card\"\u003e\n\u003ch3\u003e🌿 Bio \u0026amp; made in France\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez un produit \u003cstrong\u003ecertifié bio\u003c\/strong\u003e, fabriqué en France, avec une composition transparente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dp-card\"\u003e\n\u003ch3\u003e🍑 Goût fruité préféré\u003c\/h3\u003e\n\u003cp\u003eVotre enfant n'aime pas le goût mentholé et préfère une \u003cstrong\u003esaveur fruitée douce\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #10 --\u003e\n\u003csection class=\"dp-section\"\u003e\u003c\/section\u003e\n\u003csection class=\"dp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"dp-cta-box\"\u003e\n\u003cp\u003e🍑 Offrez à votre enfant un brossage de dents 100 % naturel, efficace et savoureux.\u003cbr\u003eUn sourire protégé, un rituel adopté avec plaisir !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"dp-disclaimer\"\u003eCe dentifrice est un produit d'hygiène bucco-dentaire. Il ne remplace en aucun cas les soins ou traitements prescrits par un dentiste ou un professionnel de santé. En cas de problème dentaire persistant chez votre enfant, consultez un odontologue.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --dp-cream: #FFF9F3;\n  --dp-white: #ffffff;\n  --dp-primary: #F5862B;\n  --dp-primary-dark: #C9600A;\n  --dp-primary-light: #FFF0E2;\n  --dp-secondary: #4CAF50;\n  --dp-secondary-light: #E8F5E9;\n  --dp-accent: #1B3A4B;\n  --dp-text: #1a1a1a;\n  --dp-text-light: #5a5a5a;\n  --dp-border: #e8e0d8;\n  --dp-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --dp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --dp-radius: 20px;\n  --dp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--dp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #F5862B 0%, #F9A825 40%, #FF7043 100%);\n  border-radius: var(--dp-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--dp-shadow-lg);\n}\n\n.dp-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.dp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.dp-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.dp-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 700;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.dp-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.dp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.dp-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--dp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.dp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--dp-accent);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.dp-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--dp-primary), var(--dp-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.dp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dp-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.dp-card {\n  background: var(--dp-white);\n  border-radius: var(--dp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--dp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.dp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--dp-shadow-lg);\n  border-color: var(--dp-primary);\n}\n\n.dp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--dp-accent);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.dp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--dp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === INGREDIENT CARD VARIANT === *\/\n.dp-card-ingredient {\n  border-top: 4px solid var(--dp-primary);\n}\n\n.dp-card-ingredient:hover {\n  border-top-color: var(--dp-secondary);\n}\n\n\/* === GRILLES === *\/\n.dp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.dp-grid-compact .dp-card {\n  padding: 1rem;\n}\n\n.dp-grid-compact .dp-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.dp-grid-compact .dp-card p {\n  font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.dp-highlight-box {\n  background: var(--dp-primary-light);\n  border-radius: var(--dp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  margin-bottom: 1.5rem;\n  border-left: 5px solid var(--dp-primary);\n}\n\n.dp-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--dp-text);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === COMPARISON === *\/\n.dp-comparison {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.dp-comparison-col {\n  border-radius: var(--dp-radius);\n  padding: clamp(1rem, 3vw, 1.5rem);\n}\n\n.dp-comparison-col h3 {\n  font-size: clamp(14px, 2.5vw, 17px);\n  font-weight: 800;\n  margin: 0 0 .75rem 0;\n  text-align: center;\n}\n\n.dp-comparison-col ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.dp-comparison-col ul li {\n  padding: .4rem 0;\n  font-size: clamp(12px, 2vw, 14px);\n  line-height: 1.5;\n  border-bottom: 1px solid rgba(0,0,0,.06);\n}\n\n.dp-comparison-col ul li:last-child {\n  border-bottom: none;\n}\n\n.dp-comparison-bad {\n  background: #FFF5F5;\n  border: 2px solid #FFCDD2;\n}\n\n.dp-comparison-bad h3 {\n  color: #C62828;\n}\n\n.dp-comparison-bad ul li {\n  color: #B71C1C;\n}\n\n.dp-comparison-good {\n  background: var(--dp-secondary-light);\n  border: 2px solid #A5D6A7;\n}\n\n.dp-comparison-good h3 {\n  color: #2E7D32;\n}\n\n.dp-comparison-good ul li {\n  color: #1B5E20;\n}\n\n\/* === TIMELINE === *\/\n.dp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.dp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.dp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--dp-primary), var(--dp-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(245,134,43,.3);\n}\n\n.dp-timeline-content {\n  flex: 1;\n  background: var(--dp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--dp-radius-sm);\n  box-shadow: var(--dp-shadow);\n}\n\n.dp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--dp-accent);\n  margin: 0 0 .25rem 0;\n}\n\n.dp-timeline-content p {\n  font-size: 14px;\n  color: var(--dp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.dp-testimonial {\n  background: var(--dp-white);\n  border-radius: var(--dp-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--dp-shadow);\n  border-left: 4px solid var(--dp-primary);\n}\n\n.dp-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dp-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.dp-accordion {\n  background: var(--dp-white);\n  border-radius: var(--dp-radius);\n  box-shadow: var(--dp-shadow);\n  overflow: hidden;\n}\n\n.dp-accordion-item {\n  border-bottom: 1px solid var(--dp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.dp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.dp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--dp-accent);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.dp-accordion-header:hover {\n  background: var(--dp-primary-light);\n}\n\n.dp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.dp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--dp-primary);\n  transition: transform .2s ease;\n}\n\n.dp-accordion-item[open] .dp-accordion-header::after {\n  content: '−';\n}\n\n.dp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--dp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.dp-accordion-content p {\n  margin: 0 0 .5rem 0;\n}\n\n.dp-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.dp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--dp-secondary-light);\n  border-radius: var(--dp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border: 1px solid #A5D6A7;\n}\n\n.dp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.dp-tip p {\n  font-size: 14px;\n  color: var(--dp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.dp-cta-box {\n  background: linear-gradient(135deg, var(--dp-primary) 0%, #E65100 100%);\n  border-radius: var(--dp-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.dp-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.12) 0%, transparent 50%);\n}\n\n.dp-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.dp-disclaimer {\n  font-size: 12px;\n  color: var(--dp-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .dp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .dp-card {\n    padding: 1.125rem;\n  }\n\n  .dp-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .dp-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--dp-radius-sm);\n  }\n\n  .dp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .dp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .dp-grid-compact {\n    gap: .625rem;\n  }\n\n  .dp-grid-compact .dp-card {\n    padding: .75rem;\n  }\n\n  .dp-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .dp-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .dp-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .dp-timeline-content p {\n    font-size: 13px;\n  }\n\n  .dp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .dp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .dp-testimonial {\n    padding: 1.25rem;\n  }\n\n  .dp-testimonial-text {\n    font-size: 14px;\n  }\n\n  .dp-comparison {\n    grid-template-columns: 1fr;\n  }\n\n  .dp-highlight-box {\n    padding: 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .dp-card {\n    animation: dpFadeInUp .5s ease backwards;\n  }\n  .dp-card:nth-child(1) { animation-delay: .05s; }\n  .dp-card:nth-child(2) { animation-delay: .1s; }\n  .dp-card:nth-child(3) { animation-delay: .15s; }\n  .dp-card:nth-child(4) { animation-delay: .2s; }\n  .dp-card:nth-child(5) { animation-delay: .25s; }\n  .dp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dpFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .dp-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":55083871338873,"sku":"CS0045","price":4.25,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-enfant-peche-bio-50-ml-coslys-lifestyle.webp?v=1770633432"},{"product_id":"dentifrice-charbon-vegetal-bio-100-g-coslys","title":"Dentifrice au Charbon végétal bio - 100g - Coslys","description":"\u003cdiv class=\"cdc-premium\"\u003e\n  \u003cdiv class=\"cdc-hero\"\u003e\n    \u003cdiv class=\"cdc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cdc-hero-content\"\u003e\n      \u003cdiv class=\"cdc-badges-top\"\u003e\n        \u003cspan class=\"cdc-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"cdc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cdc-badge\"\u003e🏆 Trophée Or Natexpo 2019\u003c\/span\u003e\n        \u003cspan class=\"cdc-badge\"\u003e✨ 99% d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"cdc-subtitle\"\u003eMenthe \u0026amp; Citron bio • Blanchit \u0026amp; Purifie\u003c\/p\u003e\n      \u003cp class=\"cdc-description\"\u003eUn soin bucco-dentaire complet qui associe le pouvoir absorbant du charbon végétal à la fraîcheur de la menthe et du citron bio. Pour un sourire éclatant, naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cdc-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un dentifrice au charbon actif ?\u003c\/h2\u003e\n    \u003cp class=\"cdc-section-intro\"\u003eLe charbon dentifrice séduit de plus en plus de personnes soucieuses de retrouver un sourire éclatant sans recourir à des produits chimiques agressifs. Contrairement aux dentifrices conventionnels type Signal charbon, Colgate charbon ou Email Diamant charbon, la version Coslys mise sur une formule certifiée bio à 99% d'origine naturelle.\u003c\/p\u003e\n    \u003cdiv class=\"cdc-grid-compact\"\u003e\n      \u003cdiv class=\"cdc-card\"\u003e\n        \u003ch3\u003e☕ Anti-taches café \u0026amp; thé\u003c\/h3\u003e\n        \u003cp\u003eCapte les pigments laissés par les boissons colorantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdc-card\"\u003e\n        \u003ch3\u003e🍷 Vin \u0026amp; tabac\u003c\/h3\u003e\n        \u003cp\u003eÉlimine les taches superficielles tenaces.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdc-card\"\u003e\n        \u003ch3\u003e✨ Dents plus blanches\u003c\/h3\u003e\n        \u003cp\u003eEffet visible brossage après brossage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdc-card\"\u003e\n        \u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n        \u003cp\u003eSans agents chimiques agressifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cdc-tip\"\u003e\n      \u003cspan class=\"cdc-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eLe charbon végétal agit comme une véritable éponge microscopique : il capte les impuretés et les taches superficielles pour révéler la blancheur naturelle de vos dents.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cdc-section\"\u003e\n    \u003ch2\u003eUne formule riche en actifs naturels ciblés\u003c\/h2\u003e\n    \u003cdiv class=\"cdc-grid\"\u003e\n      \u003cdiv class=\"cdc-card\"\u003e\n        \u003ch3\u003e🖤 Charbon végétal français\u003c\/h3\u003e\n        \u003cp\u003eIssu de pins français, il absorbe les taches et purifie en profondeur la cavité buccale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdc-card\"\u003e\n        \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eApaise les gencives sensibles et hydrate la muqueuse buccale au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdc-card\"\u003e\n        \u003ch3\u003e🌿 Menthe poivrée \u0026amp; citron bio\u003c\/h3\u003e\n        \u003cp\u003eHuiles essentielles qui assainissent la bouche pour une haleine fraîche longue durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdc-card\"\u003e\n        \u003ch3\u003e🦠 Prébiotiques actifs\u003c\/h3\u003e\n        \u003cp\u003eInuline et fructose nourrissent les bonnes bactéries du microbiote buccal.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cdc-tip\"\u003e\n      \u003cspan class=\"cdc-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans fluor, sans dioxyde de titane, sans sulfates ni colorants de synthèse.\u003c\/strong\u003e Avec un indice d'abrasivité RDA de 69, il reste doux pour l'émail, contrairement à certains dentifrices au charbon actif trop abrasifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cdc-section\"\u003e\n    \u003ch2\u003eDentifrice charbon : que disent les dentistes ?\u003c\/h2\u003e\n    \u003cdiv class=\"cdc-testimonial\"\u003e\n      \u003cp class=\"cdc-testimonial-text\"\u003e\"Les professionnels recommandent de choisir un dentifrice au charbon actif peu abrasif et de l'utiliser en complément d'une hygiène quotidienne classique. C'est exactement la promesse de Coslys : un RDA maîtrisé de 69 permettant un usage quotidien sans fragiliser l'émail. Un vrai atout face aux formules grand public souvent trop agressives.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cdc-section\"\u003e\n    \u003ch2\u003eComment utiliser le dentifrice au charbon Coslys ?\u003c\/h2\u003e\n    \u003cdiv class=\"cdc-timeline\"\u003e\n      \u003cdiv class=\"cdc-timeline-item\"\u003e\n        \u003cdiv class=\"cdc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cdc-timeline-content\"\u003e\n          \u003ch3\u003eDéposez une noisette\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur une brosse à dents souple, idéalement en bambou pour un geste éco-responsable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdc-timeline-item\"\u003e\n        \u003cdiv class=\"cdc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cdc-timeline-content\"\u003e\n          \u003ch3\u003eBrossez délicatement\u003c\/h3\u003e\n          \u003cp\u003ePendant 2 à 3 minutes, matin et soir, après les repas, avec des mouvements doux et circulaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdc-timeline-item\"\u003e\n        \u003cdiv class=\"cdc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cdc-timeline-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eÀ l'eau claire, jusqu'à élimination totale du produit pour une sensation de fraîcheur optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cdc-tip\"\u003e\n      \u003cspan class=\"cdc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e déconseillé aux enfants de moins de 7 ans. Ce produit ne remplace pas un suivi dentaire régulier ni un traitement médical prescrit par votre chirurgien-dentiste.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cdc-section\"\u003e\n    \u003ch2\u003eUn produit primé et engagé\u003c\/h2\u003e\n    \u003cdiv class=\"cdc-grid-compact\"\u003e\n      \u003cdiv class=\"cdc-card\"\u003e\n        \u003ch3\u003e🏆 Trophée Or 2019\u003c\/h3\u003e\n        \u003cp\u003eInnovation Bio Natexpo, salon de référence du bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdc-card\"\u003e\n        \u003ch3\u003e🥇 Meilleur Produit 2020\u003c\/h3\u003e\n        \u003cp\u003eDistingué parmi les meilleurs produits bio de l'année.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduction locale dans une démarche éthique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdc-card\"\u003e\n        \u003ch3\u003e🌍 Éco-conçu\u003c\/h3\u003e\n        \u003cp\u003eTube pensé pour limiter l'impact environnemental.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cdc-section\"\u003e\n    \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"cdc-accordion\"\u003e\n      \u003cdetails class=\"cdc-accordion-item\" open\u003e\n        \u003csummary class=\"cdc-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n        \u003cdiv class=\"cdc-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua, Glycerin, Hydrated Silica, Sorbitol, Aloe Barbadensis Leaf Juice*, Charcoal Powder, Xanthan Gum, Sodium Cocoyl Glutamate, Inulin, Fructose, Mentha Piperita Oil*, Citrus Limon Peel Oil*, Sodium Phytate, Citric Acid, Limonene.\u003c\/p\u003e\n          \u003cp style=\"margin-top:.75rem;\"\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cdc-accordion-item\"\u003e\n        \u003csummary class=\"cdc-accordion-header\"\u003e🌿 Certifications \u0026amp; garanties\u003c\/summary\u003e\n        \u003cdiv class=\"cdc-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003e99%\u003c\/strong\u003e du total des ingrédients sont d'origine naturelle.\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003e11%\u003c\/strong\u003e du total des ingrédients sont issus de l'Agriculture Biologique.\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003eCertifié Cosmos Organic\u003c\/strong\u003e par Ecocert Greenlife.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cdc-accordion-item\"\u003e\n        \u003csummary class=\"cdc-accordion-header\"\u003e🚫 Sans ingrédients controversés\u003c\/summary\u003e\n        \u003cdiv class=\"cdc-accordion-content mt-3\"\u003e\n          \u003cp\u003eFormulé sans fluor, sans dioxyde de titane, sans sulfates et sans colorants de synthèse, pour un soin respectueux de votre bouche et de votre santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cdc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"cdc-cta-box\"\u003e\n      \u003cp\u003eAvec le Dentifrice Charbon Végétal Bio Coslys, offrez à votre sourire un soin naturel, performant et respectueux de votre santé bucco-dentaire au quotidien. ✨\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  :root {\n    --cdc-cream: #fefdf6;\n    --cdc-white: #ffffff;\n    --cdc-primary: #2a2a2a;\n    --cdc-primary-dark: #1a1a1a;\n    --cdc-primary-light: #f5f5f0;\n    --cdc-secondary: #f4d03f;\n    --cdc-accent: #7cb342;\n    --cdc-text: #1a1a1a;\n    --cdc-text-light: #5a5a5a;\n    --cdc-border: #e8e8e0;\n    --cdc-shadow: 0 4px 24px rgba(0,0,0,.08);\n    --cdc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n    --cdc-radius: 20px;\n    --cdc-radius-sm: 12px;\n  }\n\n  .cdc-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--cdc-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--cdc-text);\n    line-height: 1.6;\n  }\n\n  .cdc-hero {\n    position: relative;\n    background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 50%, #f4d03f 200%);\n    border-radius: var(--cdc-radius);\n    padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n    margin-bottom: clamp(2.5rem, 5vw, 4rem);\n    overflow: hidden;\n    box-shadow: var(--cdc-shadow-lg);\n  }\n\n  .cdc-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(circle at 20% 30%, #f4d03f 0%, transparent 40%),\n                      radial-gradient(circle at 80% 70%, #7cb342 0%, transparent 40%);\n    opacity: .15;\n  }\n\n  .cdc-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .cdc-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(28px, 7vw, 52px);\n    font-weight: 900;\n    margin: 0 0 1rem 0;\n    letter-spacing: -.04em;\n    text-shadow: 0 4px 20px rgba(0,0,0,.3);\n  }\n\n  .cdc-subtitle {\n    color: var(--cdc-secondary);\n    font-size: clamp(15px, 2.5vw, 19px);\n    font-weight: 700;\n    margin: 0 0 1.25rem 0;\n    letter-spacing: .02em;\n  }\n\n  .cdc-description {\n    color: rgba(255,255,255,.95);\n    font-size: clamp(14px, 2vw, 16px);\n    line-height: 1.7;\n    max-width: 700px;\n    margin: 0 auto;\n  }\n\n  .cdc-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .cdc-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    background: rgba(255,255,255,.95);\n    backdrop-filter: blur(10px);\n    border-radius: 999px;\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--cdc-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .cdc-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  .cdc-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .cdc-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--cdc-primary-dark);\n    margin-bottom: clamp(1.25rem, 3vw, 2rem);\n    text-align: center;\n    letter-spacing: -.03em;\n    position: relative;\n    padding-bottom: 1rem;\n  }\n\n  .cdc-premium h2::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 4px;\n    background: linear-gradient(90deg, var(--cdc-primary-dark), var(--cdc-secondary));\n    border-radius: 2px;\n  }\n\n  .cdc-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--cdc-text-light);\n    margin: 0 auto 1.5rem;\n    max-width: 720px;\n    line-height: 1.7;\n  }\n\n  .cdc-card {\n    background: var(--cdc-white);\n    border-radius: var(--cdc-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--cdc-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .cdc-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--cdc-shadow-lg);\n    border-color: var(--cdc-secondary);\n  }\n\n  .cdc-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--cdc-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .cdc-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--cdc-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .cdc-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .cdc-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .cdc-grid-compact .cdc-card {\n    padding: 1rem;\n  }\n\n  .cdc-grid-compact .cdc-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .cdc-grid-compact .cdc-card p {\n    font-size: 12px;\n  }\n\n  .cdc-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .cdc-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .cdc-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--cdc-primary-dark), var(--cdc-secondary));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 16px;\n    box-shadow: 0 4px 12px rgba(0,0,0,.15);\n  }\n\n  .cdc-timeline-content {\n    flex: 1;\n    background: var(--cdc-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--cdc-radius-sm);\n    box-shadow: var(--cdc-shadow);\n  }\n\n  .cdc-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--cdc-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .cdc-timeline-content p {\n    font-size: 14px;\n    color: var(--cdc-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .cdc-testimonial {\n    background: var(--cdc-white);\n    border-radius: var(--cdc-radius);\n    padding: clamp(1.5rem, 4vw, 2.5rem);\n    box-shadow: var(--cdc-shadow);\n    border-left: 4px solid var(--cdc-secondary);\n  }\n\n  .cdc-testimonial-text {\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--cdc-text);\n    line-height: 1.8;\n    font-style: italic;\n    margin: 0;\n  }\n\n  .cdc-accordion {\n    background: var(--cdc-white);\n    border-radius: var(--cdc-radius);\n    box-shadow: var(--cdc-shadow);\n    overflow: hidden;\n  }\n\n  .cdc-accordion-item {\n    border-bottom: 1px solid var(--cdc-border);\n    margin: 0;\n    padding: 0;\n  }\n\n  .cdc-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .cdc-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--cdc-primary-dark);\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    list-style: none;\n    transition: background .2s ease;\n    background: transparent;\n    border: none;\n    margin: 0;\n  }\n\n  .cdc-accordion-header:hover {\n    background: var(--cdc-primary-light);\n  }\n\n  .cdc-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .cdc-accordion-header::after {\n    content: '+';\n    font-size: 20px;\n    font-weight: 400;\n    color: var(--cdc-primary-dark);\n    transition: transform .2s ease;\n  }\n\n  .cdc-accordion-item[open] .cdc-accordion-header::after {\n    content: '−';\n  }\n\n  .cdc-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--cdc-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .cdc-accordion-content p {\n    margin: 0 0 .5rem 0;\n  }\n\n  .cdc-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--cdc-primary-light);\n    border-radius: var(--cdc-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.25rem;\n    border-left: 3px solid var(--cdc-secondary);\n  }\n\n  .cdc-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n    line-height: 1;\n  }\n\n  .cdc-tip p {\n    font-size: 14px;\n    color: var(--cdc-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .cdc-cta-box {\n    background: linear-gradient(135deg, var(--cdc-primary-dark) 0%, var(--cdc-primary) 100%);\n    border-radius: var(--cdc-radius);\n    padding: clamp(1.75rem, 4vw, 3rem);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--cdc-shadow-lg);\n  }\n\n  .cdc-cta-box::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -20%;\n    width: 300px;\n    height: 300px;\n    background: radial-gradient(circle, var(--cdc-secondary) 0%, transparent 70%);\n    opacity: .2;\n  }\n\n  .cdc-cta-box p {\n    position: relative;\n    color: white;\n    font-size: clamp(15px, 2.5vw, 19px);\n    line-height: 1.7;\n    font-weight: 600;\n    text-shadow: 0 2px 12px rgba(0,0,0,.2);\n    margin: 0;\n  }\n\n  @media (max-width: 767px) {\n    .cdc-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n    \n    .cdc-card {\n      padding: 1.125rem;\n    }\n    \n    .cdc-section {\n      margin-bottom: 1.75rem;\n    }\n    \n    .cdc-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--cdc-radius-sm);\n    }\n    \n    .cdc-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n    \n    .cdc-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n    \n    .cdc-grid-compact {\n      gap: .625rem;\n    }\n    \n    .cdc-grid-compact .cdc-card {\n      padding: .75rem;\n    }\n    \n    .cdc-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n    \n    .cdc-timeline-content {\n      padding: .875rem 1rem;\n    }\n    \n    .cdc-timeline-content h3 {\n      font-size: 14px;\n    }\n    \n    .cdc-timeline-content p {\n      font-size: 13px;\n    }\n    \n    .cdc-accordion-header {\n      padding: .875rem 1rem;\n      font-size: 14px;\n    }\n    \n    .cdc-accordion-content {\n      padding: 0 1rem .875rem;\n      font-size: 13px;\n    }\n    \n    .cdc-testimonial {\n      padding: 1.25rem;\n    }\n    \n    .cdc-testimonial-text {\n      font-size: 14px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .cdc-card {\n      animation: fadeInUp .5s ease backwards;\n    }\n    .cdc-card:nth-child(1) { animation-delay: .05s; }\n    .cdc-card:nth-child(2) { animation-delay: .1s; }\n    .cdc-card:nth-child(3) { animation-delay: .15s; }\n    .cdc-card:nth-child(4) { animation-delay: .2s; }\n    .cdc-card:nth-child(5) { animation-delay: .25s; }\n    .cdc-card:nth-child(6) { animation-delay: .3s; }\n  }\n\n  @keyframes fadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .cdc-premium * {\n      animation-duration: 0.01ms !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":55083930452345,"sku":"NBAILYS0005","price":5.85,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-au-charbon-vegetal-bio-100g-coslys-packshothd.webp?v=1789652010"},{"product_id":"dentifrice-dents-sensibles-bio-75-ml-coslys","title":"Dentifrice dents sensibles Bio - 75 ml - Coslys","description":"\u003cdiv class=\"cos-premium\"\u003e\n  \u003cdiv class=\"cos-hero\"\u003e\n    \u003cdiv class=\"cos-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cos-hero-content\"\u003e\n      \u003cdiv class=\"cos-badges-top\"\u003e\n        \u003cspan class=\"cos-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"cos-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cos-badge\"\u003e✨ 99% d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cos-hero-title\"\u003eMenthe \u0026amp; Propolis · Apaise \u0026amp; Renforce\u003c\/span\u003e\n      \u003cp class=\"cos-description\"\u003eUn gel doux et naturel signé Coslys, formulé pour apaiser les sensibilités et renforcer l'émail au quotidien — sans fluor, sans sulfates, sans compromis.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cos-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce dentifrice bio pour la sensibilité dentaire ?\u003c\/h2\u003e\n    \u003cp class=\"cos-section-intro\"\u003eLa sensibilité dentaire touche près d'une personne sur trois et résulte souvent d'un émail fragilisé ou de gencives qui se rétractent. Plutôt que de masquer la douleur, ce dentifrice agit en profondeur grâce à une synergie d'actifs naturels.\u003c\/p\u003e\n    \u003cdiv class=\"cos-grid\"\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e🐝 Propolis bio\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour ses propriétés apaisantes, elle aide à calmer les gencives irritées et à protéger la cavité buccale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e🌊 Oligo-éléments marins\u003c\/h3\u003e\n        \u003cp\u003eLes sels minéraux marins participent à reminéraliser et à renforcer l'émail au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e🌱 Huile essentielle de menthe\u003c\/h3\u003e\n        \u003cp\u003eElle procure une haleine fraîche et un confort immédiat dès le premier brossage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cos-tip\"\u003e\n      \u003cspan class=\"cos-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eAvec \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et la certification \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, cette formule fait partie des meilleurs dentifrices pour dents sensibles disponibles en version biologique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cos-section\"\u003e\n    \u003ch2\u003eUne formule clean, sans compromis\u003c\/h2\u003e\n    \u003cp class=\"cos-section-intro\"\u003eCoslys a fait le choix d'une cosmétique buccale réellement saine. Ce dentifrice bio est formulé en toute transparence.\u003c\/p\u003e\n    \u003cdiv class=\"cos-grid-compact\"\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e🚫 Sans fluor\u003c\/h3\u003e\n        \u003cp\u003ePour celles et ceux qui souhaitent l'éviter.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e🧼 Sans sulfates (SLS)\u003c\/h3\u003e\n        \u003cp\u003eConnus pour irriter les muqueuses fragiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e🎨 Sans colorants ni parabènes\u003c\/h3\u003e\n        \u003cp\u003eSans dioxyde de titane non plus.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e🌴 Sans huile de palme\u003c\/h3\u003e\n        \u003cp\u003eDans une démarche écoresponsable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cos-tip\"\u003e\n      \u003cspan class=\"cos-tip-icon\"\u003e🌍\u003c\/span\u003e\n      \u003cp\u003eSon tube est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e et sa formule est \u003cstrong\u003ebiodégradable\u003c\/strong\u003e : un vrai geste pour votre santé et pour la planète.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cos-section\"\u003e\n    \u003ch2\u003eComment l'utiliser au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"cos-timeline\"\u003e\n      \u003cdiv class=\"cos-timeline-item\"\u003e\n        \u003cdiv class=\"cos-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cos-timeline-content\"\u003e\n          \u003ch3\u003eDéposez une noisette\u003c\/h3\u003e\n          \u003cp\u003eAppliquez une noisette de gel sur une brosse à dents souple.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-timeline-item\"\u003e\n        \u003cdiv class=\"cos-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cos-timeline-content\"\u003e\n          \u003ch3\u003eBrossez 2 minutes\u003c\/h3\u003e\n          \u003cp\u003eMatin et soir, effectuez des mouvements verticaux de la gencive vers la dent.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-timeline-item\"\u003e\n        \u003cdiv class=\"cos-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cos-timeline-content\"\u003e\n          \u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n          \u003cp\u003eComplétez avec un fil dentaire ou des brossettes interdentaires pour de meilleurs résultats.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cos-tip\"\u003e\n      \u003cspan class=\"cos-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eConseil pratique :\u003c\/strong\u003e évitez de vous brosser les dents immédiatement après un aliment acide (agrumes, vinaigre, soda). Patientez 30 minutes pour préserver l'émail.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cos-section\"\u003e\n    \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"cos-testimonial\"\u003e\n      \u003cp class=\"cos-testimonial-text\"\u003eGlycerin*, Aqua, Hydrated silica, Xylitol, Sodium cocoyl glutamate, Cellulose gum, Mentha arvensis leaf oil*, Aroma, Propolis cera*, Sodium chloride, Algae extract*, Sodium benzoate, Potassium sorbate, Limonene.\u003cbr\u003e\u003cbr\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cos-tip\"\u003e\n      \u003cspan class=\"cos-tip-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003e99 % du total des ingrédients sont d'origine naturelle. 11 % du total des ingrédients sont issus de l'agriculture biologique.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cos-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce dentifrice ?\u003c\/h2\u003e\n    \u003cdiv class=\"cos-grid\"\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e❄️ Dents sensibles\u003c\/h3\u003e\n        \u003cp\u003ePour les personnes souffrant de sensibilité au chaud, au froid ou au sucré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e🩸 Gencives fragiles\u003c\/h3\u003e\n        \u003cp\u003eAux bouches sensibles avec gencives irritées ou qui saignent.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eAdultes et enfants à partir de 6 ans, sous surveillance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e🌱 Adeptes du bio\u003c\/h3\u003e\n        \u003cp\u003ePour une hygiène bucco-dentaire naturelle et biologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cos-section\"\u003e\n    \u003ch2\u003eAvis et retours d'utilisateurs\u003c\/h2\u003e\n    \u003cdiv class=\"cos-testimonial\"\u003e\n      \u003cp class=\"cos-testimonial-text\"\u003e\"Les utilisateurs apprécient particulièrement la douceur de la texture gel, la fraîcheur naturelle de la menthe (sans goût chimique) et la diminution progressive des sensibilités après quelques semaines d'utilisation régulière.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cos-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"cos-cta-box\"\u003e\n      \u003cp\u003e🌿 Prenez soin de vos dents sensibles avec un dentifrice bio, doux et certifié Cosmos Organic — pour un sourire sain au naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cos-disclaimer\"\u003eCe dentifrice est un produit d'hygiène et ne remplace pas un avis ni un traitement médical. En cas de douleur persistante, de saignement ou de sensibilité importante, consultez votre chirurgien-dentiste.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cos-cream: #f4faf3;\n  --cos-white: #ffffff;\n  --cos-primary: #7cb342;\n  --cos-primary-dark: #3d6b1f;\n  --cos-primary-light: #e8f3dc;\n  --cos-secondary: #a5d572;\n  --cos-accent: #c5e8a0;\n  --cos-text: #1a2e15;\n  --cos-text-light: #5a6a52;\n  --cos-border: #d8e6cc;\n  --cos-shadow: 0 4px 24px rgba(60,107,31,.08);\n  --cos-shadow-lg: 0 12px 48px rgba(60,107,31,.18);\n  --cos-radius: 20px;\n  --cos-radius-sm: 12px;\n}\n\n.cos-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cos-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cos-text);\n}\n\n.cos-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7cb342 0%, #5b9b2e 50%, #3d6b1f 100%);\n  border-radius: var(--cos-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cos-shadow-lg);\n}\n\n.cos-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n  opacity: .15;\n}\n\n.cos-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cos-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cos-subtitle {\n  color: white;\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  opacity: .95;\n}\n\n.cos-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  margin: 0 auto;\n  max-width: 700px;\n  opacity: .95;\n}\n\n.cos-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cos-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cos-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cos-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cos-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cos-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cos-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.cos-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cos-primary), var(--cos-secondary));\n  border-radius: 2px;\n}\n\n.cos-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cos-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 700px;\n  line-height: 1.7;\n}\n\n.cos-card {\n  background: var(--cos-white);\n  border-radius: var(--cos-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cos-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cos-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cos-shadow-lg);\n  border-color: var(--cos-primary);\n}\n\n.cos-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cos-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cos-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cos-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cos-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cos-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cos-grid-compact .cos-card {\n  padding: 1rem;\n}\n\n.cos-grid-compact .cos-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cos-grid-compact .cos-card p {\n  font-size: 12px;\n}\n\n.cos-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cos-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cos-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cos-primary), var(--cos-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.cos-timeline-content {\n  flex: 1;\n  background: var(--cos-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cos-radius-sm);\n  box-shadow: var(--cos-shadow);\n}\n\n.cos-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cos-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cos-timeline-content p {\n  font-size: 14px;\n  color: var(--cos-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cos-testimonial {\n  background: var(--cos-white);\n  border-radius: var(--cos-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cos-shadow);\n  border-left: 4px solid var(--cos-primary);\n}\n\n.cos-testimonial-text {\n  font-size: clamp(14px, 2.3vw, 16px);\n  color: var(--cos-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n  word-break: break-word;\n}\n\n.cos-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cos-primary-light);\n  border-radius: var(--cos-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cos-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cos-tip p {\n  font-size: 14px;\n  color: var(--cos-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cos-cta-box {\n  background: linear-gradient(135deg, var(--cos-primary) 0%, var(--cos-primary-dark) 100%);\n  border-radius: var(--cos-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--cos-shadow-lg);\n}\n\n.cos-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.cos-disclaimer {\n  font-size: 12px;\n  color: var(--cos-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .cos-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .cos-card {\n    padding: 1.125rem;\n  }\n  \n  .cos-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .cos-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cos-radius-sm);\n  }\n  \n  .cos-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .cos-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .cos-grid-compact {\n    gap: .625rem;\n  }\n  \n  .cos-grid-compact .cos-card {\n    padding: .75rem;\n  }\n  \n  .cos-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .cos-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .cos-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .cos-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .cos-testimonial {\n    padding: 1.25rem;\n  }\n  \n  .cos-testimonial-text {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cos-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .cos-card:nth-child(1) { animation-delay: .05s; }\n  .cos-card:nth-child(2) { animation-delay: .1s; }\n  .cos-card:nth-child(3) { animation-delay: .15s; }\n  .cos-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cos-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":55091897860473,"sku":"NBAILYS0007","price":5.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-dents-sensibles-bio-75-ml-coslys-packshothd.webp?v=1789655433"},{"product_id":"dentifrice-fraicheur-menthol-75-ml-coslys","title":"Dentifrice fraicheur Menthol - 75 ml - Coslys","description":"\u003cdiv class=\"cos-premium\"\u003e\n  \u003cdiv class=\"cos-hero\"\u003e\n    \u003cdiv class=\"cos-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cos-hero-content\"\u003e\n      \u003cdiv class=\"cos-badges-top\"\u003e\n        \u003cspan class=\"cos-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"cos-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cos-badge\"\u003e💧 99% d'origine naturelle\u003c\/span\u003e\n        \u003cspan class=\"cos-badge\"\u003e❄️ Fraîcheur longue durée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cos-hero-title\"\u003eHaleine fraîche durable \u0026amp; sourire éclatant\u003c\/span\u003e\n      \u003cp class=\"cos-description\" style=\"color:white;\"\u003eEnvie d'une haleine fraîche durable et d'un sourire éclatant sans compromettre votre santé ? Le \u003cstrong\u003eDentifrice Fraîcheur Menthol bio Coslys\u003c\/strong\u003e conjugue efficacité du brossage et respect de votre organisme. Certifié Cosmos Organic, fabriqué en France et composé à 99 % d'ingrédients d'origine naturelle, ce dentifrice à la menthe convient à toute la famille pour une routine bucco-dentaire naturelle et agréable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cos-section\"\u003e\n    \u003ch2\u003eUne formule pensée pour votre bien-être bucco-dentaire\u003c\/h2\u003e\n    \u003cp class=\"cos-section-intro\"\u003eCe dentifrice au menthol repose sur une synergie d'actifs doux et efficaces, pour un nettoyage en profondeur sans agresser l'émail.\u003c\/p\u003e\n    \u003cdiv class=\"cos-grid\"\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e❄️ Menthol naturel\u003c\/h3\u003e\n        \u003cp\u003eProcure une sensation rafraîchissante immédiate et aide à neutraliser les mauvaises odeurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eApaise et protège les gencives sensibles tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e✨ Texture onctueuse\u003c\/h3\u003e\n        \u003cp\u003eLégèrement mentholée, elle nettoie en profondeur sans agresser l'émail.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cos-tip\"\u003e\n      \u003cspan class=\"cos-tip-icon\"\u003e🚫\u003c\/span\u003e\n      \u003cp\u003eContrairement aux dentifrices conventionnels, la formule Coslys est \u003cstrong\u003esans fluor, sans dioxyde de titane, sans SLS et sans parabènes\u003c\/strong\u003e. Une alternative idéale pour celles et ceux qui recherchent un dentifrice naturel, respectueux du microbiote buccal et de l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cos-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le dentifrice fraîcheur Coslys ?\u003c\/h2\u003e\n    \u003cdiv class=\"cos-grid-compact\"\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e❄️ Fraîcheur longue durée\u003c\/h3\u003e\n        \u003cp\u003eGrâce aux cristaux de menthol\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e🚫 Sans fluor\u003c\/h3\u003e\n        \u003cp\u003eNi dioxyde de titane, composition épurée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003ePour apaiser les gencives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003e99 % d'origine naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eDémarche éco-responsable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-card\"\u003e\n        \u003ch3\u003e♻️ Tube recyclable\u003c\/h3\u003e\n        \u003cp\u003eFormule biodégradable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cos-section\"\u003e\n    \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"cos-testimonial\"\u003e\n      \u003cp class=\"cos-testimonial-text\"\u003eGlycerin, Aqua (Water), Hydrated Silica, Xylitol, Sodium Cocoyl Glutamate, Aloe Barbadensis Leaf Juice Powder*, Menthol, Mentha Piperita (Peppermint) Oil, Xanthan Gum, Sodium Phytate, Citric Acid, Potassium Sorbate, Sodium Benzoate, Limonene.\u003c\/p\u003e\n      \u003cp class=\"cos-disclaimer\"\u003e*Ingrédient issu de l'agriculture biologique. 99 % du total des ingrédients sont d'origine naturelle. 12 % du total des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cos-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"cos-timeline\"\u003e\n      \u003cdiv class=\"cos-timeline-item\"\u003e\n        \u003cdiv class=\"cos-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cos-timeline-content\"\u003e\n          \u003ch3\u003eDosez la quantité\u003c\/h3\u003e\n          \u003cp\u003eDéposez l'équivalent d'un petit pois de dentifrice fraîcheur menthol sur une brosse souple.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-timeline-item\"\u003e\n        \u003cdiv class=\"cos-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cos-timeline-content\"\u003e\n          \u003ch3\u003eBrossez 2 minutes\u003c\/h3\u003e\n          \u003cp\u003eMatin et soir, en effectuant des mouvements doux du haut vers le bas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-timeline-item\"\u003e\n        \u003cdiv class=\"cos-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cos-timeline-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eÀ l'eau claire pour éliminer tous les résidus.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cos-timeline-item\"\u003e\n        \u003cdiv class=\"cos-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cos-timeline-content\"\u003e\n          \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n          \u003cp\u003ePour un résultat optimal, complétez avec un fil dentaire et un bain de bouche naturel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cos-tip\"\u003e\n      \u003cspan class=\"cos-tip-icon\"\u003e👨‍👩‍👧\u003c\/span\u003e\n      \u003cp\u003eConvient aux adultes et aux enfants à partir de \u003cstrong\u003e7 ans\u003c\/strong\u003e, sous surveillance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cos-section\"\u003e\n    \u003ch2\u003eVos interrogations, nos réponses\u003c\/h2\u003e\n    \u003cdiv class=\"cos-accordion\"\u003e\n      \u003cdetails class=\"cos-accordion-item\"\u003e\n        \u003csummary class=\"cos-accordion-header\"\u003eLe dentifrice Coslys contient-il du fluor ?\u003c\/summary\u003e\n        \u003cdiv class=\"cos-accordion-content mt-3\"\u003e\n          \u003cp\u003eNon. Si vous recherchez un dentifrice avec fluor (type Elmex), ce produit ne vous conviendra pas. Coslys mise sur le \u003cstrong\u003exylitol\u003c\/strong\u003e, reconnu pour contribuer à l'équilibre de la flore buccale. En cas de prédisposition aux caries, demandez conseil à votre dentiste.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cos-accordion-item\"\u003e\n        \u003csummary class=\"cos-accordion-header\"\u003eQuelle est la différence entre menthol et menthe poivrée ?\u003c\/summary\u003e\n        \u003cdiv class=\"cos-accordion-content mt-3\"\u003e\n          \u003cp\u003eLe menthol est un composé naturel extrait de la menthe, responsable de la sensation de fraîcheur intense. L'huile essentielle de menthe poivrée apporte, elle, des notes aromatiques plus complètes. Coslys associe les deux pour une fraîcheur équilibrée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cos-accordion-item\"\u003e\n        \u003csummary class=\"cos-accordion-header\"\u003ePeut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n        \u003cdiv class=\"cos-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, sa formule douce est adaptée à un usage quotidien, matin et soir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cos-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eUn geste simple pour une bouche saine\u003c\/h2\u003e\n    \u003cdiv class=\"cos-cta-box\"\u003e\n      \u003cp\u003eAdopter le \u003cstrong\u003edentifrice fraîcheur Coslys\u003c\/strong\u003e, c'est faire le choix d'une hygiène bucco-dentaire à la fois naturelle, efficace et engagée. Une formule clean, un format pratique de \u003cstrong\u003e75 ml\u003c\/strong\u003e et une \u003cstrong\u003ehaleine fraîche\u003c\/strong\u003e dès le premier brossage. ❄️🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cos-disclaimer\"\u003eCe produit cosmétique ne remplace pas un suivi dentaire régulier ni un traitement prescrit par un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cos-cream: #f4f9fc;\n  --cos-white: #ffffff;\n  --cos-primary: #5fb4d4;\n  --cos-primary-dark: #2a7ba0;\n  --cos-primary-light: #e3f2f9;\n  --cos-secondary: #7cc77a;\n  --cos-accent: #a8e0f5;\n  --cos-text: #1a3a4a;\n  --cos-text-light: #5a7682;\n  --cos-border: #d4e6ee;\n  --cos-shadow: 0 4px 24px rgba(42,123,160,.08);\n  --cos-shadow-lg: 0 12px 48px rgba(42,123,160,.18);\n  --cos-radius: 20px;\n  --cos-radius-sm: 12px;\n}\n\n.cos-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cos-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cos-text);\n  line-height: 1.6;\n}\n\n.cos-hero {\n  position: relative;\n  background: linear-gradient(135deg, #a8e0f5 0%, #5fb4d4 50%, #2a7ba0 100%);\n  border-radius: var(--cos-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cos-shadow-lg);\n}\n\n.cos-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n  opacity: .5;\n}\n\n.cos-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cos-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cos-subtitle {\n  color: white;\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  opacity: .95;\n}\n\n.cos-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 16px);\n  max-width: 720px;\n  margin: 0 auto;\n  line-height: 1.7;\n  opacity: .95;\n}\n\n.cos-description strong {\n  color: white;\n  font-weight: 700;\n}\n\n.cos-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cos-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cos-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cos-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cos-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cos-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cos-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.cos-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cos-primary), var(--cos-secondary));\n  border-radius: 2px;\n}\n\n.cos-premium p {\n  color: var(--cos-text);\n}\n\n.cos-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cos-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 700px;\n}\n\n.cos-card {\n  background: var(--cos-white);\n  border-radius: var(--cos-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cos-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cos-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cos-shadow-lg);\n  border-color: var(--cos-primary);\n}\n\n.cos-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cos-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cos-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cos-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cos-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cos-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cos-grid-compact .cos-card {\n  padding: 1rem;\n}\n\n.cos-grid-compact .cos-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cos-grid-compact .cos-card p {\n  font-size: 12px;\n}\n\n.cos-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.cos-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cos-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cos-primary), var(--cos-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(95,180,212,.4);\n}\n\n.cos-timeline-content {\n  flex: 1;\n  background: var(--cos-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cos-radius-sm);\n  box-shadow: var(--cos-shadow);\n}\n\n.cos-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cos-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cos-timeline-content p {\n  font-size: 14px;\n  color: var(--cos-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cos-testimonial {\n  background: var(--cos-white);\n  border-radius: var(--cos-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cos-shadow);\n  border-left: 4px solid var(--cos-primary);\n}\n\n.cos-testimonial-text {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cos-text);\n  line-height: 1.8;\n  margin: 0 0 .75rem 0;\n  word-break: break-word;\n}\n\n.cos-accordion {\n  background: var(--cos-white);\n  border-radius: var(--cos-radius);\n  box-shadow: var(--cos-shadow);\n  overflow: hidden;\n}\n\n.cos-accordion-item {\n  border-bottom: 1px solid var(--cos-border);\n}\n\n.cos-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cos-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cos-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n}\n\n.cos-accordion-header:hover {\n  background: var(--cos-primary-light);\n}\n\n.cos-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cos-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cos-primary);\n  transition: transform .2s ease;\n  margin-left: 1rem;\n}\n\n.cos-accordion-item[open] .cos-accordion-header::after {\n  content: '−';\n}\n\n.cos-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cos-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.cos-accordion-content p {\n  margin: 0;\n  color: var(--cos-text-light);\n}\n\n.cos-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cos-primary-light);\n  border-radius: var(--cos-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cos-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cos-tip p {\n  font-size: 14px;\n  color: var(--cos-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cos-cta-box {\n  background: linear-gradient(135deg, var(--cos-primary) 0%, var(--cos-primary-dark) 100%);\n  border-radius: var(--cos-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--cos-shadow-lg);\n}\n\n.cos-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  margin: 0;\n}\n\n.cos-cta-box strong {\n  color: white;\n}\n\n.cos-disclaimer {\n  font-size: 12px;\n  color: var(--cos-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .cos-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .cos-card { padding: 1.125rem; }\n  .cos-section { margin-bottom: 1.75rem; }\n  .cos-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cos-radius-sm);\n  }\n  .cos-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .cos-premium h2::after { width: 40px; height: 3px; }\n  .cos-grid-compact { gap: .625rem; }\n  .cos-grid-compact .cos-card { padding: .75rem; }\n  .cos-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n  .cos-timeline-content { padding: .875rem 1rem; }\n  .cos-timeline-content h3 { font-size: 14px; }\n  .cos-timeline-content p { font-size: 13px; }\n  .cos-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n  .cos-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n  .cos-testimonial { padding: 1.25rem; }\n  .cos-testimonial-text { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cos-card { animation: fadeInUp .5s ease backwards; }\n  .cos-card:nth-child(1) { animation-delay: .05s; }\n  .cos-card:nth-child(2) { animation-delay: .1s; }\n  .cos-card:nth-child(3) { animation-delay: .15s; }\n  .cos-card:nth-child(4) { animation-delay: .2s; }\n  .cos-card:nth-child(5) { animation-delay: .25s; }\n  .cos-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cos-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":55091907232121,"sku":"NBAILYS0009","price":3.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-fraicheur-menthol-75-ml-coslys-packshothd.webp?v=1789655367"},{"product_id":"dentifrice-blancheur-bio-75-ml-coslys","title":"Dentifrice blancheur Menthe \u0026 Bicarbonate Bio - 75 ml - Coslys","description":"\u003cdiv class=\"csly-premium\"\u003e\n\n  \u003cdiv class=\"csly-hero\"\u003e\n    \u003cdiv class=\"csly-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"csly-hero-content\"\u003e\n      \u003cdiv class=\"csly-badges-top\"\u003e\n        \u003cspan class=\"csly-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"csly-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"csly-badge\"\u003e✨ 99% d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"csly-hero-title\"\u003eUn sourire éclatant, en toute conscience\u003c\/span\u003e\n      \u003cp class=\"csly-subtitle\"\u003eMenthe fraîche \u0026amp; bicarbonate de sodium\u003c\/p\u003e\n      \u003cp class=\"csly-description\"\u003eLa puissance douce du bicarbonate associée à une formule bio pour révéler la blancheur naturelle de vos dents, sans agresser votre émail ni la planète.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"csly-section\"\u003e\n    \u003ch2\u003eUn dentifrice blancheur bio qui respecte votre émail\u003c\/h2\u003e\n    \u003cp class=\"csly-section-intro\"\u003eContrairement à de nombreux dentifrices blancheur classiques qui s'appuient sur des agents chimiques parfois agressifs, Coslys mise sur deux actifs naturels reconnus :\u003c\/p\u003e\n    \u003cdiv class=\"csly-grid\"\u003e\n      \u003cdiv class=\"csly-card\"\u003e\n        \u003ch3\u003e🧂 Bicarbonate de sodium\u003c\/h3\u003e\n        \u003cp\u003eAgent polissant doux, il élimine les taches superficielles laissées par le café, le thé, le vin ou le tabac, tout en neutralisant l'acidité buccale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csly-card\"\u003e\n        \u003ch3\u003e💎 Silice minérale\u003c\/h3\u003e\n        \u003cp\u003eElle affine le polissage sans rayer l'émail et révèle la blancheur naturelle des dents, en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csly-card\"\u003e\n        \u003ch3\u003e😁 Résultat visible\u003c\/h3\u003e\n        \u003cp\u003eUn sourire visiblement plus lumineux après quelques semaines d'utilisation régulière, sans sensibilité dentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"csly-section\"\u003e\n    \u003ch2\u003eUne formule à pH basique pour protéger et renforcer\u003c\/h2\u003e\n    \u003cdiv class=\"csly-testimonial\"\u003e\n      \u003cp class=\"csly-testimonial-text\"\u003e\"L'émail dentaire est particulièrement vulnérable aux attaques acides issues de l'alimentation (sodas, agrumes, sucres). En adoptant un pH basique, ce dentifrice rééquilibre la flore buccale, limite la prolifération des bactéries cariogènes et aide à préserver vos gencives. Une réponse complète aux besoins quotidiens de toute la famille.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"csly-section\"\u003e\n    \u003ch2\u003eComposition : ce qu'il y a (et ce qu'il n'y a pas) dans le tube\u003c\/h2\u003e\n    \u003cdiv class=\"csly-grid-compact\"\u003e\n      \u003cdiv class=\"csly-card\"\u003e\n        \u003ch3\u003e🚫 Sans fluor\u003c\/h3\u003e\n        \u003cp\u003eFormule adaptée aux personnes souhaitant l'éviter\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csly-card\"\u003e\n        \u003ch3\u003e🚫 Sans dioxyde de titane\u003c\/h3\u003e\n        \u003cp\u003eAucun pigment blanchissant controversé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csly-card\"\u003e\n        \u003ch3\u003e🚫 Sans SLS\u003c\/h3\u003e\n        \u003cp\u003eAucun tensioactif sulfaté agressif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csly-card\"\u003e\n        \u003ch3\u003e🚫 Sans paraben\u003c\/h3\u003e\n        \u003cp\u003eNi colorant ni édulcorant artificiel\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"csly-accordion\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cdetails class=\"csly-accordion-item\"\u003e\n        \u003csummary class=\"csly-accordion-header\"\u003e🧪 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"csly-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua, Sorbitol, Hydrated Silica, Glycerin*, Sodium Bicarbonate, Cellulose Gum, Aroma, Sodium Cocoyl Glutamate, Sodium Lauroyl Glutamate, Calcium Glycerophosphate, Sodium Benzoate, Mentha Arvensis Leaf Oil*, Mentha Piperita Oil*, Citric Acid, Limonene.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique. Tube fabriqué en France, certifié Cosmos Organic.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"csly-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"csly-timeline\"\u003e\n      \u003cdiv class=\"csly-timeline-item\"\u003e\n        \u003cdiv class=\"csly-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"csly-timeline-content\"\u003e\n          \u003ch3\u003eUne noisette suffit\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de dentifrice sur une brosse à dents souple, idéalement en bambou.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csly-timeline-item\"\u003e\n        \u003cdiv class=\"csly-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"csly-timeline-content\"\u003e\n          \u003ch3\u003eBrossez 2 minutes minimum\u003c\/h3\u003e\n          \u003cp\u003eMatin et soir, effectuez des mouvements doux du haut vers le bas pour respecter vos gencives.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csly-timeline-item\"\u003e\n        \u003cdiv class=\"csly-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"csly-timeline-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau claire. Convient aux adultes et enfants de plus de 7 ans, sous supervision.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csly-timeline-item\"\u003e\n        \u003cdiv class=\"csly-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"csly-timeline-content\"\u003e\n          \u003ch3\u003ePatience \u0026amp; régularité\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats visibles sur la blancheur, comptez 3 à 4 semaines d'utilisation régulière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"csly-tip\"\u003e\n      \u003cspan class=\"csly-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eAssociez ce dentifrice à une bonne hygiène alimentaire (limiter café, thé, tabac) pour maximiser l'effet blancheur naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"csly-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"csly-cta-box\"\u003e\n      \u003cp\u003e🌸 Adoptez une routine bucco-dentaire bio, éthique et efficace. Un geste simple pour un sourire éclatant… et une planète préservée.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"csly-disclaimer\"\u003eCe produit est un cosmétique d'hygiène bucco-dentaire et ne se substitue pas à une consultation chez le chirurgien-dentiste. En cas de douleur, saignement persistant ou doute, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --csly-cream: #f7faf6;\n  --csly-white: #ffffff;\n  --csly-primary: #8bc26a;\n  --csly-primary-dark: #4a7a3a;\n  --csly-primary-light: #eaf5e2;\n  --csly-secondary: #2c5f7c;\n  --csly-accent: #b8d99a;\n  --csly-text: #1a2e1a;\n  --csly-text-light: #5a6a5a;\n  --csly-border: #e0e8dc;\n  --csly-shadow: 0 4px 24px rgba(74,122,58,.08);\n  --csly-shadow-lg: 0 12px 48px rgba(74,122,58,.15);\n  --csly-radius: 20px;\n  --csly-radius-sm: 12px;\n}\n\n.csly-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--csly-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--csly-text);\n}\n\n.csly-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8bc26a 0%, #a8d488 50%, #6fa855 100%);\n  border-radius: var(--csly-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--csly-shadow-lg);\n}\n\n.csly-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n                    radial-gradient(circle at 70% 60%, white 3px, transparent 3px),\n                    radial-gradient(circle at 40% 80%, white 2px, transparent 2px);\n  background-size: 120px 120px, 180px 180px, 90px 90px;\n}\n\n.csly-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.csly-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.csly-subtitle {\n  color: white;\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  opacity: .95;\n}\n\n.csly-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n  opacity: .95;\n}\n\n.csly-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.csly-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--csly-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.csly-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.csly-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.csly-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--csly-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.csly-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--csly-primary), var(--csly-secondary));\n  border-radius: 2px;\n}\n\n.csly-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--csly-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.csly-card {\n  background: var(--csly-white);\n  border-radius: var(--csly-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--csly-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.csly-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--csly-shadow-lg);\n  border-color: var(--csly-primary);\n}\n\n.csly-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--csly-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.csly-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--csly-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.csly-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.csly-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.csly-grid-compact .csly-card {\n  padding: 1rem;\n}\n\n.csly-grid-compact .csly-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.csly-grid-compact .csly-card p {\n  font-size: 12px;\n}\n\n.csly-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.csly-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.csly-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--csly-primary), var(--csly-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(74,122,58,.25);\n}\n\n.csly-timeline-content {\n  flex: 1;\n  background: var(--csly-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--csly-radius-sm);\n  box-shadow: var(--csly-shadow);\n}\n\n.csly-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--csly-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.csly-timeline-content p {\n  font-size: 14px;\n  color: var(--csly-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.csly-testimonial {\n  background: var(--csly-white);\n  border-radius: var(--csly-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--csly-shadow);\n  border-left: 4px solid var(--csly-primary);\n}\n\n.csly-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--csly-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.csly-accordion {\n  background: var(--csly-white);\n  border-radius: var(--csly-radius);\n  box-shadow: var(--csly-shadow);\n  overflow: hidden;\n}\n\n.csly-accordion-item {\n  border-bottom: 1px solid var(--csly-border);\n  margin: 0;\n  padding: 0;\n}\n\n.csly-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.csly-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--csly-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.csly-accordion-header:hover {\n  background: var(--csly-primary-light);\n}\n\n.csly-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.csly-accordion-header::after {\n  content: '+';\n  font-size: 24px;\n  font-weight: 400;\n  color: var(--csly-primary);\n  transition: transform .2s ease;\n  line-height: 1;\n}\n\n.csly-accordion-item[open] .csly-accordion-header::after {\n  content: '−';\n}\n\n.csly-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--csly-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.csly-accordion-content p {\n  margin: 0 0 .5rem 0;\n}\n\n.csly-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n.csly-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--csly-primary-light);\n  border-radius: var(--csly-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.csly-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.csly-tip p {\n  font-size: 14px;\n  color: var(--csly-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.csly-cta-box {\n  background: linear-gradient(135deg, var(--csly-primary) 0%, var(--csly-primary-dark) 100%);\n  border-radius: var(--csly-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--csly-shadow-lg);\n}\n\n.csly-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.csly-disclaimer {\n  font-size: 12px;\n  color: var(--csly-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .csly-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .csly-card {\n    padding: 1.125rem;\n  }\n  .csly-section {\n    margin-bottom: 1.75rem;\n  }\n  .csly-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--csly-radius-sm);\n  }\n  .csly-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .csly-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .csly-grid-compact {\n    gap: .625rem;\n  }\n  .csly-grid-compact .csly-card {\n    padding: .75rem;\n  }\n  .csly-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .csly-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .csly-timeline-content h3 {\n    font-size: 14px;\n  }\n  .csly-timeline-content p {\n    font-size: 13px;\n  }\n  .csly-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .csly-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .csly-testimonial {\n    padding: 1.25rem;\n  }\n  .csly-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .csly-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .csly-card:nth-child(1) { animation-delay: .05s; }\n  .csly-card:nth-child(2) { animation-delay: .1s; }\n  .csly-card:nth-child(3) { animation-delay: .15s; }\n  .csly-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .csly-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":55091909951865,"sku":"NBAILYS0006","price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-blancheur-menthe-bicarbonate-bio-75-ml-coslys-packshothd.webp?v=1789833969"},{"product_id":"dentifrice-citron-certifie-bio-75-ml-argile-eau-thermale","title":"Dentifrice Citron Bio – 75 ml – Argile \u0026 Eau Thermale","description":"\u003cdiv class=\"dent-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"dent-hero\"\u003e\n\u003cdiv class=\"dent-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dent-hero-content\"\u003e\n\u003cdiv class=\"dent-badges-top\"\u003e\n\u003cspan class=\"dent-badge\"\u003e🍋 Citron Bio\u003c\/span\u003e \u003cspan class=\"dent-badge\"\u003e🌿 99,3% Naturel\u003c\/span\u003e \u003cspan class=\"dent-badge\"\u003e🏔️ Eau Thermale\u003c\/span\u003e \u003cspan class=\"dent-badge\"\u003e🇫🇷 Made in Provence\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"dent-hero-title\"\u003eDentifrice Citron Bio\u003c\/span\u003e\n\u003cp class=\"dent-subtitle\"\u003eArgile \u0026amp; Eau Thermale – 75 ml\u003c\/p\u003e\n\u003cp class=\"dent-description\"\u003eLa puissance purifiante de l'argile blanche médicinale alliée aux vertus apaisantes de l'eau thermale de Digne-les-Bains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"dent-section\"\u003e\n\u003ch2\u003eUn dentifrice bio au citron qui prend vraiment soin de votre bouche\u003c\/h2\u003e\n\u003cp class=\"dent-section-intro\"\u003eBien plus qu'un simple nettoyage : une véritable routine de soin pour l'ensemble de votre cavité buccale.\u003c\/p\u003e\n\u003cdiv class=\"dent-grid-compact\"\u003e\n\u003cdiv class=\"dent-card\"\u003e\n\u003ch3\u003e🏺 35% Argile blanche\u003c\/h3\u003e\n\u003cp\u003ePurifiante et reminéralisante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-card\"\u003e\n\u003ch3\u003e💧 33% Eau thermale\u003c\/h3\u003e\n\u003cp\u003eApaisante et protectrice\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-card\"\u003e\n\u003ch3\u003e🌱 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertification bio européenne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-card\"\u003e\n\u003ch3\u003e🚫 Sans fluor ajouté\u003c\/h3\u003e\n\u003cp\u003eFormule douce et naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-tip\"\u003e\n\u003cspan class=\"dent-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eFormulé en Provence avec des ingrédients soigneusement sélectionnés, sans agents chimiques agressifs ni substances controversées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"dent-section\"\u003e\n\u003ch2\u003ePourquoi l'argile et l'eau thermale font la différence\u003c\/h2\u003e\n\u003cp class=\"dent-section-intro\"\u003eUne synergie unique d'ingrédients actifs en concentrations exceptionnelles.\u003c\/p\u003e\n\u003cdiv class=\"dent-duo-container\"\u003e\n\u003cdiv class=\"dent-duo-card dent-duo-argile\"\u003e\n\u003cdiv class=\"dent-duo-header\"\u003e\n\u003cspan class=\"dent-duo-percent\"\u003e35%\u003c\/span\u003e\n\u003ch3\u003eArgile blanche médicinale\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul class=\"dent-duo-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRétablit le pH buccal\u003c\/strong\u003e – Environnement défavorable aux bactéries\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAbsorbe les impuretés\u003c\/strong\u003e – Détoxification naturelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNeutralise les odeurs\u003c\/strong\u003e – À la source, pas en masquant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFavorise la cicatrisation\u003c\/strong\u003e – Des petites lésions gingivales\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReminéralise l'émail\u003c\/strong\u003e – Riche en oligo-éléments\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-duo-card dent-duo-eau\"\u003e\n\u003cdiv class=\"dent-duo-header\"\u003e\n\u003cspan class=\"dent-duo-percent\"\u003e33%\u003c\/span\u003e\n\u003ch3\u003eEau thermale de Digne-les-Bains\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul class=\"dent-duo-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eApaise les muqueuses\u003c\/strong\u003e – Calme les irritations\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNourrit l'émail\u003c\/strong\u003e – Composition minérale unique\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFilm protecteur\u003c\/strong\u003e – Protection naturelle longue durée\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrigine alpine\u003c\/strong\u003e – Alpes-de-Haute-Provence\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"dent-section\"\u003e\n\u003ch2\u003eLe citron bio : fraîcheur et protection naturelle\u003c\/h2\u003e\n\u003cdiv class=\"dent-highlight-box\"\u003e\n\u003cdiv class=\"dent-highlight-content\"\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e🍋 L'\u003cstrong\u003eextrait d'écorce de citron certifié bio\u003c\/strong\u003e offre bien plus qu'un simple parfum agréable. Ses actifs naturels possèdent des propriétés \u003cstrong\u003epurifiantes et antiseptiques\u003c\/strong\u003e qui contribuent à maintenir une haleine fraîche durablement.\u003c\/p\u003e\n\u003cp\u003eContrairement aux arômes artificiels, le citron d'origine biologique offre une \u003cstrong\u003esensation de fraîcheur authentique\u003c\/strong\u003e, sans agresser vos papilles. Un goût équilibré : suffisamment présent pour être agréable, mais jamais envahissant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-tip\"\u003e\n\u003cspan class=\"dent-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eIdéal pour ceux qui n'apprécient pas les dentifrices très mentholés : une alternative rafraîchissante et douce.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"dent-section\"\u003e\n\u003ch2\u003eComposition complète du dentifrice bio citron\u003c\/h2\u003e\n\u003cdiv class=\"dent-ingredients\"\u003e\n\u003cdiv class=\"dent-ingredient-item dent-ingredient-main\"\u003e\n\u003cspan class=\"dent-ingredient-percent\"\u003e35%\u003c\/span\u003e\n\u003cdiv class=\"dent-ingredient-info\"\u003e\n\u003cstrong\u003eKaolin (Argile blanche médicinale)\u003c\/strong\u003e \u003cspan\u003eActif principal purificateur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-ingredient-item dent-ingredient-main\"\u003e\n\u003cspan class=\"dent-ingredient-percent\"\u003e33%\u003c\/span\u003e\n\u003cdiv class=\"dent-ingredient-info\"\u003e\n\u003cstrong\u003eEau thermale de Digne-les-Bains\u003c\/strong\u003e \u003cspan\u003eActif principal apaisant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-ingredient-item\"\u003e\n\u003cspan class=\"dent-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n\u003cdiv class=\"dent-ingredient-info\"\u003e\n\u003cstrong\u003eGlycérine végétale\u003c\/strong\u003e \u003cspan\u003eAgent hydratant naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-ingredient-item\"\u003e\n\u003cspan class=\"dent-ingredient-icon\"\u003e🌸\u003c\/span\u003e\n\u003cdiv class=\"dent-ingredient-info\"\u003e\n\u003cstrong\u003eExtrait de mélisse bio\u003c\/strong\u003e \u003cspan\u003eApaisant et calmant pour les gencives\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-ingredient-item\"\u003e\n\u003cspan class=\"dent-ingredient-icon\"\u003e🍋\u003c\/span\u003e\n\u003cdiv class=\"dent-ingredient-info\"\u003e\n\u003cstrong\u003eExtrait d'écorce de citron bio\u003c\/strong\u003e \u003cspan\u003ePurifiant et rafraîchissant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-ingredient-item\"\u003e\n\u003cspan class=\"dent-ingredient-icon\"\u003e🧂\u003c\/span\u003e\n\u003cdiv class=\"dent-ingredient-info\"\u003e\n\u003cstrong\u003eSel marin non raffiné\u003c\/strong\u003e \u003cspan\u003eReminéralisant et antibactérien naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-ingredient-item\"\u003e\n\u003cspan class=\"dent-ingredient-icon\"\u003e✨\u003c\/span\u003e\n\u003cdiv class=\"dent-ingredient-info\"\u003e\n\u003cstrong\u003eArôme naturel de citron\u003c\/strong\u003e \u003cspan\u003ePour une fraîcheur authentique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-certification\"\u003e\n\u003cspan class=\"dent-certification-badge\"\u003e🏆 COSMOS ORGANIC\u003c\/span\u003e\n\u003cp\u003e99,3% d'ingrédients d'origine naturelle • 13,5% issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"dent-section\"\u003e\n\u003ch2\u003ePour qui est fait ce dentifrice au citron bio ?\u003c\/h2\u003e\n\u003cdiv class=\"dent-grid\"\u003e\n\u003cdiv class=\"dent-card\"\u003e\n\u003ch3\u003e😊 Gencives sensibles\u003c\/h3\u003e\n\u003cp\u003eFormule douce adaptée aux gencives irritées ou fragiles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-card\"\u003e\n\u003ch3\u003e🚫 Anti substances controversées\u003c\/h3\u003e\n\u003cp\u003eSans triclosan, SLS, parabènes ni fluor synthétique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-card\"\u003e\n\u003ch3\u003e🌿 Amateurs de bio\u003c\/h3\u003e\n\u003cp\u003eProduit certifié bio fabriqué en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-card\"\u003e\n\u003ch3\u003e🍋 Fans de fraîcheur citronnée\u003c\/h3\u003e\n\u003cp\u003eAlternative aux goûts mentholés trop prononcés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"dent-section\"\u003e\n\u003ch2\u003eCe qui distingue ce dentifrice des autres options bio\u003c\/h2\u003e\n\u003cdiv class=\"dent-grid\"\u003e\n\u003cdiv class=\"dent-card\"\u003e\n\u003ch3\u003e💪 Concentration exceptionnelle\u003c\/h3\u003e\n\u003cp\u003e35% d'argile et 33% d'eau thermale, là où beaucoup se contentent de dosages symboliques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-card\"\u003e\n\u003ch3\u003e🏔️ Fabrication provençale\u003c\/h3\u003e\n\u003cp\u003eProduit dans le respect des savoir-faire locaux et des circuits courts\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-card\"\u003e\n\u003ch3\u003e💎 Action raffermissante\u003c\/h3\u003e\n\u003cp\u003eRenforce les gencives grâce à la synergie des ingrédients actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-card\"\u003e\n\u003ch3\u003e✨ Texture agréable\u003c\/h3\u003e\n\u003cp\u003eNi trop liquide, ni trop pâteuse : s'étale parfaitement sur la brosse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-card\"\u003e\n\u003ch3\u003e✈️ Format pratique\u003c\/h3\u003e\n\u003cp\u003eTube de 75 ml compatible avec les restrictions bagage cabine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dent-card\"\u003e\n\u003ch3\u003e⏱️ 2 mois d'utilisation\u003c\/h3\u003e\n\u003cp\u003eDurée moyenne pour une personne avec usage matin et soir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"dent-section\"\u003e\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"dent-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"dent-precautions\"\u003e\n\u003cp\u003eCe produit cosmétique est destiné à un \u003cstrong\u003eusage externe uniquement\u003c\/strong\u003e. Ne pas avaler. En cas d'irritation ou de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003cp\u003eSi vous suivez un traitement dentaire particulier, demandez conseil à votre dentiste avant utilisation. \u003cstrong\u003eTenir hors de portée des jeunes enfants.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"dent-disclaimer\"\u003eCe dentifrice bio ne remplace pas les visites régulières chez votre dentiste ni un traitement médical en cas de pathologie bucco-dentaire avérée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --dent-cream: #F7F9F6;\n  --dent-white: #ffffff;\n  --dent-primary: #7FB8A4;\n  --dent-primary-dark: #2D5A4A;\n  --dent-primary-light: #E8F4EF;\n  --dent-secondary: #F5C842;\n  --dent-secondary-light: #FFF8E1;\n  --dent-accent: #4A9D7C;\n  --dent-text: #1a1a1a;\n  --dent-text-light: #5a5a5a;\n  --dent-border: #e0e0e0;\n  --dent-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --dent-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --dent-radius: 20px;\n  --dent-radius-sm: 12px;\n}\n\n.dent-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--dent-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dent-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7FB8A4 0%, #5A9B87 40%, #4A8B77 70%, #3D7A68 100%);\n  border-radius: var(--dent-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--dent-shadow-lg);\n}\n\n.dent-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(245,200,66,.15) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%),\n    radial-gradient(circle at 60% 60%, rgba(245,200,66,.1) 0%, transparent 30%);\n  opacity: 1;\n}\n\n.dent-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.dent-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.dent-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--dent-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.dent-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.dent-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.dent-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.dent-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.dent-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dent-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--dent-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.dent-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--dent-primary), var(--dent-secondary));\n  border-radius: 2px;\n}\n\n.dent-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dent-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === GRILLES === *\/\n.dent-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.dent-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.dent-card {\n  background: var(--dent-white);\n  border-radius: var(--dent-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--dent-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.dent-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--dent-shadow-lg);\n  border-color: var(--dent-primary);\n}\n\n.dent-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--dent-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.dent-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--dent-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.dent-grid-compact .dent-card {\n  padding: 1rem;\n}\n\n.dent-grid-compact .dent-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.dent-grid-compact .dent-card p {\n  font-size: 12px;\n}\n\n\/* === DUO CONTAINER (Argile + Eau Thermale) === *\/\n.dent-duo-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n}\n\n.dent-duo-card {\n  background: var(--dent-white);\n  border-radius: var(--dent-radius);\n  padding: 1.5rem;\n  box-shadow: var(--dent-shadow);\n  border-top: 4px solid var(--dent-primary);\n}\n\n.dent-duo-argile {\n  border-top-color: var(--dent-secondary);\n}\n\n.dent-duo-eau {\n  border-top-color: var(--dent-primary);\n}\n\n.dent-duo-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-bottom: 1rem;\n  padding-bottom: 1rem;\n  border-bottom: 1px solid var(--dent-border);\n}\n\n.dent-duo-percent {\n  background: linear-gradient(135deg, var(--dent-primary), var(--dent-accent));\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  padding: .5rem .75rem;\n  border-radius: var(--dent-radius-sm);\n  min-width: 60px;\n  text-align: center;\n}\n\n.dent-duo-argile .dent-duo-percent {\n  background: linear-gradient(135deg, var(--dent-secondary), #E5B83A);\n}\n\n.dent-duo-header h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--dent-primary-dark);\n  margin: 0;\n  line-height: 1.3;\n}\n\n.dent-duo-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.dent-duo-list li {\n  padding: .5rem 0;\n  font-size: 14px;\n  color: var(--dent-text-light);\n  border-bottom: 1px solid var(--dent-border);\n  line-height: 1.5;\n}\n\n.dent-duo-list li:last-child {\n  border-bottom: none;\n}\n\n.dent-duo-list li strong {\n  color: var(--dent-primary-dark);\n}\n\n\/* === HIGHLIGHT BOX (Citron) === *\/\n.dent-highlight-box {\n  background: var(--dent-secondary-light);\n  border-radius: var(--dent-radius);\n  padding: 1.5rem;\n  display: flex;\n  gap: 1.25rem;\n  align-items: flex-start;\n  border: 2px solid var(--dent-secondary);\n}\n\n.dent-highlight-icon {\n  font-size: 48px;\n  flex-shrink: 0;\n}\n\n.dent-highlight-content p {\n  font-size: 15px;\n  color: var(--dent-text);\n  line-height: 1.7;\n  margin: 0 0 .75rem 0;\n}\n\n.dent-highlight-content p:last-child {\n  margin-bottom: 0;\n}\n\n.dent-highlight-content strong {\n  color: var(--dent-primary-dark);\n}\n\n\/* === INGREDIENTS LIST === *\/\n.dent-ingredients {\n  background: var(--dent-white);\n  border-radius: var(--dent-radius);\n  padding: 1rem;\n  box-shadow: var(--dent-shadow);\n}\n\n.dent-ingredient-item {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding: .75rem;\n  border-bottom: 1px solid var(--dent-border);\n  transition: background .2s ease;\n}\n\n.dent-ingredient-item:last-child {\n  border-bottom: none;\n}\n\n.dent-ingredient-item:hover {\n  background: var(--dent-primary-light);\n  border-radius: var(--dent-radius-sm);\n}\n\n.dent-ingredient-main {\n  background: var(--dent-primary-light);\n  border-radius: var(--dent-radius-sm);\n  margin-bottom: .5rem;\n}\n\n.dent-ingredient-percent {\n  background: linear-gradient(135deg, var(--dent-primary), var(--dent-accent));\n  color: white;\n  font-size: 14px;\n  font-weight: 800;\n  padding: .375rem .625rem;\n  border-radius: 8px;\n  min-width: 50px;\n  text-align: center;\n}\n\n.dent-ingredient-icon {\n  font-size: 24px;\n  min-width: 50px;\n  text-align: center;\n}\n\n.dent-ingredient-info {\n  flex: 1;\n}\n\n.dent-ingredient-info strong {\n  display: block;\n  font-size: 14px;\n  color: var(--dent-primary-dark);\n  margin-bottom: .125rem;\n}\n\n.dent-ingredient-info span {\n  font-size: 12px;\n  color: var(--dent-text-light);\n}\n\n\/* === CERTIFICATION === *\/\n.dent-certification {\n  text-align: center;\n  margin-top: 1.5rem;\n  padding: 1rem;\n  background: var(--dent-primary-light);\n  border-radius: var(--dent-radius-sm);\n}\n\n.dent-certification-badge {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--dent-primary-dark), var(--dent-accent));\n  color: white;\n  font-size: 14px;\n  font-weight: 800;\n  padding: .5rem 1rem;\n  border-radius: 999px;\n  margin-bottom: .5rem;\n}\n\n.dent-certification p {\n  font-size: 13px;\n  color: var(--dent-text-light);\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.dent-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.dent-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.dent-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--dent-primary), var(--dent-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.dent-timeline-content {\n  flex: 1;\n  background: var(--dent-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--dent-radius-sm);\n  box-shadow: var(--dent-shadow);\n}\n\n.dent-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--dent-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.dent-timeline-content p {\n  font-size: 14px;\n  color: var(--dent-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.dent-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--dent-primary-light);\n  border-radius: var(--dent-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.dent-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.dent-tip p {\n  font-size: 14px;\n  color: var(--dent-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.dent-accordion {\n  background: var(--dent-white);\n  border-radius: var(--dent-radius);\n  box-shadow: var(--dent-shadow);\n  overflow: hidden;\n}\n\n.dent-accordion-item {\n  border-bottom: 1px solid var(--dent-border);\n  margin: 0;\n  padding: 0;\n}\n\n.dent-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.dent-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--dent-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.dent-accordion-header:hover {\n  background: var(--dent-primary-light);\n}\n\n.dent-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.dent-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--dent-primary);\n  transition: transform .2s ease;\n}\n\n.dent-accordion-item[open] .dent-accordion-header::after {\n  content: '−';\n}\n\n.dent-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--dent-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.dent-accordion-content p {\n  margin: 0;\n}\n\n\/* === PRECAUTIONS === *\/\n.dent-precautions {\n  background: var(--dent-white);\n  border-radius: var(--dent-radius);\n  padding: 1.5rem;\n  box-shadow: var(--dent-shadow);\n  border-left: 4px solid var(--dent-secondary);\n}\n\n.dent-precautions p {\n  font-size: 14px;\n  color: var(--dent-text);\n  line-height: 1.7;\n  margin: 0 0 .75rem 0;\n}\n\n.dent-precautions p:last-child {\n  margin-bottom: 0;\n}\n\n.dent-disclaimer {\n  font-size: 12px;\n  color: var(--dent-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .dent-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .dent-card {\n    padding: 1.125rem;\n  }\n  \n  .dent-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .dent-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--dent-radius-sm);\n  }\n  \n  .dent-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .dent-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .dent-grid-compact {\n    gap: .625rem;\n  }\n  \n  .dent-grid-compact .dent-card {\n    padding: .75rem;\n  }\n  \n  .dent-duo-container {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .dent-duo-card {\n    padding: 1.25rem;\n  }\n  \n  .dent-duo-header {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: .5rem;\n  }\n  \n  .dent-highlight-box {\n    flex-direction: column;\n    text-align: center;\n    padding: 1.25rem;\n  }\n  \n  .dent-highlight-icon {\n    font-size: 40px;\n  }\n  \n  .dent-highlight-content p {\n    font-size: 14px;\n  }\n  \n  .dent-ingredients {\n    padding: .75rem;\n  }\n  \n  .dent-ingredient-item {\n    padding: .625rem;\n    gap: .75rem;\n  }\n  \n  .dent-ingredient-percent,\n  .dent-ingredient-icon {\n    min-width: 40px;\n    font-size: 12px;\n  }\n  \n  .dent-ingredient-icon {\n    font-size: 20px;\n  }\n  \n  .dent-ingredient-info strong {\n    font-size: 13px;\n  }\n  \n  .dent-ingredient-info span {\n    font-size: 11px;\n  }\n  \n  .dent-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .dent-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .dent-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .dent-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .dent-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .dent-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .dent-precautions {\n    padding: 1.25rem;\n  }\n  \n  .dent-precautions p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .dent-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .dent-card:nth-child(1) { animation-delay: .05s; }\n  .dent-card:nth-child(2) { animation-delay: .1s; }\n  .dent-card:nth-child(3) { animation-delay: .15s; }\n  .dent-card:nth-child(4) { animation-delay: .2s; }\n  .dent-card:nth-child(5) { animation-delay: .25s; }\n  .dent-card:nth-child(6) { animation-delay: .3s; }\n  \n  .dent-timeline-item {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .dent-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .dent-timeline-item:nth-child(2) { animation-delay: .2s; }\n  .dent-timeline-item:nth-child(3) { animation-delay: .3s; }\n  .dent-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .dent-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ARGILE \u0026 EAU THERMALE","offers":[{"title":"Default Title","offer_id":55197747151225,"sku":"ET0005","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-citron-bio-75-ml-argile-eau-thermale-packshothd.webp?v=1787382263"},{"product_id":"dentifrice-menthe-certifie-bio-75-ml-argile-eau-thermale","title":"Dentifrice Menthe Bio – 75 ml – Argile \u0026 Eau Thermale","description":"\u003cdiv class=\"dc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"dc-hero\"\u003e\n\u003cdiv class=\"dc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dc-hero-content\"\u003e\n\u003cdiv class=\"dc-badges-top\"\u003e\n\u003cspan class=\"dc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"dc-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e \u003cspan class=\"dc-badge\"\u003e🚫 Sans fluor\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"dc-hero-title\"\u003eDentifrice Menthe Bio Denticlay\u003c\/span\u003e\n\u003cp class=\"dc-subtitle\"\u003eArgile \u0026amp; Eau Thermale – 75 ml\u003c\/p\u003e\n\u003cp class=\"dc-description\"\u003eL'alliance unique de \u003cstrong\u003e35% d'argile blanche\u003c\/strong\u003e et de \u003cstrong\u003e33% d'eau thermale de Digne-les-Bains\u003c\/strong\u003e pour une hygiène bucco-dentaire naturelle et efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"dc-section\"\u003e\n\u003ch2\u003ePourquoi ce dentifrice à l'argile se démarque ?\u003c\/h2\u003e\n\u003cp class=\"dc-section-intro\"\u003eUne formulation transparente aux dosages exceptionnels, rarement atteints sur le marché du bio.\u003c\/p\u003e\n\u003cdiv class=\"dc-grid\"\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🪨 35% d'argile blanche\u003c\/h3\u003e\n\u003cp\u003eKaolin purifiant à un pourcentage rarement égalé pour un nettoyage en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e💧 33% d'eau thermale\u003c\/h3\u003e\n\u003cp\u003eEau de Digne-les-Bains aux vertus apaisantes reconnues depuis des siècles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🌱 99,2% naturel\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine naturelle certifiés et traçables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🚫 Sans fluor\u003c\/h3\u003e\n\u003cp\u003eFormule idéale pour ceux qui recherchent une alternative naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertification exigeante garantissant sérieux et qualité bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in Provence\u003c\/h3\u003e\n\u003cp\u003eFabrication française avec des ingrédients locaux soigneusement sélectionnés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"dc-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'argile blanche pour vos dents\u003c\/h2\u003e\n\u003cp class=\"dc-section-intro\"\u003eUtilisée depuis des siècles pour l'hygiène buccale, l'argile blanche possède des propriétés uniques et irremplaçables.\u003c\/p\u003e\n\u003cdiv class=\"dc-grid\"\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e✨ Action nettoyante douce\u003c\/h3\u003e\n\u003cp\u003eÉlimine la plaque dentaire sans agresser l'émail, contrairement aux agents abrasifs synthétiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🧲 Pouvoir absorbant\u003c\/h3\u003e\n\u003cp\u003eCapte les impuretés et neutralise les bactéries responsables de la mauvaise haleine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e💎 Reminéralisation\u003c\/h3\u003e\n\u003cp\u003eRiche en minéraux, elle contribue à renforcer naturellement vos dents au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🩹 Apaisement gencives\u003c\/h3\u003e\n\u003cp\u003ePropriétés cicatrisantes qui soulagent les gencives irritées ou sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"dc-section\"\u003e\n\u003ch2\u003eL'eau thermale de Digne-les-Bains : un trésor provençal\u003c\/h2\u003e\n\u003cp class=\"dc-section-intro\"\u003eCe n'est pas n'importe quelle eau qui compose ce dentifrice. L'eau thermale de Digne-les-Bains, en Provence, est reconnue pour sa richesse en minéraux et oligo-éléments.\u003c\/p\u003e\n\u003cdiv class=\"dc-grid-compact\"\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e😌 Apaise\u003c\/h3\u003e\n\u003cp\u003eCalme les inflammations gingivales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e💪 Renforce\u003c\/h3\u003e\n\u003cp\u003eFortifie les tissus buccaux fragiles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre\u003c\/h3\u003e\n\u003cp\u003eMaintient le microbiome buccal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🏔️ 33% du produit\u003c\/h3\u003e\n\u003cp\u003eConcentration exceptionnelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-tip\"\u003e\n\u003cspan class=\"dc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eC'est cette alliance unique entre argile et eau thermale qui fait toute l'originalité de la gamme Denticlay.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"dc-section\"\u003e\n\u003ch2\u003eUne fraîcheur mentholée 100% naturelle\u003c\/h2\u003e\n\u003cp class=\"dc-section-intro\"\u003eL'extrait de menthe bio (menthe poivrée et menthe des champs) procure une sensation incomparable.\u003c\/p\u003e\n\u003cdiv class=\"dc-grid\"\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🌬️ Haleine fraîche\u003c\/h3\u003e\n\u003cp\u003eFraîcheur longue durée qui vous accompagne toute la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e✨ Propreté immédiate\u003c\/h3\u003e\n\u003cp\u003eSensation de bouche parfaitement propre dès le rinçage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🛡️ Antiseptique naturel\u003c\/h3\u003e\n\u003cp\u003ePropriétés qui complètent l'action purifiante de l'argile\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-tip\"\u003e\n\u003cspan class=\"dc-tip-icon\"\u003e👨👩👧👦\u003c\/span\u003e\n\u003cp\u003eLe goût est agréable, rafraîchissant sans être agressif : parfait pour un usage quotidien par toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"dc-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce dentifrice ?\u003c\/h2\u003e\n\u003cdiv class=\"dc-grid\"\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🌿 Les naturalistes\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez passer à une hygiène bucco-dentaire plus naturelle et transparente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e😣 Gencives sensibles\u003c\/h3\u003e\n\u003cp\u003eVous avez les gencives sujettes aux irritations ou aux saignements\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🚫 Anti-fluor\u003c\/h3\u003e\n\u003cp\u003eVous recherchez un dentifrice bio efficace sans fluor ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eVous préférez les produits fabriqués en France avec traçabilité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🧪 Clean beauty\u003c\/h3\u003e\n\u003cp\u003eVous voulez éviter triclosan, SLS, parabènes et autres substances controversées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e👨👩👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient aux adultes et enfants sachant recracher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"dc-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"dc-grid-compact\"\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🪨 Argile blanche\u003c\/h3\u003e\n\u003cp\u003eKaolin – 35%\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e💧 Eau thermale\u003c\/h3\u003e\n\u003cp\u003eDigne-les-Bains – 33%\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🌿 Hydrolat menthe*\u003c\/h3\u003e\n\u003cp\u003eMenthe poivrée bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🧂 Sel marin\u003c\/h3\u003e\n\u003cp\u003eNon raffiné\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🍃 HE menthe*\u003c\/h3\u003e\n\u003cp\u003eMenthe des champs bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e✅ 99,2%\u003c\/h3\u003e\n\u003cp\u003eOrigine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-accordion\"\u003e\n\u003cdetails class=\"dc-accordion-item\"\u003e\n\u003csummary class=\"dc-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"dc-accordion-content\"\u003e\n\u003cp\u003eKaolin, Thermal Aqua, Mentha Piperita Water*, Glycerin, Bentonite, Xanthan Gum, Benzyl Alcohol, Sodium Chloride, Mentha Arvensis Leaf Oil*, Propanediol, Aqua, Dehydroacetic Acid, Limonene.\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"dc-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"dc-grid-compact\"\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🚫 Ne pas avaler\u003c\/h3\u003e\n\u003cp\u003eUsage externe uniquement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🌡️ Conservation\u003c\/h3\u003e\n\u003cp\u003eÀ l'abri de la chaleur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e👶 Hors de portée\u003c\/h3\u003e\n\u003cp\u003eDes jeunes enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🦷 Consultez\u003c\/h3\u003e\n\u003cp\u003eVotre dentiste si besoin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"dc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"dc-cta-box\"\u003e\n\u003cp\u003e🌿 Avec le \u003cstrong\u003eDentifrice Menthe Bio Denticlay\u003c\/strong\u003e, faites le choix d'une hygiène bucco-dentaire authentiquement naturelle, efficace et respectueuse. Votre sourire mérite le meilleur de la nature provençale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"dc-disclaimer\"\u003eComplément d'hygiène bucco-dentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un suivi dentaire régulier.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --dc-cream: #F5F9F8;\n  --dc-white: #ffffff;\n  --dc-primary: #4A9B8C;\n  --dc-primary-dark: #2D7A6D;\n  --dc-primary-light: #E8F4F1;\n  --dc-secondary: #3D8577;\n  --dc-accent: #B8D4CE;\n  --dc-text: #1a1a1a;\n  --dc-text-light: #5a5a5a;\n  --dc-border: #e0e0e0;\n  --dc-shadow: 0 4px 24px rgba(74,155,140,.08);\n  --dc-shadow-lg: 0 12px 48px rgba(45,122,109,.15);\n  --dc-radius: 20px;\n  --dc-radius-sm: 12px;\n}\n\n.dc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--dc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.dc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4A9B8C 0%, #3D8577 50%, #2D7A6D 100%);\n  border-radius: var(--dc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--dc-shadow-lg);\n}\n\n.dc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C17.3 5 7 15.3 7 28s10.3 23 23 23 23-10.3 23-23S42.7 5 30 5zm0 40c-9.4 0-17-7.6-17-17s7.6-17 17-17 17 7.6 17 17-7.6 17-17 17z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.dc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.dc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.dc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--dc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.dc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.dc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.dc-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.dc-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.dc-description strong {\n  color: white;\n}\n\n.dc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--dc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.dc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--dc-primary), var(--dc-secondary));\n  border-radius: 2px;\n}\n\n.dc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.dc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.dc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.dc-card {\n  background: var(--dc-white);\n  border-radius: var(--dc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--dc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.dc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--dc-shadow-lg);\n  border-color: var(--dc-primary);\n}\n\n.dc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--dc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.dc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--dc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.dc-grid-compact .dc-card {\n  padding: 1rem;\n}\n\n.dc-grid-compact .dc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.dc-grid-compact .dc-card p {\n  font-size: 12px;\n}\n\n.dc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.dc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.dc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--dc-primary), var(--dc-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.dc-timeline-content {\n  flex: 1;\n  background: var(--dc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--dc-radius-sm);\n  box-shadow: var(--dc-shadow);\n}\n\n.dc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--dc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.dc-timeline-content p {\n  font-size: 14px;\n  color: var(--dc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.dc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--dc-primary-light);\n  border-radius: var(--dc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.dc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.dc-tip p {\n  font-size: 14px;\n  color: var(--dc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.dc-accordion {\n  background: var(--dc-white);\n  border-radius: var(--dc-radius);\n  box-shadow: var(--dc-shadow);\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.dc-accordion-item {\n  border-bottom: 1px solid var(--dc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.dc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.dc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--dc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.dc-accordion-header:hover {\n  background: var(--dc-primary-light);\n}\n\n.dc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.dc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--dc-primary);\n  transition: transform .2s ease;\n}\n\n.dc-accordion-item[open] .dc-accordion-header::after {\n  content: '−';\n}\n\n.dc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--dc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.dc-accordion-content p {\n  margin: 0 0 .5rem 0;\n}\n\n.dc-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n.dc-cta-box {\n  background: linear-gradient(135deg, var(--dc-primary) 0%, var(--dc-primary-dark) 100%);\n  border-radius: var(--dc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.dc-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.dc-cta-box strong {\n  color: white;\n}\n\n.dc-disclaimer {\n  font-size: 12px;\n  color: var(--dc-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .dc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .dc-card {\n    padding: 1.125rem;\n  }\n  \n  .dc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .dc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--dc-radius-sm);\n  }\n  \n  .dc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .dc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .dc-grid-compact {\n    gap: .625rem;\n  }\n  \n  .dc-grid-compact .dc-card {\n    padding: .75rem;\n  }\n  \n  .dc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .dc-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .dc-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .dc-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .dc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .dc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .dc-tip {\n    padding: .875rem 1rem;\n  }\n  \n  .dc-tip-icon {\n    font-size: 20px;\n  }\n  \n  .dc-tip p {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .dc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .dc-card:nth-child(1) { animation-delay: .05s; }\n  .dc-card:nth-child(2) { animation-delay: .1s; }\n  .dc-card:nth-child(3) { animation-delay: .15s; }\n  .dc-card:nth-child(4) { animation-delay: .2s; }\n  .dc-card:nth-child(5) { animation-delay: .25s; }\n  .dc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ARGILE \u0026 EAU THERMALE","offers":[{"title":"Default Title","offer_id":55197759504761,"sku":"ET0010","price":6.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-menthe-bio-75-ml-argile-eau-thermale-packshothd_1b2635e0-2058-457a-ab80-ce63bae9a1e6.webp?v=1790679982"},{"product_id":"dentifrice-sauge-certifie-bio-75-ml-argile-eau-thermale","title":"Dentifrice Sauge Bio – 75 ml – Argile \u0026 Eau Thermale","description":"\u003cdiv class=\"dts-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"dts-hero\"\u003e\n\u003cdiv class=\"dts-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dts-hero-content\"\u003e\n\u003cdiv class=\"dts-badges-top\"\u003e\n\u003cspan class=\"dts-badge\"\u003e🌿 99,3% naturel\u003c\/span\u003e \u003cspan class=\"dts-badge\"\u003e🏔️ Eau thermale de Provence\u003c\/span\u003e \u003cspan class=\"dts-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"dts-hero-title\"\u003eDentifrice Sauge Bio\u003c\/span\u003e\n\u003cp class=\"dts-subtitle\"\u003eArgile \u0026amp; Eau Thermale de Digne-les-Bains\u003c\/p\u003e\n\u003cp class=\"dts-description\"\u003eLa puissance ancestrale de l'argile blanche associée aux vertus apaisantes de l'eau thermale provençale. Un soin bucco-dentaire d'exception, certifié COSMOS Organic.\u003c\/p\u003e\n\u003cdiv class=\"dts-hero-stats\"\u003e\n\u003cdiv class=\"dts-stat\"\u003e\n\u003cspan class=\"dts-stat-number\"\u003e35%\u003c\/span\u003e \u003cspan class=\"dts-stat-label\"\u003eArgile blanche\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dts-stat\"\u003e\n\u003cspan class=\"dts-stat-number\"\u003e33%\u003c\/span\u003e \u003cspan class=\"dts-stat-label\"\u003eEau thermale\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dts-stat\"\u003e\n\u003cspan class=\"dts-stat-number\"\u003e75ml\u003c\/span\u003e \u003cspan class=\"dts-stat-label\"\u003e≈ 2 mois\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"dts-section\"\u003e\n\u003ch2\u003eUn dentifrice naturel qui prend vraiment soin de votre bouche\u003c\/h2\u003e\n\u003cp class=\"dts-section-intro\"\u003eVous recherchez un dentifrice naturel efficace, sans compromis sur la qualité des ingrédients ? Découvrez une formule qui réunit le meilleur de la nature provençale.\u003c\/p\u003e\n\u003cdiv class=\"dts-grid\"\u003e\n\u003cdiv class=\"dts-card\"\u003e\n\u003ch3\u003e🪨 Argile blanche\u003c\/h3\u003e\n\u003cp\u003e35% de kaolin pour un nettoyage en douceur qui respecte l'émail de vos dents\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dts-card\"\u003e\n\u003ch3\u003e💧 Eau thermale\u003c\/h3\u003e\n\u003cp\u003e33% d'eau de Digne-les-Bains, riche en minéraux et oligo-éléments apaisants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dts-card\"\u003e\n\u003ch3\u003e🌿 Sauge biologique\u003c\/h3\u003e\n\u003cp\u003ePropriétés assainissantes reconnues depuis l'Antiquité pour une haleine fraîche\u003cspan class=\"dts-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dts-tip\"\u003e\n\u003cp\u003e💡 Une recette de grand-mère revisitée avec la rigueur d'une certification COSMOS Organic pour ceux qui souhaitent s'éloigner des formules conventionnelles sans sacrifier l'efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"dts-section\"\u003e\n\u003ch2\u003ePourquoi l'argile est-elle si précieuse dans un dentifrice ?\u003c\/h2\u003e\n\u003cp class=\"dts-section-intro\"\u003eL'argile dentifrice n'est pas une tendance récente : nos grands-mères l'utilisaient déjà pour nettoyer leurs dents naturellement. Et pour cause !\u003c\/p\u003e\n\u003cdiv class=\"dts-grid\"\u003e\n\u003cdiv class=\"dts-card\"\u003e\n\u003ch3\u003e✨ Nettoyage en douceur\u003c\/h3\u003e\n\u003cp\u003eSes micro-particules éliminent la plaque dentaire sans rayer l'émail, contrairement aux agents abrasifs synthétiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dts-card\"\u003e\n\u003ch3\u003e🧹 Action purifiante\u003c\/h3\u003e\n\u003cp\u003eElle absorbe les impuretés et les toxines présentes dans la cavité buccale pour une bouche assainie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dts-card\"\u003e\n\u003ch3\u003e💎 Reminéralisation\u003c\/h3\u003e\n\u003cp\u003eRiche en silice et en minéraux, elle contribue à renforcer l'émail de vos dents jour après jour\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dts-card\"\u003e\n\u003ch3\u003e🩹 Apaisement gencives\u003c\/h3\u003e\n\u003cp\u003eSes vertus adoucissantes calment les gencives sensibles ou irritées naturellement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"dts-section\"\u003e\n\u003ch2\u003eLes actifs qui font la différence\u003cspan class=\"dts-actif-icon\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"dts-actifs-grid\"\u003e\n\u003cdiv class=\"dts-actif-card dts-actif-featured\"\u003e\n\u003cdiv class=\"dts-actif-header\"\u003e\n\u003cdiv class=\"dts-actif-title\"\u003e\n\u003ch3\u003e💧 Eau thermale de Digne-les-Bains\u003c\/h3\u003e\n\u003cspan class=\"dts-actif-percent\"\u003e33%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003ePuisée directement dans les sources de Provence, cette eau thermale est naturellement riche en minéraux et oligo-éléments. Elle apaise les tissus buccaux, favorise la cicatrisation et maintient un environnement sain dans votre bouche. Un véritable soin thermal quotidien pour vos gencives.\u003cspan class=\"dts-actif-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dts-actif-card\"\u003e\n\u003cdiv class=\"dts-actif-header\"\u003e\n\u003cdiv class=\"dts-actif-title\"\u003e\n\u003ch3\u003e🌿 Extrait de sauge biologique\u003c\/h3\u003e\n\u003cspan class=\"dts-actif-badge\"\u003eBio certifié\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eLa sauge officinale est utilisée depuis l'Antiquité pour ses propriétés antiseptiques et purifiantes :\u003c\/p\u003e\n\u003cul class=\"dts-actif-list\"\u003e\n\u003cli\u003eLimite la prolifération des bactéries responsables des caries et de la mauvaise haleine\u003c\/li\u003e\n\u003cli\u003eTonifie les gencives et renforce leur résistance\u003c\/li\u003e\n\u003cli\u003eProcure une haleine fraîche naturelle et durable\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dts-actif-card\"\u003e\n\u003cdiv class=\"dts-actif-header\"\u003e\n\u003cdiv class=\"dts-actif-title\"\u003e\n\u003ch3\u003e🧂 Sel marin non raffiné\u003c\/h3\u003e\n\u003cspan class=\"dts-actif-badge\"\u003e100% naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eLe sel marin complète cette formule en apportant une action nettoyante supplémentaire. Il aide à reminéraliser les dents, participe à la réduction des inflammations gingivales et neutralise les mauvaises odeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"dts-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"dts-composition-box\"\u003e\n\u003cp class=\"dts-composition-intro\"\u003eTransparence totale sur ce que contient votre tube :\u003c\/p\u003e\n\u003cp class=\"dts-inci\"\u003e\u003cstrong\u003eKAOLIN\u003c\/strong\u003e (argile blanche), \u003cstrong\u003eTHERMAL AQUA\u003c\/strong\u003e (eau thermale), \u003cstrong\u003eSALVIA OFFICINALIS WATER*\u003c\/strong\u003e (eau de sauge bio), \u003cstrong\u003eGLYCERIN\u003c\/strong\u003e (glycérine végétale), \u003cstrong\u003eBENTONITE\u003c\/strong\u003e (argile), \u003cstrong\u003eXANTHAN GUM\u003c\/strong\u003e (gélifiant naturel), \u003cstrong\u003eBENZYL ALCOHOL\u003c\/strong\u003e, \u003cstrong\u003eSODIUM CHLORIDE\u003c\/strong\u003e (sel marin), \u003cstrong\u003eSALVIA OFFICINALIS OIL*\u003c\/strong\u003e (huile essentielle de sauge bio), \u003cstrong\u003ePROPANEDIOL\u003c\/strong\u003e, \u003cstrong\u003eAQUA\u003c\/strong\u003e, \u003cstrong\u003eDEHYDROACETIC ACID\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp class=\"dts-inci-note\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv class=\"dts-certif\"\u003e\n\u003cspan class=\"dts-certif-badge\"\u003e🌱 COSMOS Organic\u003c\/span\u003e \u003cspan class=\"dts-certif-text\"\u003e13% bio – 99,3% naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"dts-section\"\u003e\n\u003ch2\u003eCe qui distingue ce dentifrice des autres\u003c\/h2\u003e\n\u003cdiv class=\"dts-grid-compact\"\u003e\n\u003cdiv class=\"dts-card\"\u003e\n\u003ch3\u003e💪 Concentration élevée\u003c\/h3\u003e\n\u003cp\u003e35% argile + 33% eau thermale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dts-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in Provence\u003c\/h3\u003e\n\u003cp\u003eAu plus près des sources\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dts-card\"\u003e\n\u003ch3\u003e📝 Formule minimaliste\u003c\/h3\u003e\n\u003cp\u003eSeulement 12 ingrédients\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dts-card\"\u003e\n\u003ch3\u003e🚫 Sans controverses\u003c\/h3\u003e\n\u003cp\u003eSans fluor, SLS, triclosan\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"dts-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"dts-accordion\"\u003e\n\u003cdetails class=\"dts-accordion-item\"\u003e\n\u003csummary class=\"dts-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"dts-accordion-content\"\u003e\n\u003cp\u003eConservez votre dentifrice à température ambiante, à l'abri de la chaleur excessive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"dts-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"dts-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n\u003cdiv class=\"dts-accordion-content\"\u003e\n\u003cp\u003eÉvitez tout contact avec les yeux. En cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"dts-accordion-item\"\u003e\n\u003csummary class=\"dts-accordion-header\"\u003eℹ️ Information importante\u003c\/summary\u003e\n\u003cdiv class=\"dts-accordion-content\"\u003e\n\u003cp\u003eCe produit cosmétique est destiné à l'hygiène bucco-dentaire quotidienne et ne remplace pas une consultation chez votre dentiste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dts-cta-box\"\u003e\n\u003cp\u003e🦷 Offrez à votre bouche le meilleur de la nature provençale : l'alliance parfaite entre tradition ancestrale et certification bio moderne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --dts-cream: #F7FAF8;\n  --dts-white: #ffffff;\n  --dts-primary: #5B9A8B;\n  --dts-primary-dark: #3D7A6B;\n  --dts-primary-light: #E8F4F0;\n  --dts-secondary: #A8D5BA;\n  --dts-accent: #9B8AC4;\n  --dts-text: #1a1a1a;\n  --dts-text-light: #5a5a5a;\n  --dts-border: #e0e0e0;\n  --dts-shadow: 0 4px 24px rgba(91,154,139,.12);\n  --dts-shadow-lg: 0 12px 48px rgba(91,154,139,.18);\n  --dts-radius: 20px;\n  --dts-radius-sm: 12px;\n}\n\n.dts-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--dts-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dts-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5B9A8B 0%, #3D7A6B 40%, #9B8AC4 100%);\n  border-radius: var(--dts-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--dts-shadow-lg);\n}\n\n.dts-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-1.5 0-3 .5-4 1.5l-8 8c-2 2-2 5 0 7l8 8c2 2 5 2 7 0l8-8c2-2 2-5 0-7l-8-8c-1-1-2.5-1.5-4-1.5z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.dts-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.dts-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.dts-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--dts-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.dts-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.dts-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.dts-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.dts-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.7;\n}\n\n.dts-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.dts-stat {\n  text-align: center;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  padding: 1rem 1.5rem;\n  border-radius: var(--dts-radius-sm);\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.dts-stat-number {\n  display: block;\n  font-size: clamp(24px, 5vw, 36px);\n  font-weight: 900;\n  color: white;\n  line-height: 1;\n}\n\n.dts-stat-label {\n  display: block;\n  font-size: 12px;\n  color: rgba(255,255,255,.8);\n  margin-top: 4px;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.dts-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dts-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--dts-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.dts-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--dts-primary), var(--dts-accent));\n  border-radius: 2px;\n}\n\n.dts-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dts-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.dts-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.dts-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.dts-card {\n  background: var(--dts-white);\n  border-radius: var(--dts-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--dts-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.dts-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--dts-shadow-lg);\n  border-color: var(--dts-primary);\n}\n\n.dts-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--dts-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.dts-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--dts-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.dts-grid-compact .dts-card {\n  padding: 1rem;\n}\n\n.dts-grid-compact .dts-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.dts-grid-compact .dts-card p {\n  font-size: 12px;\n}\n\n\/* === ACTIFS SECTION === *\/\n.dts-actifs-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n\n.dts-actif-card {\n  background: var(--dts-white);\n  border-radius: var(--dts-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--dts-shadow);\n  border-left: 4px solid var(--dts-primary);\n  transition: all .3s ease;\n}\n\n.dts-actif-card:hover {\n  box-shadow: var(--dts-shadow-lg);\n}\n\n.dts-actif-featured {\n  background: linear-gradient(135deg, var(--dts-primary-light) 0%, var(--dts-white) 100%);\n  border-left-color: var(--dts-accent);\n}\n\n.dts-actif-header {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n\n.dts-actif-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.dts-actif-title h3 {\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--dts-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.dts-actif-percent {\n  display: inline-block;\n  background: var(--dts-primary);\n  color: white;\n  padding: 4px 12px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.dts-actif-badge {\n  display: inline-block;\n  background: var(--dts-secondary);\n  color: var(--dts-primary-dark);\n  padding: 4px 10px;\n  border-radius: 999px;\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n}\n\n.dts-actif-card p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--dts-text-light);\n  line-height: 1.7;\n  margin: 0;\n}\n\n.dts-actif-list {\n  margin: .75rem 0 0 0;\n  padding-left: 1.25rem;\n  list-style: none;\n}\n\n.dts-actif-list li {\n  position: relative;\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--dts-text-light);\n  line-height: 1.6;\n  margin-bottom: .5rem;\n  padding-left: .5rem;\n}\n\n.dts-actif-list li::before {\n  content: '✓';\n  position: absolute;\n  left: -1.25rem;\n  color: var(--dts-primary);\n  font-weight: 700;\n}\n\n\/* === TIMELINE === *\/\n.dts-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.dts-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.dts-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--dts-primary), var(--dts-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.dts-timeline-content {\n  flex: 1;\n  background: var(--dts-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--dts-radius-sm);\n  box-shadow: var(--dts-shadow);\n}\n\n.dts-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--dts-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.dts-timeline-content p {\n  font-size: 14px;\n  color: var(--dts-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.dts-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--dts-primary-light);\n  border-radius: var(--dts-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.dts-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.dts-tip p {\n  font-size: 14px;\n  color: var(--dts-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.dts-composition-box {\n  background: var(--dts-white);\n  border-radius: var(--dts-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--dts-shadow);\n}\n\n.dts-composition-intro {\n  font-size: 15px;\n  color: var(--dts-text);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.dts-inci {\n  font-size: 13px;\n  color: var(--dts-text-light);\n  line-height: 1.8;\n  margin: 0 0 .75rem 0;\n}\n\n.dts-inci strong {\n  color: var(--dts-primary-dark);\n}\n\n.dts-inci-note {\n  font-size: 12px;\n  color: var(--dts-text-light);\n  margin: 0 0 1.25rem 0;\n}\n\n.dts-certif {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  flex-wrap: wrap;\n  padding-top: 1rem;\n  border-top: 1px solid var(--dts-border);\n}\n\n.dts-certif-badge {\n  background: linear-gradient(135deg, var(--dts-primary), var(--dts-primary-dark));\n  color: white;\n  padding: 8px 16px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.dts-certif-text {\n  font-size: 14px;\n  color: var(--dts-text-light);\n  font-weight: 600;\n}\n\n\/* === ACCORDÉON === *\/\n.dts-accordion {\n  background: var(--dts-white);\n  border-radius: var(--dts-radius);\n  box-shadow: var(--dts-shadow);\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.dts-accordion-item {\n  border-bottom: 1px solid var(--dts-border);\n  margin: 0;\n  padding: 0;\n}\n\n.dts-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.dts-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--dts-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.dts-accordion-header:hover {\n  background: var(--dts-primary-light);\n}\n\n.dts-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.dts-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--dts-primary);\n  transition: transform .2s ease;\n}\n\n.dts-accordion-item[open] .dts-accordion-header::after {\n  content: '−';\n}\n\n.dts-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--dts-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.dts-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.dts-cta-box {\n  background: linear-gradient(135deg, var(--dts-primary) 0%, var(--dts-primary-dark) 100%);\n  border-radius: var(--dts-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.dts-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .dts-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .dts-card {\n    padding: 1.125rem;\n  }\n  \n  .dts-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .dts-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--dts-radius-sm);\n  }\n  \n  .dts-hero-stats {\n    gap: .75rem;\n  }\n  \n  .dts-stat {\n    padding: .75rem 1rem;\n    min-width: 80px;\n  }\n  \n  .dts-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .dts-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .dts-grid-compact {\n    gap: .625rem;\n  }\n  \n  .dts-grid-compact .dts-card {\n    padding: .75rem;\n  }\n  \n  .dts-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .dts-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .dts-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .dts-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .dts-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .dts-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .dts-actif-header {\n    flex-direction: column;\n    gap: .5rem;\n  }\n  \n  .dts-actif-icon {\n    font-size: 28px;\n  }\n  \n  .dts-tip {\n    flex-direction: column;\n    gap: .5rem;\n    text-align: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .dts-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .dts-card:nth-child(1) { animation-delay: .05s; }\n  .dts-card:nth-child(2) { animation-delay: .1s; }\n  .dts-card:nth-child(3) { animation-delay: .15s; }\n  .dts-card:nth-child(4) { animation-delay: .2s; }\n  .dts-card:nth-child(5) { animation-delay: .25s; }\n  .dts-card:nth-child(6) { animation-delay: .3s; }\n  \n  .dts-timeline-item {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .dts-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .dts-timeline-item:nth-child(2) { animation-delay: .2s; }\n  .dts-timeline-item:nth-child(3) { animation-delay: .3s; }\n  .dts-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dts-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ARGILE \u0026 EAU THERMALE","offers":[{"title":"Default Title","offer_id":55197774184825,"sku":"ET0015","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-sauge-certifie-bio-75-ml-argile-eau-thermale-lifestyle_f70c7c43-82f2-4b7a-827f-eaf09f12d655.webp?v=1769509544"},{"product_id":"denticlay-anis-digestif-75-ml-argile-eau-thermale","title":"Denticlay Anis Digestif – 75 ml – Argile \u0026 Eau Thermale","description":"\u003cdiv class=\"dc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"dc-hero\"\u003e\n\u003cdiv class=\"dc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dc-hero-content\"\u003e\n\u003cdiv class=\"dc-badges-top\"\u003e\n\u003cspan class=\"dc-badge\"\u003e🌿 99,3% naturel\u003c\/span\u003e \u003cspan class=\"dc-badge\"\u003e🏔️ Eau thermale de Provence\u003c\/span\u003e \u003cspan class=\"dc-badge\"\u003e✨ Certifié Cosmos Organic\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"dc-hero-title\"\u003eDenticlay Anis Digestif\u003c\/span\u003e\n\u003cp class=\"dc-subtitle\"\u003eArgile blanche \u0026amp; Eau thermale de Digne-les-Bains\u003c\/p\u003e\n\u003cp class=\"dc-description\"\u003eUn dentifrice bio qui allie la douceur de l'argile blanche, la pureté de l'eau thermale provençale et les vertus digestives de l'anis étoilé. Un rituel bucco-dentaire naturel qui fait du bien, tout simplement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"dc-section\"\u003e\n\u003ch2\u003ePourquoi choisir un dentifrice à l'argile plutôt qu'un dentifrice classique ?\u003c\/h2\u003e\n\u003cp class=\"dc-section-intro\"\u003eLes dentifrices conventionnels contiennent souvent des agents moussants agressifs, des conservateurs controversés ou des arômes de synthèse. Le dentifrice à l'argile blanche mise sur des actifs naturels pour nettoyer efficacement sans agresser.\u003c\/p\u003e\n\u003cdiv class=\"dc-grid\"\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🧲 Pouvoir absorbant\u003c\/h3\u003e\n\u003cp\u003eL'argile capte les impuretés et les toxines présentes dans la bouche pour une hygiène optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e💎 Action reminéralisante\u003c\/h3\u003e\n\u003cp\u003eRiche en silice et en minéraux, elle renforce naturellement l'émail dentaire au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🪶 Douceur naturelle\u003c\/h3\u003e\n\u003cp\u003eL'argile blanche (kaolin) est plus douce que l'argile verte, idéale pour les gencives sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e⚖️ Régulation du pH\u003c\/h3\u003e\n\u003cp\u003eElle neutralise l'acidité buccale responsable des caries pour une protection durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-tip\"\u003e\n\u003cspan class=\"dc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eL'argile blanche convient mieux aux bouches sensibles et aux usages quotidiens prolongés que l'argile verte, plus abrasive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"dc-section\"\u003e\n\u003ch2\u003eLa force de l'eau thermale de Digne-les-Bains\u003c\/h2\u003e\n\u003cp class=\"dc-section-intro\"\u003eSituée au cœur des Alpes de Haute-Provence, cette source est reconnue depuis des siècles pour sa richesse exceptionnelle en oligo-éléments et minéraux.\u003c\/p\u003e\n\u003cdiv class=\"dc-highlight-box\"\u003e\n\u003cdiv class=\"dc-highlight-number\"\u003e33%\u003c\/div\u003e\n\u003cp class=\"dc-highlight-text\"\u003ed'eau thermale dans la formule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-grid\"\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e😌 Apaisement\u003c\/h3\u003e\n\u003cp\u003eCalme les muqueuses buccales irritées grâce à sa composition minérale unique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🩹 Cicatrisation\u003c\/h3\u003e\n\u003cp\u003eFavorise la cicatrisation naturelle des petites lésions gingivales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e💪 Synergie\u003c\/h3\u003e\n\u003cp\u003eComplète parfaitement l'action reminéralisante de l'argile blanche (35%)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"dc-section\"\u003e\n\u003ch2\u003eL'anis bio : fraîcheur et confort digestif\u003c\/h2\u003e\n\u003cdiv class=\"dc-feature-card\"\u003e\n\u003cdiv class=\"dc-feature-content\"\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e⭐ L'anis étoilé (badiane) n'est pas qu'un simple arôme. Cet extrait bio apporte une \u003cstrong\u003efraîcheur naturelle\u003c\/strong\u003e agréable après le brossage, mais aussi des propriétés carminatives reconnues.\u003c\/p\u003e\n\u003cp\u003eAprès un repas copieux, ce dentifrice vous offre un double bénéfice : \u003cstrong\u003eune haleine fraîche\u003c\/strong\u003e et \u003cstrong\u003eune sensation de légèreté digestive\u003c\/strong\u003e. Une approche holistique du bien-être bucco-dentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"dc-section\"\u003e\n\u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n\u003cdiv class=\"dc-composition-box\"\u003e\n\u003cp class=\"dc-inci\"\u003e\u003cstrong\u003eKAOLIN\u003c\/strong\u003e (argile blanche 35%), \u003cstrong\u003eTHERMAL AQUA\u003c\/strong\u003e (eau thermale 33%), \u003cstrong\u003eMELISSA OFFICINALIS EXTRACT\u003c\/strong\u003e* (extrait de mélisse bio), \u003cstrong\u003eGLYCERIN\u003c\/strong\u003e, \u003cstrong\u003eBENTONITE\u003c\/strong\u003e, \u003cstrong\u003eXANTHAN GUM\u003c\/strong\u003e, \u003cstrong\u003eBENZYL ALCOHOL\u003c\/strong\u003e, \u003cstrong\u003eILLICIUM VERUM FRUIT OIL\u003c\/strong\u003e* (huile essentielle d'anis étoilé bio), \u003cstrong\u003eSODIUM CHLORIDE\u003c\/strong\u003e (sel marin non raffiné), \u003cstrong\u003ePROPANEDIOL\u003c\/strong\u003e, \u003cstrong\u003eAQUA\u003c\/strong\u003e, \u003cstrong\u003eDEHYDROACETIC ACID\u003c\/strong\u003e, \u003cstrong\u003eLIMONENE\u003c\/strong\u003e, \u003cstrong\u003eLINALOOL\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp class=\"dc-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-grid-compact\"\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🌱 99,3%\u003c\/h3\u003e\n\u003cp\u003eOrigine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🏆 Cosmos\u003c\/h3\u003e\n\u003cp\u003eCertifié Organic\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"dc-section\"\u003e\n\u003ch2\u003eLes actifs naturels décryptés\u003c\/h2\u003e\n\u003cdiv class=\"dc-grid\"\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🤍 Argile blanche (Kaolin)\u003c\/h3\u003e\n\u003cp\u003eNettoie en douceur, absorbe les toxines et reminéralise l'émail dentaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🧱 Bentonite\u003c\/h3\u003e\n\u003cp\u003eArgile complémentaire qui renforce le pouvoir purifiant de la formule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🌿 Extrait de mélisse bio\u003c\/h3\u003e\n\u003cp\u003eApaise les gencives sensibles ou irritées grâce à ses vertus calmantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e⭐ Anis étoilé bio\u003c\/h3\u003e\n\u003cp\u003eProcure fraîcheur naturelle et soutien digestif après le brossage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🧂 Sel marin non raffiné\u003c\/h3\u003e\n\u003cp\u003eApporte des minéraux essentiels et participe à la reminéralisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n\u003cp\u003eMaintient une texture agréable et hydrate les muqueuses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"dc-section\"\u003e\n\u003ch2\u003eComment utiliser ce dentifrice à l'argile ?\u003c\/h2\u003e\n\u003cdiv class=\"dc-timeline\"\u003e\n\u003cdiv class=\"dc-timeline-item\"\u003e\n\u003cdiv class=\"dc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"dc-timeline-content\"\u003e\n\u003ch3\u003ePréparez\u003c\/h3\u003e\n\u003cp\u003eDéposez une noisette de dentifrice sur votre brosse à dents (souple de préférence)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-timeline-item\"\u003e\n\u003cdiv class=\"dc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"dc-timeline-content\"\u003e\n\u003ch3\u003eBrossez\u003c\/h3\u003e\n\u003cp\u003eBrossez délicatement pendant 2 minutes en effectuant des mouvements circulaires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-timeline-item\"\u003e\n\u003cdiv class=\"dc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"dc-timeline-content\"\u003e\n\u003ch3\u003eInsistez\u003c\/h3\u003e\n\u003cp\u003eConcentrez-vous sur la jonction entre les dents et les gencives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-timeline-item\"\u003e\n\u003cdiv class=\"dc-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"dc-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau claire pour éliminer tous les résidus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-timeline-item\"\u003e\n\u003cdiv class=\"dc-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"dc-timeline-content\"\u003e\n\u003ch3\u003eRépétez\u003c\/h3\u003e\n\u003cp\u003eMatin et soir, idéalement après chaque repas pour une hygiène optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-tip\"\u003e\n\u003cspan class=\"dc-tip-icon\"\u003e👨👩👧\u003c\/span\u003e\n\u003cp\u003eConvient aux adultes et aux enfants (sous surveillance d'un adulte pour les plus jeunes).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"dc-section\"\u003e\n\u003ch2\u003eCe qui fait la différence du Denticlay\u003c\/h2\u003e\n\u003cdiv class=\"dc-grid-compact\"\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🏔️ Fabriqué en Provence\u003c\/h3\u003e\n\u003cp\u003eSavoir-faire local, ingrédients sourcés au plus près\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n\u003cp\u003ePas d'agents moussants agressifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/h3\u003e\n\u003cp\u003eAucun test sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dc-card\"\u003e\n\u003ch3\u003e📦 Tube 75 ml\u003c\/h3\u003e\n\u003cp\u003ePlusieurs semaines d'utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"dc-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"dc-warning-box\"\u003e\n\u003cp\u003eCe dentifrice est un produit d'hygiène bucco-dentaire. Il ne remplace pas une consultation chez votre dentiste en cas de problème persistant (caries, gingivite, etc.). En cas d'irritation inhabituelle, cessez l'utilisation et consultez un professionnel de santé. Conservez à l'abri de la chaleur et de l'humidité excessive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"dc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"dc-cta-box\"\u003e\n\u003cp\u003eLe Denticlay Anis Digestif incarne une nouvelle approche de l'hygiène bucco-dentaire : naturelle, efficace et respectueuse. Vos dents, vos gencives et votre palais vous remercieront. 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"dc-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Consultez un professionnel de santé bucco-dentaire pour tout problème persistant.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --dc-cream: #F7FAF8;\n  --dc-white: #ffffff;\n  --dc-primary: #5BA896;\n  --dc-primary-dark: #2D7A6D;\n  --dc-primary-light: #E8F4F1;\n  --dc-secondary: #C67D4A;\n  --dc-accent: #D4956A;\n  --dc-text: #1a1a1a;\n  --dc-text-light: #5a5a5a;\n  --dc-border: #e0e0e0;\n  --dc-shadow: 0 4px 24px rgba(45, 122, 109, .08);\n  --dc-shadow-lg: 0 12px 48px rgba(45, 122, 109, .15);\n  --dc-radius: 20px;\n  --dc-radius-sm: 12px;\n}\n\n.dc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--dc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5BA896 0%, #2D7A6D 50%, #1D5A4D 100%);\n  border-radius: var(--dc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--dc-shadow-lg);\n}\n\n.dc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(198, 125, 74, .15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.dc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.dc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.dc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--dc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.dc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.dc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.dc-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n}\n\n.dc-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.dc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--dc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.dc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--dc-primary), var(--dc-secondary));\n  border-radius: 2px;\n}\n\n.dc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.dc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.dc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.dc-card {\n  background: var(--dc-white);\n  border-radius: var(--dc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--dc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.dc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--dc-shadow-lg);\n  border-color: var(--dc-primary);\n}\n\n.dc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--dc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.dc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--dc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.dc-grid-compact .dc-card {\n  padding: 1rem;\n}\n\n.dc-grid-compact .dc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.dc-grid-compact .dc-card p {\n  font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.dc-highlight-box {\n  background: linear-gradient(135deg, var(--dc-primary) 0%, var(--dc-primary-dark) 100%);\n  border-radius: var(--dc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  text-align: center;\n  margin-bottom: 1.5rem;\n}\n\n.dc-highlight-number {\n  font-size: clamp(48px, 10vw, 72px);\n  font-weight: 900;\n  color: white;\n  line-height: 1;\n  margin-bottom: .5rem;\n}\n\n.dc-highlight-text {\n  font-size: clamp(16px, 3vw, 20px);\n  color: rgba(255,255,255,.9);\n  font-weight: 600;\n  margin: 0;\n}\n\n\/* === FEATURE CARD === *\/\n.dc-feature-card {\n  background: var(--dc-white);\n  border-radius: var(--dc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--dc-shadow);\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n}\n\n.dc-feature-icon {\n  font-size: 48px;\n  flex-shrink: 0;\n}\n\n.dc-feature-content p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--dc-text);\n  line-height: 1.7;\n  margin: 0 0 1rem 0;\n}\n\n.dc-feature-content p:last-child {\n  margin-bottom: 0;\n}\n\n.dc-feature-content strong {\n  color: var(--dc-primary-dark);\n}\n\n\/* === COMPOSITION BOX === *\/\n.dc-composition-box {\n  background: var(--dc-white);\n  border-radius: var(--dc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--dc-shadow);\n  margin-bottom: 1.25rem;\n  border-left: 4px solid var(--dc-secondary);\n}\n\n.dc-inci {\n  font-size: clamp(12px, 2vw, 14px);\n  color: var(--dc-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n.dc-inci strong {\n  color: var(--dc-primary-dark);\n}\n\n.dc-inci-note {\n  font-size: 12px;\n  color: var(--dc-text-light);\n  font-style: italic;\n  margin: .75rem 0 0 0;\n}\n\n\/* === TIMELINE === *\/\n.dc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.dc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.dc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--dc-primary), var(--dc-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.dc-timeline-content {\n  flex: 1;\n  background: var(--dc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--dc-radius-sm);\n  box-shadow: var(--dc-shadow);\n}\n\n.dc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--dc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.dc-timeline-content p {\n  font-size: 14px;\n  color: var(--dc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.dc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--dc-primary-light);\n  border-radius: var(--dc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.dc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.dc-tip p {\n  font-size: 14px;\n  color: var(--dc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.dc-accordion {\n  background: var(--dc-white);\n  border-radius: var(--dc-radius);\n  box-shadow: var(--dc-shadow);\n  overflow: hidden;\n}\n\n.dc-accordion-item {\n  border-bottom: 1px solid var(--dc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.dc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.dc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--dc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.dc-accordion-header:hover {\n  background: var(--dc-primary-light);\n}\n\n.dc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.dc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--dc-primary);\n  transition: transform .2s ease;\n}\n\n.dc-accordion-item[open] .dc-accordion-header::after {\n  content: '−';\n}\n\n.dc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--dc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.dc-accordion-content p {\n  margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.dc-warning-box {\n  background: #FFF8F3;\n  border-radius: var(--dc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  border-left: 4px solid var(--dc-secondary);\n}\n\n.dc-warning-box p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--dc-text);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.dc-cta-box {\n  background: linear-gradient(135deg, var(--dc-primary) 0%, var(--dc-primary-dark) 100%);\n  border-radius: var(--dc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.dc-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.dc-disclaimer {\n  font-size: 12px;\n  color: var(--dc-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .dc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .dc-card {\n    padding: 1.125rem;\n  }\n  \n  .dc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .dc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--dc-radius-sm);\n  }\n  \n  .dc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .dc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .dc-grid-compact {\n    gap: .625rem;\n  }\n  \n  .dc-grid-compact .dc-card {\n    padding: .75rem;\n  }\n  \n  .dc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .dc-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .dc-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .dc-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .dc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .dc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .dc-feature-card {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .dc-feature-icon {\n    margin: 0 auto;\n  }\n  \n  .dc-highlight-box {\n    padding: 1.25rem;\n  }\n  \n  .dc-highlight-number {\n    font-size: 48px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .dc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .dc-card:nth-child(1) { animation-delay: .05s; }\n  .dc-card:nth-child(2) { animation-delay: .1s; }\n  .dc-card:nth-child(3) { animation-delay: .15s; }\n  .dc-card:nth-child(4) { animation-delay: .2s; }\n  .dc-card:nth-child(5) { animation-delay: .25s; }\n  .dc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ARGILE \u0026 EAU THERMALE","offers":[{"title":"Default Title","offer_id":55197845422457,"sku":"ET0040","price":6.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-argile-eau-thermale-anis_11zon.jpg?v=1770727988"},{"product_id":"denticlay-romarin-bio-75-ml-argile-eau-thermale","title":"Denticlay Romarin Bio – 75 ml – Argile \u0026 Eau Thermale","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Denticlay Romarin Bio – 75 ml – Argile \u0026 Eau Thermale\nPalette détectée:\n  - Primaire: #4A9B8C (vert sauge\/menthe du tube et du romarin)\n  - Secondaire: #7B3F7D (violet\/prune du bandeau \"Romarin Bio\")\n  - Accent: #2D6B5E (vert foncé des éléments graphiques)\n  - Fond: #F5F9F7 (blanc cassé légèrement vert)\nAmbiance: Naturel\/bio, provençal, fraîcheur herbacée, clean \u0026 minimaliste\nPréfixe CSS: dc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Pourquoi opter pour un dentifrice à l'argile blanche ?\"\n  2. \"La composition complète décryptée\"\n  3. \"Argile blanche ou argile verte : quelle différence pour vos dents ?\"\n  4. \"Comment utiliser le Denticlay Romarin Bio ?\"\n  5. \"Pour qui est conçu ce dentifrice bio ?\"\n  6. \"Les engagements qualité du Denticlay\"\n  7. \"Questions fréquentes sur le dentifrice à l'argile\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"dc-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"dc-hero\"\u003e\n    \u003cdiv class=\"dc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"dc-hero-content\"\u003e\n      \u003cdiv class=\"dc-badges-top\"\u003e\n        \u003cspan class=\"dc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"dc-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e\n        \u003cspan class=\"dc-badge\"\u003e💧 35% Argile blanche\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"dc-hero-title\"\u003eDenticlay Romarin Bio\u003c\/span\u003e\n      \u003cp class=\"dc-subtitle\"\u003eArgile \u0026amp; Eau Thermale – 75 ml\u003c\/p\u003e\n      \u003cp class=\"dc-description\"\u003eLa puissance de l'argile blanche provençale associée à l'eau thermale de Digne-les-Bains pour une hygiène bucco-dentaire naturelle et irréprochable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"dc-section\"\u003e\n    \u003ch2\u003ePourquoi opter pour un dentifrice à l'argile blanche ?\u003c\/h2\u003e\n    \u003cp class=\"dc-section-intro\"\u003eL'argile blanche n'est pas une tendance passagère : c'est un retour aux sources validé par des générations.\u003c\/p\u003e\n    \u003cdiv class=\"dc-grid\"\u003e\n      \u003cdiv class=\"dc-card\"\u003e\n        \u003ch3\u003e🧽 Nettoyage mécanique doux\u003c\/h3\u003e\n        \u003cp\u003eContrairement aux agents chimiques, l'argile blanche (kaolin) offre un nettoyage efficace sans agresser vos gencives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-card\"\u003e\n        \u003ch3\u003e🦠 Absorption des impuretés\u003c\/h3\u003e\n        \u003cp\u003eElle capte et neutralise les mauvaises odeurs tout en limitant la prolifération des bactéries responsables des caries.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre du pH buccal\u003c\/h3\u003e\n        \u003cp\u003eMaintient naturellement un environnement sain dans votre bouche pour une protection durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dc-highlight-box\"\u003e\n      \u003cspan class=\"dc-highlight-number\"\u003e35%\u003c\/span\u003e\n      \u003cp\u003ed'argile blanche pure – une concentration exceptionnelle là où d'autres se contentent de doses symboliques. Vous sentez la différence dès la première utilisation.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"dc-section\"\u003e\n    \u003ch2\u003eLa composition complète décryptée\u003c\/h2\u003e\n    \u003cp class=\"dc-section-intro\"\u003e99,2% d'ingrédients d'origine naturelle – sans fluor ajouté, sans sulfates, sans conservateurs de synthèse.\u003c\/p\u003e\n    \u003cdiv class=\"dc-grid\"\u003e\n      \u003cdiv class=\"dc-card dc-card-ingredient\"\u003e\n        \u003ch3\u003e🪨 Argile blanche (Kaolin) – 35%\u003c\/h3\u003e\n        \u003cp\u003eAgent nettoyant principal aux propriétés absorbantes. Élimine la plaque dentaire en douceur, aide à reminéraliser les gencives et contribue à un blanchiment progressif et naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-card dc-card-ingredient\"\u003e\n        \u003ch3\u003e💧 Eau thermale de Digne – 33%\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour ses vertus apaisantes, elle calme les gencives sensibles. Riche en oligo-éléments, elle renforce la protection naturelle de votre cavité buccale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-card dc-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Extrait de romarin bio\u003c\/h3\u003e\n        \u003cp\u003eAntiseptique naturel puissant, il combat les bactéries tout en offrant une haleine fraîche et herbacée. Ses antioxydants protègent vos gencives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-card dc-card-ingredient\"\u003e\n        \u003ch3\u003e🧂 Sel marin non raffiné\u003c\/h3\u003e\n        \u003cp\u003eNaturellement riche en minéraux, il participe au nettoyage en profondeur et aide à renforcer l'émail dentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-card dc-card-ingredient\"\u003e\n        \u003ch3\u003e🍃 Glycérine végétale\u003c\/h3\u003e\n        \u003cp\u003eMaintient une texture agréable et préserve l'hydratation des muqueuses buccales.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"dc-section\"\u003e\n    \u003ch2\u003eArgile blanche ou argile verte : quelle différence pour vos dents ?\u003c\/h2\u003e\n    \u003cdiv class=\"dc-comparison\"\u003e\n      \u003cdiv class=\"dc-comparison-item dc-comparison-green\"\u003e\n        \u003ch3\u003eArgile verte\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003ePouvoir absorbant très puissant\u003c\/li\u003e\n          \u003cli\u003ePeut être trop agressive\u003c\/li\u003e\n          \u003cli\u003eDéconseillée aux gencives sensibles\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-comparison-vs\"\u003eVS\u003c\/div\u003e\n      \u003cdiv class=\"dc-comparison-item dc-comparison-white\"\u003e\n        \u003ch3\u003eArgile blanche ✓\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003ePlus fine et plus douce\u003c\/li\u003e\n          \u003cli\u003eEfficacité optimale sans irritation\u003c\/li\u003e\n          \u003cli\u003eConvient à toutes les bouches\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dc-tip\"\u003e\n      \u003cspan class=\"dc-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eSi vous avez déjà testé un dentifrice à l'argile verte et trouvé la sensation trop intense, vous apprécierez la douceur de cette formule au kaolin.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"dc-section\"\u003e\n    \u003ch2\u003eComment utiliser le Denticlay Romarin Bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"dc-timeline\"\u003e\n      \u003cdiv class=\"dc-timeline-item\"\u003e\n        \u003cspan class=\"dc-timeline-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"dc-timeline-content\"\u003e\n          \u003ch3\u003ePréparez votre brosse\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de dentifrice sur votre brosse à dents humide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-timeline-item\"\u003e\n        \u003cspan class=\"dc-timeline-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"dc-timeline-content\"\u003e\n          \u003ch3\u003eBrossez 2 à 3 minutes\u003c\/h3\u003e\n          \u003cp\u003eEffectuez des mouvements circulaires, des gencives vers les dents.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-timeline-item\"\u003e\n        \u003cspan class=\"dc-timeline-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"dc-timeline-content\"\u003e\n          \u003ch3\u003eInsistez sur les zones clés\u003c\/h3\u003e\n          \u003cp\u003eZones interdentaires et ligne gingivale méritent une attention particulière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-timeline-item\"\u003e\n        \u003cspan class=\"dc-timeline-number\"\u003e4\u003c\/span\u003e\n        \u003cdiv class=\"dc-timeline-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eFinissez à l'eau claire. Répétez 2 à 3 fois par jour, après chaque repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dc-tip\"\u003e\n      \u003cspan class=\"dc-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Complétez votre routine avec un bain de bouche naturel ou un gratte-langue. L'association décuple la sensation de fraîcheur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"dc-section\"\u003e\n    \u003ch2\u003ePour qui est conçu ce dentifrice bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"dc-grid-compact\"\u003e\n      \u003cdiv class=\"dc-card\"\u003e\n        \u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n        \u003cp\u003eAlternative 100% naturelle et certifiée bio aux dentifrices conventionnels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-card\"\u003e\n        \u003ch3\u003e😊 Gencives sensibles\u003c\/h3\u003e\n        \u003cp\u003eFormule douce pour les bouches sujettes aux irritations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-card\"\u003e\n        \u003ch3\u003e🚫 Sans controverses\u003c\/h3\u003e\n        \u003cp\u003eÉvitez parabènes, triclosan et SLS en toute sérénité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-card\"\u003e\n        \u003ch3\u003e🥬 Mode de vie végan\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient d'origine animale, non testé sur les animaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eProduits fabriqués en France avec des ingrédients locaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eConvient aux adultes et enfants dès 7 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"dc-section\"\u003e\n    \u003ch2\u003eLes engagements qualité du Denticlay\u003c\/h2\u003e\n    \u003cdiv class=\"dc-grid\"\u003e\n      \u003cdiv class=\"dc-card dc-card-engagement\"\u003e\n        \u003ch3\u003e🏅 Cosmos Organic par Ecocert\u003c\/h3\u003e\n        \u003cp\u003eGarantie d'une formulation respectant les standards les plus exigeants du bio cosmétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-card dc-card-engagement\"\u003e\n        \u003ch3\u003e🏔️ Fabriqué en Provence\u003c\/h3\u003e\n        \u003cp\u003eCircuit court et traçabilité totale des ingrédients, de la source au tube.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-card dc-card-engagement\"\u003e\n        \u003ch3\u003e🐰 Formule végane\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient d'origine animale, jamais testé sur les animaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dc-card dc-card-engagement\"\u003e\n        \u003ch3\u003e♻️ Emballage recyclable\u003c\/h3\u003e\n        \u003cp\u003eDémarche écoresponsable de la formule au contenant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"dc-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur le dentifrice à l'argile\u003c\/h2\u003e\n    \u003cdiv class=\"dc-accordion\"\u003e\n      \u003cdetails class=\"dc-accordion-item\"\u003e\n        \u003csummary class=\"dc-accordion-header\"\u003eLe dentifrice à l'argile blanchit-il vraiment les dents ?\u003c\/summary\u003e\n        \u003cdiv class=\"dc-accordion-content\"\u003e\n          \u003cp\u003eL'argile blanche agit comme un exfoliant doux qui élimine progressivement les taches superficielles (café, thé, tabac). Le blanchiment est naturel et progressif, sans agresser l'émail comme certains produits chimiques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dc-accordion-item\"\u003e\n        \u003csummary class=\"dc-accordion-header\"\u003ePeut-on fabriquer son dentifrice maison à l'argile blanche ?\u003c\/summary\u003e\n        \u003cdiv class=\"dc-accordion-content\"\u003e\n          \u003cp\u003eC'est possible, mais le dosage et la stabilité de la formule sont délicats à maîtriser. Le Denticlay offre l'avantage d'une formulation professionnelle certifiée, avec des concentrations optimales et une conservation garantie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dc-accordion-item\"\u003e\n        \u003csummary class=\"dc-accordion-header\"\u003eCe dentifrice contient-il du fluor ?\u003c\/summary\u003e\n        \u003cdiv class=\"dc-accordion-content\"\u003e\n          \u003cp\u003eNon, cette formule est sans fluor ajouté. Les minéraux naturels de l'argile et de l'eau thermale contribuent à la protection de l'émail par d'autres mécanismes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dc-accordion-item\"\u003e\n        \u003csummary class=\"dc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"dc-accordion-content\"\u003e\n          \u003cp\u003eConservez le tube à l'abri de la lumière et de l'humidité pour préserver toutes ses qualités.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dc-accordion-item\"\u003e\n        \u003csummary class=\"dc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"dc-accordion-content\"\u003e\n          \u003cp\u003eCe dentifrice convient aux adultes et aux enfants à partir de 7 ans. Pour les plus jeunes, consultez votre dentiste.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"dc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"dc-cta-box\"\u003e\n      \u003cp\u003e🌿 \u003cstrong\u003e75 ml\u003c\/strong\u003e – Environ 2 mois d'utilisation pour un brossage bi-quotidien.\u003cbr\u003eOffrez à vos dents le meilleur de la Provence avec le Denticlay Romarin Bio.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"dc-disclaimer\"\u003eCe produit d'hygiène bucco-dentaire ne remplace pas les consultations régulières chez votre dentiste ni les traitements prescrits par un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --dc-cream: #F5F9F7;\n  --dc-white: #ffffff;\n  --dc-primary: #4A9B8C;\n  --dc-primary-dark: #2D6B5E;\n  --dc-primary-light: #E8F4F1;\n  --dc-secondary: #7B3F7D;\n  --dc-secondary-light: #F3EAF3;\n  --dc-accent: #5FB5A4;\n\n  \/* Textes *\/\n  --dc-text: #1a1a1a;\n  --dc-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --dc-border: #e0e0e0;\n  --dc-shadow: 0 4px 24px rgba(74,155,140,.08);\n  --dc-shadow-lg: 0 12px 48px rgba(45,107,94,.15);\n  --dc-radius: 20px;\n  --dc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--dc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4A9B8C 0%, #2D6B5E 50%, #7B3F7D 100%);\n  border-radius: var(--dc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--dc-shadow-lg);\n}\n\n.dc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 Q35 15, 30 25 Q25 15, 30 5' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3Cpath d='M30 35 Q35 45, 30 55 Q25 45, 30 35' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n  opacity: .08;\n}\n\n.dc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.dc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.dc-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: .02em;\n}\n\n.dc-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.5vw, 18px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.dc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.dc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--dc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.dc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--dc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.dc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--dc-primary), var(--dc-secondary));\n  border-radius: 2px;\n}\n\n.dc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.dc-card {\n  background: var(--dc-white);\n  border-radius: var(--dc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--dc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.dc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--dc-shadow-lg);\n  border-color: var(--dc-primary);\n}\n\n.dc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--dc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.dc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--dc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.dc-card-ingredient {\n  text-align: left;\n  border-left: 4px solid var(--dc-primary);\n}\n\n.dc-card-engagement {\n  background: linear-gradient(135deg, var(--dc-primary-light) 0%, var(--dc-white) 100%);\n}\n\n\/* === GRILLES === *\/\n.dc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.dc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.dc-grid-compact .dc-card {\n  padding: 1rem;\n}\n\n.dc-grid-compact .dc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.dc-grid-compact .dc-card p {\n  font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.dc-highlight-box {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  background: linear-gradient(135deg, var(--dc-secondary) 0%, var(--dc-primary-dark) 100%);\n  border-radius: var(--dc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  margin-top: 1.5rem;\n  color: white;\n}\n\n.dc-highlight-number {\n  font-size: clamp(48px, 10vw, 72px);\n  font-weight: 900;\n  line-height: 1;\n  flex-shrink: 0;\n}\n\n.dc-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPARISON === *\/\n.dc-comparison {\n  display: flex;\n  align-items: stretch;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.dc-comparison-item {\n  flex: 1;\n  background: var(--dc-white);\n  border-radius: var(--dc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--dc-shadow);\n}\n\n.dc-comparison-item h3 {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  margin: 0 0 1rem 0;\n  text-align: center;\n}\n\n.dc-comparison-green {\n  border-top: 4px solid #8B9D77;\n}\n\n.dc-comparison-green h3 {\n  color: #6B7D57;\n}\n\n.dc-comparison-white {\n  border-top: 4px solid var(--dc-primary);\n  background: var(--dc-primary-light);\n}\n\n.dc-comparison-white h3 {\n  color: var(--dc-primary-dark);\n}\n\n.dc-comparison-item ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.dc-comparison-item li {\n  padding: .5rem 0;\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--dc-text-light);\n  border-bottom: 1px solid var(--dc-border);\n}\n\n.dc-comparison-item li:last-child {\n  border-bottom: none;\n}\n\n.dc-comparison-vs {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 900;\n  font-size: 14px;\n  color: var(--dc-secondary);\n  flex-shrink: 0;\n}\n\n\/* === TIMELINE === *\/\n.dc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.dc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.dc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--dc-primary), var(--dc-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.dc-timeline-content {\n  flex: 1;\n  background: var(--dc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--dc-radius-sm);\n  box-shadow: var(--dc-shadow);\n}\n\n.dc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--dc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.dc-timeline-content p {\n  font-size: 14px;\n  color: var(--dc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.dc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--dc-primary-light);\n  border-radius: var(--dc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.dc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.dc-tip p {\n  font-size: 14px;\n  color: var(--dc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.dc-accordion {\n  background: var(--dc-white);\n  border-radius: var(--dc-radius);\n  box-shadow: var(--dc-shadow);\n  overflow: hidden;\n}\n\n.dc-accordion-item {\n  border-bottom: 1px solid var(--dc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.dc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.dc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--dc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.dc-accordion-header:hover {\n  background: var(--dc-primary-light);\n}\n\n.dc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.dc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--dc-primary);\n  transition: transform .2s ease;\n}\n\n.dc-accordion-item[open] .dc-accordion-header::after {\n  content: '−';\n}\n\n.dc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--dc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.dc-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.dc-cta-box {\n  background: linear-gradient(135deg, var(--dc-primary) 0%, var(--dc-primary-dark) 100%);\n  border-radius: var(--dc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.dc-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.dc-disclaimer {\n  font-size: 12px;\n  color: var(--dc-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .dc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .dc-card {\n    padding: 1.125rem;\n  }\n  \n  .dc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .dc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--dc-radius-sm);\n  }\n  \n  .dc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .dc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .dc-grid-compact {\n    gap: .625rem;\n  }\n  \n  .dc-grid-compact .dc-card {\n    padding: .75rem;\n  }\n  \n  .dc-highlight-box {\n    flex-direction: column;\n    text-align: center;\n    gap: 1rem;\n  }\n  \n  .dc-highlight-number {\n    font-size: 56px;\n  }\n  \n  \/* Comparison mobile *\/\n  .dc-comparison {\n    flex-direction: column;\n  }\n  \n  .dc-comparison-vs {\n    padding: .5rem 0;\n  }\n  \n  \/* Timeline mobile *\/\n  .dc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .dc-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .dc-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .dc-timeline-content p {\n    font-size: 13px;\n  }\n  \n  \/* Accordéon mobile *\/\n  .dc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .dc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .dc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .dc-card:nth-child(1) { animation-delay: .05s; }\n  .dc-card:nth-child(2) { animation-delay: .1s; }\n  .dc-card:nth-child(3) { animation-delay: .15s; }\n  .dc-card:nth-child(4) { animation-delay: .2s; }\n  .dc-card:nth-child(5) { animation-delay: .25s; }\n  .dc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .dc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ARGILE \u0026 EAU THERMALE","offers":[{"title":"Default Title","offer_id":55197874520441,"sku":"ET0045","price":6.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/denticlay-romarin-bio-75-ml-argile-eau-thermale-lifestyle_3d6d945e-6617-47e4-b2d2-9e5779930e04.webp?v=1769508041"},{"product_id":"dentifrice-certifie-bio-neem-triphala-75-ml","title":"Dentifrice bio Neem \u0026 Triphala - 75 ml - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Dentifrice bio Neem \u0026 Triphala - 75 ml - Ayur-Vana\nPalette détectée:\n  - Primaire: #4A90A4 (bleu ciel du bandeau supérieur du tube)\n  - Secondaire: #6B8E23 (vert olive des feuilles de neem)\n  - Accent: #C4622D (brun\/terracotta des fruits et motifs paisley)\n  - Fond packaging: #F5ECD0 (crème\/jaune pâle du tube)\nAmbiance: Ayurvédique, naturel\/bio, tradition indienne, motifs paisley colorés, chaleureux et authentique\nPréfixe CSS: nt\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Dentifrice bio au Neem \u0026 Triphala : l'expertise ayurvédique au service de vos dents\"\n  2. \"Pourquoi miser sur un dentifrice ayurvédique bio ?\"\n  3. \"Les ingrédients actifs et leurs bienfaits\"\n  4. \"Une formule saine et transparente\"\n  5. \"Comment bien utiliser ce dentifrice ?\"\n  6. \"Les bonnes raisons de l'adopter\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"nt-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"nt-hero\"\u003e\n    \u003cdiv class=\"nt-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"nt-hero-content\"\u003e\n      \u003cdiv class=\"nt-badges-top\"\u003e\n        \u003cspan class=\"nt-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n        \u003cspan class=\"nt-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"nt-badge\"\u003e🚫 Sans fluor ni SLS\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"nt-hero-title\"\u003eDentifrice bio Neem \u0026amp; Triphala\u003c\/span\u003e\n      \u003cp class=\"nt-subtitle\"\u003eL'alliance ancestrale de l'Ayurveda pour une hygiène buccale naturelle et complète\u003c\/p\u003e\n      \u003cp class=\"nt-description\"\u003e98 % d'ingrédients d'origine naturelle · 25 % bio · 75 ml · Ayur-Vana\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"nt-section\"\u003e\n    \u003ch2\u003eDentifrice bio au Neem \u0026amp; Triphala : l'expertise ayurvédique au service de vos dents\u003c\/h2\u003e\n    \u003cdiv class=\"nt-intro-card\"\u003e\n      \u003cp\u003eVous cherchez un \u003cstrong\u003edentifrice bio sans fluor\u003c\/strong\u003e qui prend véritablement soin de votre bouche ? Le dentifrice Neem \u0026amp; Triphala d'Ayur-Vana associe deux trésors de la tradition \u003cstrong\u003eayurvédique\u003c\/strong\u003e à une formulation moderne, certifiée \u003cstrong\u003eCOSMOS Organic par Ecocert\u003c\/strong\u003e. Fabriqué en France, il nettoie en douceur, apaise les gencives et rafraîchit durablement votre haleine — sans aucun agent agressif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"nt-section\"\u003e\n    \u003ch2\u003ePourquoi miser sur un dentifrice ayurvédique bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"nt-story-card\"\u003e\n      \u003cp\u003eEn Ayurveda, l'hygiène buccale occupe une place centrale dans la routine quotidienne. Le neem est utilisé depuis des millénaires en Inde sous forme de bâtonnet à mâcher pour purifier la bouche. Le triphala, lui, est un mélange ancestral de trois fruits réputés pour leurs propriétés assainissantes.\u003c\/p\u003e\n      \u003cp\u003eEn les réunissant dans un \u003cstrong\u003edentifrice bio\u003c\/strong\u003e formulé à \u003cstrong\u003e98 % d'ingrédients d'origine naturelle\u003c\/strong\u003e (dont 25 % bio), Ayur-Vana vous offre le meilleur de deux mondes : la sagesse traditionnelle et l'exigence cosmétique européenne.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"nt-grid-compact\"\u003e\n      \u003cdiv class=\"nt-card\"\u003e\n        \u003ch3\u003e🌳 Tradition millénaire\u003c\/h3\u003e\n        \u003cp\u003eRecettes ayurvédiques éprouvées depuis des siècles en Inde\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nt-card\"\u003e\n        \u003ch3\u003e🔬 Exigence moderne\u003c\/h3\u003e\n        \u003cp\u003eCertification COSMOS Organic par Ecocert\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"nt-section\"\u003e\n    \u003ch2\u003eLes ingrédients actifs et leurs bienfaits\u003c\/h2\u003e\n    \u003cdiv class=\"nt-grid\"\u003e\n      \u003cdiv class=\"nt-card\"\u003e\n        \u003ch3\u003e🌿 Neem*\u003c\/h3\u003e\n        \u003cp\u003eAntibactérien et antifongique naturel, il aide à éliminer la plaque dentaire, à prévenir les caries et à renforcer les gencives fragilisées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nt-card\"\u003e\n        \u003ch3\u003e🍇 Triphala*\u003c\/h3\u003e\n        \u003cp\u003eCe trio de fruits (Amalaki, Bibhitaki, Haritaki) désinfecte, purifie et tonifie les tissus buccaux en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nt-card\"\u003e\n        \u003ch3\u003e🤍 Argile blanche (kaolin)\u003c\/h3\u003e\n        \u003cp\u003eAbrasif ultra-doux qui polit l'émail sans l'agresser, pour un effet blanchissant naturel progressif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nt-card\"\u003e\n        \u003ch3\u003e💧 Aloe vera*\u003c\/h3\u003e\n        \u003cp\u003eApaise et protège les gencives sensibles grâce à ses vertus cicatrisantes reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nt-card\"\u003e\n        \u003ch3\u003e🍃 Menthe poivrée* \u0026amp; Citron*\u003c\/h3\u003e\n        \u003cp\u003eProcurent une sensation de fraîcheur longue durée tout en purifiant la flore buccale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"nt-note\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"nt-section\"\u003e\n    \u003ch2\u003eUne formule saine et transparente\u003c\/h2\u003e\n    \u003cp class=\"nt-section-intro\"\u003eCe \u003cstrong\u003edentifrice bio sans fluor\u003c\/strong\u003e a été pensé pour celles et ceux qui veulent savoir exactement ce qu'ils mettent dans leur bouche. La liste des exclusions parle d'elle-même :\u003c\/p\u003e\n    \u003cdiv class=\"nt-grid-compact\"\u003e\n      \u003cdiv class=\"nt-card nt-card-exclude\"\u003e\n        \u003ch3\u003e🚫 Sans SLS\u003c\/h3\u003e\n        \u003cp\u003ePas de laurylsulfate de sodium irritant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nt-card nt-card-exclude\"\u003e\n        \u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n        \u003cp\u003eAucun conservateur controversé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nt-card nt-card-exclude\"\u003e\n        \u003ch3\u003e🚫 Sans dioxyde de titane\u003c\/h3\u003e\n        \u003cp\u003ePas de colorant artificiel suspect\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nt-card nt-card-exclude\"\u003e\n        \u003ch3\u003e🚫 Sans aluminium\u003c\/h3\u003e\n        \u003cp\u003eZéro perturbateur métallique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"nt-tip\"\u003e\n      \u003cspan class=\"nt-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eVous bénéficiez d'un soin buccal quotidien exempt des substances controversées que l'on retrouve encore trop souvent dans les dentifrices conventionnels.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"nt-section\"\u003e\n    \u003ch2\u003eComment bien utiliser ce dentifrice ?\u003c\/h2\u003e\n    \u003cdiv class=\"nt-timeline\"\u003e\n      \u003cdiv class=\"nt-timeline-item\"\u003e\n        \u003cdiv class=\"nt-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"nt-timeline-content\"\u003e\n          \u003ch3\u003eDéposez\u003c\/h3\u003e\n          \u003cp\u003eUne petite noisette de dentifrice sur votre brosse à dents humide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nt-timeline-item\"\u003e\n        \u003cdiv class=\"nt-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"nt-timeline-content\"\u003e\n          \u003ch3\u003eBrossez pendant 2 minutes\u003c\/h3\u003e\n          \u003cp\u003eMatin et soir, idéalement après chaque repas, pour un nettoyage complet et en douceur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nt-timeline-item\"\u003e\n        \u003cdiv class=\"nt-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"nt-timeline-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eProfitez d'une sensation de fraîcheur durable et d'une bouche parfaitement purifiée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"nt-accordion\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdetails class=\"nt-accordion-item\"\u003e\n        \u003csummary class=\"nt-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"nt-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé aux adultes. Déconseillé pendant la grossesse et l'allaitement en raison de la présence d'huiles essentielles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"nt-accordion-item\"\u003e\n        \u003csummary class=\"nt-accordion-header\"\u003e🕐 Durée de conservation\u003c\/summary\u003e\n        \u003cdiv class=\"nt-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ utiliser dans les \u003cstrong\u003e6 mois après ouverture\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"nt-section\"\u003e\n    \u003ch2\u003eLes bonnes raisons de l'adopter\u003c\/h2\u003e\n    \u003cdiv class=\"nt-grid-compact\"\u003e\n      \u003cdiv class=\"nt-card\"\u003e\n        \u003ch3\u003e🏅 Certifié COSMOS Organic\u003c\/h3\u003e\n        \u003cp\u003eLe label le plus exigeant pour les cosmétiques bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nt-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003ePlantes sélectionnées en Inde, conditionnement local pour une traçabilité optimale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nt-card\"\u003e\n        \u003ch3\u003e🩷 Gencives sensibles\u003c\/h3\u003e\n        \u003cp\u003eLa synergie aloe vera, neem et argile blanche apaise au lieu d'irriter\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nt-card\"\u003e\n        \u003ch3\u003e✈️ Format pratique 75 ml\u003c\/h3\u003e\n        \u003cp\u003eSe glisse partout, parfait aussi en voyage\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"nt-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"nt-cta-box\"\u003e\n      \u003cp\u003eLe dentifrice Neem \u0026amp; Triphala d'Ayur-Vana est bien plus qu'un simple \u003cstrong\u003edentifrice ayurvédique\u003c\/strong\u003e : c'est un geste quotidien naturel, efficace et respectueux de l'équilibre de votre bouche.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"nt-disclaimer\"\u003eCe produit ne se substitue pas à un suivi dentaire régulier ni à un traitement médical en cours.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --nt-cream: #FAF7F0;\n  --nt-white: #ffffff;\n  --nt-primary: #4A90A4;\n  --nt-primary-dark: #2C6B7F;\n  --nt-primary-light: #E8F4F8;\n  --nt-secondary: #6B8E23;\n  --nt-accent: #C4622D;\n  --nt-warm: #F5ECD0;\n  --nt-text: #1a1a1a;\n  --nt-text-light: #5a5a5a;\n  --nt-border: #e0e0e0;\n  --nt-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --nt-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --nt-radius: 20px;\n  --nt-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.nt-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--nt-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.nt-premium *, .nt-premium *::before, .nt-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.nt-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2C6B7F 0%, #4A90A4 40%, #6B8E23 80%, #C4622D 100%);\n  border-radius: var(--nt-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--nt-shadow-lg);\n}\n\n.nt-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(circle at 15% 25%, rgba(255,255,255,.12) 0%, transparent 50%),\n    radial-gradient(circle at 85% 75%, rgba(255,255,255,.08) 0%, transparent 40%),\n    radial-gradient(circle at 50% 10%, rgba(196,98,45,.15) 0%, transparent 35%),\n    radial-gradient(circle at 70% 50%, rgba(107,142,35,.1) 0%, transparent 30%);\n  opacity: 1;\n}\n\n.nt-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === BADGES === *\/\n.nt-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.nt-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--nt-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.nt-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.nt-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.nt-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 21px);\n  font-weight: 500;\n  margin: 0 0 .75rem 0;\n  line-height: 1.5;\n}\n\n.nt-description {\n  color: rgba(255,255,255,.78);\n  font-size: clamp(13px, 2vw, 16px);\n  margin: 0;\n  letter-spacing: .02em;\n}\n\n\/* === SECTIONS === *\/\n.nt-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nt-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--nt-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.nt-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--nt-primary), var(--nt-secondary));\n  border-radius: 2px;\n}\n\n\/* === INTRO CARD === *\/\n.nt-intro-card {\n  background: var(--nt-white);\n  border-radius: var(--nt-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--nt-shadow);\n  border-left: 4px solid var(--nt-secondary);\n}\n\n.nt-intro-card p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--nt-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === STORY CARD === *\/\n.nt-story-card {\n  background: linear-gradient(135deg, var(--nt-warm) 0%, var(--nt-primary-light) 100%);\n  border-radius: var(--nt-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: 1.25rem;\n}\n\n.nt-story-card p {\n  font-size: clamp(14px, 2.3vw, 16px);\n  color: var(--nt-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.nt-story-card p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.nt-card {\n  background: var(--nt-white);\n  border-radius: var(--nt-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--nt-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.nt-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--nt-shadow-lg);\n  border-color: var(--nt-primary);\n}\n\n.nt-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--nt-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.nt-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--nt-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD EXCLUDE VARIANT === *\/\n.nt-card-exclude {\n  border: 2px solid var(--nt-border);\n  background: var(--nt-white);\n}\n\n.nt-card-exclude:hover {\n  border-color: var(--nt-accent);\n}\n\n\/* === GRILLES === *\/\n.nt-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nt-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.nt-grid-compact .nt-card {\n  padding: 1rem;\n}\n\n.nt-grid-compact .nt-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.nt-grid-compact .nt-card p {\n  font-size: 12px;\n}\n\n\/* === NOTE === *\/\n.nt-note {\n  font-size: 13px;\n  color: var(--nt-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.nt-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--nt-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.nt-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.nt-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.nt-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--nt-primary), var(--nt-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.nt-timeline-content {\n  flex: 1;\n  background: var(--nt-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--nt-radius-sm);\n  box-shadow: var(--nt-shadow);\n}\n\n.nt-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--nt-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.nt-timeline-content p {\n  font-size: 14px;\n  color: var(--nt-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.nt-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--nt-primary-light);\n  border-radius: var(--nt-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.nt-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.nt-tip p {\n  font-size: 14px;\n  color: var(--nt-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.nt-accordion {\n  background: var(--nt-white);\n  border-radius: var(--nt-radius);\n  box-shadow: var(--nt-shadow);\n  overflow: hidden;\n}\n\n.nt-accordion-item {\n  border-bottom: 1px solid var(--nt-border);\n  margin: 0;\n  padding: 0;\n}\n\n.nt-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.nt-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--nt-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.nt-accordion-header:hover {\n  background: var(--nt-primary-light);\n}\n\n.nt-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.nt-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--nt-primary);\n  transition: transform .2s ease;\n}\n\n.nt-accordion-item[open] .nt-accordion-header::after {\n  content: '−';\n}\n\n.nt-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--nt-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.nt-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.nt-cta-box {\n  background: linear-gradient(135deg, var(--nt-primary) 0%, var(--nt-primary-dark) 60%, #3A7A4A 100%);\n  border-radius: var(--nt-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.nt-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background:\n    radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(255,255,255,.05) 0%, transparent 40%);\n}\n\n.nt-cta-box p {\n  position: relative;\n  z-index: 1;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nt-disclaimer {\n  font-size: 12px;\n  color: var(--nt-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .nt-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .nt-card {\n    padding: 1.125rem;\n  }\n\n  .nt-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .nt-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--nt-radius-sm);\n  }\n\n  .nt-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .nt-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .nt-grid-compact {\n    gap: .625rem;\n  }\n\n  .nt-grid-compact .nt-card {\n    padding: .75rem;\n  }\n\n  .nt-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .nt-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .nt-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .nt-timeline-content p {\n    font-size: 13px;\n  }\n\n  .nt-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .nt-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .nt-intro-card {\n    padding: 1.25rem;\n  }\n\n  .nt-intro-card p {\n    font-size: 14px;\n  }\n\n  .nt-story-card {\n    padding: 1.25rem;\n  }\n\n  .nt-story-card p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .nt-card {\n    animation: ntFadeInUp .5s ease backwards;\n  }\n  .nt-card:nth-child(1) { animation-delay: .05s; }\n  .nt-card:nth-child(2) { animation-delay: .1s; }\n  .nt-card:nth-child(3) { animation-delay: .15s; }\n  .nt-card:nth-child(4) { animation-delay: .2s; }\n  .nt-card:nth-child(5) { animation-delay: .25s; }\n  .nt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ntFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .nt-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":55197943628153,"sku":"AY9954","price":9.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-bio-neem-triphala-75-ml-ayur-vana-ingredients.webp?v=1770905402"},{"product_id":"dentifrice-ayurvedique-au-meswak-100g-kerala-nature","title":"Dentifrice Meswak Ayurvédique goût Anis - 100g - Kerala Nature","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Dentifrice Meswak Ayurvédique\nPalette détectée:\n  - Primaire: #D87248 (Orange terracotta du packaging rayé)\n  - Secondaire: #2D5A3C (Vert foncé du logo et texte)\n  - Accent: #E8A87C (Orange clair pour les accents)\n  - Background: #F5F1ED (Beige crème naturel)\nAmbiance: Naturel\/ayurvédique, authentique, traditionnel, épuré, chaleureux avec touches orientales\nPréfixe CSS: msw\n--\u003e\n\u003cdiv class=\"msw-premium\"\u003e\n\u003cdiv class=\"msw-hero\"\u003e\n\u003cdiv class=\"msw-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"msw-hero-content\"\u003e\n\u003cdiv class=\"msw-badges-top\"\u003e\n\u003cspan class=\"msw-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"msw-badge\"\u003e🇮🇳 Tradition ayurvédique\u003c\/span\u003e \u003cspan class=\"msw-badge\"\u003e✨ Sans fluor\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"msw-hero-title\"\u003eDentifrice Meswak ayurvédique\u003c\/span\u003e\n\u003cp class=\"msw-subtitle\"\u003eLe secret ancestral pour des dents et gencives saines\u003c\/p\u003e\n\u003cp class=\"msw-description\"\u003eDécouvrez le pouvoir du Salvadora persica, utilisé depuis des millénaires pour une hygiène bucco-dentaire naturelle et efficace. Une formule pure inspirée de la tradition ayurvédique indienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"msw-section\"\u003e\n\u003ch2\u003eLes bienfaits exceptionnels du meswak\u003c\/h2\u003e\n\u003cdiv class=\"msw-grid\"\u003e\n\u003cdiv class=\"msw-card\"\u003e\n\u003cdiv class=\"msw-card-icon\"\u003e💪\u003c\/div\u003e\n\u003cdiv class=\"msw-card-title\"\u003eRenforce les gencives\u003c\/div\u003e\n\u003cp\u003ePropriétés astringentes naturelles qui tonifient les tissus gingivaux et préviennent les saignements. Des gencives plus résistantes dès les premières utilisations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-card\"\u003e\n\u003cdiv class=\"msw-card-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"msw-card-title\"\u003eProtection anticaries\u003c\/div\u003e\n\u003cp\u003eAction préventive puissante contre l'apparition des caries grâce aux propriétés antiseptiques du meswak. Protège l'émail naturellement sans agents chimiques agressifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-card\"\u003e\n\u003cdiv class=\"msw-card-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"msw-card-title\"\u003eLutte contre le tartre\u003c\/div\u003e\n\u003cp\u003eRéduit efficacement la formation de la plaque dentaire et du tartre. Maintient vos dents propres et blanches de façon naturelle pour un sourire éclatant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-card\"\u003e\n\u003cdiv class=\"msw-card-icon\"\u003e🌬️\u003c\/div\u003e\n\u003cdiv class=\"msw-card-title\"\u003eHaleine fraîche durable\u003c\/div\u003e\n\u003cp\u003eLe goût naturel d'anis combiné aux propriétés purifiantes du meswak vous garantit une haleine fraîche toute la journée. Sensation de propreté longue durée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"msw-section\"\u003e\n\u003ch2\u003e🌿 Le meswak : un trésor de la nature\u003c\/h2\u003e\n\u003cdiv class=\"msw-info-box\"\u003e\n\u003cdiv class=\"msw-info-content\"\u003e\n\u003cp class=\"msw-highlight\"\u003eLe Salvadora persica, appelé siwak ou meswak, est utilisé depuis plus de 7000 ans dans les cultures africaines et asiatiques pour ses vertus exceptionnelles sur la santé bucco-dentaire.\u003c\/p\u003e\n\u003cdiv class=\"msw-stats-grid\"\u003e\n\u003cdiv class=\"msw-stat\"\u003e\n\u003cdiv class=\"msw-stat-number\"\u003e7000+\u003c\/div\u003e\n\u003cdiv class=\"msw-stat-label\"\u003eans d'utilisation\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-stat\"\u003e\n\u003cdiv class=\"msw-stat-number\"\u003e100%\u003c\/div\u003e\n\u003cdiv class=\"msw-stat-label\"\u003enaturel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-stat\"\u003e\n\u003cdiv class=\"msw-stat-number\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"msw-stat-label\"\u003eadditifs chimiques\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"msw-section\"\u003e\n\u003ch2\u003e🎯 Mode d'emploi pour des résultats optimaux\u003c\/h2\u003e\n\u003cdiv class=\"msw-steps\"\u003e\n\u003cdiv class=\"msw-step\"\u003e\n\u003cdiv class=\"msw-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"msw-step-content\"\u003e\n\u003cdiv class=\"msw-step-title\"\u003ePréparez votre brosse\u003c\/div\u003e\n\u003cp\u003eDéposez une noisette de dentifrice sur une brosse à dents sèche. Une petite quantité suffit pour un brossage efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-step\"\u003e\n\u003cdiv class=\"msw-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"msw-step-content\"\u003e\n\u003cdiv class=\"msw-step-title\"\u003eBrossez en douceur\u003c\/div\u003e\n\u003cp\u003eBrossez vos dents pendant 2 à 3 minutes avec des mouvements circulaires doux. Insistez sur la ligne des gencives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-step\"\u003e\n\u003cdiv class=\"msw-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"msw-step-content\"\u003e\n\u003cdiv class=\"msw-step-title\"\u003eRépétez régulièrement\u003c\/div\u003e\n\u003cp\u003eUtilisez 2 à 3 fois par jour après les repas pour une protection optimale et des résultats visibles rapidement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"msw-section\"\u003e\n\u003ch2\u003e📋 Composition pure et transparente\u003c\/h2\u003e\n\u003cdiv class=\"msw-ingredients\"\u003e\n\u003cdiv class=\"msw-ingredient-card\"\u003e\n\u003cdiv class=\"msw-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n\u003cdiv class=\"msw-ingredient-name\"\u003eSalvadora persica\u003c\/div\u003e\n\u003cp\u003eExtrait de meswak aux propriétés astringentes et antiseptiques naturelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-ingredient-card\"\u003e\n\u003cdiv class=\"msw-ingredient-icon\"\u003e⚪\u003c\/div\u003e\n\u003cdiv class=\"msw-ingredient-name\"\u003eCarbonate de calcium\u003c\/div\u003e\n\u003cp\u003eAgent nettoyant doux qui polit l'émail sans l'abîmer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-ingredient-card\"\u003e\n\u003cdiv class=\"msw-ingredient-icon\"\u003e🌊\u003c\/div\u003e\n\u003cdiv class=\"msw-ingredient-name\"\u003eCarraghénane\u003c\/div\u003e\n\u003cp\u003eÉpaississant naturel d'origine marine pour une texture agréable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-ingredient-card\"\u003e\n\u003cdiv class=\"msw-ingredient-icon\"\u003e🌟\u003c\/div\u003e\n\u003cdiv class=\"msw-ingredient-name\"\u003eParfum naturel d'anis\u003c\/div\u003e\n\u003cp\u003eGoût authentique et rafraîchissant pour une haleine pure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-certif-box\"\u003e\n\u003cp class=\"msw-certif-title\"\u003e🏆 Garanties qualité\u003c\/p\u003e\n\u003cdiv class=\"msw-certif-grid\"\u003e\n\u003cspan class=\"msw-certif-badge\"\u003eSans fluor\u003c\/span\u003e \u003cspan class=\"msw-certif-badge\"\u003eSans paraben\u003c\/span\u003e \u003cspan class=\"msw-certif-badge\"\u003eSans colorant\u003c\/span\u003e \u003cspan class=\"msw-certif-badge\"\u003eSans conservateur\u003c\/span\u003e \u003cspan class=\"msw-certif-badge\"\u003eSans EDTA\u003c\/span\u003e \u003cspan class=\"msw-certif-badge\"\u003eSans huile minérale\u003c\/span\u003e \u003cspan class=\"msw-certif-badge\"\u003eSans graisse animale\u003c\/span\u003e \u003cspan class=\"msw-certif-badge\"\u003eNon testé sur animaux\u003c\/span\u003e \u003cspan class=\"msw-certif-badge\"\u003eVegan friendly\u003c\/span\u003e \u003cspan class=\"msw-certif-badge\"\u003ePour toute la famille\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"msw-section\"\u003e\n\u003ch2\u003e👨👩👧👦 Pour qui ce dentifrice est-il idéal ?\u003c\/h2\u003e\n\u003cdiv class=\"msw-grid\"\u003e\n\u003cdiv class=\"msw-target-card\"\u003e\n\u003cdiv class=\"msw-target-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"msw-target-title\"\u003eLes adeptes du naturel\u003c\/div\u003e\n\u003cp\u003eVous recherchez une alternative saine aux dentifrices conventionnels bourrés de chimie. Optez pour la pureté ayurvédique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-target-card\"\u003e\n\u003cdiv class=\"msw-target-icon\"\u003e❤️\u003c\/div\u003e\n\u003cdiv class=\"msw-target-title\"\u003eGencives sensibles\u003c\/div\u003e\n\u003cp\u003eVos gencives saignent ou sont fragiles ? Le meswak les renforce naturellement et apaise les irritations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-target-card\"\u003e\n\u003cdiv class=\"msw-target-icon\"\u003e👪\u003c\/div\u003e\n\u003cdiv class=\"msw-target-title\"\u003eToute la famille\u003c\/div\u003e\n\u003cp\u003eConvient aux enfants comme aux adultes. Une formule douce et efficace pour protéger les dents de toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-target-card\"\u003e\n\u003cdiv class=\"msw-target-icon\"\u003e🌍\u003c\/div\u003e\n\u003cdiv class=\"msw-target-title\"\u003eConsommateurs responsables\u003c\/div\u003e\n\u003cp\u003eVous privilégiez les produits éthiques, vegan et respectueux de l'environnement. Ce dentifrice répond à vos valeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"msw-section\"\u003e\n\u003ch2\u003e⏱️ Quand observer les premiers résultats ?\u003c\/h2\u003e\n\u003cdiv class=\"msw-timeline\"\u003e\n\u003cdiv class=\"msw-timeline-item\"\u003e\n\u003cdiv class=\"msw-timeline-marker\"\u003e1-3 jours\u003c\/div\u003e\n\u003cdiv class=\"msw-timeline-content\"\u003e\n\u003cdiv class=\"msw-timeline-title\"\u003eFraîcheur immédiate\u003c\/div\u003e\n\u003cp\u003eHaleine fraîche et sensation de propreté dès les premières utilisations. Goût agréable et naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-timeline-item\"\u003e\n\u003cdiv class=\"msw-timeline-marker\"\u003e1-2 semaines\u003c\/div\u003e\n\u003cdiv class=\"msw-timeline-content\"\u003e\n\u003cdiv class=\"msw-timeline-title\"\u003eGencives renforcées\u003c\/div\u003e\n\u003cp\u003eRéduction visible des saignements. Vos gencives deviennent plus fermes et moins sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-timeline-item\"\u003e\n\u003cdiv class=\"msw-timeline-marker\"\u003e3-4 semaines\u003c\/div\u003e\n\u003cdiv class=\"msw-timeline-content\"\u003e\n\u003cdiv class=\"msw-timeline-title\"\u003eProtection complète\u003c\/div\u003e\n\u003cp\u003eMoins de plaque dentaire, dents plus blanches, santé bucco-dentaire optimale. Effet préventif maximal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"msw-section\"\u003e\n\u003ch2\u003e⚠️ Précautions et conseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"msw-warning-box\"\u003e\n\u003cdiv class=\"msw-warning-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv class=\"msw-warning-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eConseils importants :\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"msw-warning-list\"\u003e\n\u003cli\u003eNe pas utiliser en cas d'allergie connue à l'un des composants\u003c\/li\u003e\n\u003cli\u003eCe dentifrice naturel ne remplace pas un traitement médical prescrit par votre dentiste\u003c\/li\u003e\n\u003cli\u003eEn cas de problème dentaire persistant, consultez un professionnel de santé\u003c\/li\u003e\n\u003cli\u003eBien refermer le tube après usage pour conserver la fraîcheur du produit\u003c\/li\u003e\n\u003cli\u003eUne noisette suffit : le dentifrice est très économique à l'usage\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"msw-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"msw-grid\"\u003e\n\u003cdiv class=\"msw-info-card\"\u003e\n\u003cdiv class=\"msw-info-card-label\"\u003eContenance\u003c\/div\u003e\n\u003cdiv class=\"msw-info-card-value\"\u003e100g\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-info-card\"\u003e\n\u003cdiv class=\"msw-info-card-label\"\u003eOrigine\u003c\/div\u003e\n\u003cdiv class=\"msw-info-card-value\"\u003e🇮🇳 Inde\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-info-card\"\u003e\n\u003cdiv class=\"msw-info-card-label\"\u003eMarque\u003c\/div\u003e\n\u003cdiv class=\"msw-info-card-value\"\u003eKerala Nature\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-info-card\"\u003e\n\u003cdiv class=\"msw-info-card-label\"\u003eDurée d'usage\u003c\/div\u003e\n\u003cdiv class=\"msw-info-card-value\"\u003e~2 mois\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"msw-section\"\u003e\n\u003ch2\u003e💬 Ce que nos clients apprécient\u003c\/h2\u003e\n\u003cdiv class=\"msw-reviews\"\u003e\n\u003cdiv class=\"msw-review-card\"\u003e\n\u003cdiv class=\"msw-review-stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n\u003cp class=\"msw-review-text\"\u003e\"Texture agréable et goût naturel authentique. Mes gencives ne saignent plus depuis que j'utilise ce dentifrice. Je recommande vivement !\"\u003c\/p\u003e\n\u003cdiv class=\"msw-review-author\"\u003eSophie L.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-review-card\"\u003e\n\u003cdiv class=\"msw-review-stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n\u003cp class=\"msw-review-text\"\u003e\"Enfin un dentifrice vraiment naturel qui fonctionne ! Le goût d'anis est rafraîchissant sans être artificiel. Toute ma famille l'adopte.\"\u003c\/p\u003e\n\u003cdiv class=\"msw-review-author\"\u003eThomas M.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msw-review-card\"\u003e\n\u003cdiv class=\"msw-review-stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n\u003cp class=\"msw-review-text\"\u003e\"Excellent rapport qualité-prix. Une petite quantité suffit, le tube dure longtemps. Mes dents sont plus blanches et mes gencives en meilleure santé.\"\u003c\/p\u003e\n\u003cdiv class=\"msw-review-author\"\u003eMarie D.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"msw-section\"\u003e\n\u003cdiv class=\"msw-cta-box\"\u003e\n\u003cdiv class=\"msw-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"msw-cta-content\"\u003e\n\u003cp class=\"msw-cta-title\"\u003e🌿 Adoptez la tradition ayurvédique pour votre sourire\u003c\/p\u003e\n\u003cp\u003eRejoignez des milliers d'utilisateurs qui ont fait confiance au pouvoir naturel du meswak. Une formule ancestrale prouvée par 7000 ans d'utilisation, pour des dents et des gencives en pleine santé.\u003c\/p\u003e\n\u003cp class=\"msw-cta-highlight\"\u003e✨ Commandez maintenant et découvrez la différence dès la première utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --msw-cream: #F5F1ED;\n  --msw-white: #ffffff;\n  --msw-primary: #D87248;\n  --msw-primary-dark: #B85A35;\n  --msw-primary-light: #F9E8DF;\n  --msw-secondary: #2D5A3C;\n  --msw-accent: #E8A87C;\n  --msw-text: #1a1a1a;\n  --msw-text-light: #5a5a5a;\n  --msw-border: #e0e0e0;\n  --msw-shadow: 0 4px 24px rgba(216, 114, 72, .08);\n  --msw-shadow-lg: 0 12px 48px rgba(216, 114, 72, .15);\n  --msw-radius: 20px;\n  --msw-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.msw-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--msw-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--msw-text);\n  line-height: 1.7;\n}\n\n\/* === HERO === *\/\n.msw-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--msw-primary) 0%, var(--msw-secondary) 50%, var(--msw-accent) 100%);\n  border-radius: var(--msw-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--msw-shadow-lg);\n}\n\n.msw-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .08;\n  background-image: \n    repeating-linear-gradient(90deg, transparent, transparent 10px, rgba(255,255,255,.3) 10px, rgba(255,255,255,.3) 12px),\n    repeating-linear-gradient(0deg, transparent, transparent 10px, rgba(255,255,255,.3) 10px, rgba(255,255,255,.3) 12px);\n  background-size: 12px 12px;\n}\n\n.msw-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.msw-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.msw-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--msw-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.msw-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.msw-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.msw-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.msw-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.2vw, 18px);\n  line-height: 1.8;\n  max-width: 700px;\n  margin: 0 auto;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.msw-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.msw-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--msw-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.msw-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--msw-primary), var(--msw-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.msw-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.msw-card {\n  background: var(--msw-white);\n  border-radius: var(--msw-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--msw-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.msw-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--msw-shadow-lg);\n  border-color: var(--msw-primary);\n}\n\n.msw-card-icon {\n  font-size: clamp(36px, 6vw, 48px);\n  margin-bottom: 1rem;\n}\n\n.msw-card-title {\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--msw-secondary);\n  margin-bottom: .75rem;\n}\n\n.msw-card p {\n  color: var(--msw-text-light);\n  font-size: 15px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === INFO BOX === *\/\n.msw-info-box {\n  background: linear-gradient(135deg, var(--msw-primary-light) 0%, rgba(255,255,255,.5) 100%);\n  border-radius: var(--msw-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid var(--msw-accent);\n}\n\n.msw-info-content {\n  text-align: center;\n}\n\n.msw-highlight {\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 700;\n  color: var(--msw-primary-dark);\n  line-height: 1.8;\n  margin: 0 0 2rem 0;\n}\n\n.msw-stats-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n  gap: 2rem;\n  margin-top: 2rem;\n}\n\n.msw-stat {\n  text-align: center;\n}\n\n.msw-stat-number {\n  font-size: clamp(36px, 6vw, 52px);\n  font-weight: 900;\n  color: var(--msw-secondary);\n  line-height: 1;\n  margin-bottom: .5rem;\n}\n\n.msw-stat-label {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--msw-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n\/* === STEPS === *\/\n.msw-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.msw-step {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  background: var(--msw-white);\n  border-radius: var(--msw-radius);\n  padding: 1.5rem;\n  box-shadow: var(--msw-shadow);\n  transition: all .3s ease;\n}\n\n.msw-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--msw-shadow-lg);\n}\n\n.msw-step-number {\n  flex-shrink: 0;\n  width: 50px;\n  height: 50px;\n  background: linear-gradient(135deg, var(--msw-primary), var(--msw-secondary));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  font-weight: 900;\n  color: white;\n  box-shadow: 0 4px 16px rgba(216, 114, 72, .3);\n}\n\n.msw-step-content {\n  flex: 1;\n}\n\n.msw-step-title {\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--msw-secondary);\n  margin-bottom: .5rem;\n}\n\n.msw-step-content p {\n  color: var(--msw-text-light);\n  font-size: 15px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === INGREDIENTS === *\/\n.msw-ingredients {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.msw-ingredient-card {\n  background: var(--msw-white);\n  border-radius: var(--msw-radius-sm);\n  padding: 1.5rem;\n  text-align: center;\n  border: 2px solid var(--msw-border);\n  transition: all .3s ease;\n}\n\n.msw-ingredient-card:hover {\n  border-color: var(--msw-primary);\n  transform: translateY(-4px);\n}\n\n.msw-ingredient-icon {\n  font-size: 36px;\n  margin-bottom: .75rem;\n}\n\n.msw-ingredient-name {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--msw-secondary);\n  margin-bottom: .5rem;\n}\n\n.msw-ingredient-card p {\n  font-size: 14px;\n  color: var(--msw-text-light);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CERTIFICATIONS === *\/\n.msw-certif-box {\n  background: linear-gradient(135deg, var(--msw-secondary) 0%, #1a3a28 100%);\n  border-radius: var(--msw-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  text-align: center;\n}\n\n.msw-certif-title {\n  color: white;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 800;\n  margin: 0 0 1.5rem 0;\n}\n\n.msw-certif-grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n}\n\n.msw-certif-badge {\n  display: inline-flex;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--msw-secondary);\n  box-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === TARGET CARDS === *\/\n.msw-target-card {\n  background: linear-gradient(135deg, var(--msw-white) 0%, var(--msw-primary-light) 100%);\n  border-radius: var(--msw-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  text-align: center;\n  border: 2px solid var(--msw-accent);\n  transition: all .3s ease;\n}\n\n.msw-target-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--msw-shadow-lg);\n  border-color: var(--msw-primary);\n}\n\n.msw-target-icon {\n  font-size: clamp(36px, 6vw, 48px);\n  margin-bottom: 1rem;\n}\n\n.msw-target-title {\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--msw-secondary);\n  margin-bottom: .75rem;\n}\n\n.msw-target-card p {\n  color: var(--msw-text-light);\n  font-size: 15px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.msw-timeline {\n  max-width: 700px;\n  margin: 0 auto;\n  position: relative;\n  padding-left: 2rem;\n}\n\n.msw-timeline::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 20px;\n  bottom: 20px;\n  width: 3px;\n  background: linear-gradient(180deg, var(--msw-primary), var(--msw-secondary));\n  border-radius: 2px;\n}\n\n.msw-timeline-item {\n  position: relative;\n  padding-left: 2rem;\n  margin-bottom: 2.5rem;\n}\n\n.msw-timeline-item:last-child {\n  margin-bottom: 0;\n}\n\n.msw-timeline-marker {\n  position: absolute;\n  left: -2.5rem;\n  top: 0;\n  width: fit-content;\n  padding: 6px 14px;\n  background: linear-gradient(135deg, var(--msw-primary), var(--msw-secondary));\n  color: white;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 800;\n  box-shadow: 0 4px 16px rgba(216, 114, 72, .3);\n  white-space: nowrap;\n}\n\n.msw-timeline-content {\n  background: var(--msw-white);\n  border-radius: var(--msw-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--msw-shadow);\n}\n\n.msw-timeline-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--msw-secondary);\n  margin-bottom: .5rem;\n}\n\n.msw-timeline-content p {\n  color: var(--msw-text-light);\n  font-size: 15px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.msw-warning-box {\n  display: flex;\n  gap: 1.5rem;\n  background: #FFF8F0;\n  border-radius: var(--msw-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border-left: 5px solid var(--msw-accent);\n}\n\n.msw-warning-icon {\n  flex-shrink: 0;\n  font-size: 36px;\n}\n\n.msw-warning-content p {\n  font-weight: 700;\n  color: var(--msw-primary-dark);\n  margin: 0 0 1rem 0;\n}\n\n.msw-warning-list {\n  margin: 0;\n  padding-left: 1.2rem;\n  color: var(--msw-text-light);\n}\n\n.msw-warning-list li {\n  margin-bottom: .5rem;\n  line-height: 1.7;\n}\n\n.msw-warning-list li:last-child {\n  margin-bottom: 0;\n}\n\n\/* === INFO CARDS === *\/\n.msw-info-card {\n  background: var(--msw-white);\n  border-radius: var(--msw-radius-sm);\n  padding: 1.5rem;\n  text-align: center;\n  border: 2px solid var(--msw-border);\n  transition: all .3s ease;\n}\n\n.msw-info-card:hover {\n  border-color: var(--msw-primary);\n  transform: translateY(-4px);\n}\n\n.msw-info-card-label {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--msw-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: .5rem;\n}\n\n.msw-info-card-value {\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 900;\n  color: var(--msw-secondary);\n}\n\n\/* === REVIEWS === *\/\n.msw-reviews {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.msw-review-card {\n  background: var(--msw-white);\n  border-radius: var(--msw-radius);\n  padding: 1.5rem;\n  box-shadow: var(--msw-shadow);\n  border-top: 4px solid var(--msw-primary);\n}\n\n.msw-review-stars {\n  font-size: 18px;\n  margin-bottom: 1rem;\n}\n\n.msw-review-text {\n  color: var(--msw-text);\n  font-size: 15px;\n  line-height: 1.7;\n  font-style: italic;\n  margin: 0 0 1rem 0;\n}\n\n.msw-review-author {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--msw-primary-dark);\n  text-align: right;\n}\n\n\/* === CTA FINAL === *\/\n.msw-cta-box {\n  position: relative;\n  background: linear-gradient(135deg, var(--msw-primary) 0%, var(--msw-secondary) 100%);\n  border-radius: var(--msw-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  overflow: hidden;\n  box-shadow: var(--msw-shadow-lg);\n}\n\n.msw-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .08;\n  background-image: \n    repeating-linear-gradient(90deg, transparent, transparent 10px, rgba(255,255,255,.3) 10px, rgba(255,255,255,.3) 12px),\n    repeating-linear-gradient(0deg, transparent, transparent 10px, rgba(255,255,255,.3) 10px, rgba(255,255,255,.3) 12px);\n}\n\n.msw-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.msw-cta-title {\n  color: white;\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.02em;\n  text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.msw-cta-box p {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 2.5vw, 19px);\n  line-height: 1.8;\n  font-weight: 600;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n  margin: 0 0 1rem 0;\n}\n\n.msw-cta-box p:last-child {\n  margin-bottom: 0;\n}\n\n.msw-cta-highlight {\n  font-size: clamp(18px, 3vw, 22px) !important;\n  font-weight: 800 !important;\n  margin-top: 1.5rem !important;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .msw-grid,\n  .msw-ingredients,\n  .msw-reviews {\n    grid-template-columns: 1fr;\n  }\n  \n  .msw-stats-grid {\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1rem;\n  }\n  \n  .msw-timeline {\n    padding-left: 1.5rem;\n  }\n  \n  .msw-timeline-marker {\n    left: -1.8rem;\n    font-size: 11px;\n    padding: 4px 10px;\n  }\n  \n  .msw-warning-box {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .msw-step {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .msw-step-number {\n    margin: 0 auto 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .msw-card,\n  .msw-target-card,\n  .msw-ingredient-card,\n  .msw-review-card,\n  .msw-step {\n    animation: fadeInUp .6s ease backwards;\n  }\n  \n  .msw-card:nth-child(1),\n  .msw-target-card:nth-child(1),\n  .msw-ingredient-card:nth-child(1),\n  .msw-review-card:nth-child(1),\n  .msw-step:nth-child(1) { animation-delay: .1s; }\n  \n  .msw-card:nth-child(2),\n  .msw-target-card:nth-child(2),\n  .msw-ingredient-card:nth-child(2),\n  .msw-review-card:nth-child(2),\n  .msw-step:nth-child(2) { animation-delay: .2s; }\n  \n  .msw-card:nth-child(3),\n  .msw-target-card:nth-child(3),\n  .msw-ingredient-card:nth-child(3),\n  .msw-review-card:nth-child(3),\n  .msw-step:nth-child(3) { animation-delay: .3s; }\n  \n  .msw-card:nth-child(4),\n  .msw-target-card:nth-child(4),\n  .msw-ingredient-card:nth-child(4) { animation-delay: .4s; }\n  \n  .msw-timeline-item {\n    animation: fadeInLeft .6s ease backwards;\n  }\n  \n  .msw-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .msw-timeline-item:nth-child(2) { animation-delay: .3s; }\n  .msw-timeline-item:nth-child(3) { animation-delay: .5s; }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeInLeft {\n  from {\n    opacity: 0;\n    transform: translateX(-40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .msw-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .msw-premium {\n    --msw-shadow: 0 4px 24px rgba(0,0,0,.2);\n    --msw-shadow-lg: 0 12px 48px rgba(0,0,0,.3);\n  }\n  \n  .msw-card,\n  .msw-target-card,\n  .msw-ingredient-card {\n    border-width: 3px;\n  }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55203065233785,"sku":"DENTMESWAK","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice_meswak_anis_1_11zon_10ece80f-dedf-4e79-9efa-9ff1d8a7c63e.webp?v=1756709612"},{"product_id":"dentifrice-ayurvedique-au-meswak-menthe-100g-kerala-nature","title":"Dentifrice Meswak Ayurvédique - Goût menthe - 100g - Kerala Nature","description":"\u003cdiv class=\"mw-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"mw-hero\"\u003e\n    \u003cdiv class=\"mw-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mw-hero-content\"\u003e\n      \u003cdiv class=\"mw-badges-top\"\u003e\n        \u003cspan class=\"mw-badge\"\u003e🌿 Ayurvédique\u003c\/span\u003e\n        \u003cspan class=\"mw-badge\"\u003e🍃 Goût menthe\u003c\/span\u003e\n        \u003cspan class=\"mw-badge\"\u003e🐰 Non testé sur les animaux\u003c\/span\u003e\n        \u003cspan class=\"mw-badge\"\u003e🧪 Sans fluor ni paraben\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mw-hero-title\"\u003eDentifrice Meswak Ayurvédique — Goût menthe\u003c\/span\u003e\n      \u003cp class=\"mw-subtitle\"\u003eLe pouvoir millénaire du siwak dans un tube de 100 g\u003c\/p\u003e\n      \u003cp class=\"mw-description\"\u003eL'extrait de Salvadora persica associé à la fraîcheur de la menthe pour une hygiène bucco-dentaire naturelle, efficace et agréable au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"mw-section\"\u003e\n    \u003ch2\u003eDentifrice au Meswak goût menthe : l'hygiène bucco-dentaire selon l'Ayurvéda\u003c\/h2\u003e\n    \u003cp class=\"mw-section-intro\"\u003eVous cherchez un \u003cstrong\u003edentifrice ayurvédique\u003c\/strong\u003e efficace, naturel et agréable à utiliser au quotidien ? Le \u003cstrong\u003edentifrice Meswak goût menthe de Kerala Nature\u003c\/strong\u003e associe le savoir-faire millénaire de la tradition indienne à une formulation moderne, sans ingrédients controversés. Enrichi en extrait de \u003cstrong\u003eSalvadora persica\u003c\/strong\u003e — l'arbre dont est issu le célèbre bâton de siwak — il prend soin de vos dents et de vos gencives tout en vous offrant une agréable \u003cstrong\u003efraîcheur mentholée\u003c\/strong\u003e.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"mw-section\"\u003e\n    \u003ch2\u003ePourquoi le meswak est-il si prisé pour les dents ?\u003c\/h2\u003e\n    \u003cdiv class=\"mw-testimonial\"\u003e\n      \u003cp class=\"mw-testimonial-text\"\u003eLe \u003cstrong\u003emeswak\u003c\/strong\u003e (ou miswak, siwak) est utilisé depuis plus de \u003cstrong\u003e7 000 ans\u003c\/strong\u003e dans les cultures africaines, asiatiques et moyen-orientales pour l'hygiène buccale. L'Organisation Mondiale de la Santé elle-même a reconnu l'intérêt de cette plante pour la santé dentaire. L'extrait de Salvadora persica contenu dans ce \u003cstrong\u003edentifrice au meswak\u003c\/strong\u003e concentre les principes actifs de l'arbuste, notamment des composés aux propriétés astringentes et purifiantes, directement dans votre tube de dentifrice.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"mw-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets de ce dentifrice Meswak menthe\u003c\/h2\u003e\n    \u003cdiv class=\"mw-grid\"\u003e\n      \u003cdiv class=\"mw-card\"\u003e\n        \u003ch3\u003e🦷 Renforce les gencives\u003c\/h3\u003e\n        \u003cp\u003eAide à réduire les sensibilités et les saignements lors du brossage grâce à l'action astringente du meswak.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mw-card\"\u003e\n        \u003ch3\u003e🛡️ Prévient les caries\u003c\/h3\u003e\n        \u003cp\u003eLe carbonate de calcium et la silice contribuent à nettoyer efficacement l'émail en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mw-card\"\u003e\n        \u003ch3\u003e✨ Limite le tartre\u003c\/h3\u003e\n        \u003cp\u003eL'action purifiante du meswak aide à limiter la formation de tartre et de plaque dentaire au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mw-card\"\u003e\n        \u003ch3\u003e🌬️ Haleine fraîche\u003c\/h3\u003e\n        \u003cp\u003eL'arôme naturel de menthe procure une sensation de fraîcheur durable, sans goût artificiel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mw-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eConvient aux adultes comme aux enfants, et aux personnes véganes soucieuses d'une hygiène naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mw-card\"\u003e\n        \u003ch3\u003e🌱 Formule propre\u003c\/h3\u003e\n        \u003cp\u003eSans fluor, sans paraben, sans EDTA, sans colorant, sans huile minérale, sans graisse animale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"mw-section\"\u003e\n    \u003ch2\u003eComment bien utiliser ce dentifrice ayurvédique ?\u003c\/h2\u003e\n    \u003cdiv class=\"mw-timeline\"\u003e\n      \u003cdiv class=\"mw-timeline-item\"\u003e\n        \u003cdiv class=\"mw-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mw-timeline-content\"\u003e\n          \u003ch3\u003eDéposez une noisette\u003c\/h3\u003e\n          \u003cp\u003eAppliquez une petite quantité de dentifrice sur votre brosse à dents — sèche de préférence. Une noisette suffit, la texture mousse facilement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mw-timeline-item\"\u003e\n        \u003cdiv class=\"mw-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mw-timeline-content\"\u003e\n          \u003ch3\u003eBrossez 2 à 3 minutes\u003c\/h3\u003e\n          \u003cp\u003eBrossez-vous les dents pendant 2 à 3 minutes, en effectuant des mouvements circulaires sur toutes les surfaces dentaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mw-timeline-item\"\u003e\n        \u003cdiv class=\"mw-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mw-timeline-content\"\u003e\n          \u003ch3\u003eRépétez 2 à 3 fois par jour\u003c\/h3\u003e\n          \u003cp\u003eLe nettoyage est efficace dès la première utilisation. Ce format de \u003cstrong\u003e100 g\u003c\/strong\u003e dure plusieurs semaines — un choix économique et durable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mw-tip\"\u003e\n      \u003cspan class=\"mw-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePour une routine complète, associez ce dentifrice à un \u003cstrong\u003ebâton de siwak\u003c\/strong\u003e pour un brossage naturel complémentaire entre les repas.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"mw-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"mw-accordion\"\u003e\n      \u003cdetails class=\"mw-accordion-item\" open\u003e\n        \u003csummary class=\"mw-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n        \u003cdiv class=\"mw-accordion-content mt-3\"\u003e\n          \u003cp\u003eCalcium Carbonate, Sorbitol, Aqua, Silica, Aroma (menthe), Sodium Coco Sulfate, Coco Glucoside, Carrageenan, Cellulose Gum, \u003cstrong\u003eSalvadora Persica Extract\u003c\/strong\u003e, Sodium Saccharin, Sodium Silicate, Sodium Benzoate, Benzyl Alcohol, Limonene.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mw-accordion-item\"\u003e\n        \u003csummary class=\"mw-accordion-header\"\u003e🚫 Ce que vous ne trouverez pas\u003c\/summary\u003e\n        \u003cdiv class=\"mw-accordion-content mt-3\"\u003e\n          \u003cp\u003eSans fluor, sans paraben, sans EDTA. Sans colorant, sans huile minérale, sans graisse animale. Non testé sur les animaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"mw-section\"\u003e\n    \u003ch2\u003eDentifrice Meswak avis : qu'en pensent les utilisateurs ?\u003c\/h2\u003e\n    \u003cdiv class=\"mw-testimonial\"\u003e\n      \u003cp class=\"mw-testimonial-text\"\u003e\"Les avis sur le dentifrice Meswak de Kerala Nature sont très positifs. Les utilisateurs soulignent régulièrement sa \u003cstrong\u003etexture agréable\u003c\/strong\u003e, son goût de menthe naturel — ni trop fort, ni trop discret — et surtout les résultats visibles sur leurs gencives après quelques semaines d'utilisation régulière. C'est une alternative appréciée par ceux qui souhaitent s'éloigner des dentifrices conventionnels de grande surface tout en conservant le plaisir d'un \u003cstrong\u003edentifrice menthe\u003c\/strong\u003e frais et efficace.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"mw-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mw-accordion\"\u003e\n      \u003cdetails class=\"mw-accordion-item\"\u003e\n        \u003csummary class=\"mw-accordion-header\"\u003e⚠️ Allergies et contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"mw-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas d'allergie connue à l'un des composants, n'utilisez pas ce produit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mw-accordion-item\"\u003e\n        \u003csummary class=\"mw-accordion-header\"\u003e🩺 Suivi médical\u003c\/summary\u003e\n        \u003cdiv class=\"mw-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe dentifrice est un soin d'hygiène bucco-dentaire quotidien : il \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni les visites régulières chez votre dentiste.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mw-accordion-item\"\u003e\n        \u003csummary class=\"mw-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mw-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le tube à l'abri de la chaleur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 - DERNIÈRE --\u003e\n  \u003csection class=\"mw-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eEn résumé : à qui s'adresse ce dentifrice ?\u003c\/h2\u003e\n    \u003cdiv class=\"mw-cta-box\"\u003e\n      \u003cp\u003eCe \u003cstrong\u003edentifrice Meswak ayurvédique\u003c\/strong\u003e est fait pour vous si vous recherchez un soin naturel, respectueux de votre santé et de l'environnement, avec une vraie efficacité au quotidien. Que vous soyez déjà adepte du siwak ou simplement curieux de découvrir les bienfaits de l'Ayurvéda pour vos dents, ce tube de 100 g fabriqué en Inde est un excellent point de départ.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mw-disclaimer\"\u003eCe produit est un soin d'hygiène bucco-dentaire. Il ne se substitue pas à un avis médical professionnel.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mw-cream: #f5f9f3;\n  --mw-white: #ffffff;\n  --mw-primary: #3d8b37;\n  --mw-primary-dark: #2a6325;\n  --mw-primary-light: #e8f5e6;\n  --mw-secondary: #6abf5e;\n  --mw-accent: #a8d99c;\n  --mw-text: #1a1a1a;\n  --mw-text-light: #5a5a5a;\n  --mw-border: #d6e8d2;\n  --mw-shadow: 0 4px 24px rgba(42, 99, 37, .08);\n  --mw-shadow-lg: 0 12px 48px rgba(42, 99, 37, .15);\n  --mw-radius: 20px;\n  --mw-radius-sm: 12px;\n}\n\n.mw-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mw-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mw-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2a6325 0%, #3d8b37 40%, #6abf5e 100%);\n  border-radius: var(--mw-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--mw-shadow-lg);\n}\n\n.mw-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: repeating-linear-gradient(\n    90deg,\n    rgba(255,255,255,.06) 0px,\n    rgba(255,255,255,.06) 2px,\n    transparent 2px,\n    transparent 8px\n  );\n  opacity: 1;\n}\n\n.mw-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mw-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mw-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.01em;\n}\n\n.mw-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 620px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mw-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mw-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mw-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mw-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mw-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mw-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mw-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.mw-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mw-primary), var(--mw-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mw-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mw-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.8;\n}\n\n.mw-section-intro strong {\n  color: var(--mw-primary-dark);\n}\n\n\/* === CARDS === *\/\n.mw-card {\n  background: var(--mw-white);\n  border-radius: var(--mw-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mw-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mw-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mw-shadow-lg);\n  border-color: var(--mw-primary);\n}\n\n.mw-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mw-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mw-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mw-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mw-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mw-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mw-grid-compact .mw-card {\n  padding: 1rem;\n}\n\n.mw-grid-compact .mw-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mw-grid-compact .mw-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mw-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mw-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mw-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mw-primary), var(--mw-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.mw-timeline-content {\n  flex: 1;\n  background: var(--mw-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mw-radius-sm);\n  box-shadow: var(--mw-shadow);\n}\n\n.mw-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mw-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mw-timeline-content p {\n  font-size: 14px;\n  color: var(--mw-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.mw-timeline-content strong {\n  color: var(--mw-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.mw-testimonial {\n  background: var(--mw-white);\n  border-radius: var(--mw-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mw-shadow);\n  border-left: 4px solid var(--mw-primary);\n}\n\n.mw-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mw-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.mw-testimonial-text strong {\n  color: var(--mw-primary-dark);\n  font-style: normal;\n}\n\n\/* === ACCORDÉON === *\/\n.mw-accordion {\n  background: var(--mw-white);\n  border-radius: var(--mw-radius);\n  box-shadow: var(--mw-shadow);\n  overflow: hidden;\n}\n\n.mw-accordion-item {\n  border-bottom: 1px solid var(--mw-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mw-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mw-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mw-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.mw-accordion-header:hover {\n  background: var(--mw-primary-light);\n}\n\n.mw-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mw-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mw-primary);\n  transition: transform .2s ease;\n}\n\n.mw-accordion-item[open] .mw-accordion-header::after {\n  content: '−';\n}\n\n.mw-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mw-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mw-accordion-content p {\n  margin: 0;\n}\n\n.mw-accordion-content strong {\n  color: var(--mw-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.mw-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mw-primary-light);\n  border-radius: var(--mw-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.mw-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mw-tip p {\n  font-size: 14px;\n  color: var(--mw-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mw-tip strong {\n  color: var(--mw-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.mw-cta-box {\n  background: linear-gradient(135deg, var(--mw-primary) 0%, var(--mw-primary-dark) 100%);\n  border-radius: var(--mw-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mw-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.mw-cta-box strong {\n  color: #d4f5c8;\n}\n\n\/* === DISCLAIMER === *\/\n.mw-disclaimer {\n  font-size: 12px;\n  color: var(--mw-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .mw-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .mw-card {\n    padding: 1.125rem;\n  }\n\n  .mw-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .mw-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mw-radius-sm);\n  }\n\n  .mw-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .mw-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .mw-grid-compact {\n    gap: .625rem;\n  }\n\n  .mw-grid-compact .mw-card {\n    padding: .75rem;\n  }\n\n  .mw-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .mw-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .mw-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .mw-timeline-content p {\n    font-size: 13px;\n  }\n\n  .mw-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .mw-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .mw-testimonial {\n    padding: 1.25rem;\n  }\n\n  .mw-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mw-card {\n    animation: mwFadeInUp .5s ease backwards;\n  }\n  .mw-card:nth-child(1) { animation-delay: .05s; }\n  .mw-card:nth-child(2) { animation-delay: .1s; }\n  .mw-card:nth-child(3) { animation-delay: .15s; }\n  .mw-card:nth-child(4) { animation-delay: .2s; }\n  .mw-card:nth-child(5) { animation-delay: .25s; }\n  .mw-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mwFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .mw-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55203088367993,"sku":"DENTMESWAKMENTHE","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice_meswak_menthe-min.jpg?v=1773135428"},{"product_id":"bain-de-bouche-certifie-bio-propolis-menthe-300-ml-propolia","title":"Bain de bouche Bio Propolis \u0026 Menthe – 300 ml – Propolia","description":"\u003cdiv class=\"pmw-premium\"\u003e\n\n  \u003cdiv class=\"pmw-hero\"\u003e\n    \u003cdiv class=\"pmw-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pmw-hero-content\"\u003e\n      \u003cdiv class=\"pmw-badges-top\"\u003e\n        \u003cspan class=\"pmw-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"pmw-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"pmw-badge\"\u003e🐝 Propolis Bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pmw-hero-title\"\u003eLa fraîcheur naturelle de la ruche\u003c\/span\u003e\n      \u003cp class=\"pmw-subtitle\"\u003ePropolis, menthe \u0026amp; xylitol — 300 ml\u003c\/p\u003e\n      \u003cp class=\"pmw-description\"\u003eUn soin bucco-dentaire naturel qui allie la puissance purifiante de la propolis à la fraîcheur tonique de la menthe poivrée. 99 % d'ingrédients d'origine naturelle, sans alcool ni fluor.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"pmw-section\"\u003e\n    \u003ch2\u003ePourquoi adopter ce bain de bouche à la propolis ?\u003c\/h2\u003e\n    \u003cp class=\"pmw-section-intro\"\u003eLa propolis, véritable trésor de la ruche, est reconnue pour ses propriétés assainissantes et apaisantes. Associée à l'eau florale de menthe poivrée et à des huiles essentielles soigneusement sélectionnées, elle compose un bain de bouche bio complet.\u003c\/p\u003e\n    \u003cdiv class=\"pmw-grid\"\u003e\n      \u003cdiv class=\"pmw-card\"\u003e\n        \u003ch3\u003e🪥 Complète le brossage\u003c\/h3\u003e\n        \u003cp\u003eNettoie efficacement les zones difficiles d'accès pour une hygiène irréprochable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmw-card\"\u003e\n        \u003ch3\u003e🌱 Apaise les gencives\u003c\/h3\u003e\n        \u003cp\u003eSoulage en douceur les gencives sensibles ou légèrement irritées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmw-card\"\u003e\n        \u003ch3\u003e✨ Prévient la plaque\u003c\/h3\u003e\n        \u003cp\u003eAide à prévenir la formation de plaque dentaire au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmw-card\"\u003e\n        \u003ch3\u003e💨 Haleine fraîche\u003c\/h3\u003e\n        \u003cp\u003eUne fraîcheur tonique et durable dès la première utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pmw-tip\"\u003e\n      \u003cspan class=\"pmw-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eContrairement à de nombreux bains de bouche en pharmacie, cette formule est \u003cstrong\u003esans alcool, sans fluor, sans conservateurs de synthèse\u003c\/strong\u003e ni colorants artificiels. Une alternative naturelle respectueuse de votre microbiote buccal.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pmw-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cp class=\"pmw-section-intro\"\u003eUne formule ultra-concentrée en actifs naturels, pensée pour prendre soin de votre bouche au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"pmw-grid\"\u003e\n      \u003cdiv class=\"pmw-card\"\u003e\n        \u003ch3\u003e🐝 Propolis bio\u003c\/h3\u003e\n        \u003cp\u003ePurifie et protège la sphère buccale grâce à ses vertus assainissantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmw-card\"\u003e\n        \u003ch3\u003e🌿 Eau florale de menthe poivrée bio\u003c\/h3\u003e\n        \u003cp\u003eApporte une fraîcheur tonique et immédiate en bouche.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmw-card\"\u003e\n        \u003ch3\u003e🌸 Huile essentielle de clou de girofle\u003c\/h3\u003e\n        \u003cp\u003eApaise en douceur les gencives sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmw-card\"\u003e\n        \u003ch3\u003e🍋 Huile essentielle de citron\u003c\/h3\u003e\n        \u003cp\u003eAide activement à lutter contre la formation de plaque dentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmw-card\"\u003e\n        \u003ch3\u003e🦷 Xylitol\u003c\/h3\u003e\n        \u003cp\u003eContribue à protéger l'émail des dents naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmw-card\"\u003e\n        \u003ch3\u003e🌾 99 % d'origine naturelle\u003c\/h3\u003e\n        \u003cp\u003eUne formule certifiée Cosmos Organic, sans compromis sur l'efficacité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pmw-tip\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cspan class=\"pmw-tip-icon\"\u003e📋\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eListe INCI complète :\u003c\/strong\u003e Aqua, Glycerin, Xylitol, Mentha Piperita Flower Water*, Propolis Extract*, Sodium Cocoyl Glutamate, Aroma, Eugenia Caryophyllus Flower Oil*, Citrus Limon Peel Oil*, Mentha Arvensis Leaf Oil*, Mentha Piperita Oil*, Sodium Benzoate, Potassium Sorbate, Citric Acid, Limonene, Eugenol. \u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pmw-section\"\u003e\n    \u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n    \u003cdiv class=\"pmw-timeline\"\u003e\n      \u003cdiv class=\"pmw-timeline-item\"\u003e\n        \u003cdiv class=\"pmw-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pmw-timeline-content\"\u003e\n          \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n          \u003cp\u003eSecouez bien avant chaque utilisation pour homogénéiser la formule.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmw-timeline-item\"\u003e\n        \u003cdiv class=\"pmw-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pmw-timeline-content\"\u003e\n          \u003ch3\u003eDosez 10 ml\u003c\/h3\u003e\n          \u003cp\u003eVersez environ 10 ml dans le bouchon doseur intégré.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmw-timeline-item\"\u003e\n        \u003cdiv class=\"pmw-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pmw-timeline-content\"\u003e\n          \u003ch3\u003eRincez 30 secondes\u003c\/h3\u003e\n          \u003cp\u003eEffectuez un bain de bouche pendant 30 secondes, puis recrachez sans rincer.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pmw-timeline-item\"\u003e\n        \u003cdiv class=\"pmw-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"pmw-timeline-content\"\u003e\n          \u003ch3\u003eMatin et soir\u003c\/h3\u003e\n          \u003cp\u003eRenouvelez matin et soir, après le brossage des dents pour un résultat optimal.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pmw-tip\"\u003e\n      \u003cspan class=\"pmw-tip-icon\"\u003e💧\u003c\/span\u003e\n      \u003cp\u003ePour les bouches très sensibles, vous pouvez diluer le produit dans un peu d'eau. Le format 300 ml vous offre \u003cstrong\u003eenviron 30 utilisations\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pmw-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"pmw-accordion\"\u003e\n      \u003cdetails class=\"pmw-accordion-item\"\u003e\n        \u003csummary class=\"pmw-accordion-header\"\u003e🐝 Quels sont les bienfaits du bain de bouche à la propolis ?\u003c\/summary\u003e\n        \u003cdiv class=\"pmw-accordion-content mt-3\"\u003e\n          \u003cp\u003eIl aide à maintenir une bonne hygiène bucco-dentaire en purifiant la bouche, en rafraîchissant l'haleine et en apportant du confort aux gencives sensibles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pmw-accordion-item\"\u003e\n        \u003csummary class=\"pmw-accordion-header\"\u003e🌿 Existe-t-il un bain de bouche sans menthe ?\u003c\/summary\u003e\n        \u003cdiv class=\"pmw-accordion-content mt-3\"\u003e\n          \u003cp\u003eCette formule contient de la menthe poivrée pour son effet rafraîchissant. Si vous recherchez un bain de bouche sans menthe, tournez-vous vers des soins à base d'eau florale de camomille ou de calendula.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pmw-accordion-item\"\u003e\n        \u003csummary class=\"pmw-accordion-header\"\u003e👶 Convient-il aux enfants ?\u003c\/summary\u003e\n        \u003cdiv class=\"pmw-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, dès \u003cstrong\u003e6 ans\u003c\/strong\u003e, sous surveillance d'un adulte. Veillez à ce que l'enfant ne l'avale pas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pmw-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"pmw-accordion\"\u003e\n      \u003cdetails class=\"pmw-accordion-item\"\u003e\n        \u003csummary class=\"pmw-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"pmw-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche, au clou de girofle ou au citron. Ne convient pas aux enfants de moins de 6 ans, aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pmw-accordion-item\"\u003e\n        \u003csummary class=\"pmw-accordion-header\"\u003e🚫 Utilisation\u003c\/summary\u003e\n        \u003cdiv class=\"pmw-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas avaler. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pmw-accordion-item\"\u003e\n        \u003csummary class=\"pmw-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"pmw-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver à température ambiante, à l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pmw-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un suivi dentaire régulier ni à un traitement médical. En cas de douleur persistante ou de pathologie bucco-dentaire, consultez votre chirurgien-dentiste.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --pmw-cream: #f5fbfb;\n  --pmw-white: #ffffff;\n  --pmw-primary: #4dc4c4;\n  --pmw-primary-dark: #1e8a8a;\n  --pmw-primary-light: #e0f5f5;\n  --pmw-secondary: #f5c14f;\n  --pmw-accent: #e94b7a;\n  --pmw-text: #1a1a1a;\n  --pmw-text-light: #5a5a5a;\n  --pmw-border: #e0e0e0;\n  --pmw-shadow: 0 4px 24px rgba(30,138,138,.08);\n  --pmw-shadow-lg: 0 12px 48px rgba(30,138,138,.18);\n  --pmw-radius: 20px;\n  --pmw-radius-sm: 12px;\n}\n\n.pmw-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pmw-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--pmw-text);\n  line-height: 1.6;\n}\n\n.pmw-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4dc4c4 0%, #2ea5a5 50%, #1e8a8a 100%);\n  border-radius: var(--pmw-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--pmw-shadow-lg);\n}\n\n.pmw-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n                    radial-gradient(circle at 80% 70%, white 2px, transparent 2px),\n                    radial-gradient(circle at 50% 50%, white 1px, transparent 1px);\n  background-size: 60px 60px, 80px 80px, 40px 40px;\n}\n\n.pmw-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pmw-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.pmw-subtitle {\n  color: white;\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  opacity: .95;\n}\n\n.pmw-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 16px);\n  max-width: 640px;\n  margin: 0 auto;\n  opacity: .95;\n  line-height: 1.7;\n}\n\n.pmw-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pmw-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--pmw-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pmw-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.pmw-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pmw-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pmw-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.pmw-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--pmw-primary), var(--pmw-secondary));\n  border-radius: 2px;\n}\n\n.pmw-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pmw-text-light);\n  margin: 0 auto 1.75rem;\n  max-width: 700px;\n  line-height: 1.7;\n}\n\n.pmw-card {\n  background: var(--pmw-white);\n  border-radius: var(--pmw-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pmw-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pmw-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pmw-shadow-lg);\n  border-color: var(--pmw-primary);\n}\n\n.pmw-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pmw-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pmw-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pmw-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pmw-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pmw-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pmw-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pmw-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pmw-primary), var(--pmw-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(77,196,196,.4);\n}\n\n.pmw-timeline-content {\n  flex: 1;\n  background: var(--pmw-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pmw-radius-sm);\n  box-shadow: var(--pmw-shadow);\n}\n\n.pmw-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pmw-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pmw-timeline-content p {\n  font-size: 14px;\n  color: var(--pmw-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.pmw-accordion {\n  background: var(--pmw-white);\n  border-radius: var(--pmw-radius);\n  box-shadow: var(--pmw-shadow);\n  overflow: hidden;\n}\n\n.pmw-accordion-item {\n  border-bottom: 1px solid var(--pmw-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pmw-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pmw-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pmw-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.pmw-accordion-header:hover {\n  background: var(--pmw-primary-light);\n}\n\n.pmw-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pmw-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--pmw-primary);\n  transition: transform .2s ease;\n  margin-left: 1rem;\n}\n\n.pmw-accordion-item[open] .pmw-accordion-header::after {\n  content: '−';\n}\n\n.pmw-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pmw-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pmw-accordion-content p {\n  margin: 0;\n}\n\n.pmw-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pmw-primary-light);\n  border-radius: var(--pmw-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--pmw-primary);\n}\n\n.pmw-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.pmw-tip p {\n  font-size: 14px;\n  color: var(--pmw-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pmw-disclaimer {\n  font-size: 12px;\n  color: var(--pmw-text-light);\n  text-align: center;\n  margin-top: 1.25rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .pmw-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .pmw-card {\n    padding: 1.125rem;\n  }\n  .pmw-section {\n    margin-bottom: 1.75rem;\n  }\n  .pmw-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pmw-radius-sm);\n  }\n  .pmw-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .pmw-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .pmw-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .pmw-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .pmw-timeline-content h3 {\n    font-size: 14px;\n  }\n  .pmw-timeline-content p {\n    font-size: 13px;\n  }\n  .pmw-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .pmw-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .pmw-card {\n    animation: pmwFadeInUp .5s ease backwards;\n  }\n  .pmw-card:nth-child(1) { animation-delay: .05s; }\n  .pmw-card:nth-child(2) { animation-delay: .1s; }\n  .pmw-card:nth-child(3) { animation-delay: .15s; }\n  .pmw-card:nth-child(4) { animation-delay: .2s; }\n  .pmw-card:nth-child(5) { animation-delay: .25s; }\n  .pmw-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pmwFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pmw-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":55204810129785,"sku":"AP0108","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bain-de-bouche-bio-propolis-menthe-300-ml-propolia-packshothd.webp?v=1789835305"},{"product_id":"soin-sos-bucco-dentaire-30ml-propolia","title":"Soin S.O.S. bucco-dentaire - 30 ml - Propolia","description":"\u003cdiv class=\"propolia-premium\"\u003e\n  \u003cdiv class=\"propolia-hero\"\u003e\n    \u003cdiv class=\"propolia-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"propolia-hero-content\"\u003e\n      \u003cdiv class=\"propolia-badges-top\"\u003e\n        \u003cspan class=\"propolia-badge\"\u003e🐝 Actifs de la ruche\u003c\/span\u003e\n        \u003cspan class=\"propolia-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n        \u003cspan class=\"propolia-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"propolia-badge\"\u003e✅ Cosmos Natural\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"propolia-hero-title\"\u003eSoin S.O.S. Bucco-Dentaire\u003c\/span\u003e\n      \u003cp class=\"propolia-subtitle\"\u003ePropolis, girofle \u0026amp; cannelle — 30 ml\u003c\/p\u003e\n      \u003cp class=\"propolia-description\"\u003eUn concentré d'actifs naturels pour apaiser, assainir et protéger votre bouche au quotidien. Formulé à base de propolis, miel, huile essentielle de clou de girofle et de cannelle, ce soin 100 % naturel s'adresse à toute la famille dès 6 ans.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"propolia-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce soin des gencives naturel ?\u003c\/h2\u003e\n    \u003cp class=\"propolia-section-intro\"\u003eContrairement aux soins conventionnels (type Sanogyl, Parogencyl ou Sensodyne), la formule Propolia mise sur la puissance des actifs de la ruche, sans ingrédients controversés ni additifs de synthèse. Doux et redoutablement efficace.\u003c\/p\u003e\n    \u003cdiv class=\"propolia-grid\"\u003e\n      \u003cdiv class=\"propolia-card\"\u003e\n        \u003ch3\u003e🦠 Assainit la bouche\u003c\/h3\u003e\n        \u003cp\u003eLa propolis et les huiles essentielles agissent contre les bactéries responsables des inflammations gingivales et de la mauvaise haleine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"propolia-card\"\u003e\n        \u003ch3\u003e💆 Apaise les irritations\u003c\/h3\u003e\n        \u003cp\u003eIdéal en cas d'aphtes, de gencives rouges, de petites lésions ou de picotements.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"propolia-card\"\u003e\n        \u003ch3\u003e🛡️ Protège durablement\u003c\/h3\u003e\n        \u003cp\u003eRenforce la barrière naturelle de la muqueuse buccale pour un confort qui dure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"propolia-card\"\u003e\n        \u003ch3\u003e🌬️ Rafraîchit l'haleine\u003c\/h3\u003e\n        \u003cp\u003eLa cannelle et le girofle laissent une sensation de bouche propre et fraîche.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"propolia-section\"\u003e\n    \u003ch2\u003eComment utiliser le soin bucco-dentaire Propolia ?\u003c\/h2\u003e\n    \u003cp class=\"propolia-section-intro\"\u003eCe soin bucco-dentaire s'utilise de deux manières, selon vos besoins :\u003c\/p\u003e\n    \u003cdiv class=\"propolia-timeline\"\u003e\n      \u003cdiv class=\"propolia-timeline-item\"\u003e\n        \u003cdiv class=\"propolia-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"propolia-timeline-content\"\u003e\n          \u003ch3\u003e🎯 Application locale\u003c\/h3\u003e\n          \u003cp\u003eSecouez le flacon, puis déposez quelques gouttes directement sur la zone sensible (gencive, aphte) à l'aide de la pipette. Ne rincez pas pour prolonger l'action.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"propolia-timeline-item\"\u003e\n        \u003cdiv class=\"propolia-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"propolia-timeline-content\"\u003e\n          \u003ch3\u003e💧 Bain de bouche\u003c\/h3\u003e\n          \u003cp\u003eDiluez 1 à 3 pipettes dans un demi-verre d'eau tiède, rincez la bouche pendant 30 secondes, puis recrachez.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"propolia-tip\"\u003e\n      \u003cspan class=\"propolia-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eConseil d'expert :\u003c\/strong\u003e utilisez ce soin après le brossage des dents, en complément de votre dentifrice habituel, pour une efficacité maximale. En cure ponctuelle ou en entretien régulier.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"propolia-section\"\u003e\n    \u003ch2\u003eComposition : 100 % d'origine naturelle\u003c\/h2\u003e\n    \u003cp class=\"propolia-section-intro\"\u003e\u003cstrong\u003eListe INCI complète :\u003c\/strong\u003e Alcohol, Aqua, Propolis Cera, Mel (miel), Cinnamomum Cassia Leaf Oil (cannelle), Eugenia Caryophyllus Bud Oil (clou de girofle), Rosmarinus Officinalis Leaf Oil (romarin).\u003c\/p\u003e\n    \u003cdiv class=\"propolia-grid\"\u003e\n      \u003cdiv class=\"propolia-card\"\u003e\n        \u003ch3\u003e🐝 Propolis brute\u003c\/h3\u003e\n        \u003cp\u003eTrésor de la ruche, purifiante et apaisante, elle protège la sphère buccale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"propolia-card\"\u003e\n        \u003ch3\u003e🍯 Miel\u003c\/h3\u003e\n        \u003cp\u003eAdoucissant naturel, il favorise la régénération des tissus de la muqueuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"propolia-card\"\u003e\n        \u003ch3\u003e🌰 H.E. de clou de girofle\u003c\/h3\u003e\n        \u003cp\u003eReconnue depuis toujours pour son action sur les douleurs buccales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"propolia-card\"\u003e\n        \u003ch3\u003e🌿 H.E. de cannelle\u003c\/h3\u003e\n        \u003cp\u003eProtectrice et tonifiante, elle apporte fraîcheur et caractère à la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"propolia-card\"\u003e\n        \u003ch3\u003e🌱 H.E. de romarin\u003c\/h3\u003e\n        \u003cp\u003eAssainissante, elle complète l'action purifiante des autres actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"propolia-card\"\u003e\n        \u003ch3\u003e🇫🇷 Savoir-faire français\u003c\/h3\u003e\n        \u003cp\u003eFormulation certifiée Cosmos Natural, fabriquée en Occitanie selon un savoir-faire artisanal respectueux des abeilles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"propolia-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"propolia-accordion\"\u003e\n      \u003cdetails class=\"propolia-accordion-item\"\u003e\n        \u003csummary class=\"propolia-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche, aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"propolia-accordion-item\"\u003e\n        \u003csummary class=\"propolia-accordion-header\"\u003e🌶️ Sensation de picotement\u003c\/summary\u003e\n        \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n          \u003cp\u003eUn léger picotement peut survenir à l'application, dû à la présence d'huiles essentielles : c'est tout à fait normal et sans gravité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"propolia-accordion-item\"\u003e\n        \u003csummary class=\"propolia-accordion-header\"\u003e👁️ Usage externe\u003c\/summary\u003e\n        \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n          \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux et les vêtements.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"propolia-accordion-item\"\u003e\n        \u003csummary class=\"propolia-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe soin ne remplace pas un traitement médical ni une consultation chez votre dentiste. En cas de douleur persistante, consultez un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"propolia-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eFoire aux questions\u003c\/h2\u003e\n    \u003cdiv class=\"propolia-accordion\"\u003e\n      \u003cdetails class=\"propolia-accordion-item\"\u003e\n        \u003csummary class=\"propolia-accordion-header\"\u003ePeut-on utiliser ce soin tous les jours ?\u003c\/summary\u003e\n        \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, vous pouvez l'intégrer à votre routine quotidienne d'hygiène buccale, ou l'utiliser ponctuellement en cas de sensibilité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"propolia-accordion-item\"\u003e\n        \u003csummary class=\"propolia-accordion-header\"\u003eCombien de temps pour ressentir les effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n          \u003cp\u003eL'effet apaisant se ressent généralement en quelques minutes. Pour les gencives sensibles, renouvelez l'application 2 à 3 fois par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"propolia-accordion-item\"\u003e\n        \u003csummary class=\"propolia-accordion-header\"\u003eCe soin colore-t-il les dents ?\u003c\/summary\u003e\n        \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n          \u003cp\u003eNon, la formule ne tache pas les dents. Évitez simplement le contact avec les vêtements.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"propolia-accordion-item\"\u003e\n        \u003csummary class=\"propolia-accordion-header\"\u003ePeut-il remplacer un dentifrice ?\u003c\/summary\u003e\n        \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n          \u003cp\u003eNon, il vient en complément du brossage avec un dentifrice adapté, pour renforcer l'action sur les gencives.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"propolia-accordion-item\"\u003e\n        \u003csummary class=\"propolia-accordion-header\"\u003eEst-il compatible avec un traitement dentaire ?\u003c\/summary\u003e\n        \u003cdiv class=\"propolia-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, en complément, mais demandez toujours l'avis de votre dentiste en cas de traitement en cours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --propolia-cream: #f4fbfa;\n  --propolia-white: #ffffff;\n  --propolia-primary: #2eb5a8;\n  --propolia-primary-dark: #1f7c75;\n  --propolia-primary-light: #d8f1ee;\n  --propolia-secondary: #f5a623;\n  --propolia-accent: #ec4899;\n  --propolia-text: #1a1a1a;\n  --propolia-text-light: #5a5a5a;\n  --propolia-border: #e0e0e0;\n  --propolia-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --propolia-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --propolia-radius: 20px;\n  --propolia-radius-sm: 12px;\n}\n\n.propolia-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--propolia-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--propolia-text);\n  line-height: 1.6;\n}\n\n.propolia-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2eb5a8 0%, #1f7c75 55%, #f5a623 130%);\n  border-radius: var(--propolia-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--propolia-shadow-lg);\n}\n\n.propolia-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(circle at 20% 20%, rgba(255,255,255,.4) 0%, transparent 30%),\n    radial-gradient(circle at 80% 70%, rgba(245,166,35,.4) 0%, transparent 35%);\n  opacity: .15;\n}\n\n.propolia-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.propolia-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.propolia-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 2.8vw, 20px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.propolia-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.propolia-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.propolia-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--propolia-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.propolia-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.propolia-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.propolia-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--propolia-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.propolia-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--propolia-primary), var(--propolia-secondary));\n  border-radius: 2px;\n}\n\n.propolia-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--propolia-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.propolia-card {\n  background: var(--propolia-white);\n  border-radius: var(--propolia-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--propolia-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.propolia-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--propolia-shadow-lg);\n  border-color: var(--propolia-primary);\n}\n\n.propolia-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--propolia-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.propolia-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--propolia-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.propolia-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.propolia-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.propolia-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.propolia-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--propolia-primary), var(--propolia-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(46,181,168,.3);\n}\n\n.propolia-timeline-content {\n  flex: 1;\n  background: var(--propolia-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--propolia-radius-sm);\n  box-shadow: var(--propolia-shadow);\n}\n\n.propolia-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--propolia-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.propolia-timeline-content p {\n  font-size: 14px;\n  color: var(--propolia-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.propolia-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--propolia-primary-light);\n  border-radius: var(--propolia-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--propolia-primary);\n}\n\n.propolia-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.propolia-tip p {\n  font-size: 14px;\n  color: var(--propolia-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.propolia-accordion {\n  background: var(--propolia-white);\n  border-radius: var(--propolia-radius);\n  box-shadow: var(--propolia-shadow);\n  overflow: hidden;\n}\n\n.propolia-accordion-item {\n  border-bottom: 1px solid var(--propolia-border);\n  margin: 0;\n  padding: 0;\n}\n\n.propolia-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.propolia-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--propolia-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n  gap: 1rem;\n}\n\n.propolia-accordion-header:hover {\n  background: var(--propolia-primary-light);\n}\n\n.propolia-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.propolia-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--propolia-primary);\n  transition: transform .2s ease;\n  flex-shrink: 0;\n}\n\n.propolia-accordion-item[open] .propolia-accordion-header::after {\n  content: '−';\n}\n\n.propolia-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--propolia-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.propolia-accordion-content p {\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .propolia-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .propolia-card {\n    padding: 1.125rem;\n  }\n  .propolia-section {\n    margin-bottom: 1.75rem;\n  }\n  .propolia-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--propolia-radius-sm);\n  }\n  .propolia-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .propolia-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .propolia-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .propolia-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .propolia-timeline-content h3 {\n    font-size: 14px;\n  }\n  .propolia-timeline-content p {\n    font-size: 13px;\n  }\n  .propolia-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .propolia-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .propolia-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .propolia-card:nth-child(1) { animation-delay: .05s; }\n  .propolia-card:nth-child(2) { animation-delay: .1s; }\n  .propolia-card:nth-child(3) { animation-delay: .15s; }\n  .propolia-card:nth-child(4) { animation-delay: .2s; }\n  .propolia-card:nth-child(5) { animation-delay: .25s; }\n  .propolia-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .propolia-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":55208423522681,"sku":"AP0160","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-sos-bucco-dentaire-30-ml-propolia-packshothd.webp?v=1787394059"},{"product_id":"silagencyl-500-ml-labo-sante-silice","title":"Silagencyl bain de bouche - 500 ml - Labo Santé Silice","description":"\u003cdiv class=\"sg-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"sg-hero\"\u003e\n    \u003cdiv class=\"sg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sg-hero-content\"\u003e\n      \u003cdiv class=\"sg-badges-top\"\u003e\n        \u003cspan class=\"sg-badge\"\u003e🦷 Hygiène bucco-dentaire\u003c\/span\u003e\n        \u003cspan class=\"sg-badge\"\u003e💎 Silicium organique\u003c\/span\u003e\n        \u003cspan class=\"sg-badge\"\u003e🇫🇷 Labo français\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sg-hero-title\"\u003eBain de bouche Silagencyl\u003c\/span\u003e\n      \u003cp class=\"sg-subtitle\"\u003e500 ml — Labo Santé Silice\u003c\/p\u003e\n      \u003cp class=\"sg-description\"\u003eLe soin bucco-dentaire au silicium organique, à l'huile essentielle de girofle et à l'acide hyaluronique pour des gencives toniques, fermes et confortables au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"sg-section\"\u003e\n    \u003ch2\u003eSilagencyl : le bain de bouche au silicium organique pour des gencives toniques\u003c\/h2\u003e\n    \u003cp class=\"sg-section-intro\"\u003eVos gencives sont sensibles, rougies ou manquent de fermeté ? Silagencyl a été formulé précisément pour répondre à ces préoccupations.\u003c\/p\u003e\n    \u003cdiv class=\"sg-grid-compact\"\u003e\n      \u003cdiv class=\"sg-card\"\u003e\n        \u003ch3\u003e🧬 Silicium organique\u003c\/h3\u003e\n        \u003cp\u003eSoutient la structure du collagène gingival pour des gencives plus fermes et résistantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-card\"\u003e\n        \u003ch3\u003e🌿 Huile essentielle de girofle\u003c\/h3\u003e\n        \u003cp\u003ePropriétés antiseptiques et apaisantes pour un confort buccal immédiat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-card\"\u003e\n        \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eHydrate et redonne souplesse et volume aux muqueuses gingivales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-card\"\u003e\n        \u003ch3\u003e🌱 Sans alcool\u003c\/h3\u003e\n        \u003cp\u003eRespecte l'équilibre naturel de votre flore buccale et les céramiques dentaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"sg-section\"\u003e\n    \u003ch2\u003ePourquoi le silicium organique est-il précieux pour vos gencives ?\u003c\/h2\u003e\n    \u003cdiv class=\"sg-testimonial\"\u003e\n      \u003cp class=\"sg-testimonial-text\"\u003eLe silicium est un oligo-élément essentiel à la structure du \u003cstrong\u003ecollagène\u003c\/strong\u003e, cette protéine qui confère souplesse et résistance aux tissus conjonctifs, y compris ceux de la bouche. Avec l'âge ou en cas de carences, la production de collagène diminue, ce qui peut fragiliser les gencives et favoriser le \u003cstrong\u003edéchaussement dentaire\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sg-tip\"\u003e\n      \u003cspan class=\"sg-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eEn apportant du \u003cstrong\u003emonométhylsilanetriol\u003c\/strong\u003e (forme biodisponible du silicium), Silagencyl soutient la densité et l'élasticité des tissus gingivaux au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"sg-section\"\u003e\n    \u003ch2\u003eTrois actifs complémentaires pour une action ciblée\u003c\/h2\u003e\n    \u003cdiv class=\"sg-grid\"\u003e\n      \u003cdiv class=\"sg-card sg-card-ingredient\"\u003e\n        \u003ch3\u003e🧬 Silicium organique\u003c\/h3\u003e\n        \u003cp class=\"sg-card-sub\"\u003eMonométhylsilanetriol\u003c\/p\u003e\n        \u003cp\u003eFavorise la régénération de la fibre collagène et renforce la tenue des gencives autour de la dent. Un actif clé pour lutter contre le relâchement gingival.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-card sg-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Huile essentielle de girofle\u003c\/h3\u003e\n        \u003cp class=\"sg-card-sub\"\u003eEugenia caryophyllus\u003c\/p\u003e\n        \u003cp\u003eReconnue pour ses propriétés \u003cstrong\u003eantiseptiques\u003c\/strong\u003e et \u003cstrong\u003eapaisantes\u003c\/strong\u003e, elle procure un soulagement rapide en cas d'inconfort buccal et aide à maintenir une bonne hygiène.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-card sg-card-ingredient\"\u003e\n        \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n        \u003cp class=\"sg-card-sub\"\u003eHydratation profonde\u003c\/p\u003e\n        \u003cp\u003eMolécule naturellement présente dans les tissus, il contribue à l'\u003cstrong\u003ehydratation\u003c\/strong\u003e et à la cohésion des muqueuses gingivales, leur redonnant souplesse et volume.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"sg-section\"\u003e\n    \u003ch2\u003eComment utiliser Silagencyl au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"sg-timeline\"\u003e\n      \u003cdiv class=\"sg-timeline-item\"\u003e\n        \u003cdiv class=\"sg-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sg-timeline-content\"\u003e\n          \u003ch3\u003eBien agiter\u003c\/h3\u003e\n          \u003cp\u003eSecouez le flacon avant chaque utilisation pour homogénéiser la solution.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-timeline-item\"\u003e\n        \u003cdiv class=\"sg-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sg-timeline-content\"\u003e\n          \u003ch3\u003eDoser 20 ml\u003c\/h3\u003e\n          \u003cp\u003eAprès le brossage et le rinçage des dents, remplissez le bouchon doseur avec \u003cstrong\u003e20 ml\u003c\/strong\u003e de solution pure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-timeline-item\"\u003e\n        \u003cdiv class=\"sg-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sg-timeline-content\"\u003e\n          \u003ch3\u003eBain de bouche 2 à 3 minutes\u003c\/h3\u003e\n          \u003cp\u003eFaites circuler le liquide dans toute la cavité buccale pendant \u003cstrong\u003e2 à 3 minutes\u003c\/strong\u003e pour une action optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-timeline-item\"\u003e\n        \u003cdiv class=\"sg-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"sg-timeline-content\"\u003e\n          \u003ch3\u003eDeux fois par jour\u003c\/h3\u003e\n          \u003cp\u003eRenouvelez matin et soir pour des résultats visibles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sg-tip\"\u003e\n      \u003cspan class=\"sg-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003eLe flacon de \u003cstrong\u003e500 ml\u003c\/strong\u003e vous offre environ \u003cstrong\u003e12 jours\u003c\/strong\u003e d'utilisation à raison de deux bains quotidiens, soit une cure complète idéale pour constater les premiers résultats.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"sg-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"sg-composition-box\"\u003e\n      \u003cp\u003eAqua (eau désionisée), monométhylsilanetriol, Eugenia caryophyllus (huile essentielle de girofle), acide hyaluronique, sodium benzoate, acide citrique.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sg-grid-compact\"\u003e\n      \u003cdiv class=\"sg-card\"\u003e\n        \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n        \u003cp\u003eNe détruit pas la flore buccale naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sg-card\"\u003e\n        \u003ch3\u003e🦷 Céramiques protégées\u003c\/h3\u003e\n        \u003cp\u003eN'attaque pas les couronnes ni les bridges.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"sg-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"sg-accordion\"\u003e\n      \u003cdetails class=\"sg-accordion-item\"\u003e\n        \u003csummary class=\"sg-accordion-header\"\u003e⚠️ Dose et usage\u003c\/summary\u003e\n        \u003cdiv class=\"sg-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce produit n'est pas destiné à être bu ; toutefois, aucun danger en cas d'ingestion accidentelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sg-accordion-item\"\u003e\n        \u003csummary class=\"sg-accordion-header\"\u003e🤰 Femmes enceintes\u003c\/summary\u003e\n        \u003cdiv class=\"sg-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eDéconseillé aux femmes enceintes.\u003c\/strong\u003e En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sg-accordion-item\"\u003e\n        \u003csummary class=\"sg-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"sg-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sg-accordion-item\"\u003e\n        \u003csummary class=\"sg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"sg-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ utiliser dans les \u003cstrong\u003e60 jours après ouverture\u003c\/strong\u003e. Conserver au frais, à l'abri de la lumière et de l'humidité. La formation d'un léger dépôt est normale et n'altère pas la qualité du produit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION FINALE --\u003e\n  \u003csection class=\"sg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"sg-cta-box\"\u003e\n      \u003cp\u003e🦷 Offrez à vos gencives le soin qu'elles méritent : fermeté, confort et protection au quotidien grâce au silicium organique.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sg-disclaimer\"\u003eRappel important : ce bain de bouche est un produit d'hygiène bucco-dentaire. Il ne remplace en aucun cas un traitement prescrit par votre dentiste ou votre médecin. En cas de saignements persistants ou de douleurs importantes, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sg-cream: #f4f7fa;\n  --sg-white: #ffffff;\n  --sg-primary: #1e3a6e;\n  --sg-primary-dark: #122650;\n  --sg-primary-light: #e8eef6;\n  --sg-secondary: #5ba4c9;\n  --sg-accent: #a8dce8;\n  --sg-text: #1a1a1a;\n  --sg-text-light: #5a6068;\n  --sg-border: #dce3eb;\n  --sg-shadow: 0 4px 24px rgba(30,58,110,.08);\n  --sg-shadow-lg: 0 12px 48px rgba(30,58,110,.15);\n  --sg-radius: 20px;\n  --sg-radius-sm: 12px;\n}\n\n.sg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sg-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--sg-primary) 0%, #2a4f8a 50%, var(--sg-secondary) 100%);\n  border-radius: var(--sg-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--sg-shadow-lg);\n}\n\n.sg-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(168,220,232,.2) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(91,164,201,.15) 0%, transparent 50%),\n              radial-gradient(circle at 60% 60%, rgba(255,255,255,.05) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.sg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sg-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sg-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.sg-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.sg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sg-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--sg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sg-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.sg-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--sg-primary), var(--sg-secondary));\n  border-radius: 2px;\n}\n\n.sg-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sg-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sg-card {\n  background: var(--sg-white);\n  border-radius: var(--sg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sg-shadow-lg);\n  border-color: var(--sg-primary);\n}\n\n.sg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sg-card-sub {\n  font-size: 12px !important;\n  font-weight: 700;\n  color: var(--sg-secondary) !important;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: .5rem !important;\n}\n\n.sg-card-ingredient {\n  text-align: left;\n}\n\n\/* === GRILLES === *\/\n.sg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sg-grid-compact .sg-card {\n  padding: 1rem;\n}\n\n.sg-grid-compact .sg-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sg-grid-compact .sg-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sg-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sg-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sg-primary), var(--sg-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.sg-timeline-content {\n  flex: 1;\n  background: var(--sg-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sg-radius-sm);\n  box-shadow: var(--sg-shadow);\n}\n\n.sg-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sg-timeline-content p {\n  font-size: 14px;\n  color: var(--sg-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sg-testimonial {\n  background: var(--sg-white);\n  border-radius: var(--sg-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sg-shadow);\n  border-left: 4px solid var(--sg-primary);\n}\n\n.sg-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sg-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.sg-composition-box {\n  background: var(--sg-white);\n  border-radius: var(--sg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sg-shadow);\n  border: 2px dashed var(--sg-secondary);\n  margin-bottom: 1.25rem;\n  text-align: center;\n}\n\n.sg-composition-box p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sg-text);\n  line-height: 1.7;\n  margin: 0;\n  font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.sg-accordion {\n  background: var(--sg-white);\n  border-radius: var(--sg-radius);\n  box-shadow: var(--sg-shadow);\n  overflow: hidden;\n}\n\n.sg-accordion-item {\n  border-bottom: 1px solid var(--sg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sg-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.sg-accordion-header:hover {\n  background: var(--sg-primary-light);\n}\n\n.sg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sg-primary);\n  transition: transform .2s ease;\n}\n\n.sg-accordion-item[open] .sg-accordion-header::after {\n  content: '−';\n}\n\n.sg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sg-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sg-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sg-primary-light);\n  border-radius: var(--sg-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sg-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sg-tip p {\n  font-size: 14px;\n  color: var(--sg-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sg-cta-box {\n  background: linear-gradient(135deg, var(--sg-primary) 0%, var(--sg-primary-dark) 100%);\n  border-radius: var(--sg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sg-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sg-disclaimer {\n  font-size: 12px;\n  color: var(--sg-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .sg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sg-card {\n    padding: 1.125rem;\n  }\n\n  .sg-card-ingredient {\n    text-align: center;\n  }\n\n  .sg-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sg-radius-sm);\n  }\n\n  .sg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sg-grid-compact {\n    gap: .625rem;\n  }\n\n  .sg-grid-compact .sg-card {\n    padding: .75rem;\n  }\n\n  .sg-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sg-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sg-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sg-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .sg-testimonial {\n    padding: 1.25rem;\n  }\n\n  .sg-testimonial-text {\n    font-size: 14px;\n  }\n\n  .sg-composition-box {\n    padding: 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sg-card {\n    animation: sgFadeInUp .5s ease backwards;\n  }\n  .sg-card:nth-child(1) { animation-delay: .05s; }\n  .sg-card:nth-child(2) { animation-delay: .1s; }\n  .sg-card:nth-child(3) { animation-delay: .15s; }\n  .sg-card:nth-child(4) { animation-delay: .2s; }\n  .sg-card:nth-child(5) { animation-delay: .25s; }\n  .sg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sgFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .sg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LABO SANTE SILICE","offers":[{"title":"Default Title","offer_id":55219413909881,"sku":"LS0230","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silagencyl-bain-de-bouche-500-ml-labo-sante-silice-packshothd_5d76d4a4-c7f3-46f5-9323-7260d3a039d5.webp?v=1789575770"},{"product_id":"dentifrice-enfant-argile-blanche-fraise-comme-avant","title":"Dentifrice enfant à l'argile blanche - Goût Fraise - 90 ml - Comme Avant","description":"\u003cdiv class=\"cabf-premium\"\u003e\n  \u003cdiv class=\"cabf-hero\"\u003e\n    \u003cdiv class=\"cabf-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cabf-hero-content\"\u003e\n      \u003cdiv class=\"cabf-badges-top\"\u003e\n        \u003cspan class=\"cabf-badge\"\u003e🌱 Bio COSMOS\u003c\/span\u003e\n        \u003cspan class=\"cabf-badge\"\u003e🇫🇷 Fabriqué à Marseille\u003c\/span\u003e\n        \u003cspan class=\"cabf-badge\"\u003e👶 Dès 2 ans\u003c\/span\u003e\n        \u003cspan class=\"cabf-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cabf-hero-title\"\u003eLe brossage devient un moment gourmand\u003c\/span\u003e\n      \u003cp class=\"cabf-subtitle\"\u003eArgile blanche \u0026amp; arôme naturel de fraise\u003c\/p\u003e\n      \u003cp class=\"cabf-description\"\u003eUne formule courte, douce et efficace, pensée pour les dents de lait et les bouches sensibles. 1000 ppm de fluor pour une protection anti-caries adaptée aux tout-petits.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cabf-section\"\u003e\n    \u003ch2\u003eUne routine douce et gourmande dès 2 ans\u003c\/h2\u003e\n    \u003cp class=\"cabf-section-intro\"\u003eTrouver un \u003cstrong\u003edentifrice enfant naturel et efficace\u003c\/strong\u003e n'est pas toujours évident. Entre les formules trop sucrées, les ingrédients controversés et les goûts boudés par les petits, les parents se posent beaucoup de questions.\u003c\/p\u003e\n    \u003cdiv class=\"cabf-grid-compact\"\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e🍓 Goût fraise\u003c\/h3\u003e\n        \u003cp\u003eUn parfum gourmand issu de vraies fraises qui transforme le brossage en plaisir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eComposition courte, certifiée COSMOS Organic et Slow Cosmétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e👶 Dès 2 ans\u003c\/h3\u003e\n        \u003cp\u003eAdapté aux enfants, aux femmes enceintes et allaitantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e💧 Pompe doseuse\u003c\/h3\u003e\n        \u003cp\u003eFlacon en verre ambré avec pompe pour la juste dose, sans gaspillage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cabf-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un dentifrice à l'argile blanche pour vos enfants ?\u003c\/h2\u003e\n    \u003cdiv class=\"cabf-grid\"\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e🤍 Argile blanche (kaolin)\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour ses propriétés nettoyantes douces, elle élimine la plaque dentaire sans agresser l'émail fragile des dents de lait.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e✨ Carbonate de calcium\u003c\/h3\u003e\n        \u003cp\u003eAssocié à l'argile, il assure un brossage efficace tout en respectant la bouche sensible des plus jeunes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e🛡️ 1000 ppm de fluor\u003c\/h3\u003e\n        \u003cp\u003eDosage conforme aux recommandations des chirurgiens-dentistes pour les 2-6 ans. Renforce l'émail et prévient l'apparition des caries.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cabf-section\"\u003e\n    \u003ch2\u003eUne composition naturelle et transparente\u003c\/h2\u003e\n    \u003cp class=\"cabf-section-intro\"\u003eLa force de ce dentifrice tient à sa liste d'ingrédients courte et compréhensible.\u003c\/p\u003e\n    \u003cdiv class=\"cabf-grid\"\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n        \u003cp\u003eHydrate la muqueuse buccale et apporte de l'onctuosité à la texture.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e✨ Carbonate de calcium\u003c\/h3\u003e\n        \u003cp\u003eAbrasif doux qui nettoie sans abîmer l'émail fragile.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e🤍 Kaolin\u003c\/h3\u003e\n        \u003cp\u003eArgile blanche qui purifie et adoucit la bouche des enfants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e🫧 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n        \u003cp\u003eTensioactif doux d'origine végétale pour une légère mousse agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e🍓 Arôme naturel de fraise\u003c\/h3\u003e\n        \u003cp\u003eIssu de véritables fraises, sans aucun arôme artificiel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e🛡️ Fluorure de sodium\u003c\/h3\u003e\n        \u003cp\u003eDosé à 1000 ppm pour une protection anti-caries efficace et sécurisée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e🌾 Gomme xanthane\u003c\/h3\u003e\n        \u003cp\u003eAssure une texture homogène et stable dans le temps.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e💦 Aqua\u003c\/h3\u003e\n        \u003cp\u003eEau purifiée, base neutre de la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cabf-tip\"\u003e\n      \u003cspan class=\"cabf-tip-icon\"\u003e🚫\u003c\/span\u003e\n      \u003cp\u003eSans sulfates agressifs, sans dioxyde de titane, sans édulcorant controversé : une formule pensée pour les bouches sensibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cabf-section\"\u003e\n    \u003ch2\u003eComment utiliser le dentifrice fraise Comme Avant ?\u003c\/h2\u003e\n    \u003cdiv class=\"cabf-timeline\"\u003e\n      \u003cdiv class=\"cabf-timeline-item\"\u003e\n        \u003cdiv class=\"cabf-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cabf-timeline-content\"\u003e\n          \u003ch3\u003eHumidifiez la brosse\u003c\/h3\u003e\n          \u003cp\u003ePassez la brosse à dents de votre enfant sous un filet d'eau claire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-timeline-item\"\u003e\n        \u003cdiv class=\"cabf-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cabf-timeline-content\"\u003e\n          \u003ch3\u003eUne noisette suffit\u003c\/h3\u003e\n          \u003cp\u003eAppliquez une petite quantité de dentifrice (taille d'un petit pois) sur les poils.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-timeline-item\"\u003e\n        \u003cdiv class=\"cabf-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cabf-timeline-content\"\u003e\n          \u003ch3\u003eBrossez 2 minutes\u003c\/h3\u003e\n          \u003cp\u003eBrossez délicatement matin et soir, en insistant sur toutes les faces des dents.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-timeline-item\"\u003e\n        \u003cdiv class=\"cabf-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cabf-timeline-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez la bouche à l'eau claire pour éliminer les résidus.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cabf-tip\"\u003e\n      \u003cspan class=\"cabf-tip-icon\"\u003e👨‍👩‍👧\u003c\/span\u003e\n      \u003cp\u003ePour les plus petits, accompagnez le geste afin de garantir un brossage complet. À partir de 6 ans, votre enfant pourra utiliser un dentifrice adulte plus fortement dosé en fluor.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cabf-section\"\u003e\n    \u003ch2\u003eUn engagement éco-responsable made in France\u003c\/h2\u003e\n    \u003cdiv class=\"cabf-grid-compact\"\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué à Marseille\u003c\/h3\u003e\n        \u003cp\u003eProduction artisanale française de proximité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e🌱 COSMOS Organic\u003c\/h3\u003e\n        \u003cp\u003eCertification bio exigeante et mention Slow Cosmétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n        \u003cp\u003eFlacon en verre ambré durable et réutilisable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cabf-card\"\u003e\n        \u003ch3\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/h3\u003e\n        \u003cp\u003eNon testé sur les animaux, sans ingrédient d'origine animale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cabf-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"cabf-accordion\"\u003e\n      \u003cdetails class=\"cabf-accordion-item\"\u003e\n        \u003csummary class=\"cabf-accordion-header\"\u003e👶 À partir de quel âge utiliser ce dentifrice ?\u003c\/summary\u003e\n        \u003cdiv class=\"cabf-accordion-content mt-3\"\u003e\n          \u003cp\u003eDès 2 ans, sous surveillance d'un adulte pour garantir un brossage complet et sécurisé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cabf-accordion-item\"\u003e\n        \u003csummary class=\"cabf-accordion-header\"\u003e🛡️ Contient-il du fluor ?\u003c\/summary\u003e\n        \u003cdiv class=\"cabf-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, 1000 ppm, conformément aux recommandations pédiatriques actuelles pour les enfants de 2 à 6 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cabf-accordion-item\"\u003e\n        \u003csummary class=\"cabf-accordion-header\"\u003e🤰 Convient-il aux femmes enceintes ?\u003c\/summary\u003e\n        \u003cdiv class=\"cabf-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, sa formule courte et naturelle est parfaitement adaptée aux femmes enceintes et allaitantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cabf-disclaimer\"\u003eCe produit d'hygiène bucco-dentaire ne remplace pas un suivi régulier chez votre chirurgien-dentiste. En cas de doute, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cabf-cream: #fdf6f0;\n  --cabf-white: #ffffff;\n  --cabf-primary: #e08260;\n  --cabf-primary-dark: #b85a3a;\n  --cabf-primary-light: #fbe8dd;\n  --cabf-secondary: #f4a08a;\n  --cabf-accent: #e74c5a;\n  --cabf-text: #3a2820;\n  --cabf-text-light: #7a5f52;\n  --cabf-border: #eddcd0;\n  --cabf-shadow: 0 4px 24px rgba(184,90,58,.08);\n  --cabf-shadow-lg: 0 12px 48px rgba(184,90,58,.18);\n  --cabf-radius: 20px;\n  --cabf-radius-sm: 12px;\n}\n\n.cabf-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cabf-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cabf-text);\n}\n\n.cabf-hero {\n  position: relative;\n  background: linear-gradient(135deg, #e08260 0%, #e74c5a 50%, #b85a3a 100%);\n  border-radius: var(--cabf-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cabf-shadow-lg);\n}\n\n.cabf-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 2px), radial-gradient(circle at 70% 70%, #fff 3px, transparent 3px);\n  background-size: 60px 60px, 90px 90px;\n}\n\n.cabf-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cabf-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.cabf-subtitle {\n  color: white;\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  opacity: .95;\n}\n\n.cabf-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.6;\n  margin: 0 auto;\n  max-width: 640px;\n  opacity: .92;\n}\n\n.cabf-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cabf-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cabf-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cabf-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cabf-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cabf-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cabf-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.cabf-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cabf-primary), var(--cabf-accent));\n  border-radius: 2px;\n}\n\n.cabf-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cabf-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 700px;\n  line-height: 1.7;\n}\n\n.cabf-section-intro strong {\n  color: var(--cabf-primary-dark);\n}\n\n.cabf-card {\n  background: var(--cabf-white);\n  border-radius: var(--cabf-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cabf-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cabf-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cabf-shadow-lg);\n  border-color: var(--cabf-primary);\n}\n\n.cabf-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cabf-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cabf-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cabf-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cabf-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cabf-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cabf-grid-compact .cabf-card {\n  padding: 1rem;\n}\n\n.cabf-grid-compact .cabf-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cabf-grid-compact .cabf-card p {\n  font-size: 12px;\n}\n\n.cabf-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cabf-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cabf-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cabf-primary), var(--cabf-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(224,130,96,.35);\n}\n\n.cabf-timeline-content {\n  flex: 1;\n  background: var(--cabf-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cabf-radius-sm);\n  box-shadow: var(--cabf-shadow);\n}\n\n.cabf-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cabf-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cabf-timeline-content p {\n  font-size: 14px;\n  color: var(--cabf-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cabf-accordion {\n  background: var(--cabf-white);\n  border-radius: var(--cabf-radius);\n  box-shadow: var(--cabf-shadow);\n  overflow: hidden;\n}\n\n.cabf-accordion-item {\n  border-bottom: 1px solid var(--cabf-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cabf-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cabf-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cabf-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cabf-accordion-header:hover {\n  background: var(--cabf-primary-light);\n}\n\n.cabf-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cabf-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cabf-primary);\n  transition: transform .2s ease;\n  margin-left: 12px;\n}\n\n.cabf-accordion-item[open] .cabf-accordion-header::after {\n  content: '−';\n}\n\n.cabf-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cabf-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cabf-accordion-content p {\n  margin: 0;\n}\n\n.cabf-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cabf-primary-light);\n  border-radius: var(--cabf-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--cabf-primary);\n}\n\n.cabf-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.cabf-tip p {\n  font-size: 14px;\n  color: var(--cabf-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cabf-disclaimer {\n  font-size: 12px;\n  color: var(--cabf-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .cabf-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .cabf-card {\n    padding: 1.125rem;\n  }\n  .cabf-section {\n    margin-bottom: 1.75rem;\n  }\n  .cabf-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cabf-radius-sm);\n  }\n  .cabf-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .cabf-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .cabf-grid-compact {\n    gap: .625rem;\n  }\n  .cabf-grid-compact .cabf-card {\n    padding: .75rem;\n  }\n  .cabf-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .cabf-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .cabf-timeline-content h3 {\n    font-size: 14px;\n  }\n  .cabf-timeline-content p {\n    font-size: 13px;\n  }\n  .cabf-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .cabf-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cabf-card {\n    animation: cabfFadeInUp .5s ease backwards;\n  }\n  .cabf-card:nth-child(1) { animation-delay: .05s; }\n  .cabf-card:nth-child(2) { animation-delay: .1s; }\n  .cabf-card:nth-child(3) { animation-delay: .15s; }\n  .cabf-card:nth-child(4) { animation-delay: .2s; }\n  .cabf-card:nth-child(5) { animation-delay: .25s; }\n  .cabf-card:nth-child(6) { animation-delay: .3s; }\n  .cabf-card:nth-child(7) { animation-delay: .35s; }\n  .cabf-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes cabfFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cabf-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330413740409,"sku":"NBAICAV0125","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-enfant-a-largile-blanche-gout-fraise-90-ml-comme--packshothd.webp?v=1789834000"},{"product_id":"dentifrice-argile-blanche-menthole-90ml-comme-avant","title":"Dentifrice à l'argile blanche - Mentholé - 90 ml - Comme Avant","description":"\u003cdiv class=\"cadb-premium\"\u003e\n\n  \u003cdiv class=\"cadb-hero\"\u003e\n    \u003cdiv class=\"cadb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cadb-hero-content\"\u003e\n      \u003cdiv class=\"cadb-badges-top\"\u003e\n        \u003cspan class=\"cadb-badge\"\u003e🌿 Certifié Bio COSMOS\u003c\/span\u003e\n        \u003cspan class=\"cadb-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n        \u003cspan class=\"cadb-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"cadb-badge\"\u003e♻️ Flacon rechargeable\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cadb-hero-title\"\u003eLa fraîcheur naturelle à chaque brossage\u003c\/span\u003e\n      \u003cp class=\"cadb-subtitle\"\u003eArgile blanche \u0026amp; menthe biologique\u003c\/p\u003e\n      \u003cp class=\"cadb-description\"\u003eUn dentifrice sain, efficace et éco-responsable, formulé avec moins de 10 ingrédients d'origine naturelle. La douceur de l'argile blanche rencontre la fraîcheur des huiles essentielles bio de menthe pour un sourire éclatant, jour après jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cadb-section\"\u003e\n    \u003ch2\u003eDentifrice naturel à l'argile blanche mentholé : la fraîcheur au quotidien\u003c\/h2\u003e\n    \u003cp class=\"cadb-section-intro\"\u003eVous cherchez un dentifrice naturel efficace, sain et respectueux de votre bouche comme de la planète ? Le dentifrice à l'argile blanche mentholé Comme Avant coche toutes les cases.\u003c\/p\u003e\n    \u003cp class=\"cadb-section-intro\"\u003eFabriqué artisanalement près de Marseille, il associe la douceur de l'argile blanche à la fraîcheur de l'huile essentielle de menthe pour un brossage agréable et efficace, jour après jour. Présenté dans un flacon pompe en verre rechargeable de 90 ml, il représente une véritable alternative aux dentifrices industriels en tube plastique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cadb-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce dentifrice à la menthe ?\u003c\/h2\u003e\n    \u003cdiv class=\"cadb-grid\"\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🌿 Certifié bio COSMOS\u003c\/h3\u003e\n        \u003cp\u003eSans colorant, sans conservateur de synthèse et sans sulfates. Une formule propre validée par le référentiel bio le plus exigeant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🦷 Avec fluor 1450 ppm\u003c\/h3\u003e\n        \u003cp\u003eConforme aux recommandations des chirurgiens-dentistes pour une prévention efficace des caries au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e❄️ Goût frais et doux\u003c\/h3\u003e\n        \u003cp\u003eUne fraîcheur naturelle grâce aux huiles essentielles biologiques de menthe poivrée et menthe verte.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/h3\u003e\n        \u003cp\u003eFormule 100% vegan et non testée sur les animaux. Un choix éthique du sol au sourire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduit artisanalement près de Marseille, dans un flacon en verre entièrement recyclable et rechargeable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e💧 Version sans menthe\u003c\/h3\u003e\n        \u003cp\u003eLa gamme propose aussi un dentifrice sans menthe, idéal pour les personnes sensibles ou homéopathes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cadb-section\"\u003e\n    \u003ch2\u003eComposition complète et ingrédients\u003c\/h2\u003e\n    \u003cp class=\"cadb-section-intro\"\u003eLa liste INCI est volontairement courte et lisible : moins de 10 ingrédients, tous d'origine naturelle.\u003c\/p\u003e\n    \u003cdiv class=\"cadb-grid\"\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e💧 Glycérine végétale bio\u003c\/h3\u003e\n        \u003cp\u003eApporte onctuosité et hydratation à la texture du dentifrice.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🤍 Kaolin (argile blanche)\u003c\/h3\u003e\n        \u003cp\u003eNettoie en douceur, absorbe les impuretés et respecte l'émail dentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e✨ Carbonate de calcium\u003c\/h3\u003e\n        \u003cp\u003eAbrasif doux qui polit délicatement les dents sans les abîmer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🌱 Gommes végétales\u003c\/h3\u003e\n        \u003cp\u003eEau, gomme xanthane et gomme de cellulose pour une texture fluide et homogène.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🌿 Huiles essentielles bio\u003c\/h3\u003e\n        \u003cp\u003eMenthe poivrée et menthe verte pour une fraîcheur naturelle et une haleine purifiée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🛡️ Fluorure de sodium\u003c\/h3\u003e\n        \u003cp\u003e1450 ppm : la protection anti-caries reconnue par les professionnels dentaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cadb-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"cadb-timeline\"\u003e\n      \u003cdiv class=\"cadb-timeline-item\"\u003e\n        \u003cdiv class=\"cadb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cadb-timeline-content\"\u003e\n          \u003ch3\u003eDéposez une noisette\u003c\/h3\u003e\n          \u003cp\u003eAppuyez une fois sur la pompe pour déposer une noisette de dentifrice sur votre brosse à dents, manuelle ou électrique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-timeline-item\"\u003e\n        \u003cdiv class=\"cadb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cadb-timeline-content\"\u003e\n          \u003ch3\u003eBrossez 2 à 3 minutes\u003c\/h3\u003e\n          \u003cp\u003eBrossez vos dents pendant 2 à 3 minutes, 2 à 3 fois par jour, en effectuant des mouvements doux et circulaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-timeline-item\"\u003e\n        \u003cdiv class=\"cadb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cadb-timeline-content\"\u003e\n          \u003ch3\u003eRincez soigneusement\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau claire. Convient aux adultes et aux enfants à partir de 6 ans, sous surveillance.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cadb-tip\"\u003e\n      \u003cspan class=\"cadb-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eLe flacon de 90 ml équivaut à environ deux tubes classiques : un excellent rapport qualité-prix pour un dentifrice naturel du quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cadb-section\"\u003e\n    \u003ch2\u003eUn geste éco-responsable au quotidien\u003c\/h2\u003e\n    \u003cp class=\"cadb-section-intro\"\u003eContrairement aux tubes plastiques difficiles à recycler, ce dentifrice menthe en flacon de verre se rince, se recharge et se réutilise.\u003c\/p\u003e\n    \u003cdiv class=\"cadb-grid-compact\"\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n        \u003cp\u003eFlacon en verre rechargeable qui remplace des dizaines de tubes plastiques jetables.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🌍 Impact réduit\u003c\/h3\u003e\n        \u003cp\u003eVous réduisez vos déchets salle de bain sans compromis sur l'efficacité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🧪 Formule propre\u003c\/h3\u003e\n        \u003cp\u003eUne alternative bien plus saine et écologique que les recettes maison parfois trop abrasives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e💚 Cercle vertueux\u003c\/h3\u003e\n        \u003cp\u003eRechargez, réutilisez, recyclez : un geste simple pour la planète à chaque brossage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cadb-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"cadb-accordion\"\u003e\n      \u003cdetails class=\"cadb-accordion-item\"\u003e\n        \u003csummary class=\"cadb-accordion-header\"\u003e⚠️ Femmes enceintes et allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"cadb-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe dentifrice est déconseillé aux femmes enceintes et allaitantes en raison de la présence d'huiles essentielles de menthe.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cadb-accordion-item\"\u003e\n        \u003csummary class=\"cadb-accordion-header\"\u003e👶 Usage chez les enfants\u003c\/summary\u003e\n        \u003cdiv class=\"cadb-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants de moins de 6 ans. À partir de 6 ans, utilisation possible sous surveillance d'un adulte. Ne pas avaler.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cadb-accordion-item\"\u003e\n        \u003csummary class=\"cadb-accordion-header\"\u003e🩺 Suivi professionnel\u003c\/summary\u003e\n        \u003cdiv class=\"cadb-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de doute sur vos besoins en fluor ou de problème bucco-dentaire, demandez conseil à votre dentiste. Ce produit cosmétique ne remplace pas un suivi médical ou dentaire professionnel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cadb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"cadb-accordion\"\u003e\n      \u003cdetails class=\"cadb-accordion-item\"\u003e\n        \u003csummary class=\"cadb-accordion-header\"\u003e🪥 Peut-on l'utiliser avec une brosse à dents électrique ?\u003c\/summary\u003e\n        \u003cdiv class=\"cadb-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, sa texture fluide est parfaitement compatible avec tous les types de brosses, manuelles comme électriques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cadb-accordion-item\"\u003e\n        \u003csummary class=\"cadb-accordion-header\"\u003e⏳ Combien de temps dure un flacon ?\u003c\/summary\u003e\n        \u003cdiv class=\"cadb-accordion-content mt-3\"\u003e\n          \u003cp\u003eEnviron 2 à 3 mois pour un usage quotidien en famille. Un flacon de 90 ml équivaut à environ deux tubes de dentifrice classique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cadb-accordion-item\"\u003e\n        \u003csummary class=\"cadb-accordion-header\"\u003e🐕 Existe-t-il un dentifrice naturel pour chien ?\u003c\/summary\u003e\n        \u003cdiv class=\"cadb-accordion-content mt-3\"\u003e\n          \u003cp\u003eNon, ce produit est exclusivement destiné aux humains. Pour vos animaux, tournez-vous vers un dentifrice naturel pour chien spécifique vendu chez votre vétérinaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cadb-cream: #faf6ef;\n  --cadb-white: #ffffff;\n  --cadb-primary: #8fb340;\n  --cadb-primary-dark: #5a7a20;\n  --cadb-primary-light: #eaf3d4;\n  --cadb-secondary: #c47a5a;\n  --cadb-accent: #6b8e23;\n  --cadb-text: #2a2a1f;\n  --cadb-text-light: #5a5a4d;\n  --cadb-border: #e5e0d3;\n  --cadb-shadow: 0 4px 24px rgba(90,122,32,.08);\n  --cadb-shadow-lg: 0 12px 48px rgba(90,122,32,.15);\n  --cadb-radius: 20px;\n  --cadb-radius-sm: 12px;\n}\n\n.cadb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cadb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cadb-text);\n}\n\n.cadb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #a5c455 0%, #8fb340 50%, #6b8e23 100%);\n  border-radius: var(--cadb-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cadb-shadow-lg);\n}\n\n.cadb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n  opacity: .15;\n}\n\n.cadb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cadb-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.cadb-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: -.01em;\n}\n\n.cadb-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.cadb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.75rem;\n}\n\n.cadb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cadb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cadb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cadb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cadb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cadb-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.cadb-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cadb-primary), var(--cadb-secondary));\n  border-radius: 2px;\n}\n\n.cadb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cadb-text-light);\n  margin: 0 auto 1rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.cadb-card {\n  background: var(--cadb-white);\n  border-radius: var(--cadb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cadb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cadb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cadb-shadow-lg);\n  border-color: var(--cadb-primary);\n}\n\n.cadb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cadb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cadb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cadb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cadb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cadb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cadb-grid-compact .cadb-card {\n  padding: 1rem;\n}\n\n.cadb-grid-compact .cadb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cadb-grid-compact .cadb-card p {\n  font-size: 12px;\n}\n\n.cadb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 780px;\n  margin: 0 auto;\n}\n\n.cadb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cadb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cadb-primary), var(--cadb-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(90,122,32,.25);\n}\n\n.cadb-timeline-content {\n  flex: 1;\n  background: var(--cadb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cadb-radius-sm);\n  box-shadow: var(--cadb-shadow);\n}\n\n.cadb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cadb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cadb-timeline-content p {\n  font-size: 14px;\n  color: var(--cadb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cadb-accordion {\n  background: var(--cadb-white);\n  border-radius: var(--cadb-radius);\n  box-shadow: var(--cadb-shadow);\n  overflow: hidden;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.cadb-accordion-item {\n  border-bottom: 1px solid var(--cadb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cadb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cadb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cadb-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cadb-accordion-header:hover {\n  background: var(--cadb-primary-light);\n}\n\n.cadb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cadb-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cadb-primary);\n  transition: transform .2s ease;\n  margin-left: 12px;\n}\n\n.cadb-accordion-item[open] .cadb-accordion-header::after {\n  content: '−';\n}\n\n.cadb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cadb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cadb-accordion-content p {\n  margin: 0;\n}\n\n.cadb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cadb-primary-light);\n  border-radius: var(--cadb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin: 1.25rem auto 0;\n  max-width: 780px;\n  border-left: 4px solid var(--cadb-primary);\n}\n\n.cadb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cadb-tip p {\n  font-size: 14px;\n  color: var(--cadb-text);\n  margin: 0;\n  line-height: 1.6;\n  font-weight: 500;\n}\n\n@media (max-width: 767px) {\n  .cadb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .cadb-card {\n    padding: 1.125rem;\n  }\n  .cadb-section {\n    margin-bottom: 1.75rem;\n  }\n  .cadb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cadb-radius-sm);\n  }\n  .cadb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .cadb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .cadb-grid-compact {\n    gap: .625rem;\n  }\n  .cadb-grid-compact .cadb-card {\n    padding: .75rem;\n  }\n  .cadb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .cadb-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .cadb-timeline-content h3 {\n    font-size: 14px;\n  }\n  .cadb-timeline-content p {\n    font-size: 13px;\n  }\n  .cadb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .cadb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cadb-card {\n    animation: cadbFadeInUp .5s ease backwards;\n  }\n  .cadb-card:nth-child(1) { animation-delay: .05s; }\n  .cadb-card:nth-child(2) { animation-delay: .1s; }\n  .cadb-card:nth-child(3) { animation-delay: .15s; }\n  .cadb-card:nth-child(4) { animation-delay: .2s; }\n  .cadb-card:nth-child(5) { animation-delay: .25s; }\n  .cadb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cadbFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cadb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330413871481,"sku":"NBAICAV0126","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-a-largile-blanche-menthole-90-ml-comme-avant-packshothd.webp?v=1789835046"},{"product_id":"dentifrice-argile-blanche-sans-parfum-sans-fluor-comme-avant","title":"Dentifrice à l'argile blanche - Sans parfum \u0026 sans fluor - 90 ml - Comme Avant","description":"\u003cdiv class=\"cad-premium\"\u003e\n\n  \u003cdiv class=\"cad-hero\"\u003e\n    \u003cdiv class=\"cad-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cad-hero-content\"\u003e\n      \u003cdiv class=\"cad-badges-top\"\u003e\n        \u003cspan class=\"cad-badge\"\u003e🌿 Bio Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"cad-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cad-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"cad-badge\"\u003e🚫 Sans fluor\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"cad-subtitle\"\u003eSans parfum \u0026amp; sans fluor — 90 ml\u003c\/p\u003e\n      \u003cp class=\"cad-description\"\u003eLa douceur d'un soin bucco-dentaire 100 % naturel, formulé près de Marseille pour toute la famille. Moins de 10 ingrédients, un flacon en verre rechargeable et une efficacité prouvée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cad-section\"\u003e\n    \u003ch2\u003eDentifrice à l'argile blanche sans parfum : la douceur au naturel\u003c\/h2\u003e\n    \u003cp class=\"cad-section-intro\"\u003eVous cherchez un \u003cstrong\u003edentifrice naturel\u003c\/strong\u003e efficace, sans compromis sur la santé bucco-dentaire ni sur l'environnement ? Le \u003cstrong\u003edentifrice à l'argile blanche sans parfum et sans fluor\u003c\/strong\u003e de Comme Avant a été pensé pour les bouches sensibles, les amateurs de cosmétiques bio et toute la famille en quête de simplicité.\u003c\/p\u003e\n    \u003cp class=\"cad-section-intro\"\u003eFabriqué en France près de Marseille, certifié \u003cstrong\u003eBIO Cosmos Organic\u003c\/strong\u003e et vegan, il offre un nettoyage doux et une sensation de fraîcheur sans aucun arôme ajouté.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cad-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un dentifrice sans fluor ?\u003c\/h2\u003e\n    \u003cp class=\"cad-section-intro\"\u003eLa question du \u003cstrong\u003edentifrice avec ou sans fluor\u003c\/strong\u003e revient souvent. Si le fluor est largement utilisé en pharmacie, certaines personnes préfèrent l'éviter, notamment chez les jeunes enfants ou en cas de surdosage involontaire.\u003c\/p\u003e\n    \u003cdiv class=\"cad-tip\"\u003e\n      \u003cspan class=\"cad-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCe \u003cstrong\u003edentifrice sans fluor pour adulte\u003c\/strong\u003e mise sur le pouvoir de l'argile blanche (kaolin), une argile minérale réputée pour absorber les impuretés et polir l'émail tout en douceur. Une alternative idéale à la \u003cstrong\u003eliste des dentifrices sans fluor\u003c\/strong\u003e souvent recommandés par les naturopathes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cad-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'argile blanche pour vos dents\u003c\/h2\u003e\n    \u003cdiv class=\"cad-grid\"\u003e\n      \u003cdiv class=\"cad-card\"\u003e\n        \u003ch3\u003e✨ Nettoyage en douceur\u003c\/h3\u003e\n        \u003cp\u003eÉlimine la plaque dentaire sans rayer l'émail, pour des dents propres et préservées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cad-card\"\u003e\n        \u003ch3\u003e🦷 Reminéralisation\u003c\/h3\u003e\n        \u003cp\u003eRiche en minéraux naturels (silice, calcium) qui renforcent l'émail au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cad-card\"\u003e\n        \u003ch3\u003e🌸 Apaisement\u003c\/h3\u003e\n        \u003cp\u003eConvient parfaitement aux gencives sensibles et fragiles grâce à sa formule ultra douce.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cad-card\"\u003e\n        \u003ch3\u003e🍃 Goût neutre\u003c\/h3\u003e\n        \u003cp\u003eVersion sans parfum, parfaite si vous n'aimez pas la menthe ou suivez un traitement homéopathique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cad-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"cad-grid\"\u003e\n      \u003cdiv class=\"cad-card\"\u003e\n        \u003ch3\u003e💧 Glycerin*\u003c\/h3\u003e\n        \u003cp\u003eHumectant végétal, conserve l'humidité de la pâte.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cad-card\"\u003e\n        \u003ch3\u003e✨ Calcium Carbonate\u003c\/h3\u003e\n        \u003cp\u003eAgent polissant doux pour des dents éclatantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cad-card\"\u003e\n        \u003ch3\u003e💦 Aqua\u003c\/h3\u003e\n        \u003cp\u003eEau purifiée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cad-card\"\u003e\n        \u003ch3\u003e🌽 Zea Mays Starch*\u003c\/h3\u003e\n        \u003cp\u003eAmidon de maïs pour une texture onctueuse et agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cad-card\"\u003e\n        \u003ch3\u003e🤍 Kaolin\u003c\/h3\u003e\n        \u003cp\u003eArgile blanche purifiante et reminéralisante, l'ingrédient star.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cad-card\"\u003e\n        \u003ch3\u003e🥥 Coco-Glucoside\u003c\/h3\u003e\n        \u003cp\u003eTensioactif doux d'origine végétale pour une mousse légère.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cad-card\"\u003e\n        \u003ch3\u003e🌿 Xanthan Gum\u003c\/h3\u003e\n        \u003cp\u003eGomme naturelle stabilisante issue de la fermentation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cad-card\"\u003e\n        \u003ch3\u003e🛡️ Sodium Benzoate, Potassium Sorbate\u003c\/h3\u003e\n        \u003cp\u003eConservateurs autorisés en cosmétique bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cad-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. 99 % du total des ingrédients sont d'origine naturelle.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cad-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"cad-timeline\"\u003e\n      \u003cdiv class=\"cad-timeline-item\"\u003e\n        \u003cdiv class=\"cad-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cad-timeline-content\"\u003e\n          \u003ch3\u003eSecouez le flacon\u003c\/h3\u003e\n          \u003cp\u003eAvant chaque utilisation, agitez bien le flacon pour homogénéiser la pâte.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cad-timeline-item\"\u003e\n        \u003cdiv class=\"cad-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cad-timeline-content\"\u003e\n          \u003ch3\u003eDosez avec précision\u003c\/h3\u003e\n          \u003cp\u003eHumidifiez votre brosse à dents et déposez une noisette de pâte (une pression de pompe).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cad-timeline-item\"\u003e\n        \u003cdiv class=\"cad-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cad-timeline-content\"\u003e\n          \u003ch3\u003eBrossez 2 minutes\u003c\/h3\u003e\n          \u003cp\u003eMatin et soir, effectuez des mouvements doux du haut vers le bas, puis rincez abondamment.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cad-tip\"\u003e\n      \u003cspan class=\"cad-tip-icon\"\u003e♻️\u003c\/span\u003e\n      \u003cp\u003eLe flacon de 90 ml équivaut à environ \u003cstrong\u003edeux tubes classiques\u003c\/strong\u003e : un vrai geste éco-responsable au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cad-section\"\u003e\n    \u003ch2\u003ePour qui ?\u003c\/h2\u003e\n    \u003cp class=\"cad-section-intro\"\u003eCe \u003cstrong\u003emeilleur dentifrice naturel\u003c\/strong\u003e convient à toute la famille : adultes, femmes enceintes ou allaitantes, et enfants dès 3 ans sous la supervision d'un adulte.\u003c\/p\u003e\n    \u003cdiv class=\"cad-grid-compact\"\u003e\n      \u003cdiv class=\"cad-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eAdultes et enfants dès 3 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cad-card\"\u003e\n        \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n        \u003cp\u003eFormule douce et sans fluor.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cad-card\"\u003e\n        \u003ch3\u003e👶 Jeunes enfants\u003c\/h3\u003e\n        \u003cp\u003eDemandez l'avis de votre dentiste pour un dentifrice sans fluor bébé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cad-card\"\u003e\n        \u003ch3\u003e🐕 Pas pour les animaux\u003c\/h3\u003e\n        \u003cp\u003eNon adapté comme dentifrice naturel pour chien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cad-section\"\u003e\n    \u003ch2\u003ePrécautions\u003c\/h2\u003e\n    \u003cdiv class=\"cad-tip\"\u003e\n      \u003cspan class=\"cad-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003eRéservé à un usage externe bucco-dentaire. Évitez l'ingestion en grande quantité. En cas de réaction inhabituelle, suspendez l'utilisation. Ce produit ne remplace pas un suivi dentaire ni un traitement médical. Consultez votre chirurgien-dentiste régulièrement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cad-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"cad-accordion\"\u003e\n      \u003cdetails class=\"cad-accordion-item\"\u003e\n        \u003csummary class=\"cad-accordion-header\"\u003e🫧 Le dentifrice mousse-t-il ?\u003c\/summary\u003e\n        \u003cdiv class=\"cad-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, légèrement, grâce au coco-glucoside, un tensioactif doux d'origine végétale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cad-accordion-item\"\u003e\n        \u003csummary class=\"cad-accordion-header\"\u003e💧 Pourquoi un format pompe ?\u003c\/summary\u003e\n        \u003cdiv class=\"cad-accordion-content mt-3\"\u003e\n          \u003cp\u003ePour un dosage précis, plus hygiénique qu'un tube partagé en famille.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cad-accordion-item\"\u003e\n        \u003csummary class=\"cad-accordion-header\"\u003e♻️ Le flacon est-il réutilisable ?\u003c\/summary\u003e\n        \u003cdiv class=\"cad-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, le flacon en verre ambré peut être rincé et réutilisé pour vos préparations maison.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cad-accordion-item\"\u003e\n        \u003csummary class=\"cad-accordion-header\"\u003e🦷 Convient-il aux dents sensibles ?\u003c\/summary\u003e\n        \u003cdiv class=\"cad-accordion-content mt-3\"\u003e\n          \u003cp\u003eSa formule douce sans abrasifs agressifs respecte les gencives et l'émail fragilisé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cad-cream: #faf5ed;\n  --cad-white: #ffffff;\n  --cad-primary: #c97b6a;\n  --cad-primary-dark: #9c5446;\n  --cad-primary-light: #f5e6df;\n  --cad-secondary: #d4a574;\n  --cad-accent: #8b6f47;\n  --cad-text: #1a1a1a;\n  --cad-text-light: #5a5a5a;\n  --cad-border: #e8dcd0;\n  --cad-shadow: 0 4px 24px rgba(156, 84, 70, .08);\n  --cad-shadow-lg: 0 12px 48px rgba(156, 84, 70, .15);\n  --cad-radius: 20px;\n  --cad-radius-sm: 12px;\n}\n\n.cad-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cad-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cad-text);\n  line-height: 1.6;\n}\n\n.cad-hero {\n  position: relative;\n  background: linear-gradient(135deg, #c97b6a 0%, #d4a574 50%, #e8c4a8 100%);\n  border-radius: var(--cad-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cad-shadow-lg);\n}\n\n.cad-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n  opacity: .15;\n}\n\n.cad-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cad-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.cad-subtitle {\n  color: white;\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  opacity: .95;\n}\n\n.cad-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 720px;\n  margin: 0 auto;\n  opacity: .95;\n}\n\n.cad-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cad-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cad-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cad-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cad-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cad-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cad-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.cad-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cad-primary), var(--cad-secondary));\n  border-radius: 2px;\n}\n\n.cad-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cad-text-light);\n  margin: 0 auto 1.25rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.cad-section-intro strong {\n  color: var(--cad-primary-dark);\n}\n\n.cad-card {\n  background: var(--cad-white);\n  border-radius: var(--cad-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cad-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cad-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cad-shadow-lg);\n  border-color: var(--cad-primary);\n}\n\n.cad-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cad-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cad-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cad-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cad-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cad-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cad-grid-compact .cad-card {\n  padding: 1rem;\n}\n\n.cad-grid-compact .cad-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cad-grid-compact .cad-card p {\n  font-size: 12px;\n}\n\n.cad-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.cad-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cad-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cad-primary), var(--cad-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(201, 123, 106, .3);\n}\n\n.cad-timeline-content {\n  flex: 1;\n  background: var(--cad-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cad-radius-sm);\n  box-shadow: var(--cad-shadow);\n}\n\n.cad-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cad-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cad-timeline-content p {\n  font-size: 14px;\n  color: var(--cad-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cad-accordion {\n  background: var(--cad-white);\n  border-radius: var(--cad-radius);\n  box-shadow: var(--cad-shadow);\n  overflow: hidden;\n}\n\n.cad-accordion-item {\n  border-bottom: 1px solid var(--cad-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cad-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cad-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cad-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cad-accordion-header:hover {\n  background: var(--cad-primary-light);\n}\n\n.cad-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cad-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cad-primary);\n  transition: transform .2s ease;\n  margin-left: 1rem;\n}\n\n.cad-accordion-item[open] .cad-accordion-header::after {\n  content: '−';\n}\n\n.cad-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cad-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cad-accordion-content p {\n  margin: 0;\n}\n\n.cad-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cad-primary-light);\n  border-radius: var(--cad-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  max-width: 800px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.cad-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cad-tip p {\n  font-size: 14px;\n  color: var(--cad-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cad-tip p strong {\n  color: var(--cad-primary-dark);\n}\n\n.cad-disclaimer {\n  font-size: 12px;\n  color: var(--cad-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .cad-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .cad-card {\n    padding: 1.125rem;\n  }\n  .cad-section {\n    margin-bottom: 1.75rem;\n  }\n  .cad-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cad-radius-sm);\n  }\n  .cad-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .cad-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .cad-grid-compact {\n    gap: .625rem;\n  }\n  .cad-grid-compact .cad-card {\n    padding: .75rem;\n  }\n  .cad-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .cad-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .cad-timeline-content h3 {\n    font-size: 14px;\n  }\n  .cad-timeline-content p {\n    font-size: 13px;\n  }\n  .cad-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .cad-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cad-card {\n    animation: cadFadeInUp .5s ease backwards;\n  }\n  .cad-card:nth-child(1) { animation-delay: .05s; }\n  .cad-card:nth-child(2) { animation-delay: .1s; }\n  .cad-card:nth-child(3) { animation-delay: .15s; }\n  .cad-card:nth-child(4) { animation-delay: .2s; }\n  .cad-card:nth-child(5) { animation-delay: .25s; }\n  .cad-card:nth-child(6) { animation-delay: .3s; }\n  .cad-card:nth-child(7) { animation-delay: .35s; }\n  .cad-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes cadFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cad-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330413937017,"sku":"NBAICAV0127","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-argile-blanche-sans-parfum-sans-fluor-180ml-comme-avant.jpg?v=1759413251"},{"product_id":"dentifrice-argile-blanche-charbon-citron-90ml-comme-avant","title":"Dentifrice à l'argile blanche - Charbon \u0026 Citron - 90 ml - Comme Avant","description":"\u003cdiv class=\"cadb-premium\"\u003e\n  \u003cdiv class=\"cadb-hero\"\u003e\n    \u003cdiv class=\"cadb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cadb-hero-content\"\u003e\n      \u003cdiv class=\"cadb-badges-top\"\u003e\n        \u003cspan class=\"cadb-badge\"\u003e🌿 Certifié Bio Cosmos\u003c\/span\u003e\n        \u003cspan class=\"cadb-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n        \u003cspan class=\"cadb-badge\"\u003e♻️ Flacon rechargeable\u003c\/span\u003e\n        \u003cspan class=\"cadb-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cadb-hero-title\"\u003eArgile blanche · Charbon actif · Citron bio\u003c\/span\u003e\n      \u003cp class=\"cadb-description\"\u003eUne formule minimaliste de moins de 10 ingrédients d'origine 100 % naturelle, pour prendre soin de vos dents et de la planète.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cadb-section\"\u003e\n    \u003ch2\u003eLa fraîcheur naturelle au quotidien\u003c\/h2\u003e\n    \u003cp class=\"cadb-section-intro\"\u003eVous cherchez un \u003cstrong\u003edentifrice à l'argile blanche\u003c\/strong\u003e efficace, sain et respectueux de votre bouche ? Le dentifrice \u003cstrong\u003eCharbon \u0026amp; Citron\u003c\/strong\u003e de Comme Avant associe la douceur de l'\u003cstrong\u003eargile blanche\u003c\/strong\u003e, le pouvoir purifiant du \u003cstrong\u003echarbon actif\u003c\/strong\u003e et la fraîcheur du \u003cstrong\u003ecitron bio\u003c\/strong\u003e. Une formule minimaliste, certifiée Cosmos Organic, fabriquée près de Marseille pour prendre soin de vos dents et de votre planète.\u003c\/p\u003e\n    \u003cdiv class=\"cadb-grid-compact\"\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🌿 Goût doux\u003c\/h3\u003e\n        \u003cp\u003eFrais et agréable, sans arôme synthétique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🦷 Nettoyage doux\u003c\/h3\u003e\n        \u003cp\u003eRespecte l'émail et les gencives sensibles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e✨ Éclat naturel\u003c\/h3\u003e\n        \u003cp\u003eAide à atténuer les taches de surface\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n        \u003cp\u003eVerre ambré rechargeable, zéro déchet\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cadb-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un dentifrice à l'argile blanche ?\u003c\/h2\u003e\n    \u003cp\u003eL'\u003cstrong\u003eargile blanche pour dentifrice\u003c\/strong\u003e, aussi appelée kaolin, est reconnue depuis des siècles pour ses vertus reminéralisantes. Riche en silice et en minéraux, elle nettoie l'émail en douceur, sans le rayer, et aide à neutraliser les bactéries responsables de la mauvaise haleine. Contrairement à un \u003cstrong\u003edentifrice à l'argile verte\u003c\/strong\u003e, plus abrasif et au goût marqué, l'\u003cstrong\u003eargile blanche dentifrice\u003c\/strong\u003e est idéale pour un usage quotidien, y compris sur les gencives sensibles.\u003c\/p\u003e\n    \u003cp\u003eCouplée au \u003cstrong\u003echarbon végétal actif\u003c\/strong\u003e, cette formule aide à atténuer les taches de surface laissées par le café, le thé ou le vin, pour un sourire plus lumineux jour après jour. Le citron, lui, apporte une note vive et tonifiante, bien plus agréable que les arômes synthétiques.\u003c\/p\u003e\n    \u003cdiv class=\"cadb-tip\"\u003e\n      \u003cspan class=\"cadb-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eL'argile blanche \u003cstrong\u003ereminéralise\u003c\/strong\u003e l'émail, le charbon \u003cstrong\u003eéclaircit\u003c\/strong\u003e naturellement et le citron \u003cstrong\u003erafraîchit\u003c\/strong\u003e : le trio parfait pour un sourire éclatant.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cadb-section\"\u003e\n    \u003ch2\u003eComposition : moins de 10 ingrédients, 100 % d'origine naturelle\u003c\/h2\u003e\n    \u003cdiv class=\"cadb-grid\"\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n        \u003cp\u003eApporte une texture onctueuse et agréable en bouche\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🦴 Carbonate de calcium\u003c\/h3\u003e\n        \u003cp\u003eAbrasif doux qui contribue à reminéraliser l'émail\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🤍 Argile blanche (kaolin)\u003c\/h3\u003e\n        \u003cp\u003eNettoie et assainit sans agresser les gencives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e⚫ Charbon végétal actif\u003c\/h3\u003e\n        \u003cp\u003ePurifie et aide à éclaircir les dents naturellement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🍋 Huile essentielle de citron bio\u003c\/h3\u003e\n        \u003cp\u003eApporte fraîcheur, tonicité et une note vive\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🛡️ Fluorure de sodium (1450 ppm)\u003c\/h3\u003e\n        \u003cp\u003eRenforce l'émail et prévient efficacement les caries\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🧂 Eau, gomme xanthane, sel\u003c\/h3\u003e\n        \u003cp\u003eUne base minimaliste pour une texture parfaite\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cadb-tip\"\u003e\n      \u003cspan class=\"cadb-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans SLS, sans dioxyde de titane, sans triclosan, sans BHA, sans parfum de synthèse.\u003c\/strong\u003e Vegan et certifié \u003cstrong\u003eBIO Cosmos Organic\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cadb-section\"\u003e\n    \u003ch2\u003eComment utiliser votre dentifrice Comme Avant ?\u003c\/h2\u003e\n    \u003cdiv class=\"cadb-timeline\"\u003e\n      \u003cdiv class=\"cadb-timeline-item\"\u003e\n        \u003cdiv class=\"cadb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cadb-timeline-content\"\u003e\n          \u003ch3\u003e💦 Humidifier\u003c\/h3\u003e\n          \u003cp\u003ePassez votre brosse à dents sous un filet d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-timeline-item\"\u003e\n        \u003cdiv class=\"cadb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cadb-timeline-content\"\u003e\n          \u003ch3\u003e🫧 Doser\u003c\/h3\u003e\n          \u003cp\u003eUne à deux pressions de pompe suffisent. Déposez une petite noisette de pâte sur la brosse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-timeline-item\"\u003e\n        \u003cdiv class=\"cadb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cadb-timeline-content\"\u003e\n          \u003ch3\u003e🪥 Brosser\u003c\/h3\u003e\n          \u003cp\u003eBrossez pendant 2 minutes en effectuant de petits mouvements circulaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-timeline-item\"\u003e\n        \u003cdiv class=\"cadb-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cadb-timeline-content\"\u003e\n          \u003ch3\u003e💧 Rincer\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment. À utiliser matin et soir pour une hygiène optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cadb-tip\"\u003e\n      \u003cspan class=\"cadb-tip-icon\"\u003e👨‍👩‍👧\u003c\/span\u003e\n      \u003cp\u003eAdapté aux adultes et aux enfants à partir de 6 ans, sous la surveillance d'un adulte.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cadb-section\"\u003e\n    \u003ch2\u003eUn flacon rechargeable, pensé pour durer\u003c\/h2\u003e\n    \u003cp\u003eFini les tubes en plastique jetables ! Ce \u003cstrong\u003edentifrice argile blanche\u003c\/strong\u003e de 90 ml est conditionné dans un flacon en verre ambré avec pompe doseuse. Vous le rechargez ensuite grâce aux écorecharges Comme Avant. Un geste simple pour réduire vos déchets tout en bénéficiant d'un dosage précis et économique. Bien plus engagé qu'un \u003cstrong\u003edentifrice argile Cattier\u003c\/strong\u003e classique en tube.\u003c\/p\u003e\n    \u003cdiv class=\"cadb-grid-compact\"\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🫙 Verre ambré\u003c\/h3\u003e\n        \u003cp\u003eRésistant et réutilisable à l'infini\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e⚖️ Dosage précis\u003c\/h3\u003e\n        \u003cp\u003eÉconomique grâce à la pompe doseuse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🔄 Écorecharges\u003c\/h3\u003e\n        \u003cp\u003eRechargez au lieu de racheter\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🗑️ Zéro plastique\u003c\/h3\u003e\n        \u003cp\u003eAdieu tubes jetables et déchets inutiles\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cadb-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"cadb-accordion\"\u003e\n      \u003cdetails class=\"cadb-accordion-item\"\u003e\n        \u003csummary class=\"cadb-accordion-header\"\u003e🤰 Femmes enceintes \u0026amp; allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"cadb-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes en raison de la présence d'huile essentielle de citron.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cadb-accordion-item\"\u003e\n        \u003csummary class=\"cadb-accordion-header\"\u003e⚠️ Utilisation\u003c\/summary\u003e\n        \u003cdiv class=\"cadb-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas avaler. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cadb-accordion-item\"\u003e\n        \u003csummary class=\"cadb-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"cadb-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit cosmétique ne remplace en aucun cas une consultation chez votre dentiste ni un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cadb-cream: #faf6ef;\n  --cadb-white: #ffffff;\n  --cadb-primary: #c97b5a;\n  --cadb-primary-dark: #8f4d33;\n  --cadb-primary-light: #f5e7dd;\n  --cadb-secondary: #d4a574;\n  --cadb-accent: #e8c78a;\n  --cadb-text: #2a1f18;\n  --cadb-text-light: #6b5b4f;\n  --cadb-border: #e8ddd0;\n  --cadb-shadow: 0 4px 24px rgba(143,77,51,.08);\n  --cadb-shadow-lg: 0 12px 48px rgba(143,77,51,.15);\n  --cadb-radius: 20px;\n  --cadb-radius-sm: 12px;\n}\n\n.cadb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cadb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cadb-text);\n  line-height: 1.6;\n}\n\n.cadb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #d4a574 0%, #c97b5a 50%, #8f4d33 100%);\n  border-radius: var(--cadb-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cadb-shadow-lg);\n}\n\n.cadb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n  opacity: .4;\n}\n\n.cadb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cadb-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cadb-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.8vw, 20px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.cadb-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.3vw, 17px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.6;\n}\n\n.cadb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cadb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cadb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cadb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cadb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cadb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cadb-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.cadb-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cadb-primary), var(--cadb-secondary));\n  border-radius: 2px;\n}\n\n.cadb-premium p {\n  font-size: clamp(14px, 2.3vw, 16px);\n  line-height: 1.7;\n  color: var(--cadb-text);\n  margin: 0 0 1rem 0;\n}\n\n.cadb-premium p:last-child {\n  margin-bottom: 0;\n}\n\n.cadb-premium strong {\n  color: var(--cadb-primary-dark);\n  font-weight: 700;\n}\n\n.cadb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cadb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.cadb-card {\n  background: var(--cadb-white);\n  border-radius: var(--cadb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cadb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cadb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cadb-shadow-lg);\n  border-color: var(--cadb-primary);\n}\n\n.cadb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cadb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cadb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cadb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cadb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cadb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cadb-grid-compact .cadb-card {\n  padding: 1rem;\n}\n\n.cadb-grid-compact .cadb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cadb-grid-compact .cadb-card p {\n  font-size: 12px;\n}\n\n.cadb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.cadb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cadb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cadb-primary), var(--cadb-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(201,123,90,.3);\n}\n\n.cadb-timeline-content {\n  flex: 1;\n  background: var(--cadb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cadb-radius-sm);\n  box-shadow: var(--cadb-shadow);\n}\n\n.cadb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cadb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cadb-timeline-content p {\n  font-size: 14px;\n  color: var(--cadb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cadb-accordion {\n  background: var(--cadb-white);\n  border-radius: var(--cadb-radius);\n  box-shadow: var(--cadb-shadow);\n  overflow: hidden;\n}\n\n.cadb-accordion-item {\n  border-bottom: 1px solid var(--cadb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cadb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cadb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cadb-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n  gap: 1rem;\n}\n\n.cadb-accordion-header:hover {\n  background: var(--cadb-primary-light);\n}\n\n.cadb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cadb-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cadb-primary);\n  transition: transform .2s ease;\n  flex-shrink: 0;\n}\n\n.cadb-accordion-item[open] .cadb-accordion-header::after {\n  content: '−';\n}\n\n.cadb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cadb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cadb-accordion-content p {\n  margin: 0;\n  font-size: 14px;\n}\n\n.cadb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cadb-primary-light);\n  border-radius: var(--cadb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--cadb-primary);\n}\n\n.cadb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1.2;\n}\n\n.cadb-tip p {\n  font-size: 14px;\n  color: var(--cadb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .cadb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .cadb-card { padding: 1.125rem; }\n  .cadb-section { margin-bottom: 1.75rem; }\n  .cadb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cadb-radius-sm);\n  }\n  .cadb-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n  .cadb-premium h2::after { width: 40px; height: 3px; }\n  .cadb-grid-compact { gap: .625rem; }\n  .cadb-grid-compact .cadb-card { padding: .75rem; }\n  .cadb-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n  .cadb-timeline-content { padding: .875rem 1rem; }\n  .cadb-timeline-content h3 { font-size: 14px; }\n  .cadb-timeline-content p { font-size: 13px; }\n  .cadb-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n  .cadb-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cadb-card {\n    animation: cadbFadeInUp .5s ease backwards;\n  }\n  .cadb-card:nth-child(1) { animation-delay: .05s; }\n  .cadb-card:nth-child(2) { animation-delay: .1s; }\n  .cadb-card:nth-child(3) { animation-delay: .15s; }\n  .cadb-card:nth-child(4) { animation-delay: .2s; }\n  .cadb-card:nth-child(5) { animation-delay: .25s; }\n  .cadb-card:nth-child(6) { animation-delay: .3s; }\n  .cadb-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes cadbFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cadb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330413969785,"sku":"NBAICAV0128","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-a-largile-blanche-charbon-citron-90-ml-comme-avan-packshothd.webp?v=1789927425"},{"product_id":"dentifrice-argile-blanche-coquelicot-comme-avant","title":"Dentifrice à l'argile blanche - Coquelicot - 90 ml - Comme Avant","description":"\u003cdiv class=\"cav-premium\"\u003e\n\n  \u003cdiv class=\"cav-hero\"\u003e\n    \u003cdiv class=\"cav-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cav-hero-content\"\u003e\n      \u003cdiv class=\"cav-badges-top\"\u003e\n        \u003cspan class=\"cav-badge\"\u003e🌿 Bio COSMOS\u003c\/span\u003e\n        \u003cspan class=\"cav-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e\n        \u003cspan class=\"cav-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"cav-badge\"\u003e♻️ Flacon rechargeable\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cav-hero-title\"\u003eLe sourire éclatant, tout en douceur naturelle\u003c\/span\u003e\n      \u003cp class=\"cav-subtitle\"\u003eArgile blanche \u0026amp; coquelicot — 90 ml\u003c\/p\u003e\n      \u003cp class=\"cav-description\"\u003eUn dentifrice artisanal, aux ingrédients simples et bio, pour prendre soin de vos dents et de la planète.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cav-section\"\u003e\n    \u003ch2\u003eUn dentifrice naturel à l'argile blanche pour un sourire éclatant\u003c\/h2\u003e\n    \u003cp class=\"cav-section-intro\"\u003eDécouvrez le \u003cstrong\u003edentifrice à l'argile blanche parfumé au coquelicot\u003c\/strong\u003e de Comme Avant : un soin bucco-dentaire fabriqué à la main près de Marseille, qui allie efficacité, douceur et respect de l'environnement.\u003c\/p\u003e\n    \u003cp class=\"cav-section-intro\"\u003ePensé pour toute la famille dès 6 ans, ce \u003cstrong\u003edentifrice naturel\u003c\/strong\u003e au fluor nettoie vos dents en profondeur tout en préservant l'émail et les gencives sensibles. Sa formule courte et certifiée \u003cstrong\u003ebio COSMOS Organic\u003c\/strong\u003e en fait l'un des \u003cstrong\u003emeilleurs dentifrices naturels\u003c\/strong\u003e du marché, à mille lieues des recettes industrielles bourrées d'additifs. Le flacon en verre rechargeable s'inscrit dans une démarche zéro déchet, parfaite pour une salle de bain plus responsable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cav-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'argile blanche dans un dentifrice ?\u003c\/h2\u003e\n    \u003cdiv class=\"cav-grid\"\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🏺 Une tradition millénaire\u003c\/h3\u003e\n        \u003cp\u003eL'argile blanche (kaolin) est utilisée depuis des siècles dans les recettes de grand-mère pour prendre soin de la bouche.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e✨ Riche en minéraux\u003c\/h3\u003e\n        \u003cp\u003eElle absorbe les impuretés et neutralise les bactéries responsables de la plaque dentaire, tout en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🌸 Note florale unique\u003c\/h3\u003e\n        \u003cp\u003eAssociée au coquelicot, elle procure une sensation de fraîcheur naturelle, loin du goût mentholé agressif des dentifrices classiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cav-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"cav-grid\"\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🤍 Argile blanche (Kaolin)\u003c\/h3\u003e\n        \u003cp\u003ePurifie et nettoie en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🦷 Carbonate de calcium\u003c\/h3\u003e\n        \u003cp\u003eAgent nettoyant doux, respecte les gencives sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e💧 Glycérine végétale bio\u003c\/h3\u003e\n        \u003cp\u003eHydrate et apporte une texture onctueuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🌽 Amidon de maïs bio\u003c\/h3\u003e\n        \u003cp\u003eStabilisant 100 % naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🌬️ Cristaux de menthol\u003c\/h3\u003e\n        \u003cp\u003eProcurent une haleine fraîche durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🌺 Extrait de coquelicot\u003c\/h3\u003e\n        \u003cp\u003ePour un parfum floral subtil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🛡️ Fluorure de sodium (1450 ppm)\u003c\/h3\u003e\n        \u003cp\u003ePrévient l'apparition des caries et renforce l'émail.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cav-tip\"\u003e\n      \u003cspan class=\"cav-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003e\u003cem\u003eSans colorant, sans conservateur de synthèse, sans huile essentielle, sans dioxyde de titane, sans SLS. Vegan et fabriqué en France.\u003c\/em\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cav-section\"\u003e\n    \u003ch2\u003eComment utiliser le dentifrice à l'argile blanche ?\u003c\/h2\u003e\n    \u003cdiv class=\"cav-timeline\"\u003e\n      \u003cdiv class=\"cav-timeline-item\"\u003e\n        \u003cdiv class=\"cav-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cav-timeline-content\"\u003e\n          \u003ch3\u003eHumidifiez votre brosse\u003c\/h3\u003e\n          \u003cp\u003eUtilisez une brosse à dents souple de préférence.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-timeline-item\"\u003e\n        \u003cdiv class=\"cav-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cav-timeline-content\"\u003e\n          \u003ch3\u003eDéposez une noisette\u003c\/h3\u003e\n          \u003cp\u003eUne simple noisette de dentifrice sur les poils suffit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-timeline-item\"\u003e\n        \u003cdiv class=\"cav-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cav-timeline-content\"\u003e\n          \u003ch3\u003eBrossez 2 minutes\u003c\/h3\u003e\n          \u003cp\u003eRéalisez de petits mouvements circulaires délicats sur toutes les dents.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-timeline-item\"\u003e\n        \u003cdiv class=\"cav-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cav-timeline-content\"\u003e\n          \u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n          \u003cp\u003eSoigneusement, pour retrouver une bouche fraîche et propre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-timeline-item\"\u003e\n        \u003cdiv class=\"cav-timeline-number\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"cav-timeline-content\"\u003e\n          \u003ch3\u003ePour les enfants dès 6 ans\u003c\/h3\u003e\n          \u003cp\u003eUtilisez une quantité réduite (taille d'un petit pois) sous la surveillance d'un adulte.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cav-tip\"\u003e\n      \u003cspan class=\"cav-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eImportant\u003c\/strong\u003e : ce dentifrice est destiné à un usage externe uniquement. Ne pas avaler. Il ne remplace pas un suivi dentaire régulier ni les conseils de votre dentiste.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cav-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"cav-accordion\"\u003e\n      \u003cdetails class=\"cav-accordion-item\"\u003e\n        \u003csummary class=\"cav-accordion-header\"\u003e🌸 Le dentifrice à l'argile blanche convient-il aux gencives sensibles ?\u003c\/summary\u003e\n        \u003cdiv class=\"cav-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, sa formule douce et son absence d'huiles essentielles en font un excellent choix pour les bouches sensibles, les femmes enceintes et les enfants dès 6 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cav-accordion-item\"\u003e\n        \u003csummary class=\"cav-accordion-header\"\u003e🐶 Peut-on l'utiliser sur un chien ?\u003c\/summary\u003e\n        \u003cdiv class=\"cav-accordion-content mt-3\"\u003e\n          \u003cp\u003eNon. Ce produit est exclusivement formulé pour l'humain. Pour un \u003cstrong\u003edentifrice naturel pour chien\u003c\/strong\u003e, tournez-vous vers une formule vétérinaire adaptée, sans fluor ni menthol.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cav-accordion-item\"\u003e\n        \u003csummary class=\"cav-accordion-header\"\u003e🆚 Quelle différence avec un dentifrice classique ?\u003c\/summary\u003e\n        \u003cdiv class=\"cav-accordion-content mt-3\"\u003e\n          \u003cp\u003eIci, pas de tensioactifs irritants ni d'additifs controversés : seulement des ingrédients bio, simples et reconnus pour leur efficacité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cav-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eUn engagement éthique made in Provence\u003c\/h2\u003e\n    \u003cdiv class=\"cav-cta-box\"\u003e\n      \u003cp\u003eFabriqué artisanalement en Provence, ce dentifrice incarne les valeurs de Comme Avant : \u003cstrong\u003esimplicité, transparence et réduction des déchets\u003c\/strong\u003e. Le flacon en verre ambré, recyclable et rechargeable, permet de limiter durablement votre impact environnemental tout en adoptant une routine d'hygiène bucco-dentaire saine et responsable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cav-cream: #faf4ec;\n  --cav-white: #ffffff;\n  --cav-primary: #c26a4f;\n  --cav-primary-dark: #8f4632;\n  --cav-primary-light: #f5e6dc;\n  --cav-secondary: #d4a373;\n  --cav-accent: #e8c9a0;\n  --cav-text: #2a1f1a;\n  --cav-text-light: #6b5548;\n  --cav-border: #e8dccf;\n  --cav-shadow: 0 4px 24px rgba(143, 70, 50, .08);\n  --cav-shadow-lg: 0 12px 48px rgba(143, 70, 50, .18);\n  --cav-radius: 20px;\n  --cav-radius-sm: 12px;\n}\n\n.cav-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cav-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cav-text);\n}\n\n.cav-hero {\n  position: relative;\n  background: linear-gradient(135deg, #d4a373 0%, #c26a4f 55%, #8f4632 100%);\n  border-radius: var(--cav-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cav-shadow-lg);\n}\n\n.cav-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 2px, transparent 3px),\n                    radial-gradient(circle at 70% 70%, rgba(255,255,255,.3) 2px, transparent 3px),\n                    radial-gradient(circle at 50% 20%, rgba(255,255,255,.3) 1px, transparent 2px);\n  background-size: 80px 80px, 120px 120px, 60px 60px;\n  opacity: .3;\n}\n\n.cav-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cav-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.cav-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 3vw, 19px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n  letter-spacing: .02em;\n}\n\n.cav-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.3vw, 16px);\n  line-height: 1.6;\n  margin: 0 auto;\n  max-width: 620px;\n}\n\n.cav-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cav-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cav-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cav-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cav-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cav-premium h2 {\n  font-size: clamp(22px, 5vw, 34px);\n  font-weight: 900;\n  color: var(--cav-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.cav-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cav-primary), var(--cav-secondary));\n  border-radius: 2px;\n}\n\n.cav-section-intro {\n  text-align: center;\n  font-size: clamp(14px, 2.3vw, 16px);\n  color: var(--cav-text-light);\n  margin: 0 auto 1rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.cav-section-intro strong {\n  color: var(--cav-primary-dark);\n}\n\n.cav-card {\n  background: var(--cav-white);\n  border-radius: var(--cav-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cav-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cav-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cav-shadow-lg);\n  border-color: var(--cav-primary);\n}\n\n.cav-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cav-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cav-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cav-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cav-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cav-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.cav-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cav-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cav-primary), var(--cav-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(194, 106, 79, .3);\n}\n\n.cav-timeline-content {\n  flex: 1;\n  background: var(--cav-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cav-radius-sm);\n  box-shadow: var(--cav-shadow);\n}\n\n.cav-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cav-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cav-timeline-content p {\n  font-size: 14px;\n  color: var(--cav-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cav-accordion {\n  background: var(--cav-white);\n  border-radius: var(--cav-radius);\n  box-shadow: var(--cav-shadow);\n  overflow: hidden;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.cav-accordion-item {\n  border-bottom: 1px solid var(--cav-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cav-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cav-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cav-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  gap: 1rem;\n}\n\n.cav-accordion-header:hover {\n  background: var(--cav-primary-light);\n}\n\n.cav-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cav-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cav-primary);\n  transition: transform .2s ease;\n  flex-shrink: 0;\n}\n\n.cav-accordion-item[open] .cav-accordion-header::after {\n  content: '−';\n}\n\n.cav-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cav-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cav-accordion-content p {\n  margin: 0;\n}\n\n.cav-accordion-content strong {\n  color: var(--cav-primary-dark);\n}\n\n.cav-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cav-primary-light);\n  border-radius: var(--cav-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  max-width: 820px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.cav-tip-icon {\n  font-size: 22px;\n  flex-shrink: 0;\n  line-height: 1.2;\n}\n\n.cav-tip p {\n  font-size: 14px;\n  color: var(--cav-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cav-cta-box {\n  background: linear-gradient(135deg, var(--cav-primary) 0%, var(--cav-primary-dark) 100%);\n  border-radius: var(--cav-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--cav-shadow-lg);\n}\n\n.cav-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -20%;\n  width: 300px;\n  height: 300px;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n  border-radius: 50%;\n}\n\n.cav-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n.cav-cta-box strong {\n  font-weight: 800;\n}\n\n@media (max-width: 767px) {\n  .cav-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .cav-card {\n    padding: 1.125rem;\n  }\n  .cav-section {\n    margin-bottom: 1.75rem;\n  }\n  .cav-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cav-radius-sm);\n  }\n  .cav-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .cav-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .cav-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .cav-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .cav-timeline-content h3 {\n    font-size: 14px;\n  }\n  .cav-timeline-content p {\n    font-size: 13px;\n  }\n  .cav-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .cav-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .cav-tip {\n    padding: .875rem 1rem;\n  }\n  .cav-tip p {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cav-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .cav-card:nth-child(1) { animation-delay: .05s; }\n  .cav-card:nth-child(2) { animation-delay: .1s; }\n  .cav-card:nth-child(3) { animation-delay: .15s; }\n  .cav-card:nth-child(4) { animation-delay: .2s; }\n  .cav-card:nth-child(5) { animation-delay: .25s; }\n  .cav-card:nth-child(6) { animation-delay: .3s; }\n  .cav-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cav-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330414002553,"sku":"NBAICAV0129","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-a-largile-blanche-coquelicot-90-ml-comme-avant-packshothd.webp?v=1789906495"},{"product_id":"dentifrice-enfant-argile-blanche-pomme-comme-avant","title":"Dentifrice enfant à l'argile blanche - Goût Pomme - 90 ml - Comme Avant","description":"\u003cdiv class=\"cadb-premium\"\u003e\n\n  \u003cdiv class=\"cadb-hero\"\u003e\n    \u003cdiv class=\"cadb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cadb-hero-content\"\u003e\n      \u003cdiv class=\"cadb-badges-top\"\u003e\n        \u003cspan class=\"cadb-badge\"\u003e🌿 Certifié Bio COSMOS\u003c\/span\u003e\n        \u003cspan class=\"cadb-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n        \u003cspan class=\"cadb-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"cadb-badge\"\u003e👶 Dès 2 ans\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cadb-hero-title\"\u003eLa douceur naturelle pour leurs petites dents\u003c\/span\u003e\n      \u003cp class=\"cadb-subtitle\"\u003eDentifrice enfant à l'argile blanche · Goût Pomme\u003c\/p\u003e\n      \u003cp class=\"cadb-description\"\u003eUne formule minérale courte, un parfum de pomme irrésistible et un flacon en verre rechargeable : le brossage devient enfin un moment plaisir.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cadb-section\"\u003e\n    \u003ch2\u003eDentifrice enfant à l'argile blanche goût pomme : la douceur naturelle pour leurs petites dents\u003c\/h2\u003e\n    \u003cp class=\"cadb-section-intro\"\u003eVous cherchez un dentifrice \u003cstrong\u003edoux, naturel et efficace\u003c\/strong\u003e pour accompagner vos enfants dans leur routine bucco-dentaire ? Le \u003cstrong\u003edentifrice enfant à l'argile blanche\u003c\/strong\u003e goût pomme de Comme Avant a été pensé pour les bouches sensibles, dès 2 ans.\u003c\/p\u003e\n    \u003cp class=\"cadb-section-intro\"\u003eFabriqué près de Marseille, certifié bio COSMOS et vegan, il allie une formule minérale courte à un parfum de pomme que les enfants adorent. Un vrai allié pour transformer le brossage en moment plaisir.\u003c\/p\u003e\n    \u003cdiv class=\"cadb-grid-compact\"\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🍏 Goût pomme\u003c\/h3\u003e\n        \u003cp\u003eUn parfum gourmand que les enfants réclament\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🦷 1000 ppm de fluor\u003c\/h3\u003e\n        \u003cp\u003eDose recommandée pour prévenir les caries\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e✨ Nettoyage doux\u003c\/h3\u003e\n        \u003cp\u003eRespecte l'émail fragile des dents de lait\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🌍 Verre rechargeable\u003c\/h3\u003e\n        \u003cp\u003eUn flacon 90 ml écologique et réutilisable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cadb-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'argile blanche pour le dentifrice de votre enfant ?\u003c\/h2\u003e\n    \u003cp class=\"cadb-section-intro\"\u003eL'\u003cstrong\u003eargile blanche (kaolin)\u003c\/strong\u003e est reconnue pour ses propriétés nettoyantes et reminéralisantes. Contrairement aux abrasifs agressifs, elle nettoie en douceur sans rayer l'émail fragile des dents de lait.\u003c\/p\u003e\n    \u003cdiv class=\"cadb-grid\"\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🧼 Nettoyage tout en douceur\u003c\/h3\u003e\n        \u003cp\u003eLe kaolin élimine la plaque dentaire sans agresser l'émail délicat des dents de lait.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e💎 Effet reminéralisant\u003c\/h3\u003e\n        \u003cp\u003eL'argile blanche aide à renforcer naturellement les dents en apportant des minéraux essentiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🌸 Apaise les gencives\u003c\/h3\u003e\n        \u003cp\u003eAbsorbe les impuretés et apaise les gencives sensibles pour un brossage confortable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cadb-tip\"\u003e\n      \u003cspan class=\"cadb-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eArgile blanche ou verte ?\u003c\/strong\u003e Pour les enfants, l'argile blanche reste la plus indiquée : plus douce, plus neutre en goût et parfaitement adaptée à une utilisation quotidienne. Le \u003cem\u003edanger\u003c\/em\u003e parfois évoqué concerne surtout les recettes maison mal dosées : ici, la formule est élaborée par des professionnels, contrôlée et certifiée bio.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cadb-section\"\u003e\n    \u003ch2\u003eComposition : une liste d'ingrédients courte et transparente\u003c\/h2\u003e\n    \u003cdiv class=\"cadb-grid\"\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n        \u003cp\u003eHydrate et donne une texture onctueuse et agréable en bouche.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e⚪ Carbonate de calcium\u003c\/h3\u003e\n        \u003cp\u003eAbrasif doux qui élimine efficacement la plaque dentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🌾 Amidon de maïs bio\u003c\/h3\u003e\n        \u003cp\u003eÉpaississant 100% naturel pour une texture parfaite.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🏔️ Argile blanche (kaolin)\u003c\/h3\u003e\n        \u003cp\u003eNettoie, reminéralise et apaise les gencives sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🍏 Arôme naturel de pomme\u003c\/h3\u003e\n        \u003cp\u003eUn goût gourmand qui rend le brossage irrésistible.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-card\"\u003e\n        \u003ch3\u003e🛡️ Fluorure de sodium\u003c\/h3\u003e\n        \u003cp\u003e1000 ppm de fluor, dose recommandée pour prévenir les caries.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cadb-tip\"\u003e\n      \u003cspan class=\"cadb-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eFormule \u003cstrong\u003esans sulfates, sans parabènes, sans édulcorants artificiels\u003c\/strong\u003e et sans huiles essentielles, pour respecter la sensibilité des plus jeunes. Complétée par de l'eau, de la gomme xanthane et des conservateurs autorisés en cosmétique bio.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cadb-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"cadb-timeline\"\u003e\n      \u003cdiv class=\"cadb-timeline-item\"\u003e\n        \u003cdiv class=\"cadb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cadb-timeline-content\"\u003e\n          \u003ch3\u003e🫧 Une noisette suffit\u003c\/h3\u003e\n          \u003cp\u003eDéposez l'équivalent d'un petit pois sur une brosse à dents humidifiée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-timeline-item\"\u003e\n        \u003cdiv class=\"cadb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cadb-timeline-content\"\u003e\n          \u003ch3\u003e⏱️ Brossez 2 minutes\u003c\/h3\u003e\n          \u003cp\u003eEn douceur, matin et soir, en n'oubliant aucune zone.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-timeline-item\"\u003e\n        \u003cdiv class=\"cadb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cadb-timeline-content\"\u003e\n          \u003ch3\u003e💦 Rincez à l'eau claire\u003c\/h3\u003e\n          \u003cp\u003eEt pensez à bien recracher après le brossage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cadb-timeline-item\"\u003e\n        \u003cdiv class=\"cadb-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cadb-timeline-content\"\u003e\n          \u003ch3\u003e👨‍👩‍👧 Surveillance parentale\u003c\/h3\u003e\n          \u003cp\u003eAccompagnez les enfants de moins de 6 ans pour limiter l'ingestion.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cadb-tip\"\u003e\n      \u003cspan class=\"cadb-tip-icon\"\u003e♻️\u003c\/span\u003e\n      \u003cp\u003eLe flacon pompe de 90 ml est en \u003cstrong\u003everre recyclable et rechargeable\u003c\/strong\u003e : un geste écologique simple pour réduire les déchets plastiques de la salle de bain.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cadb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eNotre avis\u003c\/h2\u003e\n    \u003cdiv class=\"cadb-testimonial\"\u003e\n      \u003cp class=\"cadb-testimonial-text\"\u003e\"Avec sa formule minérale, son goût pomme apprécié des enfants et son engagement écologique, ce dentifrice Comme Avant coche toutes les cases d'une hygiène bucco-dentaire saine, naturelle et responsable. Un indispensable pour les familles soucieuses de leur santé et de la planète.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cadb-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cp\u003e🍏 Transformez le brossage en moment plaisir\u003cbr\u003eavec un dentifrice pensé pour leurs petites dents.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cadb-disclaimer\"\u003eCe produit ne remplace pas un avis médical. En cas de doute, consultez votre dentiste.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cadb-cream: #fdf8ee;\n  --cadb-white: #ffffff;\n  --cadb-primary: #a8c948;\n  --cadb-primary-dark: #6b8e2a;\n  --cadb-primary-light: #eef4d8;\n  --cadb-secondary: #c9a55c;\n  --cadb-accent: #d97757;\n  --cadb-text: #2a2a1f;\n  --cadb-text-light: #6b6b5a;\n  --cadb-border: #e5e0d1;\n  --cadb-shadow: 0 4px 24px rgba(107,142,42,.10);\n  --cadb-shadow-lg: 0 12px 48px rgba(107,142,42,.18);\n  --cadb-radius: 20px;\n  --cadb-radius-sm: 12px;\n}\n\n.cadb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cadb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cadb-text);\n  line-height: 1.6;\n}\n\n.cadb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #b8d155 0%, #a8c948 50%, #8fb03a 100%);\n  border-radius: var(--cadb-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cadb-shadow-lg);\n}\n\n.cadb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n                    radial-gradient(circle at 70% 60%, white 2px, transparent 2px),\n                    radial-gradient(circle at 40% 80%, white 2px, transparent 2px);\n  background-size: 60px 60px, 80px 80px, 100px 100px;\n}\n\n.cadb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cadb-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.15);\n  line-height: 1.15;\n}\n\n.cadb-subtitle {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  opacity: .95;\n}\n\n.cadb-description {\n  color: white;\n  font-size: clamp(14px, 2vw, 16px);\n  max-width: 640px;\n  margin: 0 auto;\n  opacity: .92;\n  line-height: 1.7;\n}\n\n.cadb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cadb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cadb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.08);\n  transition: all .3s ease;\n}\n\n.cadb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cadb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cadb-premium h2 {\n  font-size: clamp(20px, 4.5vw, 32px);\n  font-weight: 900;\n  color: var(--cadb-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.cadb-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cadb-primary), var(--cadb-secondary));\n  border-radius: 2px;\n}\n\n.cadb-section-intro {\n  text-align: center;\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--cadb-text-light);\n  margin: 0 auto 1.25rem;\n  max-width: 720px;\n  line-height: 1.75;\n}\n\n.cadb-section-intro strong {\n  color: var(--cadb-primary-dark);\n}\n\n.cadb-card {\n  background: var(--cadb-white);\n  border-radius: var(--cadb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cadb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cadb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cadb-shadow-lg);\n  border-color: var(--cadb-primary);\n}\n\n.cadb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cadb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cadb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cadb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cadb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cadb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cadb-grid-compact .cadb-card {\n  padding: 1rem;\n}\n\n.cadb-grid-compact .cadb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cadb-grid-compact .cadb-card p {\n  font-size: 12px;\n}\n\n.cadb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.cadb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cadb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cadb-primary), var(--cadb-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(107,142,42,.3);\n}\n\n.cadb-timeline-content {\n  flex: 1;\n  background: var(--cadb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cadb-radius-sm);\n  box-shadow: var(--cadb-shadow);\n}\n\n.cadb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cadb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cadb-timeline-content p {\n  font-size: 14px;\n  color: var(--cadb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cadb-testimonial {\n  background: var(--cadb-white);\n  border-radius: var(--cadb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cadb-shadow);\n  border-left: 4px solid var(--cadb-primary);\n}\n\n.cadb-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cadb-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.cadb-accordion {\n  background: var(--cadb-white);\n  border-radius: var(--cadb-radius);\n  box-shadow: var(--cadb-shadow);\n  overflow: hidden;\n}\n\n.cadb-accordion-item {\n  border-bottom: 1px solid var(--cadb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cadb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cadb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cadb-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cadb-accordion-header:hover {\n  background: var(--cadb-primary-light);\n}\n\n.cadb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cadb-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cadb-primary);\n  transition: transform .2s ease;\n}\n\n.cadb-accordion-item[open] .cadb-accordion-header::after {\n  content: '−';\n}\n\n.cadb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cadb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cadb-accordion-content p {\n  margin: 0;\n}\n\n.cadb-accordion-content strong {\n  color: var(--cadb-primary-dark);\n}\n\n.cadb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cadb-primary-light);\n  border-radius: var(--cadb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 3px solid var(--cadb-primary);\n}\n\n.cadb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1.2;\n}\n\n.cadb-tip p {\n  font-size: 14px;\n  color: var(--cadb-text);\n  margin: 0;\n  line-height: 1.65;\n}\n\n.cadb-tip strong {\n  color: var(--cadb-primary-dark);\n}\n\n.cadb-cta-box {\n  background: linear-gradient(135deg, var(--cadb-primary) 0%, var(--cadb-primary-dark) 100%);\n  border-radius: var(--cadb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--cadb-shadow-lg);\n}\n\n.cadb-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.cadb-disclaimer {\n  font-size: 12px;\n  color: var(--cadb-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .cadb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .cadb-card {\n    padding: 1.125rem;\n  }\n  .cadb-section {\n    margin-bottom: 1.75rem;\n  }\n  .cadb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cadb-radius-sm);\n  }\n  .cadb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .cadb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .cadb-grid-compact {\n    gap: .625rem;\n  }\n  .cadb-grid-compact .cadb-card {\n    padding: .75rem;\n  }\n  .cadb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .cadb-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .cadb-timeline-content h3 {\n    font-size: 14px;\n  }\n  .cadb-timeline-content p {\n    font-size: 13px;\n  }\n  .cadb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .cadb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .cadb-testimonial {\n    padding: 1.25rem;\n  }\n  .cadb-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cadb-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .cadb-card:nth-child(1) { animation-delay: .05s; }\n  .cadb-card:nth-child(2) { animation-delay: .1s; }\n  .cadb-card:nth-child(3) { animation-delay: .15s; }\n  .cadb-card:nth-child(4) { animation-delay: .2s; }\n  .cadb-card:nth-child(5) { animation-delay: .25s; }\n  .cadb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cadb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330414035321,"sku":"NBAICAV0130","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-enfant-a-largile-blanche-gout-pomme-90-ml-comme-a-packshothd.webp?v=1789834239"},{"product_id":"dentifrice-enfant-argile-blanche-fraise-recharge-comme-avant","title":"Recharge de dentifrice enfant à l'argile blanche - Goût Fraise - 180 ml - Comme Avant","description":"\u003cdiv class=\"df-premium\"\u003e\n\n\u003cdiv class=\"df-hero\"\u003e\n\u003cdiv class=\"df-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"df-hero-content\"\u003e\n\u003cdiv class=\"df-badges-top\"\u003e\n\u003cspan class=\"df-badge\"\u003e🌿 Bio COSMOS Organic\u003c\/span\u003e\n\u003cspan class=\"df-badge\"\u003e🍓 Goût fraise naturel\u003c\/span\u003e\n\u003cspan class=\"df-badge\"\u003e👶 Dès 2 ans\u003c\/span\u003e\n\u003cspan class=\"df-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"df-hero-title\"\u003eRecharge de dentifrice enfant à l'argile blanche\u003c\/span\u003e\n\u003cp class=\"df-subtitle\"\u003eGoût Fraise — 180 ml — Comme Avant\u003c\/p\u003e\n\u003cp class=\"df-description\"\u003eUn brossage doux et naturel que les enfants adorent, dans un format recharge éco-responsable. Certifié bio, vegan, et fabriqué près de Marseille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"df-section\"\u003e\n\u003ch2\u003eRecharge de dentifrice enfant bio à l'argile blanche – Goût fraise\u003c\/h2\u003e\n\u003cp class=\"df-section-intro\"\u003eVous cherchez un \u003cstrong\u003edentifrice enfant naturel\u003c\/strong\u003e qui rende le brossage agréable sans compromettre la santé bucco-dentaire de votre petit ?\u003c\/p\u003e\n\u003cdiv class=\"df-grid-compact\"\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e🍓 Goût fraise\u003c\/h3\u003e\n\u003cp\u003eArôme naturel issu de véritables fruits, adoré des enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e👶 Dès 2 ans\u003c\/h3\u003e\n\u003cp\u003eFormulé spécialement pour les jeunes enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eCOSMOS Organic \u0026amp; Vegan, sans compromis\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e♻️ Format recharge\u003c\/h3\u003e\n\u003cp\u003e180 ml en emballage kraft recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"df-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'argile blanche pour un dentifrice enfant ?\u003c\/h2\u003e\n\u003cp class=\"df-section-intro\"\u003eL'\u003cstrong\u003eargile blanche\u003c\/strong\u003e (kaolin) est reconnue pour ses propriétés purifiantes et nettoyantes, tout en étant extrêmement douce pour l'émail fragile des dents de lait.\u003c\/p\u003e\n\u003cdiv class=\"df-grid\"\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e✨ Purification douce\u003c\/h3\u003e\n\u003cp\u003eContrairement aux abrasifs synthétiques, l'argile blanche absorbe les impuretés en douceur, sans irriter les gencives sensibles des tout-petits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e🛡️ Respect de l'émail\u003c\/h3\u003e\n\u003cp\u003ePlus fine et moins abrasive que l'argile verte, elle est parfaitement adaptée à la bouche délicate des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e🧽 Nettoyage efficace\u003c\/h3\u003e\n\u003cp\u003eElle élimine naturellement la plaque dentaire tout en laissant une sensation de propreté agréable après chaque brossage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-tip\"\u003e\n\u003cspan class=\"df-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eArgile blanche ou verte ?\u003c\/strong\u003e Pour les enfants, l'argile blanche est idéale : elle est plus fine et moins abrasive que l'argile verte, donc parfaitement adaptée à leur bouche délicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"df-section\"\u003e\n\u003ch2\u003eUne formule courte, transparente et certifiée bio\u003c\/h2\u003e\n\u003cp class=\"df-section-intro\"\u003eUniquement des ingrédients soigneusement sélectionnés, sans substances controversées. Rien de superflu.\u003c\/p\u003e\n\u003cdiv class=\"df-grid\"\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e🤍 Argile blanche (Kaolin)\u003c\/h3\u003e\n\u003cp\u003ePurifie et nettoie les dents sans agresser l'émail délicat des dents de lait.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e💧 Glycérine végétale bio\u003c\/h3\u003e\n\u003cp\u003eHydrate les gencives et assure une texture fluide agréable en bouche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e🦷 Carbonate de calcium\u003c\/h3\u003e\n\u003cp\u003eAbrasif naturel très doux, il aide à éliminer la plaque dentaire efficacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e🌽 Amidon de maïs bio\u003c\/h3\u003e\n\u003cp\u003eÉpaississant naturel qui facilite l'application sur la brosse à dents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e🍓 Arôme naturel de fraise\u003c\/h3\u003e\n\u003cp\u003eIssu de véritables fruits, il transforme le brossage en un vrai moment de plaisir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e🛡️ Fluorure de sodium (1000 ppm)\u003c\/h3\u003e\n\u003cp\u003eDosage conforme aux recommandations pour les 2-6 ans, il renforce l'émail et prévient les caries.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-tip\"\u003e\n\u003cspan class=\"df-tip-icon\"\u003e🚫\u003c\/span\u003e\n\u003cp\u003ePas de colorants artificiels, pas de sulfates, pas de perturbateurs endocriniens. \u003cstrong\u003eRien de superflu.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"df-section\"\u003e\n\u003ch2\u003eFluor à 1000 ppm : le bon dosage pour votre enfant\u003c\/h2\u003e\n\u003cdiv class=\"df-fluor-highlight\"\u003e\n\u003cdiv class=\"df-fluor-number\"\u003e1000 \u003csmall\u003eppm\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-fluor-text\"\u003e\n\u003cp\u003eLes autorités de santé recommandent \u003cstrong\u003e1000 ppm de fluor\u003c\/strong\u003e pour les enfants dès 2 ans. Ce dentifrice respecte cette recommandation, offrant une \u003cstrong\u003eprotection efficace contre les caries\u003c\/strong\u003e tout en restant sûr en cas d'ingestion accidentelle d'une petite quantité.\u003c\/p\u003e\n\u003cp\u003eSi votre enfant a des besoins spécifiques, n'hésitez pas à consulter votre dentiste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"df-section\"\u003e\n\u003ch2\u003eComment utiliser ce dentifrice enfant ?\u003c\/h2\u003e\n\u003cp class=\"df-section-intro\"\u003eLe format pompe est particulièrement pratique pour les petites mains. Voici nos conseils pour un brossage optimal :\u003c\/p\u003e\n\u003cdiv class=\"df-timeline\"\u003e\n\u003cdiv class=\"df-timeline-item\"\u003e\n\u003cdiv class=\"df-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"df-timeline-content\"\u003e\n\u003ch3\u003eLa juste dose\u003c\/h3\u003e\n\u003cp\u003eDéposez une quantité de la taille d'un \u003cstrong\u003epetit pois\u003c\/strong\u003e sur une brosse à dents souple adaptée à l'âge de l'enfant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-timeline-item\"\u003e\n\u003cdiv class=\"df-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"df-timeline-content\"\u003e\n\u003ch3\u003eBrossage en douceur\u003c\/h3\u003e\n\u003cp\u003eBrossez les dents pendant \u003cstrong\u003e2 minutes\u003c\/strong\u003e, en effectuant des mouvements circulaires doux sur toutes les faces.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-timeline-item\"\u003e\n\u003cdiv class=\"df-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"df-timeline-content\"\u003e\n\u003ch3\u003eRinçage\u003c\/h3\u003e\n\u003cp\u003eRincez la bouche à l'eau claire après le brossage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-timeline-item\"\u003e\n\u003cdiv class=\"df-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"df-timeline-content\"\u003e\n\u003ch3\u003eSous surveillance\u003c\/h3\u003e\n\u003cp\u003ePour les enfants de 2 à 6 ans, le brossage doit être \u003cstrong\u003esupervisé par un adulte\u003c\/strong\u003e pour garantir la bonne quantité et la bonne technique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"df-section\"\u003e\n\u003ch2\u003eUn format recharge éco-responsable\u003c\/h2\u003e\n\u003cdiv class=\"df-grid\"\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e♻️ Réutilisez votre flacon\u003c\/h3\u003e\n\u003cp\u003eCe format \u003cstrong\u003erecharge de 180 ml\u003c\/strong\u003e vous permet de réutiliser votre flacon en verre Comme Avant, réduisant ainsi les déchets.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eConçu et fabriqué \u003cstrong\u003eprès de Marseille\u003c\/strong\u003e, dans une démarche locale et responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e📦 Emballage kraft\u003c\/h3\u003e\n\u003cp\u003eEmballage en papier kraft recyclable, cohérent avec une démarche \u003cstrong\u003ezéro déchet\u003c\/strong\u003e de la formulation à l'envoi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"df-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003ch2\u003eL'essentiel à retenir\u003c\/h2\u003e\n\u003cdiv class=\"df-grid-compact\"\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e🌿 Bio COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eCertifié bio et vegan\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e👶 Dès 2 ans\u003c\/h3\u003e\n\u003cp\u003eAdapté aux tout-petits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e🤍 Argile blanche\u003c\/h3\u003e\n\u003cp\u003eNettoyage doux sans abîmer l'émail\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e🛡️ 1000 ppm de fluor\u003c\/h3\u003e\n\u003cp\u003eDosage recommandé pour les jeunes enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e🍓 Goût fraise naturel\u003c\/h3\u003e\n\u003cp\u003eApprécié des enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eEmballage éco-responsable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-cta-box\"\u003e\n\u003cp\u003e🍓 Offrez à votre enfant un brossage naturel, efficace et savoureux — dans un format recharge qui respecte la planète !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"df-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à une consultation dentaire régulière ni à un avis médical personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --df-cream: #fdf6f0;\n  --df-white: #ffffff;\n  --df-primary: #e8856c;\n  --df-primary-dark: #c4604a;\n  --df-primary-light: #fef0ec;\n  --df-secondary: #f4a88e;\n  --df-accent: #d4876e;\n  --df-text: #1a1a1a;\n  --df-text-light: #5a5a5a;\n  --df-border: #f0e0d8;\n  --df-shadow: 0 4px 24px rgba(200,120,90,.08);\n  --df-shadow-lg: 0 12px 48px rgba(200,120,90,.15);\n  --df-radius: 20px;\n  --df-radius-sm: 12px;\n}\n\n.df-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--df-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.df-hero {\n  position: relative;\n  background: linear-gradient(135deg, #e8856c 0%, #f4a88e 50%, #f7c4b0 100%);\n  border-radius: var(--df-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--df-shadow-lg);\n}\n\n.df-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.df-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.df-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.df-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--df-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.df-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.df-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.15);\n  line-height: 1.1;\n}\n\n.df-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.df-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.df-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.df-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--df-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.df-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--df-primary), var(--df-secondary));\n  border-radius: 2px;\n}\n\n.df-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--df-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.df-card {\n  background: var(--df-white);\n  border-radius: var(--df-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--df-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.df-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--df-shadow-lg);\n  border-color: var(--df-primary);\n}\n\n.df-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--df-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.df-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--df-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.df-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.df-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.df-grid-compact .df-card {\n  padding: 1rem;\n}\n\n.df-grid-compact .df-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.df-grid-compact .df-card p {\n  font-size: 12px;\n}\n\n.df-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.df-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.df-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--df-primary), var(--df-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.df-timeline-content {\n  flex: 1;\n  background: var(--df-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--df-radius-sm);\n  box-shadow: var(--df-shadow);\n}\n\n.df-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--df-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.df-timeline-content p {\n  font-size: 14px;\n  color: var(--df-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.df-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--df-primary-light);\n  border-radius: var(--df-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.df-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.df-tip p {\n  font-size: 14px;\n  color: var(--df-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.df-fluor-highlight {\n  display: flex;\n  gap: 2rem;\n  align-items: center;\n  background: var(--df-white);\n  border-radius: var(--df-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--df-shadow);\n  border: 2px solid var(--df-primary-light);\n}\n\n.df-fluor-number {\n  flex-shrink: 0;\n  font-size: clamp(48px, 10vw, 72px);\n  font-weight: 900;\n  color: var(--df-primary);\n  line-height: 1;\n  letter-spacing: -.04em;\n}\n\n.df-fluor-number small {\n  display: block;\n  font-size: .35em;\n  font-weight: 700;\n  color: var(--df-primary-dark);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-top: .25rem;\n}\n\n.df-fluor-text {\n  flex: 1;\n}\n\n.df-fluor-text p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--df-text-light);\n  line-height: 1.7;\n  margin: 0 0 .75rem 0;\n}\n\n.df-fluor-text p:last-child {\n  margin-bottom: 0;\n}\n\n.df-cta-box {\n  background: linear-gradient(135deg, var(--df-primary) 0%, var(--df-primary-dark) 100%);\n  border-radius: var(--df-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.df-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.df-disclaimer {\n  font-size: 12px;\n  color: var(--df-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .df-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .df-card {\n    padding: 1.125rem;\n  }\n\n  .df-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .df-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--df-radius-sm);\n  }\n\n  .df-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .df-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .df-grid-compact {\n    gap: .625rem;\n  }\n\n  .df-grid-compact .df-card {\n    padding: .75rem;\n  }\n\n  .df-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .df-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .df-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .df-timeline-content p {\n    font-size: 13px;\n  }\n\n  .df-fluor-highlight {\n    flex-direction: column;\n    text-align: center;\n    gap: 1rem;\n    padding: 1.25rem;\n  }\n\n  .df-fluor-number {\n    font-size: 56px;\n  }\n\n  .df-fluor-text p {\n    font-size: 14px;\n  }\n\n  .df-tip {\n    padding: .875rem 1rem;\n  }\n\n  .df-tip-icon {\n    font-size: 20px;\n  }\n\n  .df-tip p {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .df-card {\n    animation: dfFadeInUp .5s ease backwards;\n  }\n  .df-card:nth-child(1) { animation-delay: .05s; }\n  .df-card:nth-child(2) { animation-delay: .1s; }\n  .df-card:nth-child(3) { animation-delay: .15s; }\n  .df-card:nth-child(4) { animation-delay: .2s; }\n  .df-card:nth-child(5) { animation-delay: .25s; }\n  .df-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dfFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .df-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330415477113,"sku":"NBAICAV0142","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-dentifrice-enfant-argile-blanche-fraise-180ml-comme-avant_1_11zon.jpg?v=1776409378"},{"product_id":"recharge-dentifrice-argile-blanche-menthole-comme-avant","title":"Recharge de dentifrice à l'argile blanche - Mentholé - 180 ml - Comme Avant","description":"\u003cdiv class=\"ca-premium\"\u003e\n\u003cdiv class=\"ca-hero\"\u003e\n\u003cdiv class=\"ca-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ca-hero-content\"\u003e\n\u003cdiv class=\"ca-badges-top\"\u003e\n\u003cspan class=\"ca-badge\"\u003e🌿 Bio Ecocert\u003c\/span\u003e \u003cspan class=\"ca-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e \u003cspan class=\"ca-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e \u003cspan class=\"ca-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ca-hero-title\"\u003e6 ingrédients naturels · Argile blanche \u0026amp; menthe poivrée bio\u003c\/span\u003e\n\u003cp class=\"ca-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUne recharge minimaliste de 180 ml, pensée pour prolonger la vie de votre pot en verre et prendre soin de vos dents en douceur.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"ca-section\"\u003e\n\u003ch2\u003eLa simplicité au service de votre sourire\u003c\/h2\u003e\n\u003cp class=\"ca-section-intro\"\u003eVous cherchez un \u003cstrong\u003edentifrice naturel\u003c\/strong\u003e efficace, respectueux de votre santé bucco-dentaire et de la planète ? La recharge à l'argile blanche mentholée de \u003cstrong\u003eComme Avant\u003c\/strong\u003e, fabriquée près de Marseille, associe une formule minimaliste à un format \u003cstrong\u003ezéro déchet\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"ca-grid-compact\"\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🌿 6 ingrédients\u003c\/h3\u003e\n\u003cp\u003eUne formule courte, sans superflu, 100 % d'origine naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e📦 Papier kraft\u003c\/h3\u003e\n\u003cp\u003eContenant recyclable, sans plastique ni tube jetable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🦷 Fluor adapté\u003c\/h3\u003e\n\u003cp\u003eDose adulte pour renforcer l'émail et prévenir les caries.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e❤️ Cosmétique éthique\u003c\/h3\u003e\n\u003cp\u003eUne référence des amateurs de soins minimalistes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"ca-section\"\u003e\n\u003ch2\u003eL'argile blanche : un trésor pour vos dents\u003c\/h2\u003e\n\u003cp\u003eL'\u003cstrong\u003eargile blanche (kaolin)\u003c\/strong\u003e est utilisée depuis des générations dans les \u003cstrong\u003erecettes de grand-mère de dentifrice naturel\u003c\/strong\u003e. Reconnue pour ses vertus purifiantes et reminéralisantes, elle nettoie en douceur sans agresser l'émail. Elle contribue également à absorber les impuretés et à laisser une sensation de propreté durable en bouche.\u003c\/p\u003e\n\u003cp\u003eCette recharge fait partie des \u003cstrong\u003emeilleurs dentifrices naturels\u003c\/strong\u003e disponibles : elle contient du fluor (à dose adaptée pour les adultes) pour renforcer l'émail et prévenir les caries, tout en excluant tensioactifs agressifs, colorants et conservateurs controversés que l'on trouve trop souvent dans les dentifrices classiques.\u003c\/p\u003e\n\u003cdiv class=\"ca-grid\"\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e✨ Purifiante\u003c\/h3\u003e\n\u003cp\u003eAbsorbe les impuretés et laisse une sensation de propreté durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e💎 Reminéralisante\u003c\/h3\u003e\n\u003cp\u003eAide à préserver la solidité et l'éclat naturel de l'émail.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🌾 Douce\u003c\/h3\u003e\n\u003cp\u003eNettoie efficacement sans agresser gencives ni émail.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"ca-section\"\u003e\n\u003ch2\u003eComposition détaillée (INCI)\u003c\/h2\u003e\n\u003cp class=\"ca-section-intro\"\u003eHuit ingrédients seulement, tous d'origine naturelle, pour une formule certifiée \u003cstrong\u003eBio Ecocert Cosmos Organic\u003c\/strong\u003e, vegan et fabriquée en France.\u003c\/p\u003e\n\u003cdiv class=\"ca-grid\"\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e⚪ Calcium Carbonate\u003c\/h3\u003e\n\u003cp\u003eAbrasif doux qui polit les dents et aide à reminéraliser l'émail.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e💧 Glycerin végétale\u003c\/h3\u003e\n\u003cp\u003eHydrate et donne sa texture onctueuse à la pâte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🌊 Aqua\u003c\/h3\u003e\n\u003cp\u003eEau purifiée, base de la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🏺 Kaolin\u003c\/h3\u003e\n\u003cp\u003eArgile blanche : nettoie, purifie et reminéralise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🦷 Sodium Monofluorophosphate\u003c\/h3\u003e\n\u003cp\u003eSource de fluor pour la prévention des caries.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🌱 Xanthan Gum\u003c\/h3\u003e\n\u003cp\u003eGomme naturelle qui stabilise la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🥥 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux issu de la noix de coco pour une légère mousse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🌿 Mentha Piperita Oil\u003c\/h3\u003e\n\u003cp\u003eHuile essentielle de menthe poivrée bio, fraîcheur et action antibactérienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"ca-section\"\u003e\n\u003ch2\u003eFormat recharge de 180 ml : économique et écologique\u003c\/h2\u003e\n\u003cp\u003eCette recharge est pensée pour être versée dans votre pot en verre Comme Avant (ou tout autre contenant hermétique). Vous prolongez la durée de vie de votre contenant et réduisez vos déchets plastiques. Avec ses 180 ml, elle offre plusieurs mois d'utilisation pour un adulte, à un excellent rapport qualité-prix.\u003c\/p\u003e\n\u003cdiv class=\"ca-grid-compact\"\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e♻️ Zéro plastique\u003c\/h3\u003e\n\u003cp\u003eEmballage en papier kraft entièrement recyclable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e💰 Économique\u003c\/h3\u003e\n\u003cp\u003ePlusieurs mois d'utilisation pour un adulte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🫙 Refill facile\u003c\/h3\u003e\n\u003cp\u003eÀ verser dans votre pot en verre habituel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-card\"\u003e\n\u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eRéduit vos déchets au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"ca-section\"\u003e\n\u003ch2\u003eComment utiliser votre dentifrice à l'argile blanche\u003c\/h2\u003e\n\u003cdiv class=\"ca-timeline\"\u003e\n\u003cdiv class=\"ca-timeline-item\"\u003e\n\u003cdiv class=\"ca-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ca-timeline-content\"\u003e\n\u003ch3\u003e💧 Humidifiez\u003c\/h3\u003e\n\u003cp\u003ePassez votre brosse à dents sous l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-timeline-item\"\u003e\n\u003cdiv class=\"ca-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ca-timeline-content\"\u003e\n\u003ch3\u003e🥄 Prélevez\u003c\/h3\u003e\n\u003cp\u003eL'équivalent d'un petit pois de dentifrice suffit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-timeline-item\"\u003e\n\u003cdiv class=\"ca-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ca-timeline-content\"\u003e\n\u003ch3\u003e🪥 Brossez 2 minutes\u003c\/h3\u003e\n\u003cp\u003eMatin et soir, en effectuant de petits mouvements circulaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-timeline-item\"\u003e\n\u003cdiv class=\"ca-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"ca-timeline-content\"\u003e\n\u003ch3\u003e💦 Rincez\u003c\/h3\u003e\n\u003cp\u003eRincez soigneusement votre bouche à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ca-tip\"\u003e\n\u003cspan class=\"ca-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e utilisez une petite spatule ou un couvert propre pour prélever le produit du pot, afin de préserver la conservation de la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"ca-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"ca-accordion\"\u003e\n\u003cdetails class=\"ca-accordion-item\"\u003e\n\u003csummary class=\"ca-accordion-header\"\u003e⚠️ Public déconseillé\u003c\/summary\u003e\n\u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n\u003cp\u003eCe dentifrice contient de l'\u003cstrong\u003ehuile essentielle de menthe poivrée\u003c\/strong\u003e et du fluor. Il est \u003cstrong\u003edéconseillé aux enfants de moins de 6 ans, aux femmes enceintes et allaitantes\u003c\/strong\u003e, ainsi qu'aux personnes sous traitement homéopathique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ca-accordion-item\"\u003e\n\u003csummary class=\"ca-accordion-header\"\u003e🌿 Alternative sans menthe\u003c\/summary\u003e\n\u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n\u003cp\u003eSi vous préférez éviter la fraîcheur mentholée, sachez qu'il existe aussi des alternatives de \u003cstrong\u003edentifrice sans menthe pour adulte\u003c\/strong\u003e dans la gamme, moins courantes en grande surface.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ca-accordion-item\"\u003e\n\u003csummary class=\"ca-accordion-header\"\u003e🚸 Sécurité\u003c\/summary\u003e\n\u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n\u003cp\u003eTenir hors de portée des jeunes enfants. En cas d'ingestion importante, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ca-accordion-item\"\u003e\n\u003csummary class=\"ca-accordion-header\"\u003e🩺 Suivi dentaire\u003c\/summary\u003e\n\u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit d'hygiène ne remplace pas un suivi dentaire régulier ni un traitement médical. Consultez votre dentiste au moins une fois par an.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"ca-disclaimer\"\u003eProduit cosmétique d'hygiène bucco-dentaire. Lisez attentivement la notice avant utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --ca-cream: #f7f2e8;\n  --ca-white: #ffffff;\n  --ca-primary: #7fb069;\n  --ca-primary-dark: #4a7c3f;\n  --ca-primary-light: #eaf3e2;\n  --ca-secondary: #b8946a;\n  --ca-accent: #d4a373;\n  --ca-text: #2c2416;\n  --ca-text-light: #6b5d4a;\n  --ca-border: #e6dcc8;\n  --ca-shadow: 0 4px 24px rgba(74,124,63,.08);\n  --ca-shadow-lg: 0 12px 48px rgba(74,124,63,.18);\n  --ca-radius: 20px;\n  --ca-radius-sm: 12px;\n}\n\n.ca-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ca-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--ca-text);\n}\n\n.ca-premium p { color: var(--ca-text); line-height: 1.7; }\n\n.ca-hero {\n  position: relative;\n  background: linear-gradient(135deg, #b8946a 0%, #7fb069 55%, #4a7c3f 100%);\n  border-radius: var(--ca-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ca-shadow-lg);\n}\n\n.ca-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 2px), radial-gradient(circle at 70% 60%, #fff 2px, transparent 2px);\n  background-size: 60px 60px;\n  opacity: .08;\n}\n\n.ca-hero-content { position: relative; z-index: 1; text-align: center; }\n\n.ca-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ca-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.ca-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.ca-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ca-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ca-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ca-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n.ca-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.ca-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ca-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ca-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ca-primary), var(--ca-secondary));\n  border-radius: 2px;\n}\n\n.ca-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ca-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.ca-card {\n  background: var(--ca-white);\n  border-radius: var(--ca-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ca-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ca-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ca-shadow-lg);\n  border-color: var(--ca-primary);\n}\n\n.ca-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ca-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ca-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ca-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ca-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ca-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ca-grid-compact .ca-card { padding: 1rem; }\n.ca-grid-compact .ca-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.ca-grid-compact .ca-card p { font-size: 12px; }\n\n.ca-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ca-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ca-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ca-primary), var(--ca-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.ca-timeline-content {\n  flex: 1;\n  background: var(--ca-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ca-radius-sm);\n  box-shadow: var(--ca-shadow);\n}\n\n.ca-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ca-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ca-timeline-content p {\n  font-size: 14px;\n  color: var(--ca-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.ca-accordion {\n  background: var(--ca-white);\n  border-radius: var(--ca-radius);\n  box-shadow: var(--ca-shadow);\n  overflow: hidden;\n}\n\n.ca-accordion-item {\n  border-bottom: 1px solid var(--ca-border);\n}\n\n.ca-accordion-item:last-child { border-bottom: none; }\n\n.ca-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ca-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n}\n\n.ca-accordion-header:hover { background: var(--ca-primary-light); }\n.ca-accordion-header::-webkit-details-marker { display: none; }\n\n.ca-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--ca-primary);\n  transition: transform .2s ease;\n}\n\n.ca-accordion-item[open] .ca-accordion-header::after { content: '−'; }\n\n.ca-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ca-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ca-accordion-content p { margin: 0; }\n\n.ca-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ca-primary-light);\n  border-radius: var(--ca-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--ca-primary);\n}\n\n.ca-tip-icon { font-size: 24px; flex-shrink: 0; }\n\n.ca-tip p {\n  font-size: 14px;\n  color: var(--ca-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ca-disclaimer {\n  font-size: 12px;\n  color: var(--ca-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .ca-grid { grid-template-columns: 1fr; gap: 1rem; }\n  .ca-card { padding: 1.125rem; }\n  .ca-section { margin-bottom: 1.75rem; }\n  .ca-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--ca-radius-sm); }\n  .ca-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n  .ca-premium h2::after { width: 40px; height: 3px; }\n  .ca-grid-compact { gap: .625rem; }\n  .ca-grid-compact .ca-card { padding: .75rem; }\n  .ca-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n  .ca-timeline-content { padding: .875rem 1rem; }\n  .ca-timeline-content h3 { font-size: 14px; }\n  .ca-timeline-content p { font-size: 13px; }\n  .ca-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n  .ca-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .ca-card { animation: fadeInUp .5s ease backwards; }\n  .ca-card:nth-child(1) { animation-delay: .05s; }\n  .ca-card:nth-child(2) { animation-delay: .1s; }\n  .ca-card:nth-child(3) { animation-delay: .15s; }\n  .ca-card:nth-child(4) { animation-delay: .2s; }\n  .ca-card:nth-child(5) { animation-delay: .25s; }\n  .ca-card:nth-child(6) { animation-delay: .3s; }\n  .ca-card:nth-child(7) { animation-delay: .35s; }\n  .ca-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ca-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330415509881,"sku":"NBAICAV0143","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-de-dentifrice-a-largile-blanche-menthole-180-ml-com-packshothd.webp?v=1789482536"},{"product_id":"recharge-dentifrice-argile-blanche-charbon-citron-comme-avant","title":"Recharge de dentifrice à l'argile blanche - Charbon \u0026 Citron - 180 ml - Comme Avant","description":"\u003cdiv class=\"cavd-premium\"\u003e\n\n  \u003cdiv class=\"cavd-hero\"\u003e\n    \u003cdiv class=\"cavd-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cavd-hero-content\"\u003e\n      \u003cdiv class=\"cavd-badges-top\"\u003e\n        \u003cspan class=\"cavd-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"cavd-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n        \u003cspan class=\"cavd-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n        \u003cspan class=\"cavd-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cavd-hero-title\"\u003eLa routine bucco-dentaire naturelle et rechargeable\u003c\/span\u003e\n      \u003cp class=\"cavd-subtitle\"\u003eArgile blanche • Charbon actif • Citron bio\u003c\/p\u003e\n      \u003cp class=\"cavd-description\"\u003eUne recette de grand-mère revisitée, pensée pour votre sourire et pour la planète. Douceur, fraîcheur et efficacité, dans un sachet kraft recyclable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cavd-section\"\u003e\n    \u003ch2\u003eLa routine bucco-dentaire naturelle et zéro déchet\u003c\/h2\u003e\n    \u003cp class=\"cavd-section-intro\"\u003eVous cherchez un dentifrice naturel efficace, respectueux de votre santé et de la planète ? La recharge de dentifrice à l'argile blanche \u003cstrong\u003eCharbon \u0026amp; Citron\u003c\/strong\u003e de Comme Avant a été pensée pour vous.\u003c\/p\u003e\n    \u003cp class=\"cavd-section-intro\"\u003eFabriquée près de Marseille, cette formule bio et vegan associe la douceur de l'argile blanche à la puissance purifiante du charbon actif, le tout sublimé par une pointe de citron rafraîchissante. Une véritable \u003cstrong\u003erecette de grand-mère revisitée\u003c\/strong\u003e, en version moderne et rechargeable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cavd-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce dentifrice à l'argile blanche ?\u003c\/h2\u003e\n    \u003cp class=\"cavd-section-intro\"\u003eL'\u003cstrong\u003eargile blanche\u003c\/strong\u003e (kaolin) est reconnue depuis toujours pour ses vertus nettoyantes et reminéralisantes. Douce et non abrasive, elle respecte l'émail tout en éliminant efficacement la plaque dentaire. Associée au charbon végétal actif, elle contribue à atténuer les petites taches liées au café, au thé ou au tabac, pour un sourire visiblement plus lumineux au fil des brossages.\u003c\/p\u003e\n    \u003cdiv class=\"cavd-grid\"\u003e\n      \u003cdiv class=\"cavd-card\"\u003e\n        \u003ch3\u003e🤍 Argile blanche bio\u003c\/h3\u003e\n        \u003cp\u003eNettoie en douceur, assainit et respecte la muqueuse buccale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cavd-card\"\u003e\n        \u003ch3\u003e⚫ Charbon végétal actif\u003c\/h3\u003e\n        \u003cp\u003eAide à estomper les taches et rafraîchit l'haleine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cavd-card\"\u003e\n        \u003ch3\u003e🍋 Huile essentielle de citron bio\u003c\/h3\u003e\n        \u003cp\u003eApporte fraîcheur et tonicité à chaque brossage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cavd-card\"\u003e\n        \u003ch3\u003e🛡️ Fluor\u003c\/h3\u003e\n        \u003cp\u003eRenforce l'émail et aide à prévenir la formation des caries.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cavd-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"cavd-testimonial\"\u003e\n      \u003cp class=\"cavd-testimonial-text\"\u003eGlycerin*, Aqua, Kaolin*, Hydrated Silica, Xylitol*, Charcoal Powder*, Xanthan Gum, Sodium Cocoyl Glutamate, Sodium Monofluorophosphate (1450 ppm de fluor), Citrus Limon Peel Oil*, Citral, Limonene.\u003cbr\u003e\u003cbr\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cavd-tip\"\u003e\n      \u003cspan class=\"cavd-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eCertifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, vegan et biodégradable, ce dentifrice ne contient ni sulfates agressifs, ni conservateurs controversés, ni microplastiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cavd-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"cavd-timeline\"\u003e\n      \u003cdiv class=\"cavd-timeline-item\"\u003e\n        \u003cdiv class=\"cavd-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cavd-timeline-content\"\u003e\n          \u003ch3\u003eHumidifiez votre brosse\u003c\/h3\u003e\n          \u003cp\u003eMouillez légèrement les poils avant application.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cavd-timeline-item\"\u003e\n        \u003cdiv class=\"cavd-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cavd-timeline-content\"\u003e\n          \u003ch3\u003eDéposez une noisette\u003c\/h3\u003e\n          \u003cp\u003eUne petite quantité suffit pour un brossage efficace.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cavd-timeline-item\"\u003e\n        \u003cdiv class=\"cavd-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cavd-timeline-content\"\u003e\n          \u003ch3\u003eBrossez 2 minutes\u003c\/h3\u003e\n          \u003cp\u003eEffectuez des mouvements du haut vers le bas, matin et soir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cavd-timeline-item\"\u003e\n        \u003cdiv class=\"cavd-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cavd-timeline-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eAdapté aux adultes et enfants dès 6 ans, sous la surveillance d'un adulte.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cavd-tip\"\u003e\n      \u003cspan class=\"cavd-tip-icon\"\u003e♻️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eComment recharger votre flacon ?\u003c\/strong\u003e Une fois votre pot vide, ouvrez la recharge, versez délicatement son contenu dans le flacon Comme Avant, refermez et c'est prêt. Vous économisez ainsi un contenant plastique à chaque utilisation.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cavd-section\"\u003e\n    \u003ch2\u003eUn geste écologique au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"cavd-grid-compact\"\u003e\n      \u003cdiv class=\"cavd-card\"\u003e\n        \u003ch3\u003e📦 -50% d'emballage\u003c\/h3\u003e\n        \u003cp\u003eLa recharge divise par deux la quantité de packaging utilisée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cavd-card\"\u003e\n        \u003ch3\u003e🌾 Sachet kraft recyclable\u003c\/h3\u003e\n        \u003cp\u003eUn emballage pensé pour être valorisé après usage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cavd-card\"\u003e\n        \u003ch3\u003e💧 Formule biodégradable\u003c\/h3\u003e\n        \u003cp\u003eUne composition respectueuse des écosystèmes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cavd-card\"\u003e\n        \u003ch3\u003e🏭 Atelier engagé\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France, près de Marseille.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cavd-cream: #faf5ec;\n  --cavd-white: #ffffff;\n  --cavd-primary: #d4a437;\n  --cavd-primary-dark: #8a6a1f;\n  --cavd-primary-light: #fbf1d9;\n  --cavd-secondary: #b88746;\n  --cavd-accent: #2c2c2c;\n  --cavd-text: #2a2418;\n  --cavd-text-light: #6b6355;\n  --cavd-border: #e8dfc9;\n  --cavd-shadow: 0 4px 24px rgba(138,106,31,.10);\n  --cavd-shadow-lg: 0 12px 48px rgba(138,106,31,.18);\n  --cavd-radius: 20px;\n  --cavd-radius-sm: 12px;\n}\n\n.cavd-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cavd-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cavd-text);\n}\n\n.cavd-hero {\n  position: relative;\n  background: linear-gradient(135deg, #c9924a 0%, #d4a437 50%, #e8c56b 100%);\n  border-radius: var(--cavd-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cavd-shadow-lg);\n}\n\n.cavd-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(0,0,0,.3) 0%, transparent 40%);\n  opacity: .15;\n}\n\n.cavd-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cavd-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 6vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.cavd-subtitle {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  opacity: .95;\n  letter-spacing: .02em;\n}\n\n.cavd-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 17px);\n  margin: 0 auto;\n  max-width: 640px;\n  line-height: 1.7;\n  opacity: .92;\n}\n\n.cavd-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.75rem;\n}\n\n.cavd-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cavd-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cavd-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cavd-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cavd-premium h2 {\n  font-size: clamp(20px, 4.5vw, 32px);\n  font-weight: 900;\n  color: var(--cavd-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.cavd-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cavd-primary), var(--cavd-secondary));\n  border-radius: 2px;\n}\n\n.cavd-section-intro {\n  text-align: center;\n  font-size: clamp(14px, 2.3vw, 16px);\n  color: var(--cavd-text-light);\n  margin: 0 auto 1rem;\n  max-width: 720px;\n  line-height: 1.75;\n}\n\n.cavd-card {\n  background: var(--cavd-white);\n  border-radius: var(--cavd-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cavd-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cavd-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cavd-shadow-lg);\n  border-color: var(--cavd-primary);\n}\n\n.cavd-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cavd-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cavd-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cavd-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cavd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.25rem;\n  margin-top: 1.5rem;\n}\n\n.cavd-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cavd-grid-compact .cavd-card {\n  padding: 1rem;\n}\n\n.cavd-grid-compact .cavd-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cavd-grid-compact .cavd-card p {\n  font-size: 12px;\n}\n\n.cavd-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.cavd-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cavd-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cavd-primary), var(--cavd-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(212,164,55,.35);\n}\n\n.cavd-timeline-content {\n  flex: 1;\n  background: var(--cavd-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cavd-radius-sm);\n  box-shadow: var(--cavd-shadow);\n}\n\n.cavd-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cavd-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cavd-timeline-content p {\n  font-size: 14px;\n  color: var(--cavd-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cavd-testimonial {\n  background: var(--cavd-white);\n  border-radius: var(--cavd-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cavd-shadow);\n  border-left: 4px solid var(--cavd-primary);\n}\n\n.cavd-testimonial-text {\n  font-size: clamp(13px, 2.2vw, 15px);\n  color: var(--cavd-text);\n  line-height: 1.8;\n  margin: 0;\n  font-family: 'Courier New', monospace;\n  letter-spacing: .01em;\n}\n\n.cavd-accordion {\n  background: var(--cavd-white);\n  border-radius: var(--cavd-radius);\n  box-shadow: var(--cavd-shadow);\n  overflow: hidden;\n}\n\n.cavd-accordion-item {\n  border-bottom: 1px solid var(--cavd-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cavd-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cavd-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cavd-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n  gap: 1rem;\n}\n\n.cavd-accordion-header:hover {\n  background: var(--cavd-primary-light);\n}\n\n.cavd-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cavd-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cavd-primary);\n  transition: transform .2s ease;\n  flex-shrink: 0;\n}\n\n.cavd-accordion-item[open] .cavd-accordion-header::after {\n  content: '−';\n}\n\n.cavd-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cavd-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cavd-accordion-content p {\n  margin: 0;\n}\n\n.cavd-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cavd-primary-light);\n  border-radius: var(--cavd-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cavd-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1.2;\n}\n\n.cavd-tip p {\n  font-size: 14px;\n  color: var(--cavd-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cavd-disclaimer {\n  font-size: 12px;\n  color: var(--cavd-text-light);\n  text-align: center;\n  margin-top: 1.25rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .cavd-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .cavd-card {\n    padding: 1.125rem;\n  }\n  .cavd-section {\n    margin-bottom: 1.75rem;\n  }\n  .cavd-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cavd-radius-sm);\n  }\n  .cavd-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .cavd-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .cavd-grid-compact {\n    gap: .625rem;\n  }\n  .cavd-grid-compact .cavd-card {\n    padding: .75rem;\n  }\n  .cavd-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .cavd-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .cavd-timeline-content h3 {\n    font-size: 14px;\n  }\n  .cavd-timeline-content p {\n    font-size: 13px;\n  }\n  .cavd-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .cavd-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .cavd-testimonial {\n    padding: 1.25rem;\n  }\n  .cavd-testimonial-text {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cavd-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .cavd-card:nth-child(1) { animation-delay: .05s; }\n  .cavd-card:nth-child(2) { animation-delay: .1s; }\n  .cavd-card:nth-child(3) { animation-delay: .15s; }\n  .cavd-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cavd-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330415542649,"sku":"NBAICAV0145","price":15.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-de-dentifrice-a-largile-blanche-charbon-citron-180--packshothd.webp?v=1789482897"},{"product_id":"dentifrice-argile-blanche-coquelicot-recharge-comme-avant","title":"Recharge de dentifrice à l'argile blanche - Coquelicot - 180 ml - Comme Avant","description":"\u003cdiv class=\"cav-premium\"\u003e\n  \u003cdiv class=\"cav-hero\"\u003e\n    \u003cdiv class=\"cav-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cav-hero-content\"\u003e\n      \u003cdiv class=\"cav-badges-top\"\u003e\n        \u003cspan class=\"cav-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"cav-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n        \u003cspan class=\"cav-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"cav-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cav-hero-title\"\u003eLa fraîcheur douce du coquelicot, en version rechargeable\u003c\/span\u003e\n      \u003cp class=\"cav-subtitle\"\u003eRecharge de dentifrice à l'argile blanche · 180 ml\u003c\/p\u003e\n      \u003cp class=\"cav-description\"\u003eUne formule minimaliste à l'argile blanche et au fluor, pensée pour prendre soin de vos dents tout en réduisant vos emballages plastiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cav-section\"\u003e\n    \u003ch2\u003eUne recharge de dentifrice à l'argile blanche pensée pour durer\u003c\/h2\u003e\n    \u003cp class=\"cav-section-intro\"\u003eVous souhaitez réduire vos déchets sans renoncer à une hygiène bucco-dentaire irréprochable ? Cette \u003cstrong\u003erecharge de dentifrice à l'argile blanche parfum coquelicot\u003c\/strong\u003e de Comme Avant est faite pour vous.\u003c\/p\u003e\n    \u003cdiv class=\"cav-grid-compact\"\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e♻️ Rechargeable\u003c\/h3\u003e\n        \u003cp\u003eRemplissez à nouveau votre flacon en verre au lieu d'en racheter un.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n        \u003cp\u003eFormule Cosmos Organic, vegan et sans ingrédients controversés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriquée avec soin près de Marseille, en circuit court.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🦷 Avec fluor\u003c\/h3\u003e\n        \u003cp\u003e1450 ppm, la dose adulte recommandée par les dentistes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cav-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un dentifrice à l'argile blanche ?\u003c\/h2\u003e\n    \u003cp\u003eL'\u003cstrong\u003eargile blanche\u003c\/strong\u003e (kaolin) est reconnue pour sa douceur et ses propriétés reminéralisantes. Contrairement à certaines pâtes abrasives, elle nettoie les dents en profondeur sans agresser l'émail ni les gencives sensibles. C'est aussi pour cela qu'elle est plébiscitée dans les formules naturelles, à l'image du célèbre \u003cstrong\u003edentifrice à l'argile Cattier\u003c\/strong\u003e, ou dans les recettes de \u003cstrong\u003edentifrice argile verte\u003c\/strong\u003e maison.\u003c\/p\u003e\n    \u003cdiv class=\"cav-grid\"\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e✨ Nettoyage doux\u003c\/h3\u003e\n        \u003cp\u003eLe kaolin élimine la plaque sans agresser l'émail ni les gencives sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🛡️ Reminéralisant\u003c\/h3\u003e\n        \u003cp\u003eAide à préserver la solidité et la santé naturelle de vos dents au fil des brossages.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🌸 Respect du microbiote\u003c\/h3\u003e\n        \u003cp\u003eUne texture soyeuse qui absorbe les impuretés tout en préservant l'équilibre buccal.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cav-tip\"\u003e\n      \u003cspan class=\"cav-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eRésultat : un brossage doux, une sensation de propreté durable et des dents visiblement plus nettes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cav-section\"\u003e\n    \u003ch2\u003eLe coquelicot, un arôme naturel doux et original\u003c\/h2\u003e\n    \u003cp\u003eExit les parfums synthétiques trop mentholés qui piquent. L'arôme naturel de \u003cstrong\u003ecoquelicot\u003c\/strong\u003e, subtilement rehaussé d'une touche de menthol, offre une fraîcheur légère et gourmande.\u003c\/p\u003e\n    \u003cdiv class=\"cav-grid-compact\"\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🌺 Doux \u0026amp; floral\u003c\/h3\u003e\n        \u003cp\u003eUne note gourmande, loin des menthes agressives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e👦 Dès 6 ans\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour les enfants qui n'aiment pas les dentifrices classiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cav-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI simplifié)\u003c\/h2\u003e\n    \u003cdiv class=\"cav-grid\"\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n        \u003cp\u003eHumectant qui préserve l'hydratation de la pâte et adoucit la muqueuse buccale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🦴 Carbonate de calcium\u003c\/h3\u003e\n        \u003cp\u003eAbrasif doux qui aide à éliminer la plaque dentaire et à reminéraliser l'émail.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🌽 Amidon de maïs bio\u003c\/h3\u003e\n        \u003cp\u003eÉpaississant naturel pour une texture stable et agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🤍 Argile blanche (kaolin)\u003c\/h3\u003e\n        \u003cp\u003eNettoyante, apaisante et reminéralisante en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🛡️ Fluorure de sodium\u003c\/h3\u003e\n        \u003cp\u003e1450 ppm, la dose recommandée par les dentistes pour prévenir les caries chez l'adulte.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-card\"\u003e\n        \u003ch3\u003e🌺 Coquelicot \u0026amp; menthol\u003c\/h3\u003e\n        \u003cp\u003eArôme naturel pour la fraîcheur et de légères propriétés antibactériennes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cav-tip\"\u003e\n      \u003cspan class=\"cav-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eFormule \u003cstrong\u003ecertifiée Cosmos Organic\u003c\/strong\u003e, \u003cstrong\u003evegan\u003c\/strong\u003e et \u003cstrong\u003efabriquée en France\u003c\/strong\u003e. Sans SLS, sans dioxyde de titane, sans parabènes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cav-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"cav-timeline\"\u003e\n      \u003cdiv class=\"cav-timeline-item\"\u003e\n        \u003cdiv class=\"cav-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cav-timeline-content\"\u003e\n          \u003ch3\u003ePréparez votre flacon\u003c\/h3\u003e\n          \u003cp\u003eNettoyez soigneusement votre flacon en verre avant de le remplir avec la recharge.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-timeline-item\"\u003e\n        \u003cdiv class=\"cav-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cav-timeline-content\"\u003e\n          \u003ch3\u003eUne noisette suffit\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de dentifrice sur une brosse à dents humide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-timeline-item\"\u003e\n        \u003cdiv class=\"cav-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cav-timeline-content\"\u003e\n          \u003ch3\u003eBrossez 2 minutes\u003c\/h3\u003e\n          \u003cp\u003eMatin et soir, en effectuant de petits mouvements circulaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cav-timeline-item\"\u003e\n        \u003cdiv class=\"cav-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cav-timeline-content\"\u003e\n          \u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n          \u003cp\u003eEt savourez cette sensation de fraîcheur douce et naturelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cav-tip\"\u003e\n      \u003cspan class=\"cav-tip-icon\"\u003e♻️\u003c\/span\u003e\n      \u003cp\u003eLa contenance de 180 ml permet de recharger plusieurs fois votre flacon habituel : une \u003cstrong\u003erecharge de dentifrice\u003c\/strong\u003e économique qui limite considérablement les emballages plastiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cav-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"cav-accordion\"\u003e\n      \u003cdetails class=\"cav-accordion-item\"\u003e\n        \u003csummary class=\"cav-accordion-header\"\u003e👶 Public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"cav-accordion-content mt-3\"\u003e\n          \u003cp\u003eRecommandé à partir de \u003cstrong\u003e6 ans\u003c\/strong\u003e, sous la surveillance d'un adulte. En raison de la présence de fluor à dose adulte, ce dentifrice est déconseillé aux enfants plus jeunes ainsi qu'aux femmes enceintes ou allaitantes, sauf avis contraire de votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cav-accordion-item\"\u003e\n        \u003csummary class=\"cav-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"cav-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez à l'abri de la chaleur et de la lumière pour préserver toutes les qualités de la formule.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cav-accordion-item\"\u003e\n        \u003csummary class=\"cav-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"cav-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit d'hygiène ne remplace pas une consultation ni un traitement dentaire. En cas de douleur, saignement persistant ou pathologie bucco-dentaire, consultez votre chirurgien-dentiste.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cav-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"cav-accordion\"\u003e\n      \u003cdetails class=\"cav-accordion-item\"\u003e\n        \u003csummary class=\"cav-accordion-header\"\u003eLe dentifrice à l'argile blanche blanchit-il les dents ?\u003c\/summary\u003e\n        \u003cdiv class=\"cav-accordion-content mt-3\"\u003e\n          \u003cp\u003eIl n'a pas d'effet blanchissant chimique, mais son action nettoyante douce aide à retrouver l'éclat naturel des dents en éliminant la plaque et les taches superficielles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cav-accordion-item\"\u003e\n        \u003csummary class=\"cav-accordion-header\"\u003eQuelle différence avec un dentifrice à l'argile verte ?\u003c\/summary\u003e\n        \u003cdiv class=\"cav-accordion-content mt-3\"\u003e\n          \u003cp\u003eL'argile blanche est plus douce et mieux tolérée par les gencives sensibles, tandis que l'argile verte est plus absorbante et légèrement plus abrasive.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cav-cream: #faf6ef;\n  --cav-white: #ffffff;\n  --cav-primary: #e07856;\n  --cav-primary-dark: #b8532f;\n  --cav-primary-light: #fbe9e0;\n  --cav-secondary: #c9a882;\n  --cav-accent: #d94a3d;\n  --cav-text: #2b1f18;\n  --cav-text-light: #6b5a4e;\n  --cav-border: #ecdfd0;\n  --cav-shadow: 0 4px 24px rgba(120, 70, 40, .08);\n  --cav-shadow-lg: 0 12px 48px rgba(120, 70, 40, .15);\n  --cav-radius: 20px;\n  --cav-radius-sm: 12px;\n}\n\n.cav-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cav-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cav-text);\n}\n\n.cav-hero {\n  position: relative;\n  background: linear-gradient(135deg, #d94a3d 0%, #e07856 50%, #c9a882 100%);\n  border-radius: var(--cav-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cav-shadow-lg);\n}\n\n.cav-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n  opacity: .15;\n}\n\n.cav-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cav-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.cav-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.cav-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.cav-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cav-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cav-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cav-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cav-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cav-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cav-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.cav-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cav-primary), var(--cav-secondary));\n  border-radius: 2px;\n}\n\n.cav-premium p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.75;\n  color: var(--cav-text);\n  margin: 0 0 1rem 0;\n}\n\n.cav-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cav-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.cav-card {\n  background: var(--cav-white);\n  border-radius: var(--cav-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cav-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cav-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cav-shadow-lg);\n  border-color: var(--cav-primary);\n}\n\n.cav-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cav-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cav-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cav-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cav-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cav-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cav-grid-compact .cav-card {\n  padding: 1rem;\n}\n\n.cav-grid-compact .cav-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cav-grid-compact .cav-card p {\n  font-size: 12px;\n}\n\n.cav-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cav-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cav-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cav-primary), var(--cav-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(224, 120, 86, .3);\n}\n\n.cav-timeline-content {\n  flex: 1;\n  background: var(--cav-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cav-radius-sm);\n  box-shadow: var(--cav-shadow);\n}\n\n.cav-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cav-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cav-timeline-content p {\n  font-size: 14px;\n  color: var(--cav-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cav-accordion {\n  background: var(--cav-white);\n  border-radius: var(--cav-radius);\n  box-shadow: var(--cav-shadow);\n  overflow: hidden;\n}\n\n.cav-accordion-item {\n  border-bottom: 1px solid var(--cav-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cav-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cav-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cav-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n  gap: 1rem;\n}\n\n.cav-accordion-header:hover {\n  background: var(--cav-primary-light);\n}\n\n.cav-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cav-accordion-header::after {\n  content: '+';\n  font-size: 24px;\n  font-weight: 400;\n  color: var(--cav-primary);\n  transition: transform .2s ease;\n  flex-shrink: 0;\n}\n\n.cav-accordion-item[open] .cav-accordion-header::after {\n  content: '−';\n}\n\n.cav-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cav-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cav-accordion-content p {\n  margin: 0;\n  font-size: 14px;\n}\n\n.cav-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cav-primary-light);\n  border-radius: var(--cav-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--cav-primary);\n}\n\n.cav-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1.2;\n}\n\n.cav-tip p {\n  font-size: 14px;\n  color: var(--cav-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .cav-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .cav-card {\n    padding: 1.125rem;\n  }\n  \n  .cav-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .cav-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cav-radius-sm);\n  }\n  \n  .cav-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .cav-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .cav-grid-compact {\n    gap: .625rem;\n  }\n  \n  .cav-grid-compact .cav-card {\n    padding: .75rem;\n  }\n  \n  .cav-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .cav-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .cav-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .cav-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .cav-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .cav-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cav-card {\n    animation: cavFadeInUp .5s ease backwards;\n  }\n  .cav-card:nth-child(1) { animation-delay: .05s; }\n  .cav-card:nth-child(2) { animation-delay: .1s; }\n  .cav-card:nth-child(3) { animation-delay: .15s; }\n  .cav-card:nth-child(4) { animation-delay: .2s; }\n  .cav-card:nth-child(5) { animation-delay: .25s; }\n  .cav-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cavFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cav-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330415575417,"sku":"NBAICAV0146","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-de-dentifrice-a-largile-blanche-coquelicot-180-ml-c-packshothd.webp?v=1789482863"},{"product_id":"recharge-dentifrice-enfant-argile-blanche-pomme-comme-avant","title":"Recharge de dentifrice enfant à l'argile blanche - Goût Pomme - 180 ml - Comme Avant","description":"\u003cdiv class=\"dfe-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"dfe-hero\"\u003e\n    \u003cdiv class=\"dfe-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"dfe-hero-content\"\u003e\n      \u003cdiv class=\"dfe-badges-top\"\u003e\n        \u003cspan class=\"dfe-badge\"\u003e🍏 Goût pomme\u003c\/span\u003e\n        \u003cspan class=\"dfe-badge\"\u003e👶 Dès 2 ans\u003c\/span\u003e\n        \u003cspan class=\"dfe-badge\"\u003e🌿 Certifié bio Cosmos\u003c\/span\u003e\n        \u003cspan class=\"dfe-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"dfe-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"dfe-hero-title\"\u003eRecharge de dentifrice enfant à l'argile blanche – Goût pomme\u003c\/span\u003e\n      \u003cp class=\"dfe-subtitle\"\u003e180 ml · Comme Avant\u003c\/p\u003e\n      \u003cp class=\"dfe-description\"\u003eUn dentifrice naturel et certifié bio au délicieux goût de pomme, formulé avec seulement quelques ingrédients d'origine naturelle pour protéger les dents de lait en douceur. Format rechargeable, zéro déchet inutile.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"dfe-section\"\u003e\n    \u003ch2\u003eRecharge de dentifrice enfant à l'argile blanche – Goût pomme, dès 2 ans\u003c\/h2\u003e\n    \u003cp class=\"dfe-section-intro\"\u003eVous cherchez un dentifrice enfant naturel alliant efficacité, goût agréable et démarche écologique ? Cette recharge de dentifrice à l'argile blanche au parfum de pomme, signée Comme Avant, accompagne le brossage des plus petits avec douceur.\u003c\/p\u003e\n    \u003cdiv class=\"dfe-grid-compact\"\u003e\n      \u003cdiv class=\"dfe-card\"\u003e\n        \u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient artificiel, sans sulfates, sans parabènes ni colorants\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dfe-card\"\u003e\n        \u003ch3\u003e🍎 Goût pomme\u003c\/h3\u003e\n        \u003cp\u003eArôme naturel de pomme adoré des enfants pour un brossage plaisir\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dfe-card\"\u003e\n        \u003ch3\u003e🔬 1000 ppm de fluor\u003c\/h3\u003e\n        \u003cp\u003eDosage recommandé par les dentistes dès 2 ans pour prévenir les caries\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dfe-card\"\u003e\n        \u003ch3\u003e♻️ Rechargeable\u003c\/h3\u003e\n        \u003cp\u003eFormat 180 ml éco-responsable pour réduire vos déchets\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"dfe-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'argile blanche pour un dentifrice enfant ?\u003c\/h2\u003e\n    \u003cdiv class=\"dfe-grid\"\u003e\n      \u003cdiv class=\"dfe-card\"\u003e\n        \u003ch3\u003e🦷 Ultra douce pour l'émail\u003c\/h3\u003e\n        \u003cp\u003eL'argile blanche (kaolin) est l'un des ingrédients les plus doux pour nettoyer les dents. Elle respecte l'émail fragile des dents de lait tout en éliminant efficacement la plaque dentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dfe-card\"\u003e\n        \u003ch3\u003e⚖️ Argile blanche vs argile verte\u003c\/h3\u003e\n        \u003cp\u003eL'argile blanche est nettement plus douce et convient parfaitement aux gencives sensibles des enfants. L'argile verte, plus absorbante, est plutôt réservée aux adultes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dfe-card\"\u003e\n        \u003ch3\u003e✅ Totalement sûre\u003c\/h3\u003e\n        \u003cp\u003eUtilisée dans un produit certifié bio et formulé par des professionnels, l'argile blanche est totalement sûre pour les jeunes enfants. Aucun danger dans cette formule certifiée Cosmos Organic.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"dfe-section\"\u003e\n    \u003ch2\u003eComposition détaillée de la recharge 180 ml\u003c\/h2\u003e\n    \u003cp class=\"dfe-section-intro\"\u003eMoins de 10 ingrédients, tous d'origine naturelle. Une formule transparente, sans substances controversées.\u003c\/p\u003e\n    \u003cdiv class=\"dfe-grid\"\u003e\n      \u003cdiv class=\"dfe-card\"\u003e\n        \u003ch3\u003e🤍 Argile blanche (kaolin)\u003c\/h3\u003e\n        \u003cp\u003eNettoie les dents en douceur sans agresser l'émail ni les gencives sensibles des enfants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dfe-card\"\u003e\n        \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n        \u003cp\u003eMaintient l'hydratation de la muqueuse buccale et apporte une texture onctueuse agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dfe-card\"\u003e\n        \u003ch3\u003e💎 Carbonate de calcium\u003c\/h3\u003e\n        \u003cp\u003eAgent polissant naturel qui aide à éliminer la plaque dentaire efficacement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dfe-card\"\u003e\n        \u003ch3\u003e🌾 Amidon de maïs\u003c\/h3\u003e\n        \u003cp\u003eÉpaississant naturel pour une consistance parfaitement adaptée au brossage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dfe-card\"\u003e\n        \u003ch3\u003e🍏 Arôme naturel de pomme\u003c\/h3\u003e\n        \u003cp\u003eSaveur fruitée que les enfants adorent, rendant le brossage bien plus plaisant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dfe-card\"\u003e\n        \u003ch3\u003e🛡️ Fluorure de sodium (1000 ppm)\u003c\/h3\u003e\n        \u003cp\u003eDosage recommandé par les dentistes dès 2 ans pour protéger l'émail et prévenir les caries.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dfe-tip\"\u003e\n      \u003cspan class=\"dfe-tip-icon\"\u003e🚫\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans sulfates, sans parabènes, sans colorants artificiels\u003c\/strong\u003e et sans aucune substance controversée. Formule 100 % d'origine naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"dfe-section\"\u003e\n    \u003ch2\u003eComment utiliser cette recharge de dentifrice ?\u003c\/h2\u003e\n    \u003cdiv class=\"dfe-timeline\"\u003e\n      \u003cdiv class=\"dfe-timeline-item\"\u003e\n        \u003cdiv class=\"dfe-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"dfe-timeline-content\"\u003e\n          \u003ch3\u003eRemplir le flacon\u003c\/h3\u003e\n          \u003cp\u003eDévissez la pompe de votre flacon en verre Comme Avant, versez le contenu de la recharge 180 ml, puis refermez. Un geste simple pour réduire considérablement vos déchets.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dfe-timeline-item\"\u003e\n        \u003cdiv class=\"dfe-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"dfe-timeline-content\"\u003e\n          \u003ch3\u003eDoser la bonne quantité\u003c\/h3\u003e\n          \u003cp\u003eDéposez une petite noisette de dentifrice sur la brosse à dents humidifiée de votre enfant. La pompe permet un dosage précis et économique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dfe-timeline-item\"\u003e\n        \u003cdiv class=\"dfe-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"dfe-timeline-content\"\u003e\n          \u003ch3\u003eBrosser 2 minutes\u003c\/h3\u003e\n          \u003cp\u003eBrossez pendant deux minutes, matin et soir. Rincez bien après le brossage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dfe-timeline-item\"\u003e\n        \u003cdiv class=\"dfe-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"dfe-timeline-content\"\u003e\n          \u003ch3\u003eSuperviser le brossage\u003c\/h3\u003e\n          \u003cp\u003eAccompagnez votre enfant durant le brossage pour éviter toute ingestion excessive de dentifrice. Un moment de complicité au quotidien !\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"dfe-section\"\u003e\n    \u003ch2\u003eUn choix éco-responsable fabriqué en France\u003c\/h2\u003e\n    \u003cdiv class=\"dfe-grid-compact\"\u003e\n      \u003cdiv class=\"dfe-card\"\u003e\n        \u003ch3\u003e🏭 Fabrication artisanale\u003c\/h3\u003e\n        \u003cp\u003eFabriqué près de Marseille avec le savoir-faire Comme Avant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dfe-card\"\u003e\n        \u003ch3\u003e♻️ Format rechargeable\u003c\/h3\u003e\n        \u003cp\u003eLimite le plastique à usage unique grâce au flacon en verre réutilisable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dfe-card\"\u003e\n        \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eCertification garantissant des normes strictes en ingrédients biologiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dfe-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n        \u003cp\u003eCertifié vegan et portant la mention Origine France Garantie\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dfe-tip\"\u003e\n      \u003cspan class=\"dfe-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eSi vous avez déjà cherché à \u003cstrong\u003efaire votre dentifrice à l'argile blanche\u003c\/strong\u003e maison, vous savez que le dosage en fluor et la stabilité de la formule sont délicats. Ce dentifrice vous offre la tranquillité d'une recette professionnelle avec toute la naturalité recherchée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"dfe-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"dfe-accordion\"\u003e\n      \u003cdetails class=\"dfe-accordion-item\"\u003e\n        \u003csummary class=\"dfe-accordion-header\"\u003e⚠️ Précautions importantes\u003c\/summary\u003e\n        \u003cdiv class=\"dfe-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe dentifrice ne remplace pas un suivi dentaire régulier. En cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé. Supervisez le brossage de votre enfant pour limiter l'ingestion de dentifrice.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dfe-accordion-item\"\u003e\n        \u003csummary class=\"dfe-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"dfe-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez la recharge à l'abri de la chaleur et de l'humidité. Refermez bien le bouchon après chaque utilisation. À utiliser de préférence dans les 6 mois après ouverture.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"dfe-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"dfe-accordion\"\u003e\n      \u003cdetails class=\"dfe-accordion-item\"\u003e\n        \u003csummary class=\"dfe-accordion-header\"\u003e👶 À partir de quel âge peut-on utiliser ce dentifrice ?\u003c\/summary\u003e\n        \u003cdiv class=\"dfe-accordion-content mt-3\"\u003e\n          \u003cp\u003eIl est formulé pour les enfants \u003cstrong\u003edès 2 ans\u003c\/strong\u003e, avec un dosage en fluor de 1000 ppm conforme aux recommandations des autorités de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dfe-accordion-item\"\u003e\n        \u003csummary class=\"dfe-accordion-header\"\u003e🔬 Ce dentifrice contient-il du fluor ? Est-ce sans risque ?\u003c\/summary\u003e\n        \u003cdiv class=\"dfe-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, il contient 1000 ppm de fluorure de sodium, dosage recommandé par les dentistes pédiatriques dès 2 ans. Veillez à surveiller le brossage pour limiter l'ingestion.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dfe-accordion-item\"\u003e\n        \u003csummary class=\"dfe-accordion-header\"\u003e🧴 Puis-je utiliser cette recharge sans le flacon pompe Comme Avant ?\u003c\/summary\u003e\n        \u003cdiv class=\"dfe-accordion-content mt-3\"\u003e\n          \u003cp\u003eLa recharge est prévue pour le flacon pompe en verre de la marque, mais vous pouvez l'utiliser avec tout contenant adapté muni d'une pompe.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dfe-accordion-item\"\u003e\n        \u003csummary class=\"dfe-accordion-header\"\u003e🐰 Ce dentifrice convient-il aux végétaliens ?\u003c\/summary\u003e\n        \u003cdiv class=\"dfe-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, il est certifié vegan et ne contient aucun ingrédient d'origine animale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"dfe-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"dfe-cta-box\"\u003e\n      \u003cp\u003e🍏 Offrez à votre enfant un brossage naturel, efficace et gourmand.\u003cbr\u003eCertifié bio, vegan et fabriqué en France – le dentifrice que les petits adorent et que les parents approuvent !\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"dfe-disclaimer\"\u003eLes compléments alimentaires et produits d'hygiène ne se substituent pas à une alimentation variée, équilibrée, et à un mode de vie sain. Ce produit ne remplace pas un suivi dentaire régulier.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --dfe-cream: #faf6f0;\n  --dfe-white: #ffffff;\n  --dfe-primary: #8bb556;\n  --dfe-primary-dark: #4a6b2a;\n  --dfe-primary-light: #f0f6e8;\n  --dfe-secondary: #c8a96e;\n  --dfe-accent: #e8c547;\n  --dfe-text: #1a1a1a;\n  --dfe-text-light: #5a5a5a;\n  --dfe-border: #e0e0e0;\n  --dfe-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --dfe-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --dfe-radius: 20px;\n  --dfe-radius-sm: 12px;\n}\n\n.dfe-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--dfe-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dfe-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4a6b2a 0%, #8bb556 50%, #c8a96e 100%);\n  border-radius: var(--dfe-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--dfe-shadow-lg);\n}\n\n.dfe-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: .6;\n}\n\n.dfe-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.dfe-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.dfe-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.dfe-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--dfe-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.dfe-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.dfe-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.dfe-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.dfe-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dfe-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--dfe-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.dfe-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--dfe-primary), var(--dfe-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.dfe-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dfe-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.dfe-card {\n  background: var(--dfe-white);\n  border-radius: var(--dfe-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--dfe-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.dfe-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--dfe-shadow-lg);\n  border-color: var(--dfe-primary);\n}\n\n.dfe-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--dfe-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.dfe-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--dfe-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.dfe-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dfe-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.dfe-grid-compact .dfe-card {\n  padding: 1rem;\n}\n\n.dfe-grid-compact .dfe-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.dfe-grid-compact .dfe-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dfe-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.dfe-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.dfe-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--dfe-primary), var(--dfe-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.dfe-timeline-content {\n  flex: 1;\n  background: var(--dfe-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--dfe-radius-sm);\n  box-shadow: var(--dfe-shadow);\n}\n\n.dfe-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--dfe-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.dfe-timeline-content p {\n  font-size: 14px;\n  color: var(--dfe-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.dfe-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--dfe-primary-light);\n  border-radius: var(--dfe-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.dfe-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.dfe-tip p {\n  font-size: 14px;\n  color: var(--dfe-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.dfe-accordion {\n  background: var(--dfe-white);\n  border-radius: var(--dfe-radius);\n  box-shadow: var(--dfe-shadow);\n  overflow: hidden;\n}\n\n.dfe-accordion-item {\n  border-bottom: 1px solid var(--dfe-border);\n  margin: 0;\n  padding: 0;\n}\n\n.dfe-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.dfe-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--dfe-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.dfe-accordion-header:hover {\n  background: var(--dfe-primary-light);\n}\n\n.dfe-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.dfe-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--dfe-primary);\n  transition: transform .2s ease;\n}\n\n.dfe-accordion-item[open] .dfe-accordion-header::after {\n  content: '−';\n}\n\n.dfe-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--dfe-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.dfe-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.dfe-cta-box {\n  background: linear-gradient(135deg, var(--dfe-primary) 0%, var(--dfe-primary-dark) 100%);\n  border-radius: var(--dfe-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.dfe-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.dfe-disclaimer {\n  font-size: 12px;\n  color: var(--dfe-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .dfe-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .dfe-card {\n    padding: 1.125rem;\n  }\n\n  .dfe-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .dfe-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--dfe-radius-sm);\n  }\n\n  .dfe-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .dfe-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .dfe-grid-compact {\n    gap: .625rem;\n  }\n\n  .dfe-grid-compact .dfe-card {\n    padding: .75rem;\n  }\n\n  .dfe-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .dfe-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .dfe-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .dfe-timeline-content p {\n    font-size: 13px;\n  }\n\n  .dfe-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .dfe-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .dfe-card {\n    animation: dfeFadeInUp .5s ease backwards;\n  }\n  .dfe-card:nth-child(1) { animation-delay: .05s; }\n  .dfe-card:nth-child(2) { animation-delay: .1s; }\n  .dfe-card:nth-child(3) { animation-delay: .15s; }\n  .dfe-card:nth-child(4) { animation-delay: .2s; }\n  .dfe-card:nth-child(5) { animation-delay: .25s; }\n  .dfe-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dfeFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .dfe-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330415608185,"sku":"NBAICAV0147","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-dentifrice-enfant-argile-blanche-pomme-180ml-comme-avant_2_11zon.jpg?v=1759484237"},{"product_id":"dentifrice-argile-blanche-sans-fluor-comme-avant-recharge","title":"Recharge de dentifrice à l'argile blanche - Sans parfum \u0026 sans fluor - 180 ml - Comme Avant","description":"\u003cdiv class=\"dab-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"dab-hero\"\u003e\n    \u003cdiv class=\"dab-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"dab-hero-content\"\u003e\n      \u003cdiv class=\"dab-badges-top\"\u003e\n        \u003cspan class=\"dab-badge\"\u003e🌿 Bio COSMOS Organic\u003c\/span\u003e\n        \u003cspan class=\"dab-badge\"\u003e🚫 Sans fluor\u003c\/span\u003e\n        \u003cspan class=\"dab-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"dab-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"dab-hero-title\"\u003eRecharge de dentifrice à l'argile blanche\u003c\/span\u003e\n      \u003cp class=\"dab-subtitle\"\u003eSans parfum · Sans fluor · 180 ml\u003c\/p\u003e\n      \u003cp class=\"dab-description\"\u003eLe soin bucco-dentaire bio et minimaliste de Comme Avant : seulement 5 ingrédients d'origine naturelle pour toute la famille, dès 3 ans.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"dab-section\"\u003e\n    \u003ch2\u003eRecharge de dentifrice à l'argile blanche sans parfum : le soin bucco-dentaire bio et naturel\u003c\/h2\u003e\n    \u003cp class=\"dab-section-intro\"\u003eVous cherchez un \u003cstrong\u003edentifrice sans fluor\u003c\/strong\u003e vraiment naturel, efficace et respectueux de votre santé ? La recharge de dentifrice à l'argile blanche de \u003cstrong\u003eComme Avant\u003c\/strong\u003e est pensée pour celles et ceux qui veulent simplifier leur routine d'hygiène bucco-dentaire sans faire de compromis sur la qualité.\u003c\/p\u003e\n    \u003cdiv class=\"dab-grid-compact\"\u003e\n      \u003cdiv class=\"dab-card\"\u003e\n        \u003ch3\u003e🌱 Sans parfum\u003c\/h3\u003e\n        \u003cp\u003eAucun arôme de synthèse, un goût doux et neutre adapté aux bouches sensibles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dab-card\"\u003e\n        \u003ch3\u003e🚫 Sans fluor\u003c\/h3\u003e\n        \u003cp\u003eZéro substance controversée pour une hygiène en toute sérénité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dab-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eConvient dès 3 ans, aux femmes enceintes et allaitantes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dab-card\"\u003e\n        \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eLabellisé COSMOS Organic et vegan par un organisme indépendant\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"dab-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un dentifrice à l'argile blanche sans fluor ?\u003c\/h2\u003e\n    \u003cp class=\"dab-section-intro\"\u003eDe plus en plus de personnes se tournent vers un \u003cstrong\u003edentifrice sans fluor\u003c\/strong\u003e pour limiter l'exposition aux substances controversées. L'\u003cstrong\u003eargile blanche (Kaolin)\u003c\/strong\u003e constitue une alternative de choix.\u003c\/p\u003e\n    \u003cdiv class=\"dab-grid\"\u003e\n      \u003cdiv class=\"dab-card\"\u003e\n        \u003ch3\u003e🦷 Nettoyage en douceur\u003c\/h3\u003e\n        \u003cp\u003eL'argile blanche nettoie les dents grâce à son pouvoir légèrement abrasif, sans agresser l'émail ni les gencives sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dab-card\"\u003e\n        \u003ch3\u003e⚖️ Neutralise l'acidité\u003c\/h3\u003e\n        \u003cp\u003eElle aide à rééquilibrer le pH buccal et contribue à la \u003cstrong\u003ereminéralisation de l'émail\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dab-card\"\u003e\n        \u003ch3\u003e🩹 Apaise les gencives\u003c\/h3\u003e\n        \u003cp\u003eParticulièrement adaptée aux bouches délicates, elle calme les gencives irritées et sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dab-tip\"\u003e\n      \u003cspan class=\"dab-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eContrairement à certains dentifrices classiques chargés en additifs, cette formule ne contient ni parfum de synthèse, ni colorant, ni conservateur superflu. Peu de dentifrices sans fluor disponibles en parapharmacie offrent une composition aussi courte et transparente.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"dab-section\"\u003e\n    \u003ch2\u003eUne composition courte, transparente et efficace\u003c\/h2\u003e\n    \u003cp class=\"dab-section-intro\"\u003eSeulement \u003cstrong\u003e5 ingrédients\u003c\/strong\u003e, rien de plus. Pas de dioxyde de titane, pas de sulfates agressifs, pas de perturbateurs endocriniens.\u003c\/p\u003e\n    \u003cdiv class=\"dab-grid\"\u003e\n      \u003cdiv class=\"dab-card\"\u003e\n        \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n        \u003cp\u003eHydrate la muqueuse buccale et apporte une texture douce et agréable au brossage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dab-card\"\u003e\n        \u003ch3\u003e🪨 Carbonate de calcium\u003c\/h3\u003e\n        \u003cp\u003eAgent polissant doux qui élimine la plaque dentaire sans rayer l'émail de vos dents.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dab-card\"\u003e\n        \u003ch3\u003e🤍 Argile blanche (Kaolin)\u003c\/h3\u003e\n        \u003cp\u003ePurifie et assainit la bouche, aide à prévenir la formation de tartre au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dab-card\"\u003e\n        \u003ch3\u003e🫧 Sodium Cocoyl Glutamate\u003c\/h3\u003e\n        \u003cp\u003eTensioactif d'origine naturelle qui produit une mousse légère et délicate.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dab-card\"\u003e\n        \u003ch3\u003e🌾 Gomme xanthane\u003c\/h3\u003e\n        \u003cp\u003eÉpaississant naturel qui stabilise la texture du dentifrice pour un usage optimal.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"dab-section\"\u003e\n    \u003ch2\u003eComment utiliser cette recharge de 180 ml ?\u003c\/h2\u003e\n    \u003cdiv class=\"dab-timeline\"\u003e\n      \u003cdiv class=\"dab-timeline-item\"\u003e\n        \u003cdiv class=\"dab-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"dab-timeline-content\"\u003e\n          \u003ch3\u003eRemplissez votre flacon\u003c\/h3\u003e\n          \u003cp\u003eVersez simplement le contenu de la recharge dans votre flacon pompe en verre Comme Avant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dab-timeline-item\"\u003e\n        \u003cdiv class=\"dab-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"dab-timeline-content\"\u003e\n          \u003ch3\u003eHumidifiez votre brosse\u003c\/h3\u003e\n          \u003cp\u003ePassez votre brosse à dents sous l'eau, puis effectuez une à deux pressions sur la pompe.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dab-timeline-item\"\u003e\n        \u003cdiv class=\"dab-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"dab-timeline-content\"\u003e\n          \u003ch3\u003eBrossez pendant 2 minutes\u003c\/h3\u003e\n          \u003cp\u003eBrossez doucement en effectuant des mouvements circulaires. Le format 180 ml vous assure plusieurs semaines d'utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dab-tip\"\u003e\n      \u003cspan class=\"dab-tip-icon\"\u003e♻️\u003c\/span\u003e\n      \u003cp\u003eUn choix à la fois \u003cstrong\u003eéconomique et écologique\u003c\/strong\u003e : le système de recharge réduit les déchets et permet de conserver votre flacon en verre indéfiniment.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"dab-section\"\u003e\n    \u003ch2\u003eEngagements et certifications\u003c\/h2\u003e\n    \u003cdiv class=\"dab-grid-compact\"\u003e\n      \u003cdiv class=\"dab-card\"\u003e\n        \u003ch3\u003e🌿 Certifié Bio COSMOS Organic\u003c\/h3\u003e\n        \u003cp\u003ePar un organisme indépendant reconnu\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dab-card\"\u003e\n        \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n        \u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dab-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003ePrès de Marseille, avec des ingrédients sélectionnés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dab-card\"\u003e\n        \u003ch3\u003e♻️ Emballage recyclable\u003c\/h3\u003e\n        \u003cp\u003ePour réduire les déchets au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"dab-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"dab-accordion\"\u003e\n      \u003cdetails class=\"dab-accordion-item\"\u003e\n        \u003csummary class=\"dab-accordion-header\"\u003e🍼 Ce dentifrice sans fluor convient-il aux bébés ?\u003c\/summary\u003e\n        \u003cdiv class=\"dab-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe \u003cstrong\u003edentifrice sans fluor\u003c\/strong\u003e est recommandé à partir de 3 ans. Pour les plus petits, demandez conseil à votre pédiatre ou dentiste.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dab-accordion-item\"\u003e\n        \u003csummary class=\"dab-accordion-header\"\u003e👅 Le goût est-il agréable malgré l'absence de parfum ?\u003c\/summary\u003e\n        \u003cdiv class=\"dab-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, la formule offre un goût neutre et doux, idéale pour les personnes sensibles aux arômes ou qui préfèrent une expérience la plus naturelle possible.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dab-accordion-item\"\u003e\n        \u003csummary class=\"dab-accordion-header\"\u003e✨ Ce dentifrice à l'argile blanche blanchit-il les dents ?\u003c\/summary\u003e\n        \u003cdiv class=\"dab-accordion-content mt-3\"\u003e\n          \u003cp\u003eL'argile blanche et le carbonate de calcium polissent délicatement la surface des dents, contribuant à retrouver leur blancheur naturelle au fil des brossages.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dab-accordion-item\"\u003e\n        \u003csummary class=\"dab-accordion-header\"\u003e⚠️ Peut-il remplacer un traitement dentaire ?\u003c\/summary\u003e\n        \u003cdiv class=\"dab-accordion-content mt-3\"\u003e\n          \u003cp\u003eNon. Ce dentifrice participe à une bonne hygiène bucco-dentaire quotidienne, mais ne remplace en aucun cas un suivi régulier chez votre dentiste ni un traitement médical adapté.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"dab-disclaimer\"\u003eCe produit cosmétique ne remplace pas un suivi dentaire régulier. En cas de problème bucco-dentaire, consultez votre dentiste.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --dab-cream: #faf6f1;\n  --dab-white: #ffffff;\n  --dab-primary: #c4956a;\n  --dab-primary-dark: #8b5e3c;\n  --dab-primary-light: #f5ece3;\n  --dab-secondary: #d4a574;\n  --dab-accent: #a8c5a0;\n  --dab-text: #1a1a1a;\n  --dab-text-light: #5a5a5a;\n  --dab-border: #e8ddd2;\n  --dab-shadow: 0 4px 24px rgba(139,94,60,.08);\n  --dab-shadow-lg: 0 12px 48px rgba(139,94,60,.15);\n  --dab-radius: 20px;\n  --dab-radius-sm: 12px;\n}\n\n.dab-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--dab-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dab-hero {\n  position: relative;\n  background: linear-gradient(135deg, #c4956a 0%, #d4a574 40%, #a8c5a0 100%);\n  border-radius: var(--dab-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--dab-shadow-lg);\n}\n\n.dab-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%);\n  opacity: 1;\n}\n\n.dab-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.dab-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.dab-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.dab-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.dab-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.dab-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--dab-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.dab-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dab-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dab-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--dab-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.dab-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--dab-primary), var(--dab-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.dab-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dab-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.dab-card {\n  background: var(--dab-white);\n  border-radius: var(--dab-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--dab-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.dab-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--dab-shadow-lg);\n  border-color: var(--dab-primary);\n}\n\n.dab-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--dab-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.dab-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--dab-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.dab-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dab-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.dab-grid-compact .dab-card {\n  padding: 1rem;\n}\n\n.dab-grid-compact .dab-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.dab-grid-compact .dab-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dab-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.dab-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.dab-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--dab-primary), var(--dab-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.dab-timeline-content {\n  flex: 1;\n  background: var(--dab-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--dab-radius-sm);\n  box-shadow: var(--dab-shadow);\n}\n\n.dab-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--dab-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.dab-timeline-content p {\n  font-size: 14px;\n  color: var(--dab-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.dab-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--dab-primary-light);\n  border-radius: var(--dab-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.dab-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.dab-tip p {\n  font-size: 14px;\n  color: var(--dab-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.dab-accordion {\n  background: var(--dab-white);\n  border-radius: var(--dab-radius);\n  box-shadow: var(--dab-shadow);\n  overflow: hidden;\n}\n\n.dab-accordion-item {\n  border-bottom: 1px solid var(--dab-border);\n  margin: 0;\n  padding: 0;\n}\n\n.dab-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.dab-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--dab-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.dab-accordion-header:hover {\n  background: var(--dab-primary-light);\n}\n\n.dab-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.dab-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--dab-primary);\n  transition: transform .2s ease;\n  flex-shrink: 0;\n  margin-left: 1rem;\n}\n\n.dab-accordion-item[open] .dab-accordion-header::after {\n  content: '−';\n}\n\n.dab-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--dab-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.dab-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.dab-disclaimer {\n  font-size: 12px;\n  color: var(--dab-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .dab-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .dab-card {\n    padding: 1.125rem;\n  }\n\n  .dab-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .dab-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--dab-radius-sm);\n  }\n\n  .dab-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .dab-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .dab-grid-compact {\n    gap: .625rem;\n  }\n\n  .dab-grid-compact .dab-card {\n    padding: .75rem;\n  }\n\n  .dab-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .dab-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .dab-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .dab-timeline-content p {\n    font-size: 13px;\n  }\n\n  .dab-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .dab-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .dab-card {\n    animation: dabFadeInUp .5s ease backwards;\n  }\n  .dab-card:nth-child(1) { animation-delay: .05s; }\n  .dab-card:nth-child(2) { animation-delay: .1s; }\n  .dab-card:nth-child(3) { animation-delay: .15s; }\n  .dab-card:nth-child(4) { animation-delay: .2s; }\n  .dab-card:nth-child(5) { animation-delay: .25s; }\n  .dab-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dabFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .dab-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330415706489,"sku":"NBAICAV0144","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-dentifrice-argile-blanche-sans-parfum-sans-fluor-180ml-comme-avant.jpg?v=1776409384"},{"product_id":"dentifrice-meswak-citron-kerala-nature","title":"Dentifrice Meswak ayurvédique goût citron - 100g - Kerala Nature","description":"\u003cdiv class=\"msk-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"msk-hero\"\u003e\n    \u003cdiv class=\"msk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"msk-hero-content\"\u003e\n      \u003cdiv class=\"msk-badges-top\"\u003e\n        \u003cspan class=\"msk-badge\"\u003e🌿 Ayurvédique\u003c\/span\u003e\n        \u003cspan class=\"msk-badge\"\u003e🍋 Goût citron\u003c\/span\u003e\n        \u003cspan class=\"msk-badge\"\u003e🐰 Non testé sur les animaux\u003c\/span\u003e\n        \u003cspan class=\"msk-badge\"\u003e🇮🇳 Fabriqué en Inde\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"msk-hero-title\"\u003eDentifrice Meswak Ayurvédique Goût Citron\u003c\/span\u003e\n      \u003cp class=\"msk-subtitle\"\u003eKerala Nature — Tube 100 g\u003c\/p\u003e\n      \u003cp class=\"msk-description\"\u003eLa puissance d'une racine millénaire alliée à la fraîcheur vivifiante du citron pour une hygiène buccale naturelle et efficace.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"msk-section\"\u003e\n    \u003ch2\u003eDentifrice Meswak citron : l'hygiène buccale naturelle venue d'Inde\u003c\/h2\u003e\n    \u003cp class=\"msk-section-intro\"\u003eVous cherchez un \u003cstrong\u003edentifrice naturel\u003c\/strong\u003e qui prend réellement soin de vos dents et de vos gencives, sans compromis sur le plaisir ?\u003c\/p\u003e\n    \u003cdiv class=\"msk-testimonial\"\u003e\n      \u003cp class=\"msk-testimonial-text\"\u003eLe \u003cstrong\u003edentifrice Meswak goût citron\u003c\/strong\u003e de Kerala Nature est une invitation à redécouvrir le brossage quotidien. Sa formule \u003cstrong\u003eayurvédique\u003c\/strong\u003e, enrichie en extrait de \u003cstrong\u003emeswak\u003c\/strong\u003e (Salvadora persica) et relevée d'une note citronnée vivifiante, offre une expérience sensorielle unique tout en respectant l'équilibre naturel de votre bouche.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"msk-section\"\u003e\n    \u003ch2\u003eLe meswak : un trésor millénaire pour vos dents\u003c\/h2\u003e\n    \u003cp class=\"msk-section-intro\"\u003eLe meswak, aussi appelé siwak, est une racine utilisée depuis plus de \u003cstrong\u003e7 000 ans\u003c\/strong\u003e dans la tradition orientale pour l'hygiène bucco-dentaire. L'Organisation Mondiale de la Santé elle-même a reconnu son intérêt pour la santé buccale. Dans ce \u003cstrong\u003edentifrice au meswak\u003c\/strong\u003e, l'extrait concentré de Salvadora persica agit en synergie avec des arômes naturels de citron pour vous offrir :\u003c\/p\u003e\n    \u003cdiv class=\"msk-grid\"\u003e\n      \u003cdiv class=\"msk-card\"\u003e\n        \u003ch3\u003e✨ Une action purifiante\u003c\/h3\u003e\n        \u003cp\u003eLe meswak aide à limiter l'accumulation de plaque dentaire et contribue à prévenir l'apparition des caries.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msk-card\"\u003e\n        \u003ch3\u003e🩷 Un soin gingival quotidien\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés apaisantes soutiennent les gencives sensibles ou sujettes à l'inconfort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msk-card\"\u003e\n        \u003ch3\u003e🍋 Une haleine durablement fraîche\u003c\/h3\u003e\n        \u003cp\u003eL'association meswak-citron neutralise les odeurs désagréables et laisse une sensation de propreté longue durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msk-card\"\u003e\n        \u003ch3\u003e🪥 Un nettoyage doux mais efficace\u003c\/h3\u003e\n        \u003cp\u003eLa texture onctueuse mousse légèrement pour un brossage confortable, même sur l'émail fragile.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"msk-section\"\u003e\n    \u003ch2\u003ePourquoi préférer ce dentifrice ayurvédique ?\u003c\/h2\u003e\n    \u003cp class=\"msk-section-intro\"\u003eSi vous lisez les \u003cstrong\u003eavis sur le dentifrice Meswak\u003c\/strong\u003e, un constat revient fréquemment : la sensation de propreté naturelle, sans l'agressivité des dentifrices conventionnels. Cette formule a été pensée pour celles et ceux qui veulent prendre soin de leur santé buccale autrement.\u003c\/p\u003e\n    \u003cdiv class=\"msk-grid-compact\"\u003e\n      \u003cdiv class=\"msk-card\"\u003e\n        \u003ch3\u003e🚫 Sans fluor ajouté\u003c\/h3\u003e\n        \u003cp\u003eSans SLS, sans colorant synthétique ni conservateur agressif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msk-card\"\u003e\n        \u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n        \u003cp\u003eNon testé sur les animaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msk-card\"\u003e\n        \u003ch3\u003e🕉️ Savoir-faire ancestral\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en Inde selon les principes de l'Ayurveda.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msk-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eGoût citronné naturel, frais et agréable, apprécié de tous.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"msk-tip\"\u003e\n      \u003cspan class=\"msk-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eC'est une véritable alternative pour quiconque recherche le \u003cstrong\u003emeilleur dentifrice naturel\u003c\/strong\u003e au quotidien, sans renoncer à l'efficacité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"msk-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cdiv class=\"msk-accordion\"\u003e\n      \u003cdetails class=\"msk-accordion-item\" open\u003e\n        \u003csummary class=\"msk-accordion-header\"\u003e📋 Liste des ingrédients (INCI)\u003c\/summary\u003e\n        \u003cdiv class=\"msk-accordion-content mt-3\"\u003e\n          \u003cp\u003eCalcium Carbonate, Aqua, Sorbitol, Silica, \u003cstrong\u003eSalvadora Persica Bark Extract (Meswak)\u003c\/strong\u003e, Sodium Lauryl Sarcosinate, Cellulose Gum, \u003cstrong\u003eCitrus Limon Peel Oil (huile essentielle de citron)\u003c\/strong\u003e, Extraits de plantes ayurvédiques, Sodium Benzoate, CI 19140.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"msk-accordion-item\"\u003e\n        \u003csummary class=\"msk-accordion-header\"\u003e📏 Contenance\u003c\/summary\u003e\n        \u003cdiv class=\"msk-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eTube de 100 g.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"msk-section\"\u003e\n    \u003ch2\u003eComment bien utiliser votre dentifrice Meswak citron ?\u003c\/h2\u003e\n    \u003cdiv class=\"msk-timeline\"\u003e\n      \u003cdiv class=\"msk-timeline-item\"\u003e\n        \u003cdiv class=\"msk-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"msk-timeline-content\"\u003e\n          \u003ch3\u003ePréparez votre brosse\u003c\/h3\u003e\n          \u003cp\u003eAppliquez une noisette de dentifrice sur votre brosse à dents humide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msk-timeline-item\"\u003e\n        \u003cdiv class=\"msk-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"msk-timeline-content\"\u003e\n          \u003ch3\u003eBrossez délicatement\u003c\/h3\u003e\n          \u003cp\u003eBrossez pendant \u003cstrong\u003e2 à 3 minutes\u003c\/strong\u003e, en effectuant des mouvements circulaires de la gencive vers la dent.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msk-timeline-item\"\u003e\n        \u003cdiv class=\"msk-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"msk-timeline-content\"\u003e\n          \u003ch3\u003eRépétez quotidiennement\u003c\/h3\u003e\n          \u003cp\u003eUtilisez \u003cstrong\u003edeux fois par jour\u003c\/strong\u003e, matin et soir, pour une hygiène optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msk-timeline-item\"\u003e\n        \u003cdiv class=\"msk-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"msk-timeline-content\"\u003e\n          \u003ch3\u003eToute la famille\u003c\/h3\u003e\n          \u003cp\u003eConvient aux adultes et aux enfants dès 6 ans, sous la surveillance d'un adulte.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"msk-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce dentifrice naturel ?\u003c\/h2\u003e\n    \u003cp class=\"msk-section-intro\"\u003eCe \u003cstrong\u003edentifrice Meswak\u003c\/strong\u003e est idéal pour vous si :\u003c\/p\u003e\n    \u003cdiv class=\"msk-grid\"\u003e\n      \u003cdiv class=\"msk-card\"\u003e\n        \u003ch3\u003e🌱 Adepte du naturel\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez une hygiène buccale naturelle, sans substances controversées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msk-card\"\u003e\n        \u003ch3\u003e🩷 Gencives sensibles\u003c\/h3\u003e\n        \u003cp\u003eVous avez les gencives sensibles et recherchez un soin doux au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msk-card\"\u003e\n        \u003ch3\u003e🕉️ Amoureux de l'Ayurveda\u003c\/h3\u003e\n        \u003cp\u003eVous êtes adepte de l'Ayurveda ou des cosmétiques d'origine végétale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"msk-card\"\u003e\n        \u003ch3\u003e🍋 Saveurs fraîches\u003c\/h3\u003e\n        \u003cp\u003eVous aimez les saveurs fraîches et citronnées qui dynamisent le brossage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"msk-disclaimer\"\u003eCe produit d'hygiène bucco-dentaire ne se substitue pas à une consultation chez votre dentiste. En cas de problème persistant, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"msk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"msk-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à vos dents le soin ancestral du meswak, rehaussé de la fraîcheur du citron.\u003cbr\u003eUn geste simple, naturel et millénaire pour un sourire éclatant au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --msk-cream: #fdfcf5;\n  --msk-white: #ffffff;\n  --msk-primary: #d4b82e;\n  --msk-primary-dark: #2a6e3f;\n  --msk-primary-light: #f5f3e0;\n  --msk-secondary: #d4b82e;\n  --msk-accent: #f0d943;\n  --msk-text: #1a1a1a;\n  --msk-text-light: #5a5a5a;\n  --msk-border: #e5e0c8;\n  --msk-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --msk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --msk-radius: 20px;\n  --msk-radius-sm: 12px;\n}\n\n.msk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--msk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.msk-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2a6e3f 0%, #3d8c56 40%, #c5a928 100%);\n  border-radius: var(--msk-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--msk-shadow-lg);\n}\n\n.msk-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(212,184,46,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.msk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.msk-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.msk-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.msk-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 620px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.msk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.msk-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--msk-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.msk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.msk-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.msk-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--msk-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.msk-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--msk-primary-dark), var(--msk-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.msk-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--msk-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 680px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.msk-card {\n  background: var(--msk-white);\n  border-radius: var(--msk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--msk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.msk-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--msk-shadow-lg);\n  border-color: var(--msk-primary-dark);\n}\n\n.msk-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--msk-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.msk-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--msk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.msk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.msk-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.msk-grid-compact .msk-card {\n  padding: 1rem;\n}\n\n.msk-grid-compact .msk-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.msk-grid-compact .msk-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.msk-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.msk-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.msk-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--msk-primary-dark), #4aa064);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.msk-timeline-content {\n  flex: 1;\n  background: var(--msk-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--msk-radius-sm);\n  box-shadow: var(--msk-shadow);\n}\n\n.msk-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--msk-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.msk-timeline-content p {\n  font-size: 14px;\n  color: var(--msk-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.msk-testimonial {\n  background: var(--msk-white);\n  border-radius: var(--msk-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--msk-shadow);\n  border-left: 4px solid var(--msk-primary-dark);\n}\n\n.msk-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--msk-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.msk-accordion {\n  background: var(--msk-white);\n  border-radius: var(--msk-radius);\n  box-shadow: var(--msk-shadow);\n  overflow: hidden;\n}\n\n.msk-accordion-item {\n  border-bottom: 1px solid var(--msk-border);\n  margin: 0;\n  padding: 0;\n}\n\n.msk-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.msk-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--msk-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.msk-accordion-header:hover {\n  background: var(--msk-primary-light);\n}\n\n.msk-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.msk-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--msk-primary-dark);\n  transition: transform .2s ease;\n}\n\n.msk-accordion-item[open] .msk-accordion-header::after {\n  content: '−';\n}\n\n.msk-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--msk-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.msk-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.msk-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--msk-primary-light);\n  border-radius: var(--msk-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.msk-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.msk-tip p {\n  font-size: 14px;\n  color: var(--msk-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.msk-cta-box {\n  background: linear-gradient(135deg, var(--msk-primary-dark) 0%, #1e5430 50%, #3a7a4e 100%);\n  border-radius: var(--msk-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.msk-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -20%;\n  width: 200px;\n  height: 200px;\n  background: radial-gradient(circle, rgba(212,184,46,.2) 0%, transparent 70%);\n  border-radius: 50%;\n}\n\n.msk-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.msk-disclaimer {\n  font-size: 12px;\n  color: var(--msk-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .msk-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .msk-card {\n    padding: 1.125rem;\n  }\n\n  .msk-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .msk-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--msk-radius-sm);\n  }\n\n  .msk-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .msk-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .msk-grid-compact {\n    gap: .625rem;\n  }\n\n  .msk-grid-compact .msk-card {\n    padding: .75rem;\n  }\n\n  .msk-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .msk-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .msk-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .msk-timeline-content p {\n    font-size: 13px;\n  }\n\n  .msk-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .msk-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .msk-testimonial {\n    padding: 1.25rem;\n  }\n\n  .msk-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .msk-card {\n    animation: mskFadeInUp .5s ease backwards;\n  }\n  .msk-card:nth-child(1) { animation-delay: .05s; }\n  .msk-card:nth-child(2) { animation-delay: .1s; }\n  .msk-card:nth-child(3) { animation-delay: .15s; }\n  .msk-card:nth-child(4) { animation-delay: .2s; }\n  .msk-card:nth-child(5) { animation-delay: .25s; }\n  .msk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mskFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .msk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55431200670073,"sku":"MESWAK_CITRON","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice_meswak_citron-_2__2_11zon.webp?v=1773135442"},{"product_id":"dentifrice-meswak-ayurvedique-kerala-nature","title":"Dentifrice Meswak Ayurvédique - 3 goût au choix - Kerala Nature","description":"\u003cdiv class=\"mswk-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"mswk-hero\"\u003e\n    \u003cdiv class=\"mswk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mswk-hero-content\"\u003e\n      \u003cdiv class=\"mswk-badges-top\"\u003e\n        \u003cspan class=\"mswk-badge\"\u003e🌿 Formule ayurvédique\u003c\/span\u003e\n        \u003cspan class=\"mswk-badge\"\u003e🍃 100% végan\u003c\/span\u003e\n        \u003cspan class=\"mswk-badge\"\u003e🇮🇳 Fabriqué en Inde\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mswk-hero-title\"\u003eDentifrice Meswak Ayurvédique\u003c\/span\u003e\n      \u003cp class=\"mswk-subtitle\"\u003eKerala Nature — 3 goûts au choix\u003c\/p\u003e\n      \u003cp class=\"mswk-description\"\u003eL'expertise ancestrale indienne au service de votre sourire. Sans fluor, sans SLS, sans parabène — juste la puissance du meswak.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"mswk-section\"\u003e\n    \u003ch2\u003eDentifrice Meswak ayurvédique Kerala Nature : trois saveurs pour une hygiène bucco-dentaire naturelle\u003c\/h2\u003e\n    \u003cp class=\"mswk-section-intro\"\u003eVous cherchez un \u003cstrong\u003edentifrice naturel\u003c\/strong\u003e efficace, respectueux de votre bouche et inspiré de la sagesse ayurvédique ?\u003c\/p\u003e\n    \u003cdiv class=\"mswk-grid-compact\"\u003e\n      \u003cdiv class=\"mswk-card\"\u003e\n        \u003ch3\u003e🌱 Extrait de meswak\u003c\/h3\u003e\n        \u003cp\u003eSalvadora persica, utilisé depuis des millénaires en Inde, en Afrique et au Moyen-Orient pour l'hygiène des dents\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mswk-card\"\u003e\n        \u003ch3\u003e🧪 Formulation moderne\u003c\/h3\u003e\n        \u003cp\u003eL'expertise ayurvédique ancestrale combinée à une base végétale soigneusement élaborée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mswk-card\"\u003e\n        \u003ch3\u003e🍋 3 saveurs au choix\u003c\/h3\u003e\n        \u003cp\u003eMenthe, citron ou neutre : un goût adapté à vos envies et aux besoins de toute la famille\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mswk-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Pour toute la famille\u003c\/h3\u003e\n        \u003cp\u003eConvient aux adultes et aux enfants dès 6 ans pour une routine bucco-dentaire naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"mswk-section\"\u003e\n    \u003ch2\u003eLe meswak : un actif millénaire aux vertus reconnues\u003c\/h2\u003e\n    \u003cp class=\"mswk-section-intro\"\u003eLe meswak, aussi appelé \u003cstrong\u003esiwak\u003c\/strong\u003e ou \u003cstrong\u003emiswak\u003c\/strong\u003e, est un arbuste dont les fibres servaient traditionnellement de brosse à dents naturelle. Les recherches modernes confirment l'intérêt de cet ingrédient remarquable.\u003c\/p\u003e\n    \u003cdiv class=\"mswk-grid\"\u003e\n      \u003cdiv class=\"mswk-card\"\u003e\n        \u003ch3\u003e💪 Renforce les gencives\u003c\/h3\u003e\n        \u003cp\u003eAide à limiter les saignements et à maintenir des gencives saines et toniques au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mswk-card\"\u003e\n        \u003ch3\u003e🛡️ Anti-plaque naturel\u003c\/h3\u003e\n        \u003cp\u003eContribue à freiner la formation de la plaque dentaire et du tartre grâce à ses propriétés purifiantes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mswk-card\"\u003e\n        \u003ch3\u003e✨ Propriétés astringentes\u003c\/h3\u003e\n        \u003cp\u003eOffre des vertus astringentes et purifiantes naturelles pour une bouche assainie en profondeur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mswk-card\"\u003e\n        \u003ch3\u003e🌬️ Haleine fraîche\u003c\/h3\u003e\n        \u003cp\u003eAide à maintenir une haleine fraîche durablement, brossage après brossage\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mswk-tip\"\u003e\n      \u003cspan class=\"mswk-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eC'est cette richesse naturelle qui fait du \u003cstrong\u003edentifrice au meswak\u003c\/strong\u003e un choix plébiscité par les amateurs de soins ayurvédiques et de cosmétique naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"mswk-section\"\u003e\n    \u003ch2\u003eQuel goût choisir parmi les trois saveurs ?\u003c\/h2\u003e\n    \u003cdiv class=\"mswk-grid\"\u003e\n      \u003cdiv class=\"mswk-card mswk-card-menthe\"\u003e\n        \u003ch3\u003e🌿 Menthe\u003c\/h3\u003e\n        \u003cp\u003eLa valeur sûre pour une sensation de \u003cstrong\u003efraîcheur intense\u003c\/strong\u003e. Idéal le matin ou après les repas, il laisse une haleine durablement purifiée. Parfait si vous aimez le côté tonique d'un dentifrice classique, en version naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mswk-card mswk-card-citron\"\u003e\n        \u003ch3\u003e🍋 Citron\u003c\/h3\u003e\n        \u003cp\u003eUne note \u003cstrong\u003eacidulée et vivifiante\u003c\/strong\u003e qui change des goûts habituels. Apprécié de ceux qui trouvent la menthe trop forte, il plaît aussi beaucoup aux enfants à partir de 6 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mswk-card mswk-card-neutre\"\u003e\n        \u003ch3\u003e🌾 Neutre (nature)\u003c\/h3\u003e\n        \u003cp\u003eSans arôme ajouté, c'est le choix de la \u003cstrong\u003esimplicité\u003c\/strong\u003e. Recommandé si vous avez des gencives sensibles ou si vous préférez un goût très doux, sans parfum prononcé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"mswk-section\"\u003e\n    \u003ch2\u003eUne composition clean et transparente\u003c\/h2\u003e\n    \u003cp class=\"mswk-section-intro\"\u003eChaque variante du \u003cstrong\u003edentifrice ayurvédique\u003c\/strong\u003e Kerala Nature repose sur une base d'ingrédients d'origine végétale soigneusement sélectionnés.\u003c\/p\u003e\n    \u003cdiv class=\"mswk-grid\"\u003e\n      \u003cdiv class=\"mswk-card\"\u003e\n        \u003ch3\u003e🌿 Actif principal\u003c\/h3\u003e\n        \u003cp\u003eExtrait de meswak (Salvadora persica), cœur de la formule pour une action bucco-dentaire complète\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mswk-card\"\u003e\n        \u003ch3\u003e🧴 Agents nettoyants doux\u003c\/h3\u003e\n        \u003cp\u003eD'origine végétale, pour un nettoyage efficace et respectueux de l'émail et des gencives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mswk-card\"\u003e\n        \u003ch3\u003e💧 Agents humectants naturels\u003c\/h3\u003e\n        \u003cp\u003ePour une texture agréable et une application confortable à chaque brossage\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mswk-sans-box\"\u003e\n      \u003cp class=\"mswk-sans-title\"\u003e✅ Formule végan — non testée sur les animaux\u003c\/p\u003e\n      \u003cdiv class=\"mswk-sans-grid\"\u003e\n        \u003cspan class=\"mswk-sans-badge\"\u003eSans fluor ajouté\u003c\/span\u003e\n        \u003cspan class=\"mswk-sans-badge\"\u003eSans SLS\u003c\/span\u003e\n        \u003cspan class=\"mswk-sans-badge\"\u003eSans parabène\u003c\/span\u003e\n        \u003cspan class=\"mswk-sans-badge\"\u003eSans colorant artificiel\u003c\/span\u003e\n        \u003cspan class=\"mswk-sans-badge\"\u003eSans EDTA\u003c\/span\u003e\n        \u003cspan class=\"mswk-sans-badge\"\u003eSans huile minérale\u003c\/span\u003e\n        \u003cspan class=\"mswk-sans-badge\"\u003eSans graisse animale\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"mswk-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"mswk-timeline\"\u003e\n      \u003cdiv class=\"mswk-timeline-item\"\u003e\n        \u003cdiv class=\"mswk-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mswk-timeline-content\"\u003e\n          \u003ch3\u003eDosez avec parcimonie\u003c\/h3\u003e\n          \u003cp\u003eDéposez une petite noisette sur votre brosse à dents, sèche ou humide. Très économique : une faible quantité suffit à chaque brossage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mswk-timeline-item\"\u003e\n        \u003cdiv class=\"mswk-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mswk-timeline-content\"\u003e\n          \u003ch3\u003eBrossez 2 à 3 minutes\u003c\/h3\u003e\n          \u003cp\u003eBrossez soigneusement pendant \u003cstrong\u003e2 à 3 minutes\u003c\/strong\u003e, en effectuant des mouvements circulaires doux sur toutes les surfaces dentaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mswk-timeline-item\"\u003e\n        \u003cdiv class=\"mswk-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mswk-timeline-content\"\u003e\n          \u003ch3\u003eRépétez 2 à 3 fois par jour\u003c\/h3\u003e\n          \u003cp\u003eConvient aux adultes et aux enfants dès 6 ans (sous surveillance d'un adulte) pour une hygiène bucco-dentaire naturelle et complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"mswk-section\"\u003e\n    \u003ch2\u003eAvis sur le dentifrice Meswak Kerala Nature\u003c\/h2\u003e\n    \u003cdiv class=\"mswk-testimonial\"\u003e\n      \u003cp class=\"mswk-testimonial-text\"\u003e\"Les retours utilisateurs sont très positifs : la texture est agréable, la mousse légère et le goût naturel sans être envahissant. Beaucoup soulignent une \u003cstrong\u003eréelle sensation de propreté\u003c\/strong\u003e et une meilleure tolérance sur les gencives sensibles par rapport aux dentifrices conventionnels. Le meswak dentifrice séduit aussi les personnes en transition vers une hygiène bucco-dentaire plus naturelle.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"mswk-section\"\u003e\n    \u003ch2\u003ePrécautions\u003c\/h2\u003e\n    \u003cdiv class=\"mswk-accordion\"\u003e\n      \u003cdetails class=\"mswk-accordion-item\"\u003e\n        \u003csummary class=\"mswk-accordion-header\"\u003e⚠️ Allergies\u003c\/summary\u003e\n        \u003cdiv class=\"mswk-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas utiliser en cas d'allergie connue à l'un des composants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mswk-accordion-item\"\u003e\n        \u003csummary class=\"mswk-accordion-header\"\u003e🩺 Suivi dentaire\u003c\/summary\u003e\n        \u003cdiv class=\"mswk-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit ne remplace pas un suivi ou un traitement dentaire professionnel. Consultez votre dentiste régulièrement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mswk-accordion-item\"\u003e\n        \u003csummary class=\"mswk-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"mswk-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver hors de portée des jeunes enfants. Utilisation dès 6 ans sous surveillance d'un adulte.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"mswk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mswk-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre sourire le meilleur de l'Ayurvéda — choisissez votre saveur favorite et adoptez une hygiène bucco-dentaire naturelle, efficace et respectueuse.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mswk-disclaimer\"\u003eCe produit cosmétique n'est pas un médicament. Il ne se substitue pas à un brossage régulier ni à un suivi dentaire professionnel.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mswk-cream: #f7f5f0;\n  --mswk-white: #ffffff;\n  --mswk-primary: #3a7d44;\n  --mswk-primary-dark: #2a5e32;\n  --mswk-primary-light: #e8f5e9;\n  --mswk-secondary: #e8a630;\n  --mswk-accent: #c5d94a;\n  --mswk-citron: #f0e68c;\n  --mswk-citron-border: #d4c843;\n  --mswk-orange: #e8935a;\n  --mswk-text: #1a1a1a;\n  --mswk-text-light: #5a5a5a;\n  --mswk-border: #e0e0e0;\n  --mswk-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --mswk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --mswk-radius: 20px;\n  --mswk-radius-sm: 12px;\n}\n\n.mswk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mswk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mswk-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2a5e32 0%, #3a7d44 40%, #5a9e3e 70%, #c5d94a 100%);\n  border-radius: var(--mswk-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--mswk-shadow-lg);\n}\n\n.mswk-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-linear-gradient(\n    90deg,\n    transparent,\n    transparent 4px,\n    rgba(255,255,255,.04) 4px,\n    rgba(255,255,255,.04) 5px\n  );\n  opacity: 1;\n}\n\n.mswk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mswk-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mswk-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.mswk-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mswk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mswk-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mswk-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mswk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mswk-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mswk-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mswk-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.mswk-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mswk-primary), var(--mswk-secondary));\n  border-radius: 2px;\n}\n\n.mswk-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mswk-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mswk-card {\n  background: var(--mswk-white);\n  border-radius: var(--mswk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mswk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mswk-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mswk-shadow-lg);\n  border-color: var(--mswk-primary);\n}\n\n.mswk-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mswk-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mswk-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mswk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* Variantes saveurs *\/\n.mswk-card-menthe {\n  border-top: 4px solid var(--mswk-primary);\n}\n\n.mswk-card-citron {\n  border-top: 4px solid var(--mswk-secondary);\n}\n\n.mswk-card-neutre {\n  border-top: 4px solid var(--mswk-orange);\n}\n\n\/* === GRILLES === *\/\n.mswk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mswk-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mswk-grid-compact .mswk-card {\n  padding: 1rem;\n}\n\n.mswk-grid-compact .mswk-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mswk-grid-compact .mswk-card p {\n  font-size: 12px;\n}\n\n\/* === SANS BOX === *\/\n.mswk-sans-box {\n  background: var(--mswk-primary-light);\n  border-radius: var(--mswk-radius-sm);\n  padding: 1.5rem;\n  margin-top: 1.25rem;\n  text-align: center;\n}\n\n.mswk-sans-title {\n  font-weight: 700;\n  color: var(--mswk-primary-dark);\n  font-size: 15px;\n  margin: 0 0 1rem 0;\n}\n\n.mswk-sans-grid {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.mswk-sans-badge {\n  display: inline-block;\n  padding: 6px 14px;\n  background: var(--mswk-white);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mswk-primary-dark);\n  border: 1px solid var(--mswk-primary);\n}\n\n\/* === TIMELINE === *\/\n.mswk-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mswk-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mswk-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mswk-primary), var(--mswk-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.mswk-timeline-content {\n  flex: 1;\n  background: var(--mswk-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mswk-radius-sm);\n  box-shadow: var(--mswk-shadow);\n}\n\n.mswk-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mswk-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mswk-timeline-content p {\n  font-size: 14px;\n  color: var(--mswk-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.mswk-testimonial {\n  background: var(--mswk-white);\n  border-radius: var(--mswk-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mswk-shadow);\n  border-left: 4px solid var(--mswk-primary);\n}\n\n.mswk-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mswk-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.mswk-accordion {\n  background: var(--mswk-white);\n  border-radius: var(--mswk-radius);\n  box-shadow: var(--mswk-shadow);\n  overflow: hidden;\n}\n\n.mswk-accordion-item {\n  border-bottom: 1px solid var(--mswk-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mswk-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mswk-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mswk-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.mswk-accordion-header:hover {\n  background: var(--mswk-primary-light);\n}\n\n.mswk-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mswk-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mswk-primary);\n  transition: transform .2s ease;\n}\n\n.mswk-accordion-item[open] .mswk-accordion-header::after {\n  content: '−';\n}\n\n.mswk-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mswk-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mswk-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.mswk-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mswk-primary-light);\n  border-radius: var(--mswk-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.mswk-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mswk-tip p {\n  font-size: 14px;\n  color: var(--mswk-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.mswk-cta-box {\n  background: linear-gradient(135deg, var(--mswk-primary) 0%, var(--mswk-primary-dark) 100%);\n  border-radius: var(--mswk-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mswk-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mswk-disclaimer {\n  font-size: 12px;\n  color: var(--mswk-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .mswk-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .mswk-card {\n    padding: 1.125rem;\n  }\n\n  .mswk-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .mswk-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mswk-radius-sm);\n  }\n\n  .mswk-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .mswk-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .mswk-grid-compact {\n    gap: .625rem;\n  }\n\n  .mswk-grid-compact .mswk-card {\n    padding: .75rem;\n  }\n\n  .mswk-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .mswk-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .mswk-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .mswk-timeline-content p {\n    font-size: 13px;\n  }\n\n  .mswk-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .mswk-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .mswk-testimonial {\n    padding: 1.25rem;\n  }\n\n  .mswk-testimonial-text {\n    font-size: 14px;\n  }\n\n  .mswk-sans-box {\n    padding: 1rem;\n  }\n\n  .mswk-sans-badge {\n    font-size: 11px;\n    padding: 5px 10px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mswk-card {\n    animation: mswkFadeInUp .5s ease backwards;\n  }\n  .mswk-card:nth-child(1) { animation-delay: .05s; }\n  .mswk-card:nth-child(2) { animation-delay: .1s; }\n  .mswk-card:nth-child(3) { animation-delay: .15s; }\n  .mswk-card:nth-child(4) { animation-delay: .2s; }\n  .mswk-card:nth-child(5) { animation-delay: .25s; }\n  .mswk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mswkFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .mswk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55433304277369,"sku":"DENTMESWAK_MERE","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice_meswak_3_gouts_au_choix.jpg?v=1773243614"},{"product_id":"dentifrice-en-pate-menthe-100-ml-endro","title":"Dentifrice en pâte goût Menthe - 100 ml - Endro","description":"\u003cdiv class=\"edr-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"edr-hero\"\u003e\n\u003cdiv class=\"edr-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"edr-hero-content\"\u003e\n\u003cdiv class=\"edr-badges-top\"\u003e\n\u003cspan class=\"edr-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"edr-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e \u003cspan class=\"edr-badge\"\u003e🍃 Certifié Bio\u003c\/span\u003e \u003cspan class=\"edr-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"edr-hero-title\"\u003eDentifrice en pâte goût Menthe\u003c\/span\u003e\n\u003cp class=\"edr-subtitle\"\u003eLa fraîcheur intense d'une formule 100% naturelle\u003c\/p\u003e\n\u003cp class=\"edr-description\"\u003eFabriqué artisanalement en Bretagne par Endro Cosmétiques, ce dentifrice bio allie efficacité, transparence et démarche éco-responsable. Seulement 8 ingrédients pour des dents propres et une haleine fraîche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003ePourquoi choisir un dentifrice en pâte naturel ?\u003c\/h2\u003e\n\u003cp class=\"edr-section-intro\"\u003eLes dentifrices conventionnels regorgent souvent d'ingrédients controversés : agents moussants agressifs, colorants synthétiques, conservateurs douteux. Avec ce dentifrice menthe bio, vous faites le choix d'une formule transparente.\u003c\/p\u003e\n\u003cdiv class=\"edr-grid\"\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e💊 Sans fluor\u003c\/h3\u003e\n\u003cp\u003eIdéal pour accompagner un traitement homéopathique en toute sérénité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🌱 Alternative naturelle\u003c\/h3\u003e\n\u003cp\u003eRemplacez les dentifrices classiques par une formule 100% transparente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e❄️ Menthe intense\u003c\/h3\u003e\n\u003cp\u003eSensation de fraîcheur durable grâce à la menthe poivrée et au menthol bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🐰 Végan \u0026amp; cruelty-free\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient d'origine animale, jamais testé sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eUne formule courte aux ingrédients soigneusement sélectionnés\u003c\/h2\u003e\n\u003cp class=\"edr-section-intro\"\u003eChez Endro, la transparence est une valeur fondamentale. Ce dentifrice ne contient que 8 ingrédients, chacun choisi pour son efficacité et sa douceur.\u003c\/p\u003e\n\u003cdiv class=\"edr-grid\"\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003eite Carbonate de calcium\u003c\/h3\u003e\n\u003cp\u003eAgent polissant naturel qui élimine délicatement la plaque dentaire sans rayer l'émail\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e💧 Glycérine végétale bio\u003c\/h3\u003e\n\u003cp\u003eApporte onctuosité et forme un film protecteur sur l'émail pour un confort optimal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🌿 Huile essentielle de menthe poivrée bio\u003c\/h3\u003e\n\u003cp\u003ePropriétés antibactériennes naturelles pour une haleine fraîche et purifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e❄️ Menthol bio\u003c\/h3\u003e\n\u003cp\u003eAmplifie la sensation de fraîcheur pour un effet « menthe givrée » revigorant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🥥 Sodium cocoyl glutamate\u003c\/h3\u003e\n\u003cp\u003eAgent moussant ultra-doux dérivé de la noix de coco, respectueux des gencives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🌊 Carraghénane\u003c\/h3\u003e\n\u003cp\u003eÉpaississant naturel extrait d'algues rouges bretonnes pour une texture parfaite\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eListe INCI complète\u003c\/h2\u003e\n\u003cdiv class=\"edr-inci-box\"\u003e\n\u003cp class=\"edr-inci-list\"\u003eCALCIUM CARBONATE, GLYCERIN**, AQUA (WATER\/EAU), SODIUM COCOYL GLUTAMATE, MENTHOL*, MENTHA PIPERITA (PEPPERMINT) OIL*, CARRAGEENAN, SODIUM CHLORIDE\u003c\/p\u003e\n\u003cdiv class=\"edr-inci-legend\"\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e**Transformé à partir d'ingrédients biologiques\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-certification\"\u003e\n\u003cspan class=\"edr-cert-badge\"\u003e🏆 Certification Cosmos Organic\u003c\/span\u003e\n\u003cp\u003e33,5% des ingrédients bio • 100% d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eComment utiliser ce dentifrice en pâte ?\u003c\/h2\u003e\n\u003cp class=\"edr-section-intro\"\u003eL'utilisation diffère légèrement d'un dentifrice en tube classique, mais vous allez vite adopter cette nouvelle habitude.\u003c\/p\u003e\n\u003cdiv class=\"edr-timeline\"\u003e\n\u003cdiv class=\"edr-timeline-item\"\u003e\n\u003cdiv class=\"edr-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-content\"\u003e\n\u003ch3\u003ePrélevez une noisette de pâte\u003c\/h3\u003e\n\u003cp\u003eÀ l'aide de la spatule en bois fournie, prélevez environ la taille d'un petit pois\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-item\"\u003e\n\u003cdiv class=\"edr-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-content\"\u003e\n\u003ch3\u003eDéposez sur brosse sèche\u003c\/h3\u003e\n\u003cp\u003eImportant : utilisez une brosse à dents sèche pour préserver la texture du produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-item\"\u003e\n\u003cdiv class=\"edr-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-content\"\u003e\n\u003ch3\u003eBrossez 2 à 3 minutes\u003c\/h3\u003e\n\u003cp\u003eEffectuez des mouvements circulaires doux, des gencives vers les dents\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-item\"\u003e\n\u003cdiv class=\"edr-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"edr-timeline-content\"\u003e\n\u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eProfitez de cette agréable sensation de fraîcheur longue durée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-tip\"\u003e\n\u003cspan class=\"edr-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e gardez toujours la spatule propre et sèche entre chaque utilisation. N'introduisez jamais d'eau ni de brosse à dents humide directement dans le pot.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eDurée de vie et conservation\u003c\/h2\u003e\n\u003cdiv class=\"edr-grid-compact\"\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e📦 100 ml\u003c\/h3\u003e\n\u003cp\u003e2 à 3 mois d'utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🪥 2x\/jour\u003c\/h3\u003e\n\u003cp\u003eDeux brossages quotidiens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🏠 Endroit sec\u003c\/h3\u003e\n\u003cp\u003eÀ l'abri de l'humidité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e⏱️ 6 mois PAO\u003c\/h3\u003e\n\u003cp\u003eAprès ouverture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-tip\"\u003e\n\u003cspan class=\"edr-tip-icon\"\u003e📌\u003c\/span\u003e\n\u003cp\u003ePour une conservation optimale, stockez le pot loin de la douche et refermez bien le couvercle après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003eDentifrice sans fluor : pour qui ?\u003c\/h2\u003e\n\u003cdiv class=\"edr-testimonial\"\u003e\n\u003cp class=\"edr-testimonial-text\"\u003eCe dentifrice sans fluor convient parfaitement aux personnes suivant un traitement homéopathique. La menthe n'interfère pas avec l'homéopathie contrairement à certaines idées reçues — c'est le fluor et certains excipients qui posent problème.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 1.5rem; color: var(--edr-text-light); font-size: 15px;\"\u003eCe dentifrice est également idéal pour ceux qui souhaitent simplement réduire leur exposition aux substances synthétiques ou qui préfèrent une approche plus naturelle de l'hygiène bucco-dentaire. Si vous cherchez un dentifrice sans menthe pour homéopathie, Endro propose également d'autres parfums dans sa gamme.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"edr-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n\u003cdiv class=\"edr-accordion\"\u003e\n\u003cdetails class=\"edr-accordion-item\"\u003e\n\u003csummary class=\"edr-accordion-header\"\u003e👶 Enfants de moins de 7 ans\u003c\/summary\u003e\n\u003cdiv class=\"edr-accordion-content\"\u003e\n\u003cp\u003eDéconseillé aux enfants de moins de 7 ans en raison de la présence de menthol et d'huile essentielle de menthe poivrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"edr-accordion-item\"\u003e\n\u003csummary class=\"edr-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n\u003cdiv class=\"edr-accordion-content\"\u003e\n\u003cp\u003eNon recommandé par principe de précaution lié aux huiles essentielles. Consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"edr-accordion-item\"\u003e\n\u003csummary class=\"edr-accordion-header\"\u003e⚠️ Allergies\u003c\/summary\u003e\n\u003cdiv class=\"edr-accordion-content\"\u003e\n\u003cp\u003eEn cas d'antécédents d'allergie à l'un des composants, effectuez un test préalable ou consultez votre dentiste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"edr-disclaimer\"\u003eCe dentifrice contribue à l'hygiène bucco-dentaire quotidienne mais ne remplace pas les visites régulières chez votre dentiste.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"edr-section\"\u003e\u003c\/section\u003e\n\u003csection class=\"edr-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eCe que vous allez apprécier\u003c\/h2\u003e\n\u003cdiv class=\"edr-grid\"\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e❄️ Fraîcheur intense\u003c\/h3\u003e\n\u003cp\u003eSensation durable grâce à la menthe poivrée et au menthol bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e✨ Texture agréable\u003c\/h3\u003e\n\u003cp\u003eMousse légèrement sans agresser les gencives sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🌿 Goût authentique\u003c\/h3\u003e\n\u003cp\u003eVraie menthe, sans arrière-goût chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-card\"\u003e\n\u003ch3\u003e🌍 Geste éco-responsable\u003c\/h3\u003e\n\u003cp\u003eRéduisez vos déchets plastiques dans la salle de bain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"edr-cta-box\"\u003e\n\u003cp\u003e🪥 Adoptez une routine dentaire naturelle, efficace et responsable avec le dentifrice en pâte Menthe d'Endro !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --edr-cream: #F7FAF9;\n  --edr-white: #ffffff;\n  --edr-primary: #5B8A7D;\n  --edr-primary-dark: #3D5A4C;\n  --edr-primary-light: #E8F4F0;\n  --edr-secondary: #7BA899;\n  --edr-accent: #A8D5C2;\n  --edr-text: #1a1a1a;\n  --edr-text-light: #5a5a5a;\n  --edr-border: #e0e0e0;\n  --edr-shadow: 0 4px 24px rgba(61,90,76,.08);\n  --edr-shadow-lg: 0 12px 48px rgba(61,90,76,.15);\n  --edr-radius: 20px;\n  --edr-radius-sm: 12px;\n}\n\n.edr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--edr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.edr-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5B8A7D 0%, #3D5A4C 50%, #2D4438 100%);\n  border-radius: var(--edr-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--edr-shadow-lg);\n}\n\n.edr-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.edr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.edr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.edr-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--edr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.edr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.edr-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.edr-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.edr-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.edr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.edr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--edr-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.edr-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--edr-primary), var(--edr-accent));\n  border-radius: 2px;\n}\n\n.edr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--edr-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.edr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.edr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.edr-grid-compact .edr-card {\n  padding: 1rem;\n}\n\n.edr-grid-compact .edr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.edr-grid-compact .edr-card p {\n  font-size: 12px;\n}\n\n.edr-card {\n  background: var(--edr-white);\n  border-radius: var(--edr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--edr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.edr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--edr-shadow-lg);\n  border-color: var(--edr-primary);\n}\n\n.edr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--edr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.edr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--edr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.edr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.edr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.edr-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--edr-primary), var(--edr-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 18px;\n  box-shadow: 0 4px 12px rgba(91,138,125,.3);\n}\n\n.edr-timeline-content {\n  flex: 1;\n  background: var(--edr-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--edr-radius-sm);\n  box-shadow: var(--edr-shadow);\n}\n\n.edr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--edr-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.edr-timeline-content p {\n  font-size: 14px;\n  color: var(--edr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.edr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--edr-primary-light);\n  border-radius: var(--edr-radius-sm);\n  padding: 1.25rem 1.5rem;\n  margin-top: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.edr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.edr-tip p {\n  font-size: 14px;\n  color: var(--edr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.edr-inci-box {\n  background: var(--edr-white);\n  border-radius: var(--edr-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--edr-shadow);\n  text-align: center;\n}\n\n.edr-inci-list {\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  font-size: clamp(12px, 2vw, 14px);\n  color: var(--edr-text);\n  background: var(--edr-primary-light);\n  padding: 1rem 1.25rem;\n  border-radius: var(--edr-radius-sm);\n  margin: 0 0 1rem 0;\n  line-height: 1.8;\n  word-break: break-word;\n}\n\n.edr-inci-legend {\n  margin-bottom: 1.25rem;\n}\n\n.edr-inci-legend p {\n  font-size: 13px;\n  color: var(--edr-text-light);\n  margin: .25rem 0;\n}\n\n.edr-certification {\n  background: linear-gradient(135deg, var(--edr-primary-light), #d4ebe3);\n  border-radius: var(--edr-radius-sm);\n  padding: 1rem 1.25rem;\n  display: inline-block;\n}\n\n.edr-cert-badge {\n  display: block;\n  font-weight: 800;\n  color: var(--edr-primary-dark);\n  font-size: 15px;\n  margin-bottom: .35rem;\n}\n\n.edr-certification p {\n  font-size: 13px;\n  color: var(--edr-text-light);\n  margin: 0;\n}\n\n.edr-testimonial {\n  background: var(--edr-white);\n  border-radius: var(--edr-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--edr-shadow);\n  border-left: 4px solid var(--edr-primary);\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.edr-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--edr-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.edr-accordion {\n  background: var(--edr-white);\n  border-radius: var(--edr-radius);\n  box-shadow: var(--edr-shadow);\n  overflow: hidden;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.edr-accordion-item {\n  border-bottom: 1px solid var(--edr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.edr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.edr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--edr-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.edr-accordion-header:hover {\n  background: var(--edr-primary-light);\n}\n\n.edr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.edr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--edr-primary);\n  transition: transform .2s ease;\n}\n\n.edr-accordion-item[open] .edr-accordion-header::after {\n  content: '−';\n}\n\n.edr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--edr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.edr-accordion-content p {\n  margin: 0;\n}\n\n.edr-disclaimer {\n  font-size: 12px;\n  color: var(--edr-text-light);\n  text-align: center;\n  margin-top: 1.25rem;\n  font-style: italic;\n}\n\n.edr-cta-box {\n  background: linear-gradient(135deg, var(--edr-primary) 0%, var(--edr-primary-dark) 100%);\n  border-radius: var(--edr-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 2rem;\n}\n\n.edr-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .edr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .edr-card {\n    padding: 1.125rem;\n  }\n  \n  .edr-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .edr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--edr-radius-sm);\n  }\n  \n  .edr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .edr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .edr-grid-compact {\n    gap: .625rem;\n  }\n  \n  .edr-grid-compact .edr-card {\n    padding: .75rem;\n  }\n  \n  .edr-timeline-number {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  \n  .edr-timeline-content {\n    padding: 1rem 1.125rem;\n  }\n  \n  .edr-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .edr-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .edr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .edr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .edr-testimonial {\n    padding: 1.25rem;\n  }\n  \n  .edr-testimonial-text {\n    font-size: 14px;\n  }\n  \n  .edr-tip {\n    padding: 1rem;\n    gap: .75rem;\n  }\n  \n  .edr-tip-icon {\n    font-size: 20px;\n  }\n  \n  .edr-tip p {\n    font-size: 13px;\n  }\n  \n  .edr-inci-box {\n    padding: 1.25rem;\n  }\n  \n  .edr-inci-list {\n    font-size: 11px;\n    padding: .875rem 1rem;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .edr-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .edr-card:nth-child(1) { animation-delay: .05s; }\n  .edr-card:nth-child(2) { animation-delay: .1s; }\n  .edr-card:nth-child(3) { animation-delay: .15s; }\n  .edr-card:nth-child(4) { animation-delay: .2s; }\n  .edr-card:nth-child(5) { animation-delay: .25s; }\n  .edr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .edr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ENDRO","offers":[{"title":"Default Title","offer_id":55563260100985,"sku":"NBAIEND0141","price":10.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-en-pate-gout-menthe-100-ml-endro-lifestyle.webp?v=1769762040"},{"product_id":"dentifrice-blancheur-menthe-glaciale-175-g-endro","title":"Dentifrice Actif Blancheur Menthe Glaciale - 175 g - Endro","description":"\u003cdiv class=\"edr-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"edr-hero\"\u003e\n    \u003cdiv class=\"edr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"edr-hero-content\"\u003e\n      \u003cdiv class=\"edr-badges-top\"\u003e\n        \u003cspan class=\"edr-badge\"\u003e🌿 100 % d'origine naturelle\u003c\/span\u003e\n        \u003cspan class=\"edr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"edr-badge\"\u003e🏅 Certifié Bio COSMOS\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"edr-hero-title\"\u003eDentifrice Actif Blancheur Menthe Glaciale\u003c\/span\u003e\n      \u003cp class=\"edr-subtitle\"\u003eEndro — 175 g\u003c\/p\u003e\n      \u003cp class=\"edr-description\"\u003eUn gel frais et doux au fluor 1450 ppm, enrichi en aloe vera et algue marine, pour des dents visiblement plus blanches sans agresser l'émail.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"edr-section\"\u003e\n    \u003ch2\u003eDentifrice Actif Blancheur Menthe Glaciale Endro : des dents plus blanches, naturellement\u003c\/h2\u003e\n    \u003cp class=\"edr-section-intro\"\u003eVous cherchez un \u003cstrong\u003edentifrice blanchissant efficace\u003c\/strong\u003e qui respecte à la fois vos dents et la planète ? Le \u003cstrong\u003eDentifrice Actif Blancheur Menthe Glaciale d'Endro\u003c\/strong\u003e combine le meilleur de la nature et du fluor pour une hygiène bucco-dentaire complète. Certifié \u003cstrong\u003eBio COSMOS ORGANIC\u003c\/strong\u003e et composé à 100 % d'ingrédients d'origine naturelle, il prouve qu'un \u003cstrong\u003edentifrice blancheur\u003c\/strong\u003e peut être performant sans compromettre votre santé ni l'environnement.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"edr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce dentifrice blanchissant bio ?\u003c\/h2\u003e\n    \u003cp class=\"edr-section-intro\"\u003eContrairement à de nombreux dentifrices blanchissants du commerce dont les formules peuvent se révéler trop abrasives, celui d'Endro mise sur des actifs naturels ciblés et un \u003cstrong\u003efluor dosé à 1450 ppm\u003c\/strong\u003e, exactement le dosage recommandé par les dentistes. Résultat : vous prenez soin de la blancheur de vos dents sans agresser l'émail.\u003c\/p\u003e\n    \u003cdiv class=\"edr-grid-compact\"\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🦷 1450 ppm de fluor\u003c\/h3\u003e\n        \u003cp\u003eLe dosage exact recommandé par les professionnels dentaires\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eDes actifs ciblés, zéro ingrédient agressif pour l'émail\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🧪 Non abrasif\u003c\/h3\u003e\n        \u003cp\u003eUne formule gel douce qui respecte vos dents au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eLabel COSMOS ORGANIC pour une transparence totale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"edr-section\"\u003e\n    \u003ch2\u003eDes actifs naturels aux bienfaits concrets\u003c\/h2\u003e\n    \u003cp class=\"edr-section-intro\"\u003eChaque ingrédient a été sélectionné pour son action spécifique sur votre sourire :\u003c\/p\u003e\n    \u003cdiv class=\"edr-grid\"\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🌵 Extrait d'aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eApaise et protège les gencives sensibles, favorise la cicatrisation des petites irritations buccales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🌊 Extrait de codium fragile\u003c\/h3\u003e\n        \u003cp\u003eCette algue marine empêche l'ancrage des particules colorantes sur l'émail et lutte contre la plaque dentaire et la mauvaise haleine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🛡️ Fluor (1450 ppm)\u003c\/h3\u003e\n        \u003cp\u003eFluorure de sodium qui renforce l'émail, prévient les caries et aide à la reminéralisation des zones fragilisées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🔬 Érythritol\u003c\/h3\u003e\n        \u003cp\u003eLimite la prolifération des bactéries responsables de la plaque, pour des dents durablement propres.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e❄️ Cristaux de menthol bio\u003c\/h3\u003e\n        \u003cp\u003eProcurent une sensation de fraîcheur glaciale longue durée après chaque brossage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"edr-section\"\u003e\n    \u003ch2\u003eUne texture gel agréable au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"edr-testimonial\"\u003e\n      \u003cp class=\"edr-testimonial-text\"\u003eOubliez les pâtes épaisses ou granuleuses. Ce dentifrice se présente sous forme de \u003cstrong\u003egel doux et légèrement moussant\u003c\/strong\u003e, qui glisse naturellement sur les dents et les gencives. Le goût \u003cstrong\u003ementhe glaciale\u003c\/strong\u003e est frais sans être agressif : chaque brossage devient un vrai moment de bien-être.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"edr-tip\"\u003e\n      \u003cspan class=\"edr-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003eSon flacon pompe de \u003cstrong\u003e175 g\u003c\/strong\u003e est pratique, hygiénique et permet de doser facilement la quantité nécessaire — fini le gaspillage !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"edr-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"edr-timeline\"\u003e\n      \u003cdiv class=\"edr-timeline-item\"\u003e\n        \u003cdiv class=\"edr-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"edr-timeline-content\"\u003e\n          \u003ch3\u003eDosez\u003c\/h3\u003e\n          \u003cp\u003eDéposez l'équivalent d'un petit pois de gel sur une brosse à dents souple.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-timeline-item\"\u003e\n        \u003cdiv class=\"edr-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"edr-timeline-content\"\u003e\n          \u003ch3\u003eBrossez 2 minutes\u003c\/h3\u003e\n          \u003cp\u003eEffectuez des mouvements circulaires doux de la gencive vers la dent, matin et soir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-timeline-item\"\u003e\n        \u003cdiv class=\"edr-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"edr-timeline-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment la bouche à l'eau claire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-timeline-item\"\u003e\n        \u003cdiv class=\"edr-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"edr-timeline-content\"\u003e\n          \u003ch3\u003eComplétez\u003c\/h3\u003e\n          \u003cp\u003ePour de meilleurs résultats, associez ce dentifrice au passage régulier du fil dentaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"edr-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"edr-accordion\"\u003e\n      \u003cdetails class=\"edr-accordion-item\" open\u003e\n        \u003csummary class=\"edr-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n        \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua, Glycerin**, Hydrated Silica, Xanthan Gum, Erythritol, Decyl Glucoside, Menthol*, Sodium Fluoride, Codium Fragile Extract, Aloe Barbadensis Leaf Juice Powder*, Aroma (Flavor), Mentha Piperita Oil, Sodium Lauroyl Lactylate, Sodium Caproyl Lactylate, Mentha Viridis Leaf Oil, Carvone, Limonene, Butylene Glycol, Pentylene Glycol.\u003c\/p\u003e\n          \u003cp style=\"margin-top:.75rem\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique\u003cbr\u003e** Transformé à partir d'ingrédients biologiques – environ 39 % du total des ingrédients sont issus du bio.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"edr-section\"\u003e\n    \u003ch2\u003eEngagements et fabrication française\u003c\/h2\u003e\n    \u003cdiv class=\"edr-grid-compact\"\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en Bretagne avec des ingrédients tracés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n        \u003cp\u003eSans aucun ingrédient d'origine animale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n        \u003cp\u003eEmballage pensé pour réduire l'impact environnemental\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🔄 Engagé\u003c\/h3\u003e\n        \u003cp\u003eRemplacement progressif des plastiques par des matériaux recyclables\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 --\u003e\n  \u003csection class=\"edr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"edr-accordion\"\u003e\n      \u003cdetails class=\"edr-accordion-item\"\u003e\n        \u003csummary class=\"edr-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe dentifrice contient des cristaux de menthol et \u003cstrong\u003ene convient pas aux femmes enceintes ou allaitantes\u003c\/strong\u003e. Tenir hors de portée des enfants de moins de 6 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"edr-accordion-item\"\u003e\n        \u003csummary class=\"edr-accordion-header\"\u003e👶 Fluor et enfants\u003c\/summary\u003e\n        \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n          \u003cp\u003eL'apport en fluor selon les âges doit être évalué par un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"edr-accordion-item\"\u003e\n        \u003csummary class=\"edr-accordion-header\"\u003eℹ️ Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit ne se substitue en aucun cas à un traitement ou un suivi dentaire médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"edr-disclaimer\"\u003eLes informations fournies ne remplacent pas l'avis d'un professionnel de santé. Un dentifrice ne peut se substituer à un suivi dentaire régulier.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --edr-cream: #f5f5f0;\n  --edr-white: #ffffff;\n  --edr-primary: #7a9e8e;\n  --edr-primary-dark: #4a6e5c;\n  --edr-primary-light: #e8f0eb;\n  --edr-secondary: #a3c4b1;\n  --edr-accent: #5b8a72;\n  --edr-text: #1a1a1a;\n  --edr-text-light: #5a5a5a;\n  --edr-border: #dde5df;\n  --edr-shadow: 0 4px 24px rgba(74,110,92,.08);\n  --edr-shadow-lg: 0 12px 48px rgba(74,110,92,.15);\n  --edr-radius: 20px;\n  --edr-radius-sm: 12px;\n}\n\n.edr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--edr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.edr-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--edr-primary-dark) 0%, var(--edr-primary) 50%, var(--edr-secondary) 100%);\n  border-radius: var(--edr-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--edr-shadow-lg);\n}\n\n.edr-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.edr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.edr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.edr-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--edr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.edr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.edr-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.edr-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.edr-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.edr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.edr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--edr-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.edr-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--edr-primary), var(--edr-secondary));\n  border-radius: 2px;\n}\n\n.edr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--edr-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.edr-section-intro strong {\n  color: var(--edr-primary-dark);\n}\n\n\/* === CARDS === *\/\n.edr-card {\n  background: var(--edr-white);\n  border-radius: var(--edr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--edr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.edr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--edr-shadow-lg);\n  border-color: var(--edr-primary);\n}\n\n.edr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--edr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.edr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--edr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.edr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.edr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.edr-grid-compact .edr-card {\n  padding: 1rem;\n}\n\n.edr-grid-compact .edr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.edr-grid-compact .edr-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.edr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.edr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.edr-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--edr-primary), var(--edr-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.edr-timeline-content {\n  flex: 1;\n  background: var(--edr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--edr-radius-sm);\n  box-shadow: var(--edr-shadow);\n}\n\n.edr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--edr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.edr-timeline-content p {\n  font-size: 14px;\n  color: var(--edr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.edr-testimonial {\n  background: var(--edr-white);\n  border-radius: var(--edr-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--edr-shadow);\n  border-left: 4px solid var(--edr-primary);\n}\n\n.edr-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--edr-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.edr-testimonial-text strong {\n  color: var(--edr-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.edr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--edr-primary-light);\n  border-radius: var(--edr-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.edr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.edr-tip p {\n  font-size: 14px;\n  color: var(--edr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.edr-tip p strong {\n  color: var(--edr-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.edr-accordion {\n  background: var(--edr-white);\n  border-radius: var(--edr-radius);\n  box-shadow: var(--edr-shadow);\n  overflow: hidden;\n}\n\n.edr-accordion-item {\n  border-bottom: 1px solid var(--edr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.edr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.edr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--edr-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.edr-accordion-header:hover {\n  background: var(--edr-primary-light);\n}\n\n.edr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.edr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--edr-primary);\n  transition: transform .2s ease;\n}\n\n.edr-accordion-item[open] .edr-accordion-header::after {\n  content: '−';\n}\n\n.edr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--edr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.edr-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.edr-cta-box {\n  background: linear-gradient(135deg, var(--edr-primary) 0%, var(--edr-primary-dark) 100%);\n  border-radius: var(--edr-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.edr-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.edr-disclaimer {\n  font-size: 12px;\n  color: var(--edr-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .edr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .edr-card {\n    padding: 1.125rem;\n  }\n\n  .edr-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .edr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--edr-radius-sm);\n  }\n\n  .edr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .edr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .edr-grid-compact {\n    gap: .625rem;\n  }\n\n  .edr-grid-compact .edr-card {\n    padding: .75rem;\n  }\n\n  .edr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .edr-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .edr-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .edr-timeline-content p {\n    font-size: 13px;\n  }\n\n  .edr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .edr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .edr-testimonial {\n    padding: 1.25rem;\n  }\n\n  .edr-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .edr-card {\n    animation: edrFadeInUp .5s ease backwards;\n  }\n  .edr-card:nth-child(1) { animation-delay: .05s; }\n  .edr-card:nth-child(2) { animation-delay: .1s; }\n  .edr-card:nth-child(3) { animation-delay: .15s; }\n  .edr-card:nth-child(4) { animation-delay: .2s; }\n  .edr-card:nth-child(5) { animation-delay: .25s; }\n  .edr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes edrFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .edr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ENDRO","offers":[{"title":"Default Title","offer_id":55926781935993,"sku":"NBAIEND0053","price":10.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-endro-menthe-glaciale-175-pack.webp?v=1759759322"},{"product_id":"recharge-dentifrice-actif-blancheur-menthe-glaciale-350-g-endro","title":"Recharge Dentifrice Actif Blancheur Menthe Glaciale - 350 g - Endro","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Recharge Dentifrice Actif Blancheur Menthe Glaciale - 350 g - Endro\nPalette détectée:\n  - Primaire: #7A9E8E (vert sauge\/menthe du packaging)\n  - Secondaire: #5B7D6C (vert foncé profond)\n  - Accent: #B8D4C8 (vert clair\/menthe glaciale)\n  - Background packaging: #A3BFAF (vert sauge moyen)\nAmbiance: Naturel\/bio, éco-responsable, minimaliste élégant, fraîcheur nordique\nPréfixe CSS: ed\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Recharge dentifrice blancheur bio Endro : le choix naturel pour un sourire éclatant\"\n  2. \"Une formule 100 % naturelle avec fluor et actif blancheur\"\n  3. \"Goût menthe glaciale : une fraîcheur intense à chaque brossage\"\n  4. \"Liste complète des ingrédients\"\n  5. \"Comment utiliser cette recharge ?\"\n  6. \"Pourquoi préférer cette recharge aux tubes classiques ?\"\n  7. \"Un engagement concret pour moins de déchets\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ed-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ed-hero\"\u003e\n    \u003cdiv class=\"ed-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ed-hero-content\"\u003e\n      \u003cdiv class=\"ed-badges-top\"\u003e\n        \u003cspan class=\"ed-badge\"\u003e🌿 100 % origine naturelle\u003c\/span\u003e\n        \u003cspan class=\"ed-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"ed-badge\"\u003e♻️ Éco-recharge 350 g\u003c\/span\u003e\n        \u003cspan class=\"ed-badge\"\u003e🐰 Végane \u0026amp; cruelty-free\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ed-hero-title\"\u003eRecharge dentifrice actif blancheur menthe glaciale\u003c\/span\u003e\n      \u003cp class=\"ed-subtitle\"\u003eEndro — Certifiée COSMOS Organic\u003c\/p\u003e\n      \u003cp class=\"ed-description\"\u003e350 g de formule bio pour un sourire éclatant et jusqu'à 5 tubes plastiques évités. L'éco-geste qui change votre routine.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"ed-section\"\u003e\n    \u003ch2\u003eRecharge dentifrice blancheur bio Endro : le choix naturel pour un sourire éclatant\u003c\/h2\u003e\n    \u003cp class=\"ed-section-intro\"\u003eVous recherchez le \u003cstrong\u003emeilleur dentifrice blancheur\u003c\/strong\u003e alliant efficacité, naturalité et démarche écologique ? Cette \u003cstrong\u003erecharge dentifrice actif blancheur menthe glaciale\u003c\/strong\u003e d'Endro coche toutes les cases.\u003c\/p\u003e\n    \u003cdiv class=\"ed-grid-compact\"\u003e\n      \u003cdiv class=\"ed-card\"\u003e\n        \u003ch3\u003e⚖️ 350 g de formule bio\u003c\/h3\u003e\n        \u003cp\u003eCertifiée COSMOS Organic pour une hygiène bucco-dentaire irréprochable et naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ed-card\"\u003e\n        \u003ch3\u003e🔄 2 rechargements complets\u003c\/h3\u003e\n        \u003cp\u003eRemplit deux fois votre flacon aluminium Endro, pour des mois de brossage serein.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ed-card\"\u003e\n        \u003ch3\u003e🚫 5 tubes plastiques évités\u003c\/h3\u003e\n        \u003cp\u003eL'équivalent de cinq tubes de dentifrice classiques en moins dans vos poubelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ed-card\"\u003e\n        \u003ch3\u003e🌍 Un geste concret\u003c\/h3\u003e\n        \u003cp\u003eUn choix simple qui change vraiment la donne pour votre routine et pour la planète.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"ed-section\"\u003e\n    \u003ch2\u003eUne formule 100 % naturelle avec fluor et actif blancheur\u003c\/h2\u003e\n    \u003cp class=\"ed-section-intro\"\u003eContrairement aux dentifrices blancheur conventionnels trop abrasifs, Endro mise sur des actifs doux et scientifiquement prouvés pour respecter vos dents autant qu'en prendre soin.\u003c\/p\u003e\n    \u003cdiv class=\"ed-grid\"\u003e\n      \u003cdiv class=\"ed-card\"\u003e\n        \u003ch3\u003e💎 Silice hydratée\u003c\/h3\u003e\n        \u003cp\u003eAgent polissant doux qui élimine les taches en surface \u003cstrong\u003esans agresser l'émail\u003c\/strong\u003e. Une action mécanique délicate pour un nettoyage en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ed-card\"\u003e\n        \u003ch3\u003e🛡️ Fluor\u003c\/h3\u003e\n        \u003cp\u003ePrésent à la \u003cstrong\u003econcentration recommandée\u003c\/strong\u003e par les professionnels de santé, il renforce l'émail et prévient les caries au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ed-card\"\u003e\n        \u003ch3\u003e🌊 Codium fragile\u003c\/h3\u003e\n        \u003cp\u003eExtrait d'algue marine offrant un \u003cstrong\u003eactif blancheur naturel\u003c\/strong\u003e qui agit en complément de la silice pour retrouver progressivement un sourire plus lumineux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ed-tip\"\u003e\n      \u003cspan class=\"ed-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e un dentifrice blancheur qui respecte vos dents autant qu'il en prend soin, brossage après brossage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"ed-section\"\u003e\n    \u003ch2\u003eGoût menthe glaciale : une fraîcheur intense à chaque brossage\u003c\/h2\u003e\n    \u003cdiv class=\"ed-testimonial\"\u003e\n      \u003cp class=\"ed-testimonial-text\"\u003eSi vous aimez cette sensation de fraîcheur puissante après le brossage, vous allez adorer ce \u003cstrong\u003edentifrice menthe glaciale\u003c\/strong\u003e. Le mélange de \u003cstrong\u003ementhol\u003c\/strong\u003e et d'\u003cstrong\u003ehuiles essentielles de menthe bio\u003c\/strong\u003e procure une haleine durablement fraîche. Fini les arômes artificiels : ici, tout est d'origine naturelle, et ça se sent dès la première utilisation.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"ed-section\"\u003e\n    \u003ch2\u003eListe complète des ingrédients\u003c\/h2\u003e\n    \u003cdiv class=\"ed-accordion\"\u003e\n      \u003cdetails class=\"ed-accordion-item\" open\u003e\n        \u003csummary class=\"ed-accordion-header\"\u003e💧 Base hydratante et texturisante\u003c\/summary\u003e\n        \u003cdiv class=\"ed-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eAqua\u003c\/strong\u003e – Eau\u003cbr\u003e\n          \u003cstrong\u003eGlycerin*\u003c\/strong\u003e – Glycérine végétale hydratante\u003cbr\u003e\n          \u003cstrong\u003eHydrated Silica\u003c\/strong\u003e – Silice hydratée (agent abrasif doux et polissant)\u003cbr\u003e\n          \u003cstrong\u003eXanthan Gum\u003c\/strong\u003e – Gélifiant naturel\u003cbr\u003e\n          \u003cstrong\u003eErythritol\u003c\/strong\u003e – Édulcorant naturel non cariogène\u003cbr\u003e\n          \u003cstrong\u003eDecyl Glucoside\u003c\/strong\u003e – Tensioactif moussant doux d'origine végétale\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ed-accordion-item\"\u003e\n        \u003csummary class=\"ed-accordion-header\"\u003e🌿 Actifs et arômes\u003c\/summary\u003e\n        \u003cdiv class=\"ed-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eMenthol*, Aroma, Mentha Piperita Oil*\u003c\/strong\u003e – Arôme et huiles essentielles de menthe bio\u003cbr\u003e\n          \u003cstrong\u003eSodium Fluoride\u003c\/strong\u003e – Fluor pour la protection de l'émail\u003cbr\u003e\n          \u003cstrong\u003eCodium Fragile Extract\u003c\/strong\u003e – Actif blancheur d'origine marine\u003cbr\u003e\n          \u003cstrong\u003eAloe Barbadensis Leaf Juice Powder*\u003c\/strong\u003e – Poudre d'aloe vera bio apaisante\u003cbr\u003e\n          \u003cstrong\u003eSodium Bicarbonate\u003c\/strong\u003e – Carbonate végétal purifiant\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ed-disclaimer\"\u003e* Ingrédients issus de l'agriculture biologique – 39 % du total des ingrédients sont biologiques.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"ed-section\"\u003e\n    \u003ch2\u003eComment utiliser cette recharge ?\u003c\/h2\u003e\n    \u003cdiv class=\"ed-timeline\"\u003e\n      \u003cdiv class=\"ed-timeline-item\"\u003e\n        \u003cdiv class=\"ed-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ed-timeline-content\"\u003e\n          \u003ch3\u003eTransvasez\u003c\/h3\u003e\n          \u003cp\u003eDévissez le bouchon de votre \u003cstrong\u003eflacon en aluminium rechargeable\u003c\/strong\u003e Endro et transvasez délicatement la recharge.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ed-timeline-item\"\u003e\n        \u003cdiv class=\"ed-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ed-timeline-content\"\u003e\n          \u003ch3\u003eDosez\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de dentifrice sur votre brosse à dents humide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ed-timeline-item\"\u003e\n        \u003cdiv class=\"ed-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ed-timeline-content\"\u003e\n          \u003ch3\u003eBrossez 2 à 3 minutes\u003c\/h3\u003e\n          \u003cp\u003eMatin et soir, effectuez des \u003cstrong\u003emouvements circulaires doux\u003c\/strong\u003e pour un nettoyage optimal.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ed-timeline-item\"\u003e\n        \u003cdiv class=\"ed-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"ed-timeline-content\"\u003e\n          \u003ch3\u003eRincez et refermez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment. Refermez bien le bouchon après chaque usage pour préserver la fraîcheur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"ed-section\"\u003e\n    \u003ch2\u003ePourquoi préférer cette recharge aux tubes classiques ?\u003c\/h2\u003e\n    \u003cdiv class=\"ed-grid\"\u003e\n      \u003cdiv class=\"ed-card\"\u003e\n        \u003ch3\u003e🌱 Certifiée bio\u003c\/h3\u003e\n        \u003cp\u003eLabel COSMOS Organic, formule \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e vérifiée par un organisme indépendant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ed-card\"\u003e\n        \u003ch3\u003e🐰 Végane et cruelty-free\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient d'origine animale, \u003cstrong\u003enon testée sur les animaux\u003c\/strong\u003e. Une éthique sans compromis.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ed-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n        \u003cp\u003eProduction locale et engagée, pour soutenir le savoir-faire français et limiter l'empreinte carbone.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ed-card\"\u003e\n        \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e350 g\u003c\/strong\u003e, soit 2 rechargements complets de votre flacon. Un excellent rapport qualité-prix.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ed-card\"\u003e\n        \u003ch3\u003e♻️ Emballage recyclable\u003c\/h3\u003e\n        \u003cp\u003eÉco-recharge souple et allégée : \u003cstrong\u003ejusqu'à 5 tubes plastiques évités\u003c\/strong\u003e à chaque achat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ed-card\"\u003e\n        \u003ch3\u003e❄️ Fraîcheur naturelle\u003c\/h3\u003e\n        \u003cp\u003eGoût menthe glaciale intense grâce aux \u003cstrong\u003ehuiles essentielles bio\u003c\/strong\u003e, sans arômes artificiels.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"ed-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eUn engagement concret pour moins de déchets\u003c\/h2\u003e\n    \u003cdiv class=\"ed-cta-box\"\u003e\n      \u003cp\u003eEndro ne se contente pas de proposer une formule propre : la marque repense entièrement le contenant. En adoptant le système \u003cstrong\u003eflacon aluminium rechargeable\u003c\/strong\u003e associé à cette éco-recharge souple, vous réduisez significativement vos déchets plastiques.\u003cbr\u003e\u003cbr\u003eC'est un choix pragmatique, accessible, et parfaitement adapté à une hygiène bucco-dentaire exigeante. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ed-disclaimer\"\u003eCe produit cosmétique ne remplace pas un suivi dentaire régulier. Consultez votre dentiste pour tout conseil personnalisé concernant votre santé bucco-dentaire.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ed-cream: #f5f7f5;\n  --ed-white: #ffffff;\n  --ed-primary: #7A9E8E;\n  --ed-primary-dark: #3D5E4C;\n  --ed-primary-light: #E8F0EC;\n  --ed-secondary: #5B7D6C;\n  --ed-accent: #B8D4C8;\n  --ed-text: #1a1a1a;\n  --ed-text-light: #5a5a5a;\n  --ed-border: #dce5df;\n  --ed-shadow: 0 4px 24px rgba(61, 94, 76, .08);\n  --ed-shadow-lg: 0 12px 48px rgba(61, 94, 76, .15);\n  --ed-radius: 20px;\n  --ed-radius-sm: 12px;\n}\n\n.ed-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ed-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ed-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ed-secondary) 0%, var(--ed-primary) 50%, var(--ed-accent) 100%);\n  border-radius: var(--ed-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ed-shadow-lg);\n}\n\n.ed-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n                     radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n                     radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.ed-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ed-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.ed-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.ed-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ed-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ed-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ed-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ed-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ed-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ed-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ed-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.ed-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ed-primary), var(--ed-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ed-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ed-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ed-card {\n  background: var(--ed-white);\n  border-radius: var(--ed-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ed-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ed-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ed-shadow-lg);\n  border-color: var(--ed-primary);\n}\n\n.ed-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ed-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ed-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ed-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ed-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ed-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ed-grid-compact .ed-card {\n  padding: 1rem;\n}\n\n.ed-grid-compact .ed-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ed-grid-compact .ed-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ed-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ed-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ed-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ed-primary), var(--ed-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.ed-timeline-content {\n  flex: 1;\n  background: var(--ed-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ed-radius-sm);\n  box-shadow: var(--ed-shadow);\n}\n\n.ed-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ed-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ed-timeline-content p {\n  font-size: 14px;\n  color: var(--ed-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ed-testimonial {\n  background: var(--ed-white);\n  border-radius: var(--ed-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ed-shadow);\n  border-left: 4px solid var(--ed-primary);\n}\n\n.ed-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ed-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ed-accordion {\n  background: var(--ed-white);\n  border-radius: var(--ed-radius);\n  box-shadow: var(--ed-shadow);\n  overflow: hidden;\n}\n\n.ed-accordion-item {\n  border-bottom: 1px solid var(--ed-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ed-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ed-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ed-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ed-accordion-header:hover {\n  background: var(--ed-primary-light);\n}\n\n.ed-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ed-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ed-primary);\n  transition: transform .2s ease;\n}\n\n.ed-accordion-item[open] .ed-accordion-header::after {\n  content: '−';\n}\n\n.ed-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ed-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ed-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ed-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ed-primary-light);\n  border-radius: var(--ed-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ed-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ed-tip p {\n  font-size: 14px;\n  color: var(--ed-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ed-cta-box {\n  background: linear-gradient(135deg, var(--ed-primary) 0%, var(--ed-primary-dark) 100%);\n  border-radius: var(--ed-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ed-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ed-disclaimer {\n  font-size: 12px;\n  color: var(--ed-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ed-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ed-card {\n    padding: 1.125rem;\n  }\n\n  .ed-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ed-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ed-radius-sm);\n  }\n\n  .ed-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ed-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ed-grid-compact {\n    gap: .625rem;\n  }\n\n  .ed-grid-compact .ed-card {\n    padding: .75rem;\n  }\n\n  .ed-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ed-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ed-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ed-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ed-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ed-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ed-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ed-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ed-card {\n    animation: edFadeInUp .5s ease backwards;\n  }\n  .ed-card:nth-child(1) { animation-delay: .05s; }\n  .ed-card:nth-child(2) { animation-delay: .1s; }\n  .ed-card:nth-child(3) { animation-delay: .15s; }\n  .ed-card:nth-child(4) { animation-delay: .2s; }\n  .ed-card:nth-child(5) { animation-delay: .25s; }\n  .ed-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes edFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ed-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ENDRO","offers":[{"title":"Default Title","offer_id":55927016030585,"sku":"NBAIEND0111","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eco-recharge-dentifrice-actif-blancheur-endro-vert.webp?v=1776270705"},{"product_id":"dentifrice-fruits-rouges-175g-endro","title":"Dentifrice Enfants Fruits Rouges - 175g - Endro","description":"\u003cdiv class=\"edk-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"edk-hero\"\u003e\n    \u003cdiv class=\"edk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"edk-hero-content\"\u003e\n      \u003cdiv class=\"edk-badges-top\"\u003e\n        \u003cspan class=\"edk-badge\"\u003e🍓 Goût fruits rouges\u003c\/span\u003e\n        \u003cspan class=\"edk-badge\"\u003e🌿 Certifié Bio Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"edk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"edk-badge\"\u003e👶 Dès 3 ans\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"edk-hero-title\"\u003eDentifrice Enfants Fruits Rouges\u003c\/span\u003e\n      \u003cp class=\"edk-subtitle\"\u003ePar Endro — 175 g avec pompe\u003c\/p\u003e\n      \u003cp class=\"edk-description\"\u003eLe dentifrice bio au goût irrésistible qui transforme le brossage en moment de plaisir. 100 % d'origine naturelle, 73 % d'ingrédients bio, avec fluor adapté aux enfants.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"edk-section\"\u003e\n    \u003ch2\u003eDentifrice enfants bio aux fruits rouges : le brossage devient un plaisir\u003c\/h2\u003e\n    \u003cp class=\"edk-section-intro\"\u003eFaire accepter le brossage des dents à un enfant, c'est parfois un véritable défi. Avec ce dentifrice enfants Endro goût fruits rouges, la corvée se transforme en moment agréable.\u003c\/p\u003e\n    \u003cdiv class=\"edk-grid-compact\"\u003e\n      \u003cdiv class=\"edk-card\"\u003e\n        \u003ch3\u003e🍒 Arôme naturel\u003c\/h3\u003e\n        \u003cp\u003eUn délicieux goût de fruits rouges qui séduit les enfants dès 3 ans\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edk-card\"\u003e\n        \u003ch3\u003e🧴 Texture gel\u003c\/h3\u003e\n        \u003cp\u003eAgréable et douce pour un brossage tout en confort\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edk-card\"\u003e\n        \u003ch3\u003e🌱 Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eCertifié bio, 100 % d'ingrédients d'origine naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edk-card\"\u003e\n        \u003ch3\u003e🛡️ Protection complète\u003c\/h3\u003e\n        \u003cp\u003eEfficacité bucco-dentaire prouvée sans compromis sur la composition\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"edk-section\"\u003e\n    \u003ch2\u003eUne formule courte, propre et vraiment efficace\u003c\/h2\u003e\n    \u003cp class=\"edk-section-intro\"\u003eContrairement à de nombreux dentifrices enfants du commerce, celui d'Endro mise sur une liste d'ingrédients réduite à l'essentiel. Chaque composant a un rôle précis.\u003c\/p\u003e\n    \u003cdiv class=\"edk-grid\"\u003e\n      \u003cdiv class=\"edk-card\"\u003e\n        \u003ch3\u003e✨ Silice hydratée \u0026amp; érythritol\u003c\/h3\u003e\n        \u003cp\u003eAgents nettoyants doux qui luttent contre la plaque dentaire tout en préservant l'émail fragile des dents de lait et des dents définitives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edk-card\"\u003e\n        \u003ch3\u003e🦷 Fluor (Sodium Fluoride)\u003c\/h3\u003e\n        \u003cp\u003eReconnu pour son action anticaries, il renforce l'émail et favorise la reminéralisation. Dosage adapté aux enfants, conforme aux recommandations des professionnels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edk-card\"\u003e\n        \u003ch3\u003e🌿 Extrait d'aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eApaise et protège les gencives sensibles, particulièrement sollicitées lors des poussées dentaires ou du brossage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edk-card\"\u003e\n        \u003ch3\u003e🪨 Argiles naturelles\u003c\/h3\u003e\n        \u003cp\u003eMontmorillonite, illite et kaolin contribuent à purifier et à reminéraliser naturellement les dents.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"edk-tip\"\u003e\n      \u003cspan class=\"edk-tip-icon\"\u003e🌾\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003e73 % des ingrédients sont issus de l'agriculture biologique.\u003c\/strong\u003e La formule est vegan, sans dioxyde de titane, sans sulfate agressif, ni colorant artificiel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"edk-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce dentifrice plutôt qu'un autre ?\u003c\/h2\u003e\n    \u003cdiv class=\"edk-grid\"\u003e\n      \u003cdiv class=\"edk-card\"\u003e\n        \u003ch3\u003e🏅 Certification Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eUn gage de transparence et de respect de normes strictes, bien au-delà des références classiques de supermarché.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edk-card\"\u003e\n        \u003ch3\u003e🧴 Format généreux de 175 g\u003c\/h3\u003e\n        \u003cp\u003eAvec pompe pratique pour les petites mains, hygiénique et économique pour toute la famille.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edk-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eConçu et produit en Bretagne, avec une démarche écoresponsable de bout en bout.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edk-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Convient aussi aux adultes\u003c\/h3\u003e\n        \u003cp\u003eSon goût gourmand et sa composition irréprochable en font un dentifrice familial par excellence.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"edk-section\"\u003e\n    \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"edk-accordion\"\u003e\n      \u003cdetails class=\"edk-accordion-item\" open\u003e\n        \u003csummary class=\"edk-accordion-header\"\u003e📋 Composition intégrale\u003c\/summary\u003e\n        \u003cdiv class=\"edk-accordion-content mt-3\"\u003e\n          \u003cp\u003eGlycerin**, Aqua (Water), Hydrated Silica, Erythritol, Xanthan Gum, Aroma, Montmorillonite, Disodium Cocoyl Glutamate, Sodium Fluoride, Aloe Barbadensis Leaf Juice Powder*, Decyl Glucoside, Illite, Kaolin.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e*Issu de l'agriculture biologique — **Transformé à partir d'ingrédients biologiques\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"edk-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"edk-timeline\"\u003e\n      \u003cdiv class=\"edk-timeline-item\"\u003e\n        \u003cdiv class=\"edk-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"edk-timeline-content\"\u003e\n          \u003ch3\u003eDéposez une noisette de gel\u003c\/h3\u003e\n          \u003cp\u003eSur une brosse à dents sèche adaptée à l'âge de votre enfant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edk-timeline-item\"\u003e\n        \u003cdiv class=\"edk-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"edk-timeline-content\"\u003e\n          \u003ch3\u003eBrossez doucement pendant 2 à 3 minutes\u003c\/h3\u003e\n          \u003cp\u003eMatin et soir, en insistant sur chaque zone de la bouche.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edk-timeline-item\"\u003e\n        \u003cdiv class=\"edk-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"edk-timeline-content\"\u003e\n          \u003ch3\u003eRincez soigneusement\u003c\/h3\u003e\n          \u003cp\u003eAssurez-vous que votre enfant rince bien la bouche après le brossage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edk-timeline-item\"\u003e\n        \u003cdiv class=\"edk-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"edk-timeline-content\"\u003e\n          \u003ch3\u003eSurveillance adulte (3-6 ans)\u003c\/h3\u003e\n          \u003cp\u003ePour les enfants de 3 à 6 ans, le brossage doit toujours se faire sous la surveillance d'un adulte afin d'éviter l'ingestion du dentifrice.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"edk-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce dentifrice ?\u003c\/h2\u003e\n    \u003cdiv class=\"edk-grid\"\u003e\n      \u003cdiv class=\"edk-card\"\u003e\n        \u003ch3\u003e👶 Les enfants dès 3 ans\u003c\/h3\u003e\n        \u003cp\u003eQui ont besoin d'un dentifrice doux, efficace et au goût qu'ils adorent pour rendre le brossage amusant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edk-card\"\u003e\n        \u003ch3\u003e👩‍👧 Les parents exigeants\u003c\/h3\u003e\n        \u003cp\u003eQui souhaitent une hygiène bucco-dentaire bio, sans substances indésirables pour protéger leurs enfants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edk-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eAdultes et adolescents apprécient également sa texture légère et son goût fruité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA + DISCLAIMER --\u003e\n  \u003csection class=\"edk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"edk-cta-box\"\u003e\n      \u003cp\u003e🍓 Offrez à votre enfant un brossage qui rime avec plaisir et protection naturelle. Un dentifrice bio, fabriqué en France, que toute la famille va adopter !\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"edk-disclaimer\"\u003eCe dentifrice ne se substitue pas à une consultation chez le dentiste. Pensez à faire contrôler régulièrement les dents de votre enfant par un professionnel de santé bucco-dentaire. Un brossage régulier, associé à une alimentation équilibrée, reste la meilleure prévention contre les caries.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --edk-cream: #fdf6f3;\n  --edk-white: #ffffff;\n  --edk-primary: #c97b6b;\n  --edk-primary-dark: #8b4a3c;\n  --edk-primary-light: #f5e6e1;\n  --edk-secondary: #d4534b;\n  --edk-accent: #e8927a;\n  --edk-text: #1a1a1a;\n  --edk-text-light: #5a5a5a;\n  --edk-border: #eeddd7;\n  --edk-shadow: 0 4px 24px rgba(139,74,60,.08);\n  --edk-shadow-lg: 0 12px 48px rgba(139,74,60,.15);\n  --edk-radius: 20px;\n  --edk-radius-sm: 12px;\n}\n\n.edk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--edk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.edk-hero {\n  position: relative;\n  background: linear-gradient(135deg, #c97b6b 0%, #d4534b 50%, #8b4a3c 100%);\n  border-radius: var(--edk-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--edk-shadow-lg);\n}\n\n.edk-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.edk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.edk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.edk-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--edk-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.edk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.edk-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.edk-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.edk-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.edk-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.edk-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--edk-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.edk-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--edk-primary), var(--edk-secondary));\n  border-radius: 2px;\n}\n\n.edk-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--edk-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.edk-card {\n  background: var(--edk-white);\n  border-radius: var(--edk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--edk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.edk-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--edk-shadow-lg);\n  border-color: var(--edk-primary);\n}\n\n.edk-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--edk-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.edk-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--edk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.edk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.edk-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.edk-grid-compact .edk-card {\n  padding: 1rem;\n}\n\n.edk-grid-compact .edk-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.edk-grid-compact .edk-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.edk-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.edk-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.edk-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--edk-primary), var(--edk-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.edk-timeline-content {\n  flex: 1;\n  background: var(--edk-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--edk-radius-sm);\n  box-shadow: var(--edk-shadow);\n}\n\n.edk-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--edk-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.edk-timeline-content p {\n  font-size: 14px;\n  color: var(--edk-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDION === *\/\n.edk-accordion {\n  background: var(--edk-white);\n  border-radius: var(--edk-radius);\n  box-shadow: var(--edk-shadow);\n  overflow: hidden;\n}\n\n.edk-accordion-item {\n  border-bottom: 1px solid var(--edk-border);\n  margin: 0;\n  padding: 0;\n}\n\n.edk-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.edk-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--edk-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.edk-accordion-header:hover {\n  background: var(--edk-primary-light);\n}\n\n.edk-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.edk-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--edk-primary);\n  transition: transform .2s ease;\n}\n\n.edk-accordion-item[open] .edk-accordion-header::after {\n  content: '−';\n}\n\n.edk-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--edk-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.edk-accordion-content p {\n  margin: 0 0 .5rem 0;\n}\n\n.edk-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.edk-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--edk-primary-light);\n  border-radius: var(--edk-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.edk-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.edk-tip p {\n  font-size: 14px;\n  color: var(--edk-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.edk-cta-box {\n  background: linear-gradient(135deg, var(--edk-primary) 0%, var(--edk-primary-dark) 100%);\n  border-radius: var(--edk-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.edk-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.edk-disclaimer {\n  font-size: 12px;\n  color: var(--edk-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .edk-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .edk-card {\n    padding: 1.125rem;\n  }\n\n  .edk-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .edk-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--edk-radius-sm);\n  }\n\n  .edk-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .edk-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .edk-grid-compact {\n    gap: .625rem;\n  }\n\n  .edk-grid-compact .edk-card {\n    padding: .75rem;\n  }\n\n  .edk-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .edk-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .edk-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .edk-timeline-content p {\n    font-size: 13px;\n  }\n\n  .edk-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .edk-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .edk-card {\n    animation: edkFadeInUp .5s ease backwards;\n  }\n  .edk-card:nth-child(1) { animation-delay: .05s; }\n  .edk-card:nth-child(2) { animation-delay: .1s; }\n  .edk-card:nth-child(3) { animation-delay: .15s; }\n  .edk-card:nth-child(4) { animation-delay: .2s; }\n  .edk-card:nth-child(5) { animation-delay: .25s; }\n  .edk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes edkFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .edk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ENDRO","offers":[{"title":"Default Title","offer_id":56166177538425,"sku":"NBAIEND0054","price":10.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-enfants-fruits-rouges-endro-175-ml.webp?v=1763386235"},{"product_id":"recharge-dentifrice-fruits-rouges-350g-endro","title":"Recharge dentifrice fruits rouges - 350g - Endro","description":"\u003cdiv class=\"edr-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"edr-hero\"\u003e\n    \u003cdiv class=\"edr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"edr-hero-content\"\u003e\n      \u003cdiv class=\"edr-badges-top\"\u003e\n        \u003cspan class=\"edr-badge\"\u003e🌿 100 % d'origine naturelle\u003c\/span\u003e\n        \u003cspan class=\"edr-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e\n        \u003cspan class=\"edr-badge\"\u003e♻️ Éco-recharge 350 g\u003c\/span\u003e\n        \u003cspan class=\"edr-badge\"\u003e🫐 Goût fruits rouges\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"edr-hero-title\"\u003eRecharge dentifrice fruits rouges — Endro\u003c\/span\u003e\n      \u003cp class=\"edr-subtitle\"\u003eLe dentifrice bio enfants dès 3 ans, en format éco-recharge malin\u003c\/p\u003e\n      \u003cp class=\"edr-description\"\u003e1000 ppm de fluor • Certifié COSMOS Organic • Remplace jusqu'à 5 tubes classiques\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"edr-section\"\u003e\n    \u003ch2\u003eDentifrice enfants bio aux fruits rouges : l'éco-recharge maline d'Endro\u003c\/h2\u003e\n    \u003cp class=\"edr-section-intro\"\u003eFaire aimer le brossage de dents à un enfant, voilà un défi que tous les parents connaissent. Avec cette \u003cstrong\u003erecharge dentifrice fruits rouges Endro de 350 g\u003c\/strong\u003e, vous combinez une formule \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, un goût irrésistible de fruits rouges et un format éco-responsable qui remplace jusqu'à \u003cstrong\u003e5 tubes classiques\u003c\/strong\u003e. Certifié bio, fabriqué en Bretagne, ce \u003cstrong\u003edentifrice naturel\u003c\/strong\u003e pour enfants dès 3 ans coche toutes les cases d'une hygiène bucco-dentaire saine et ludique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"edr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette recharge dentifrice Endro ?\u003c\/h2\u003e\n    \u003cdiv class=\"edr-grid\"\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🦷 1000 ppm de fluor\u003c\/h3\u003e\n        \u003cp\u003eLe dosage recommandé par les dentistes pour les enfants de plus de 3 ans, qui aide à renforcer l'émail fragile des dents de lait et à prévenir les caries.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🍓 Goût fruits rouges gourmand\u003c\/h3\u003e\n        \u003cp\u003eUn arôme naturel doux, sans amertume, qui transforme le brossage en un moment agréable. Fini les grimaces devant le lavabo !\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e📋 Formule courte et transparente\u003c\/h3\u003e\n        \u003cp\u003eSeulement 13 ingrédients d'origine naturelle, sans huile essentielle, sans colorant de synthèse, sans perturbateur endocrinien. Un vrai dentifrice 100 % naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e♻️ Format éco-recharge 350 g\u003c\/h3\u003e\n        \u003cp\u003eVersez le contenu dans votre flacon rechargeable Endro. Vous réduisez considérablement vos déchets plastiques tout en faisant des économies.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e✨ Texture gel agréable\u003c\/h3\u003e\n        \u003cp\u003eSe dose facilement, mousse légèrement et se rince sans difficulté. Parfaitement adaptée aux plus petits.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"edr-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cdiv class=\"edr-inci-box\"\u003e\n      \u003cp class=\"edr-inci-text\"\u003eGlycerin**, Aqua (Water\/Eau), Hydrated Silica, Erythritol, Xanthan Gum, Aroma (Flavor), Montmorillonite, Disodium Cocoyl Glutamate, \u003cstrong\u003eSodium Fluoride\u003c\/strong\u003e, Aloe Barbadensis Leaf Juice Powder*, Decyl Glucoside, Illite, Kaolin.\u003c\/p\u003e\n      \u003cp class=\"edr-inci-note\"\u003e** Transformé à partir d'ingrédients biologiques — * Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"edr-grid\"\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🌱 Glycérine végétale bio\u003c\/h3\u003e\n        \u003cp\u003eApporte onctuosité et hydratation aux gencives sensibles de votre enfant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e💎 Silice hydratée\u003c\/h3\u003e\n        \u003cp\u003eAgent nettoyant doux, non abrasif pour l'émail des dents de lait.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🍬 Érythritol\u003c\/h3\u003e\n        \u003cp\u003eSucre naturel sans effet cariogène, contribue à un goût agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🪨 Argiles naturelles\u003c\/h3\u003e\n        \u003cp\u003eMontmorillonite, illite et kaolin purifient en douceur et reminéralisent naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eApaise les gencives sensibles des enfants, pour un brossage tout en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🛡️ Fluorure de sodium\u003c\/h3\u003e\n        \u003cp\u003e1000 ppm de fluor : protection anti-caries adaptée aux plus de 3 ans, recommandée par les dentistes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"edr-section\"\u003e\n    \u003ch2\u003eComment utiliser cette recharge ?\u003c\/h2\u003e\n    \u003cdiv class=\"edr-timeline\"\u003e\n      \u003cdiv class=\"edr-timeline-item\"\u003e\n        \u003cdiv class=\"edr-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"edr-timeline-content\"\u003e\n          \u003ch3\u003eVersez la recharge\u003c\/h3\u003e\n          \u003cp\u003eVersez le contenu de la recharge dentifrice dans votre flacon rechargeable Endro propre et sec.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-timeline-item\"\u003e\n        \u003cdiv class=\"edr-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"edr-timeline-content\"\u003e\n          \u003ch3\u003eDosez un petit pois\u003c\/h3\u003e\n          \u003cp\u003eDéposez une quantité de la taille d'un petit pois sur la brosse à dents de votre enfant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-timeline-item\"\u003e\n        \u003cdiv class=\"edr-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"edr-timeline-content\"\u003e\n          \u003ch3\u003eBrossez 2 minutes\u003c\/h3\u003e\n          \u003cp\u003eBrossez pendant \u003cstrong\u003e2 minutes, 2 fois par jour\u003c\/strong\u003e, puis recrachez. Pour les enfants de moins de 6 ans, le brossage doit toujours se faire \u003cstrong\u003esous la surveillance d'un adulte\u003c\/strong\u003e afin de limiter l'ingestion.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"edr-tip\"\u003e\n      \u003cspan class=\"edr-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePensez à remplacer la brosse à dents tous les 3 mois pour une efficacité optimale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"edr-section\"\u003e\n    \u003ch2\u003eLabels et engagements\u003c\/h2\u003e\n    \u003cdiv class=\"edr-grid-compact\"\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n        \u003cp\u003eCertifié COSMEBIO : formulation bio rigoureuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué à Lannion, en Bretagne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🐰 Végan \u0026amp; cruelty-free\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient ni test d'origine animale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🚫 Sans huile essentielle\u003c\/h3\u003e\n        \u003cp\u003eAdapté aux jeunes enfants et aux femmes enceintes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e♻️ Éco-recharge\u003c\/h3\u003e\n        \u003cp\u003eJusqu'à 75 % de plastique en moins par rapport aux tubes classiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"edr-card\"\u003e\n        \u003ch3\u003e🌍 Zéro déchet\u003c\/h3\u003e\n        \u003cp\u003eUn geste simple pour réduire durablement votre impact environnemental.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"edr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions et conseils\u003c\/h2\u003e\n    \u003cdiv class=\"edr-accordion\"\u003e\n      \u003cdetails class=\"edr-accordion-item\"\u003e\n        \u003csummary class=\"edr-accordion-header\"\u003e⚠️ Précautions liées au fluor\u003c\/summary\u003e\n        \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe dentifrice contient du fluor. Si votre enfant consomme déjà du fluor via d'autres sources (eau fluorée, sel fluoré, compléments), demandez conseil à votre dentiste ou pédiatre avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"edr-accordion-item\"\u003e\n        \u003csummary class=\"edr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez la recharge dans un endroit sec, à l'abri de la chaleur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"edr-accordion-item\"\u003e\n        \u003csummary class=\"edr-accordion-header\"\u003e🩺 Suivi dentaire\u003c\/summary\u003e\n        \u003cdiv class=\"edr-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit cosmétique \u003cstrong\u003ene se substitue pas à un suivi dentaire régulier\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"edr-cta-box\"\u003e\n      \u003cp\u003eOffrez à votre enfant un brossage efficace, gourmand et respectueux de la planète 🌍\u003cbr\u003eAvec cette éco-recharge Endro aux fruits rouges, vous faites le choix d'un \u003cstrong\u003edentifrice naturel\u003c\/strong\u003e certifié bio, au juste dosage de fluor, dans un format pensé pour réduire durablement vos déchets.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"edr-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ce produit est un cosmétique, non un médicament.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --edr-cream: #faf6f4;\n  --edr-white: #ffffff;\n  --edr-primary: #d4917a;\n  --edr-primary-dark: #a8604a;\n  --edr-primary-light: #f6ebe6;\n  --edr-secondary: #e8a894;\n  --edr-accent: #c97a63;\n  --edr-text: #1a1a1a;\n  --edr-text-light: #5a5a5a;\n  --edr-border: #e8ddd8;\n  --edr-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --edr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --edr-radius: 20px;\n  --edr-radius-sm: 12px;\n}\n\n.edr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--edr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.edr-hero {\n  position: relative;\n  background: linear-gradient(135deg, #d4917a 0%, #e8a894 50%, #c97a63 100%);\n  border-radius: var(--edr-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--edr-shadow-lg);\n}\n\n.edr-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.edr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.edr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.edr-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--edr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.edr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.edr-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.edr-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n}\n\n.edr-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(13px, 2.2vw, 16px);\n  margin: 0;\n  letter-spacing: .02em;\n}\n\n\/* === SECTIONS === *\/\n.edr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.edr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--edr-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.edr-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--edr-primary), var(--edr-secondary));\n  border-radius: 2px;\n}\n\n.edr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--edr-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.8;\n}\n\n.edr-section-intro strong {\n  color: var(--edr-primary-dark);\n}\n\n\/* === CARDS === *\/\n.edr-card {\n  background: var(--edr-white);\n  border-radius: var(--edr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--edr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.edr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--edr-shadow-lg);\n  border-color: var(--edr-primary);\n}\n\n.edr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--edr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.edr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--edr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.edr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.edr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.edr-grid-compact .edr-card {\n  padding: 1rem;\n}\n\n.edr-grid-compact .edr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.edr-grid-compact .edr-card p {\n  font-size: 12px;\n}\n\n\/* === INCI BOX === *\/\n.edr-inci-box {\n  background: var(--edr-white);\n  border-radius: var(--edr-radius-sm);\n  padding: clamp(1rem, 3vw, 1.5rem);\n  box-shadow: var(--edr-shadow);\n  margin-bottom: 1.5rem;\n  border-left: 4px solid var(--edr-primary);\n}\n\n.edr-inci-text {\n  font-size: clamp(12px, 2vw, 14px);\n  color: var(--edr-text-light);\n  line-height: 1.7;\n  margin: 0 0 .5rem 0;\n  word-break: break-word;\n}\n\n.edr-inci-note {\n  font-size: 12px;\n  color: var(--edr-text-light);\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.edr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.edr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.edr-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--edr-primary), var(--edr-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.edr-timeline-content {\n  flex: 1;\n  background: var(--edr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--edr-radius-sm);\n  box-shadow: var(--edr-shadow);\n}\n\n.edr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--edr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.edr-timeline-content p {\n  font-size: 14px;\n  color: var(--edr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.edr-timeline-content strong {\n  color: var(--edr-primary-dark);\n}\n\n\/* === TIP === *\/\n.edr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--edr-primary-light);\n  border-radius: var(--edr-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.edr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.edr-tip p {\n  font-size: 14px;\n  color: var(--edr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.edr-testimonial {\n  background: var(--edr-white);\n  border-radius: var(--edr-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--edr-shadow);\n  border-left: 4px solid var(--edr-primary);\n}\n\n.edr-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--edr-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.edr-accordion {\n  background: var(--edr-white);\n  border-radius: var(--edr-radius);\n  box-shadow: var(--edr-shadow);\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.edr-accordion-item {\n  border-bottom: 1px solid var(--edr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.edr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.edr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--edr-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.edr-accordion-header:hover {\n  background: var(--edr-primary-light);\n}\n\n.edr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.edr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--edr-primary);\n  transition: transform .2s ease;\n}\n\n.edr-accordion-item[open] .edr-accordion-header::after {\n  content: '−';\n}\n\n.edr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--edr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.edr-accordion-content p {\n  margin: 0;\n}\n\n.edr-accordion-content strong {\n  color: var(--edr-primary-dark);\n}\n\n\/* === CTA === *\/\n.edr-cta-box {\n  background: linear-gradient(135deg, var(--edr-primary) 0%, var(--edr-primary-dark) 100%);\n  border-radius: var(--edr-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.edr-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.edr-cta-box strong {\n  color: #fff;\n}\n\n\/* === DISCLAIMER === *\/\n.edr-disclaimer {\n  font-size: 12px;\n  color: var(--edr-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .edr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .edr-card {\n    padding: 1.125rem;\n  }\n\n  .edr-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .edr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--edr-radius-sm);\n  }\n\n  .edr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .edr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .edr-grid-compact {\n    gap: .625rem;\n  }\n\n  .edr-grid-compact .edr-card {\n    padding: .75rem;\n  }\n\n  .edr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .edr-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .edr-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .edr-timeline-content p {\n    font-size: 13px;\n  }\n\n  .edr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .edr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .edr-testimonial {\n    padding: 1.25rem;\n  }\n\n  .edr-testimonial-text {\n    font-size: 14px;\n  }\n\n  .edr-inci-box {\n    padding: .875rem;\n  }\n\n  .edr-badges-top {\n    gap: 6px;\n  }\n\n  .edr-badge {\n    font-size: 11px;\n    padding: 6px 12px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .edr-card {\n    animation: edrFadeInUp .5s ease backwards;\n  }\n  .edr-card:nth-child(1) { animation-delay: .05s; }\n  .edr-card:nth-child(2) { animation-delay: .1s; }\n  .edr-card:nth-child(3) { animation-delay: .15s; }\n  .edr-card:nth-child(4) { animation-delay: .2s; }\n  .edr-card:nth-child(5) { animation-delay: .25s; }\n  .edr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes edrFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .edr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ENDRO","offers":[{"title":"Default Title","offer_id":56166252937593,"sku":"NBAIEND0110","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-dentifrice-fruits-rouges-350g-endro-packshothd_84ca1590-1c7a-4b54-9eb8-6f584cdc8cf4.webp?v=1775380000"},{"product_id":"brosse-a-dents-rechargeable-enfant-coloris-jaune-lamazuna","title":"Brosse à dents pour enfant rechargeable - Jaune - Lamazuna","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Brosse à dents rechargeable Enfant Jaune - Lamazuna\nPalette détectée:\n  - Primaire: #F5C842 (jaune soleil du manche et packaging)\n  - Secondaire: #E591B0 (rose bonbon du packaging)\n  - Accent: #5CBFB3 (vert menthe\/turquoise du packaging)\nAmbiance: Joyeux, enfantin, écologique, coloré, fun et responsable\nPréfixe CSS: bad\n--\u003e\n\u003cdiv class=\"bad-premium\"\u003e\n\u003cdiv class=\"bad-hero\"\u003e\n\u003cdiv class=\"bad-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bad-hero-content\"\u003e\n\u003cdiv class=\"bad-badges-top\"\u003e\n\u003cspan class=\"bad-badge\"\u003e🇫🇷 100% français\u003c\/span\u003e \u003cspan class=\"bad-badge\"\u003e🌱 98% végétal\u003c\/span\u003e \u003cspan class=\"bad-badge\"\u003e♻️ Rechargeable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bad-hero-title\"\u003eBrosse à dents enfant\u003c\/span\u003e\n\u003cp class=\"bad-subtitle\"\u003eLa brosse rechargeable qui fait sourire les enfants dès 7 ans !\u003c\/p\u003e\n\u003cp class=\"bad-description\"\u003eFini le plastique jetable ! Un manche garanti à vie, des têtes à clipser et un jaune vitaminé qui transforme le brossage en moment joyeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"bad-section\"\u003e\n\u003ch2\u003e✨ Pourquoi les parents l'adorent\u003c\/h2\u003e\n\u003cdiv class=\"bad-grid\"\u003e\n\u003cdiv class=\"bad-card\"\u003e\n\u003ch3\u003e🪥 Poils extra-souples\u003c\/h3\u003e\n\u003cp\u003eParfaitement adaptés aux gencives sensibles et aux dents de lait ou définitives des enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bad-card\"\u003e\n\u003ch3\u003e🌿 98% d'origine végétale\u003c\/h3\u003e\n\u003cp\u003eManche fabriqué à partir d'huile de ricin, une alternative naturelle au plastique pétrochimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bad-card\"\u003e\n\u003ch3\u003e♾️ Garantie à vie\u003c\/h3\u003e\n\u003cp\u003eLamazuna s'engage : ce manche vous accompagnera pendant des années, voire toute une vie !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bad-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eDu manche à la tête, 100% de la fabrication est réalisée sur le territoire français\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bad-card\"\u003e\n\u003ch3\u003e☀️ Couleur vitaminée\u003c\/h3\u003e\n\u003cp\u003eUn jaune soleil joyeux qui motive les enfants à se brosser les dents avec plaisir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bad-card\"\u003e\n\u003ch3\u003e🔄 Système clic facile\u003c\/h3\u003e\n\u003cp\u003eChangement de tête ultra-simple : même les enfants peuvent le faire tout seuls !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bad-section\"\u003e\n\u003ch2\u003e🧪 Une composition transparente\u003c\/h2\u003e\n\u003cdiv class=\"bad-grid\"\u003e\n\u003cdiv class=\"bad-card bad-card-composition\"\u003e\n\u003ch3\u003e🎯 Le manche\u003c\/h3\u003e\n\u003cul class=\"bad-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e98%\u003c\/strong\u003e polyamide issu d'huile de ricin\u003c\/li\u003e\n\u003cli\u003eColorant \u003cstrong\u003evegan\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eManche et moule \u003cstrong\u003efabriqués en France\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bad-card bad-card-composition\"\u003e\n\u003ch3\u003e🔘 La tête de brosse\u003c\/h3\u003e\n\u003cul class=\"bad-list\"\u003e\n\u003cli\u003eSocle en ABS \u003cstrong\u003einjecté en Anjou\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003ePoils en nylon d'\u003cstrong\u003eAllemagne\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003ePoils composés à \u003cstrong\u003e60% d'huile de ricin\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eBague en \u003cstrong\u003ecuivre\u003c\/strong\u003e pour un clip fiable\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bad-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"bad-steps\"\u003e\n\u003cdiv class=\"bad-step\"\u003e\n\u003cdiv class=\"bad-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"bad-step-content\"\u003e\n\u003ch3\u003eDé-clipsez\u003c\/h3\u003e\n\u003cp\u003eTirez fermement sur la tête usagée pour la retirer du manche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bad-step\"\u003e\n\u003cdiv class=\"bad-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"bad-step-content\"\u003e\n\u003ch3\u003ePositionnez\u003c\/h3\u003e\n\u003cp\u003ePlacez la nouvelle tête sur le manche en l'alignant correctement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bad-step\"\u003e\n\u003cdiv class=\"bad-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"bad-step-content\"\u003e\n\u003ch3\u003eClic !\u003c\/h3\u003e\n\u003cp\u003eAppuyez jusqu'à entendre le \"clic\" qui confirme la mise en place\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"bad-tip\"\u003e💡 \u003cstrong\u003eConseil :\u003c\/strong\u003e Brossage 2 fois par jour pendant 2 minutes. Le manche ergonomique offre une prise en main parfaite pour les petites mains !\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"bad-section\"\u003e\n\u003ch2\u003e👦 Pour qui ?\u003c\/h2\u003e\n\u003cdiv class=\"bad-grid-compact\"\u003e\n\u003cdiv class=\"bad-card\"\u003e\n\u003ch3\u003e🎒 Enfants dès 7 ans\u003c\/h3\u003e\n\u003cp\u003eAdapté aux petites bouches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bad-card\"\u003e\n\u003ch3\u003e🌍 Familles éco-responsables\u003c\/h3\u003e\n\u003cp\u003eZéro déchet au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bad-card\"\u003e\n\u003ch3\u003e😊 Gencives sensibles\u003c\/h3\u003e\n\u003cp\u003ePoils extra-souples\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bad-card\"\u003e\n\u003ch3\u003e🎁 Idée cadeau\u003c\/h3\u003e\n\u003cp\u003eCoffret prêt à offrir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bad-section\"\u003e\n\u003ch2\u003e📦 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"bad-accordion\"\u003e\n\u003cdetails class=\"bad-accordion-item\"\u003e\n\u003csummary class=\"bad-accordion-header\"\u003e🔄 Quand changer la tête ?\u003c\/summary\u003e\n\u003cdiv class=\"bad-accordion-content\"\u003e\n\u003cp\u003eComme pour toute brosse à dents, remplacez la tête \u003cstrong\u003etous les 3 mois\u003c\/strong\u003e. Si les poils commencent à s'écarter, c'est le signe qu'il est temps de changer ! Des têtes de rechange sont disponibles séparément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bad-accordion-item\"\u003e\n\u003csummary class=\"bad-accordion-header\"\u003e♻️ Recyclage des têtes usagées\u003c\/summary\u003e\n\u003cdiv class=\"bad-accordion-content\"\u003e\n\u003cp\u003eLamazuna \u003cstrong\u003ereprend gratuitement vos anciennes têtes\u003c\/strong\u003e pour les faire recycler par un organisme spécialisé. Il suffit de les renvoyer pour leur offrir une seconde vie. Une vraie démarche d'économie circulaire !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bad-accordion-item\"\u003e\n\u003csummary class=\"bad-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"bad-accordion-content\"\u003e\n\u003cp\u003eLa tête clipsable peut présenter un risque pour les enfants de moins de 5 ans. Veillez à toujours ranger la brosse hors de leur portée et à superviser le brossage des plus jeunes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bad-accordion-item\"\u003e\n\u003csummary class=\"bad-accordion-header\"\u003e📦 Contenu du coffret\u003c\/summary\u003e\n\u003cdiv class=\"bad-accordion-content\"\u003e\n\u003cp\u003e1 brosse à dents complète (manche + tête) livrée dans une boîte en carton recyclable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"bad-section\"\u003e\n\u003cdiv class=\"bad-cta-box\"\u003e\n\u003cp\u003e🌟 Offrez à votre enfant bien plus qu'une brosse à dents : transmettez-lui des valeurs de respect de l'environnement avec un produit de qualité, fabriqué en France et conçu pour durer toute une vie !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --bad-cream: #FDF9F3;\n  --bad-white: #ffffff;\n  --bad-primary: #F5C842;\n  --bad-primary-dark: #D4A830;\n  --bad-primary-light: #FFF8E1;\n  --bad-secondary: #E591B0;\n  --bad-accent: #5CBFB3;\n  --bad-text: #1a1a1a;\n  --bad-text-light: #5a5a5a;\n  --bad-border: #e0e0e0;\n  --bad-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --bad-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --bad-radius: 20px;\n  --bad-radius-sm: 12px;\n}\n\n.bad-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bad-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.bad-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--bad-primary) 0%, var(--bad-secondary) 50%, var(--bad-accent) 100%);\n  border-radius: var(--bad-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--bad-shadow-lg);\n}\n\n.bad-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 40% 40%, rgba(255,255,255,.1) 0%, transparent 30%);\n  opacity: 1;\n}\n\n.bad-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bad-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.bad-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--bad-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bad-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.bad-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bad-subtitle {\n  color: white;\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  opacity: .95;\n}\n\n.bad-description {\n  color: white;\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n  opacity: .9;\n}\n\n.bad-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bad-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bad-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.bad-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--bad-primary), var(--bad-secondary));\n  border-radius: 2px;\n}\n\n.bad-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.bad-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.bad-card {\n  background: var(--bad-white);\n  border-radius: var(--bad-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bad-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bad-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bad-shadow-lg);\n  border-color: var(--bad-primary);\n}\n\n.bad-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bad-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bad-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bad-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.bad-grid-compact .bad-card {\n  padding: 1rem;\n}\n\n.bad-grid-compact .bad-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.bad-grid-compact .bad-card p {\n  font-size: 12px;\n}\n\n.bad-card-composition {\n  text-align: left;\n}\n\n.bad-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.bad-list li {\n  padding: .5rem 0;\n  border-bottom: 1px solid var(--bad-border);\n  font-size: 14px;\n  color: var(--bad-text-light);\n}\n\n.bad-list li:last-child {\n  border-bottom: none;\n}\n\n.bad-list li strong {\n  color: var(--bad-primary-dark);\n}\n\n.bad-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 600px;\n  margin: 0 auto 1.5rem;\n}\n\n.bad-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--bad-white);\n  padding: 1.25rem;\n  border-radius: var(--bad-radius-sm);\n  box-shadow: var(--bad-shadow);\n}\n\n.bad-step-number {\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--bad-primary), var(--bad-secondary));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 900;\n  color: white;\n  font-size: 18px;\n  flex-shrink: 0;\n}\n\n.bad-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--bad-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bad-step-content p {\n  font-size: 14px;\n  color: var(--bad-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.bad-tip {\n  background: var(--bad-primary-light);\n  padding: 1rem 1.25rem;\n  border-radius: var(--bad-radius-sm);\n  font-size: 14px;\n  color: var(--bad-text);\n  text-align: center;\n  border-left: 4px solid var(--bad-primary);\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.bad-accordion {\n  background: var(--bad-white);\n  border-radius: var(--bad-radius);\n  box-shadow: var(--bad-shadow);\n  overflow: hidden;\n}\n\n.bad-accordion-item {\n  border-bottom: 1px solid var(--bad-border);\n  margin: 0;\n  padding: 0;\n}\n\n.bad-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.bad-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--bad-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.bad-accordion-header:hover {\n  background: var(--bad-primary-light);\n}\n\n.bad-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.bad-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--bad-primary);\n  transition: transform .2s ease;\n}\n\n.bad-accordion-item[open] .bad-accordion-header::after {\n  content: '−';\n}\n\n.bad-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--bad-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.bad-accordion-content p {\n  margin: 0;\n}\n\n.bad-cta-box {\n  background: linear-gradient(135deg, var(--bad-primary) 0%, var(--bad-secondary) 100%);\n  border-radius: var(--bad-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.bad-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.15) 0%, transparent 50%);\n}\n\n.bad-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .bad-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .bad-grid-compact {\n    gap: .625rem;\n  }\n  \n  .bad-grid-compact .bad-card {\n    padding: .75rem;\n  }\n  \n  .bad-card {\n    padding: 1.125rem;\n  }\n  \n  .bad-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .bad-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bad-radius-sm);\n  }\n  \n  .bad-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .bad-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .bad-step {\n    padding: 1rem;\n  }\n  \n  .bad-step-number {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n  \n  .bad-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .bad-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .bad-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .bad-card:nth-child(1) { animation-delay: .05s; }\n  .bad-card:nth-child(2) { animation-delay: .1s; }\n  .bad-card:nth-child(3) { animation-delay: .15s; }\n  .bad-card:nth-child(4) { animation-delay: .2s; }\n  .bad-card:nth-child(5) { animation-delay: .25s; }\n  .bad-card:nth-child(6) { animation-delay: .3s; }\n  \n  .bad-step {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .bad-step:nth-child(1) { animation-delay: .1s; }\n  .bad-step:nth-child(2) { animation-delay: .2s; }\n  .bad-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .bad-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LAMAZUNA","offers":[{"title":"Default Title","offer_id":56474327286137,"sku":"NBAILAM0147","price":5.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brosse-a-dents-rechargeable-enfant-jaune-lamazuna.jpg?v=1767958654"},{"product_id":"apimani-dentifrice-a-croquer-menthe-60-pastilles","title":"Dentifrice à Croquer Menthe Bio - 60 Pastilles - Apimani","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Dentifrice à Croquer Menthe Bio - 60 Pastilles - Apinami\nPalette détectée:\n  - Primaire: #5A8A8A (vert-bleu sauge du couvercle)\n  - Secondaire: #E8A756 (orange\/doré du badge \"saveur menthe\")\n  - Accent: #2D5A5A (vert foncé profond)\n  - Neutre: #C0C0C0 (métal argenté de la boîte)\nAmbiance: Naturel\/Bio, éco-responsable, frais et clean, Made in France\nPréfixe CSS: dent\n--\u003e\n\n\u003cdiv class=\"dent-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"dent-hero\"\u003e\n    \u003cdiv class=\"dent-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"dent-hero-content\"\u003e\n      \u003cdiv class=\"dent-badges-top\"\u003e\n        \u003cspan class=\"dent-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"dent-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"dent-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"dent-hero-title\"\u003eDentifrice à croquer menthe bio\u003c\/span\u003e\n      \u003cp class=\"dent-subtitle\"\u003eLa révolution de votre routine bucco-dentaire\u003c\/p\u003e\n      \u003cp class=\"dent-description\"\u003e60 pastilles naturelles à la menthe fraîche • Protection fluorée 1450 ppm • Boîte métal réutilisable\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- POURQUOI CHOISIR --\u003e\n  \u003csection class=\"dent-section\"\u003e\n    \u003ch2\u003e🌟 Pourquoi choisir ce dentifrice ?\u003c\/h2\u003e\n    \u003cdiv class=\"dent-grid\"\u003e\n      \u003cdiv class=\"dent-card\"\u003e\n        \u003ch3\u003e✨ Dosage parfait\u003c\/h3\u003e\n        \u003cp\u003eChaque pastille contient exactement la quantité nécessaire pour un brossage optimal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dent-card\"\u003e\n        \u003ch3\u003e🎯 Zéro gaspillage\u003c\/h3\u003e\n        \u003cp\u003ePlus de tube à moitié vide qu'on n'arrive jamais à finir\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dent-card\"\u003e\n        \u003ch3\u003e✈️ Pratique en voyage\u003c\/h3\u003e\n        \u003cp\u003eLa boîte métallique passe sans problème en bagage cabine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dent-card\"\u003e\n        \u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n        \u003cp\u003eFormule concentrée avec uniquement des ingrédients d'origine naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"dent-section\"\u003e\n    \u003ch2\u003e📋 Comment l'utiliser ?\u003c\/h2\u003e\n    \u003cdiv class=\"dent-steps\"\u003e\n      \u003cdiv class=\"dent-step\"\u003e\n        \u003cdiv class=\"dent-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"dent-step-content\"\u003e\n          \u003ch3\u003eCroquez\u003c\/h3\u003e\n          \u003cp\u003ePlacez une pastille dans votre bouche et croquez-la légèrement\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dent-step\"\u003e\n        \u003cdiv class=\"dent-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"dent-step-content\"\u003e\n          \u003ch3\u003eMoussez\u003c\/h3\u003e\n          \u003cp\u003eLaissez-la se mélanger à votre salive pour former une mousse\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dent-step\"\u003e\n        \u003cdiv class=\"dent-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"dent-step-content\"\u003e\n          \u003ch3\u003eBrossez\u003c\/h3\u003e\n          \u003cp\u003eBrossez vos dents pendant au moins 2 minutes avec votre brosse humidifiée\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dent-step\"\u003e\n        \u003cdiv class=\"dent-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"dent-step-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez normalement et profitez d'une haleine fraîche\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dent-notice\"\u003e\n      \u003cp\u003e⚠️ \u003cstrong\u003eImportant :\u003c\/strong\u003e Ce dentifrice nécessite bien un brossage avec une brosse à dents. Il ne s'agit pas d'un dentifrice sans brossage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FORMULE --\u003e\n  \u003csection class=\"dent-section\"\u003e\n    \u003ch2\u003e🧪 Une formule certifiée bio avec fluor\u003c\/h2\u003e\n    \u003cdiv class=\"dent-grid\"\u003e\n      \u003cdiv class=\"dent-card dent-card-highlight\"\u003e\n        \u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eCertification bio européenne garantissant des ingrédients naturels et un processus de fabrication respectueux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dent-card dent-card-highlight\"\u003e\n        \u003ch3\u003e🛡️ Fluor 1450 ppm\u003c\/h3\u003e\n        \u003cp\u003eDosage recommandé par les professionnels de santé pour une protection anti-caries optimale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dent-card dent-card-highlight\"\u003e\n        \u003ch3\u003e🍃 Menthe fraîche\u003c\/h3\u003e\n        \u003cp\u003eSaveur naturelle rafraîchissante pour une haleine agréable tout au long de la journée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ENGAGEMENT ÉCO --\u003e\n  \u003csection class=\"dent-section\"\u003e\n    \u003ch2\u003e🌍 Un engagement écologique concret\u003c\/h2\u003e\n    \u003cdiv class=\"dent-grid\"\u003e\n      \u003cdiv class=\"dent-card\"\u003e\n        \u003ch3\u003e🥫 Boîte métal réutilisable\u003c\/h3\u003e\n        \u003cp\u003eConservez-la et remplissez-la à volonté avec les recharges disponibles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dent-card\"\u003e\n        \u003ch3\u003e📦 Recharges disponibles\u003c\/h3\u003e\n        \u003cp\u003eEn vrac ou en sachet pour prolonger la vie de votre boîte indéfiniment\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dent-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in Occitanie\u003c\/h3\u003e\n        \u003cp\u003eFabrication locale pour limiter l'empreinte carbone du transport\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"dent-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est fait ce dentifrice ?\u003c\/h2\u003e\n    \u003cdiv class=\"dent-grid\"\u003e\n      \u003cdiv class=\"dent-card\"\u003e\n        \u003ch3\u003e🌿 Les éco-conscients\u003c\/h3\u003e\n        \u003cp\u003eCeux qui veulent réduire leurs déchets plastiques au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dent-card\"\u003e\n        \u003ch3\u003e✈️ Les voyageurs\u003c\/h3\u003e\n        \u003cp\u003eFormat compact idéal pour les déplacements et conforme aux normes aériennes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dent-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧 Les familles (dès 7 ans)\u003c\/h3\u003e\n        \u003cp\u003eConvient aux adultes et enfants à partir de 7 ans\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dent-card\"\u003e\n        \u003ch3\u003e😊 Les amateurs de menthe\u003c\/h3\u003e\n        \u003cp\u003ePour ceux qui aiment la fraîcheur intense après le brossage\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"dent-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"dent-grid-compact\"\u003e\n      \u003cdiv class=\"dent-card\"\u003e\n        \u003ch3\u003e💊 60 pastilles\u003c\/h3\u003e\n        \u003cp\u003ePar boîte\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dent-card\"\u003e\n        \u003ch3\u003e📅 ~1 mois\u003c\/h3\u003e\n        \u003cp\u003eD'utilisation (2x\/jour)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dent-card\"\u003e\n        \u003ch3\u003e👤 Dès 7 ans\u003c\/h3\u003e\n        \u003cp\u003eAdultes \u0026amp; enfants\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dent-card\"\u003e\n        \u003ch3\u003e🇫🇷 Occitanie\u003c\/h3\u003e\n        \u003cp\u003eFabrication française\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n  \u003csection class=\"dent-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"dent-accordion\"\u003e\n      \u003cdetails class=\"dent-accordion-item\"\u003e\n        \u003csummary class=\"dent-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"dent-accordion-content\"\u003e\n          \u003cp\u003eConservez la boîte dans un endroit sec, à l'abri de l'humidité. Refermez bien le couvercle après chaque utilisation pour préserver la fraîcheur des pastilles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dent-accordion-item\"\u003e\n        \u003csummary class=\"dent-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"dent-accordion-content\"\u003e\n          \u003cp\u003eCe produit d'hygiène bucco-dentaire ne remplace pas les visites régulières chez votre dentiste. En cas de problèmes dentaires persistants, consultez un professionnel de santé. Ne pas avaler.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dent-accordion-item\"\u003e\n        \u003csummary class=\"dent-accordion-header\"\u003e♻️ Fin de vie du produit\u003c\/summary\u003e\n        \u003cdiv class=\"dent-accordion-content\"\u003e\n          \u003cp\u003eLa boîte métallique est 100% recyclable et réutilisable. Pensez aux recharges disponibles pour prolonger sa durée de vie indéfiniment !\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"dent-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"dent-cta-box\"\u003e\n      \u003cp\u003e🦷 Faites le premier pas vers une hygiène bucco-dentaire plus responsable.\u003cbr\u003e60 pastilles bio, une boîte réutilisable, une haleine fraîche garantie.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --dent-cream: #f8f9f7;\n  --dent-white: #ffffff;\n  --dent-primary: #5A8A8A;\n  --dent-primary-dark: #2D5A5A;\n  --dent-primary-light: #e8f2f2;\n  --dent-secondary: #E8A756;\n  --dent-accent: #4a7c7c;\n\n  \/* Textes *\/\n  --dent-text: #1a1a1a;\n  --dent-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --dent-border: #e0e0e0;\n  --dent-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --dent-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --dent-radius: 20px;\n  --dent-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dent-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--dent-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dent-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5A8A8A 0%, #4a7c7c 50%, #2D5A5A 100%);\n  border-radius: var(--dent-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--dent-shadow-lg);\n}\n\n.dent-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.dent-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.dent-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.dent-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--dent-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.dent-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.dent-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.dent-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.dent-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.dent-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dent-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--dent-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.dent-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--dent-primary), var(--dent-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.dent-card {\n  background: var(--dent-white);\n  border-radius: var(--dent-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--dent-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.dent-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--dent-shadow-lg);\n  border-color: var(--dent-primary);\n}\n\n.dent-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--dent-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.dent-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--dent-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.dent-card-highlight {\n  background: linear-gradient(135deg, var(--dent-primary-light) 0%, var(--dent-white) 100%);\n  border: 2px solid var(--dent-primary);\n}\n\n\/* === GRILLES === *\/\n.dent-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.dent-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.dent-grid-compact .dent-card {\n  padding: 1rem;\n}\n\n.dent-grid-compact .dent-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.dent-grid-compact .dent-card p {\n  font-size: 12px;\n}\n\n\/* === STEPS === *\/\n.dent-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.25rem;\n}\n\n.dent-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--dent-white);\n  border-radius: var(--dent-radius);\n  padding: 1.5rem;\n  box-shadow: var(--dent-shadow);\n  transition: all .3s ease;\n}\n\n.dent-step:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--dent-shadow-lg);\n}\n\n.dent-step-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--dent-primary) 0%, var(--dent-primary-dark) 100%);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  box-shadow: 0 4px 12px rgba(90, 138, 138, .3);\n}\n\n.dent-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--dent-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.dent-step-content p {\n  font-size: 14px;\n  color: var(--dent-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === NOTICE === *\/\n.dent-notice {\n  background: linear-gradient(135deg, #fff8e6 0%, #fff3d6 100%);\n  border: 2px solid var(--dent-secondary);\n  border-radius: var(--dent-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n}\n\n.dent-notice p {\n  font-size: 14px;\n  color: var(--dent-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.dent-accordion {\n  background: var(--dent-white);\n  border-radius: var(--dent-radius);\n  box-shadow: var(--dent-shadow);\n  overflow: hidden;\n}\n\n.dent-accordion-item {\n  border-bottom: 1px solid var(--dent-border);\n  margin: 0;\n  padding: 0;\n}\n\n.dent-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.dent-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--dent-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.dent-accordion-header:hover {\n  background: var(--dent-primary-light);\n}\n\n.dent-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.dent-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--dent-primary);\n  transition: transform .2s ease;\n}\n\n.dent-accordion-item[open] .dent-accordion-header::after {\n  content: '−';\n}\n\n.dent-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--dent-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.dent-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.dent-cta-box {\n  background: linear-gradient(135deg, var(--dent-primary) 0%, var(--dent-primary-dark) 100%);\n  border-radius: var(--dent-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.dent-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.dent-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .dent-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .dent-card {\n    padding: 1.125rem;\n  }\n  \n  .dent-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .dent-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--dent-radius-sm);\n  }\n  \n  .dent-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .dent-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .dent-grid-compact {\n    gap: .625rem;\n  }\n  \n  .dent-grid-compact .dent-card {\n    padding: .75rem;\n  }\n  \n  .dent-steps {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .dent-step {\n    padding: 1.125rem;\n  }\n  \n  .dent-step-number {\n    width: 40px;\n    height: 40px;\n    font-size: 18px;\n  }\n  \n  .dent-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .dent-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .dent-badges-top {\n    gap: 8px;\n  }\n  \n  .dent-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .dent-card, .dent-step {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .dent-card:nth-child(1), .dent-step:nth-child(1) { animation-delay: .05s; }\n  .dent-card:nth-child(2), .dent-step:nth-child(2) { animation-delay: .1s; }\n  .dent-card:nth-child(3), .dent-step:nth-child(3) { animation-delay: .15s; }\n  .dent-card:nth-child(4), .dent-step:nth-child(4) { animation-delay: .2s; }\n  .dent-card:nth-child(5) { animation-delay: .25s; }\n  .dent-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .dent-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Apimani","offers":[{"title":"Default Title","offer_id":56497958683001,"sku":"NBAIAMN0059","price":6.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/dentifrice-a-croquer-menthe_apinami_11zon.jpg?v=1768462943"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/hygiene-bucco-dentaire.webp?v=1790071870","url":"https:\/\/www.naturellement-bio.com\/collections\/hygiene-bucco-dentaire.oembed?page=4","provider":"Naturellement Bio","version":"1.0","type":"link"}