{"title":"Argile \u0026 Eau Thermale","description":"\u003ch2\u003eArgile médicinale + eau thermale de Digne-les-Bains : le duo qui résume toute la gamme\u003c\/h2\u003e\n\u003cp\u003eArgile \u0026amp; Eau Thermale, c'est une gamme signée \u003cstrong\u003eCiel d'Azur Labs\u003c\/strong\u003e, un laboratoire provençal fondé en 1984 et installé à Mane, en Haute-Provence. Le principe est limpide : associer de l'argile montmorillonite - une argile médicinale rare - à l'eau thermale de Digne-les-Bains, naturellement riche en minéraux. Tous les produits sont certifiés \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e par Ecocert, formulés et fabriqués en France dans un bâtiment écologique. Shampoings sans sulfates, dentifrices à l'argile blanche, pâtes d'argile prêtes à l'emploi : la gamme couvre le soin capillaire et l'hygiène bucco-dentaire avec des compositions courtes, lisibles, et un taux d'ingrédients d'origine naturelle qui dépasse les 97 %.\u003c\/p\u003e\n\u003ch2\u003e1984, des senteurs provençales à l'argile médicinale : le parcours de Ciel d'Azur Labs\u003c\/h2\u003e\n\u003cp\u003eTout commence dans les Alpes-Maritimes, au milieu des années 80. Michel Touveron lance une activité artisanale de senteurs naturelles - plantes à brûler, résines, aromates sauvages. L'idée, déjà, c'est de proposer autre chose que le tout-synthétique. Dix ans plus tard, en 1994, le déménagement dans le Luberon change la donne. À proximité d'une carrière d'argile montmorillonite, Michel Touveron saisit l'opportunité et développe une gamme de soins à l'argile médicinale, à une époque où la cosmétique bio n'avait pas encore de label officiel.\u003c\/p\u003e\n\u003cp\u003eConcrètement, Ciel d'Azur Labs travaillait déjà sur un cahier des charges bio avec Nature \u0026amp; Progrès avant même que Cosmébio n'existe. Puis en 2014, l'entreprise pose ses valises à Mane, en Haute-Provence, dans un bâtiment éco-conçu labellisé Bâtiment Durable Méditerranéen - médaille d'or. Aujourd'hui, une trentaine de collaborateurs y conçoivent et fabriquent l'intégralité des produits. Pas de sous-traitance. Pas de délocalisation.\u003c\/p\u003e\n\u003ch2\u003eDe la carrière au flacon : comment c'est vraiment fabriqué\u003c\/h2\u003e\n\u003cp\u003eCe qui distingue cette gamme, c'est la maîtrise complète de la chaîne. Formulation, fabrication, conditionnement : tout se fait dans le même bâtiment à Mane. On regarde l'étiquette. Le premier ingrédient des shampoings, c'est \u003cem\u003ethermal aqua\u003c\/em\u003e - l'eau thermale de Digne-les-Bains, captée à une trentaine de minutes du laboratoire, dans le torrent dit « Les Eaux Chaudes ». Cette eau est naturellement chargée en soufre, calcium et sodium.\u003c\/p\u003e\n\u003cp\u003eL'argile utilisée est de type montmorillonite, une variété recherchée pour sa capacité d'absorption et sa richesse en oligo-éléments. Dans les dentifrices Denticlay, elle représente 35 % de la formule, associée à 33 % d'eau thermale. Dans les shampoings, on retrouve 5 % d'argile (blanche ou verte selon la référence) et une base lavante sans sulfates. En pratique, les études menées avec un toxicologue externe - validées par la DGCCRF - ont confirmé que les métaux lourds présents dans l'argile restent encapsulés et ne présentent aucun risque cutané.\u003c\/p\u003e\n\u003ch2\u003eCe qu'on a vérifié avant de référencer cette gamme\u003c\/h2\u003e\n\u003cp\u003eOn ne va pas se mentir : des marques qui mettent « bio » et « naturel » sur leurs flacons, il y en a des dizaines. Alors qu'est-ce qui a fait la différence ici ? D'abord, la certification Cosmos Organic délivrée par Ecocert - pas un auto-label maison, un vrai référentiel indépendant. Ensuite, la lisibilité des compositions. Prenez n'importe quel produit de la gamme : la liste INCI tient sur quelques lignes. On comprend chaque ingrédient.\u003c\/p\u003e\n\u003cp\u003eEt puis il y a la cohérence globale. Les tubes des dentifrices sont en PE bio-sourcé, issu de canne à sucre. Le bâtiment de production est certifié écologique. L'entreprise a même réalisé un bilan carbone complet (scopes 1, 2 et 3) qui montre un impact positif sur les émissions. Concrètement, quand une marque pousse la logique jusque dans le choix de son emballage et de ses murs, ça dit quelque chose sur la sincérité de la démarche. Ça, c'est rassurant.\u003c\/p\u003e\n\u003ch2\u003ePas de greenwashing ici : des preuves, pas des slogans\u003c\/h2\u003e\n\u003cp\u003eChaque produit de la gamme affiche un taux d'ingrédients d'origine naturelle supérieur à 97 %. Les shampoings sont certifiés bio et vegan. Les dentifrices contiennent au minimum 13 % d'ingrédients issus de l'agriculture biologique. Ce ne sont pas des promesses marketing - ce sont des données vérifiables sur chaque emballage.\u003c\/p\u003e\n\u003cp\u003eLe partenariat avec les Thermes de Digne-les-Bains n'est pas un coup de com' non plus. C'est un approvisionnement local, à trente minutes du site de fabrication, qui permet d'intégrer une eau thermale dont la composition minérale est attestée par les institutions thermales françaises. En pratique, l'entreprise mène aussi une thèse CIFRE avec l'Université d'Aix-Marseille pour améliorer ses procédés d'extraction. On est loin du simple assembleur qui colle un logo vert sur un flacon.\u003c\/p\u003e\n\u003ch2\u003eCuir chevelu sensible, gencives fragiles : voilà à qui ça parle vraiment\u003c\/h2\u003e\n\u003cp\u003eSi vous cherchez des soins capillaires doux, sans sulfates, qui respectent l'équilibre du cuir chevelu, cette gamme a été pensée pour vous. L'argile est traditionnellement utilisée pour réguler le sébum et maintenir un pH stable - deux préoccupations fréquentes chez les personnes aux cheveux gras ou sujets aux pellicules. L'eau thermale, elle, est souvent choisie pour ses qualités apaisantes.\u003c\/p\u003e\n\u003cp\u003eCôté hygiène bucco-dentaire, les dentifrices Denticlay s'adressent à celles et ceux qui veulent se passer du fluor et des agents moussants classiques. En revanche, si vous recherchez un dentifrice à forte action blanchissante ou un shampoing très parfumé avec une mousse abondante, ce n'est probablement pas la gamme la plus adaptée. Les formules sont minimalistes. C'est un choix assumé. Pas de poudre aux yeux.\u003c\/p\u003e\n\u003ch2\u003eArgile montmorillonite et eau thermale : ce que la plupart des marques n'ont pas\u003c\/h2\u003e\n\u003cp\u003eBeaucoup de cosmétiques bio utilisent de l'argile. C'est vrai. Mais la montmorillonite n'est pas n'importe quelle argile : c'est une variété à haute capacité d'absorption, issue de la dégradation de minéraux volcaniques, et particulièrement riche en oligo-éléments. Toutes les marques n'ont pas accès à cette qualité d'argile, et encore moins à une eau thermale de source identifiée.\u003c\/p\u003e\n\u003cp\u003eD'ailleurs, la plupart des shampoings bio du marché utilisent de l'eau purifiée comme base. Ici, c'est l'eau thermale qui arrive en premier dans la formule. Résultat : le soin commence dès le premier ingrédient, pas au troisième ou au quatrième. C'est là que ça se joue.\u003c\/p\u003e\n\u003ch2\u003eComment s'y retrouver dans la gamme que vous voyez au-dessus\u003c\/h2\u003e\n\u003cp\u003eLes produits affichés plus haut couvrent deux univers : le soin capillaire et l'hygiène dentaire. Pour choisir le bon shampoing, c'est simple : la version à l'argile blanche convient aux cheveux normaux, la version à l'argile verte cible les cheveux à tendance grasse. L'argile verte a un pouvoir absorbant plus marqué - elle régule davantage la production de sébum.\u003c\/p\u003e\n\u003cp\u003ePour les dentifrices, le choix se fait surtout sur l'arôme. La base reste identique - argile blanche, eau thermale, sel marin non raffiné - mais les extraits de plantes bio varient : thym, anis, menthe, romarin, sauge, citron. Concrètement, si vous hésitez, le thym est un classique polyvalent et l'anis plaît souvent à ceux qui cherchent une note plus douce en bouche.\u003c\/p\u003e\n\u003ch2\u003eCeux qu'on recommande les yeux fermés\u003c\/h2\u003e\n\u003cp\u003eParmi les références disponibles, trois ont particulièrement retenu notre attention.\u003c\/p\u003e\n\u003cp\u003eLe \u003ca rel=\"noopener noreferrer\" href=\"\/products\/shampoing-cheveux-gras-certifie-bio-250ml-argile-eau-thermale-1\" target=\"_blank\"\u003eshampoing cheveux gras à l'argile verte\u003c\/a\u003e est sans doute le produit phare de la gamme pour nous. Il s'adresse à toutes les personnes dont les cheveux regraissent vite - parfois dès le lendemain du lavage. La texture est fluide, la mousse légère (pas de sulfates, donc pas de mousse exubérante), et le cuir chevelu respire après le rinçage. On note une sensation de légèreté assez nette dès la première utilisation. L'eau florale de romarin bio dans la formule apporte une touche fraîche, herbacée, très agréable sous la douche. Pour qui ? Ceux qui lavent leurs cheveux souvent et veulent espacer les shampoings progressivement.\u003c\/p\u003e\n\u003cp\u003eLe \u003ca rel=\"noopener noreferrer\" href=\"\/products\/denticlay-thym-bio-75-ml-argile-eau-thermale\" target=\"_blank\"\u003edentifrice Denticlay au thym\u003c\/a\u003e est une vraie découverte si vous n'avez jamais testé un dentifrice à l'argile. La consistance est plus dense qu'un dentifrice classique, le goût du thym est franc sans être envahissant, et la sensation de propreté après brossage est remarquable - les dents sont lisses, presque « polies ». Petit détail : il ne mousse quasiment pas. C'est déroutant les premières fois, mais ça n'enlève rien à l'efficacité du nettoyage. Pour qui ? Les adeptes d'une hygiène dentaire naturelle, sans fluor ni agents moussants de synthèse.\u003c\/p\u003e\n\u003cp\u003eEnfin, le \u003ca rel=\"noopener noreferrer\" href=\"\/products\/shampoing-cheveux-normaux-bio-500ml-argile-eau-thermale\" target=\"_blank\"\u003eshampoing cheveux normaux en format 500 ml\u003c\/a\u003e est le choix malin pour une utilisation familiale. Sa base d'argile blanche et d'eau florale de lavande bio en fait un soin doux, équilibrant, qui convient à la plupart des types de cheveux sans les alourdir. Le grand format évite de racheter trop souvent - et réduit les déchets d'emballage. La lavande donne un parfum discret, naturel, qui ne persiste pas de manière artificielle.\u003c\/p\u003e\n\u003ch2\u003eCe qu'on retient après plusieurs semaines d'utilisation\u003c\/h2\u003e\n\u003cp\u003ePremier constat : les shampoings à l'argile demandent un petit temps d'adaptation. La mousse est discrète, le rinçage rapide, et l'effet « propre » ne passe pas par cette sensation de cheveux qui crissent (souvent provoquée par les sulfates). Au bout de deux ou trois semaines, le cuir chevelu se rééquilibre. Les cheveux regraissent moins vite. C'est progressif, mais net.\u003c\/p\u003e\n\u003cp\u003eCôté dentifrices, la texture argileuse surprend au début, puis on s'y habitue très vite. Le brossage est doux, sans abrasion désagréable. L'haleine reste fraîche longtemps, probablement grâce au sel marin non raffiné et aux extraits de plantes. Bon à savoir : un tube de 75 ml dure facilement six à huit semaines à raison de deux brossages par jour, parce qu'une petite quantité suffit. Résultat : le rapport qualité-prix est bien meilleur qu'il n'y paraît au premier coup d'œil.\u003c\/p\u003e\n\u003ch2\u003eVos questions sur la gamme Argile \u0026amp; Eau Thermale\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes shampoings à l'argile conviennent-ils aux cheveux colorés ?\u003c\/summary\u003e\n\u003cp\u003eL'argile est douce et la formule ne contient pas de sulfates, ce qui limite le décapage de la couleur. Cela dit, comme pour tout shampoing naturel, il est préférable de tester sur quelques lavages pour vérifier la tenue de votre coloration. Les formules sans sulfates sont généralement mieux tolérées par les cheveux colorés que les shampoings conventionnels.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eD'où vient exactement l'eau thermale utilisée dans les produits ?\u003c\/summary\u003e\n\u003cp\u003eElle provient du torrent « Les Eaux Chaudes », situé à environ trois kilomètres du centre-ville de Digne-les-Bains, dans les Alpes-de-Haute-Provence. Cette eau est naturellement riche en soufre, calcium et sodium. Le site de fabrication de Ciel d'Azur Labs, à Mane, se trouve à une trentaine de minutes de cette source - un vrai circuit court.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes dentifrices Denticlay contiennent-ils du fluor ?\u003c\/summary\u003e\n\u003cp\u003eNon. La gamme Denticlay ne contient pas de fluor. L'action nettoyante repose sur l'argile blanche (35 % de la formule) et l'eau thermale (33 %), complétées par du sel marin non raffiné et des extraits de plantes bio. C'est une approche différente de l'hygiène dentaire, souvent choisie par ceux qui souhaitent limiter les ingrédients de synthèse.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment conserver les produits à l'argile ?\u003c\/summary\u003e\n\u003cp\u003eLes shampoings et dentifrices se conservent comme n'importe quel cosmétique : à l'abri de la chaleur excessive et de la lumière directe. Pas besoin de les mettre au réfrigérateur. Après ouverture, la durée d'utilisation recommandée est indiquée sur chaque produit (symbole du pot ouvert). La texture peut légèrement évoluer avec le temps - c'est normal pour des formules très naturelles.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCes produits sont-ils adaptés aux enfants ?\u003c\/summary\u003e\n\u003cp\u003eLes shampoings, formulés sans sulfates et avec des compositions très douces, peuvent convenir aux enfants. Pour les dentifrices, il est préférable de vérifier l'âge recommandé sur l'emballage, car certains contiennent des huiles essentielles (thym, menthe) qui ne sont pas toujours adaptées aux plus jeunes. En cas de doute, demandez conseil à votre pharmacien.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cp\u003e \u003c\/p\u003e","products":[{"product_id":"shampoing-cheveux-gras-certifie-bio-250ml-argile-eau-thermale-1","title":"Shampoing Cheveux Gras Certifié Bio 250ml - Argile \u0026 Eau Thermale","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shampoing Cheveux Gras Certifié Bio 250ml - Argile \u0026 Eau Thermale (Ciel d'Azur Labs)\nPalette détectée:\n  - Primaire: #5B7A5E (vert sauge\/argile du packaging et de la typographie)\n  - Secondaire: #A8C5A0 (vert clair doux des éléments décoratifs)\n  - Accent: #D4C8A0 (beige\/sable de la bouteille argile)\nAmbiance: Naturel\/bio, provençal, épuré, frais, minéral et végétal. Univers spa\/bien-être avec des tons de vert sauge, crème et touches d'argile.\nPréfixe CSS: ca\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Les ingrédients clés et leurs bienfaits\"\n  2. \"Conseils d'utilisation\"\n  3. \"Pourquoi choisir ce shampoing  pour cheveux gras ?\"\n  4. \"Composition\"\n  5. \"Adoptez le shampoing cheveux gras certifié bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ca-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ca-hero\"\u003e\n    \u003cdiv class=\"ca-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ca-hero-content\"\u003e\n      \u003cdiv class=\"ca-badges-top\"\u003e\n        \u003cspan class=\"ca-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"ca-badge\"\u003e🧪 Sans sulfates\u003c\/span\u003e\n        \u003cspan class=\"ca-badge\"\u003e🐇 Formule vegan\u003c\/span\u003e\n        \u003cspan class=\"ca-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ca-hero-title\"\u003eShampoing cheveux gras certifié bio 250ml\u003c\/span\u003e\n      \u003cp class=\"ca-subtitle\"\u003eArgile verte \u0026amp; eau thermale de Digne-les-Bains\u003c\/p\u003e\n      \u003cp class=\"ca-description\"\u003eUn soin naturel conçu pour purifier et équilibrer votre cuir chevelu. Sa formule douce, sans sulfates, allie les bienfaits de l'argile verte et de l'eau thermale pour offrir fraîcheur, légèreté et vitalité aux cheveux gras.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"ca-section\"\u003e\n    \u003ch2\u003eLes ingrédients clés et leurs bienfaits\u003c\/h2\u003e\n    \u003cdiv class=\"ca-grid\"\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🪨 Argile verte (5%)\u003c\/h3\u003e\n        \u003cp\u003eRiche en minéraux essentiels, elle absorbe l'excès de sébum et aide à maintenir l'équilibre du pH du cuir chevelu. Elle régule la production de sébum, limitant les racines grasses tout en apportant une sensation de propreté longue durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e💧 Eau thermale de Digne-les-Bains\u003c\/h3\u003e\n        \u003cp\u003eConnue pour ses propriétés apaisantes, revitalisantes et antibactériennes, elle purifie le cuir chevelu en profondeur. Sa richesse en soufre, calcium et sodium contribue au renforcement de la fibre capillaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🌱 Eau florale de romarin bio\u003c\/h3\u003e\n        \u003cp\u003eRéputée pour ses propriétés tonifiantes et stimulantes, elle favorise la santé du cuir chevelu et renforce les cheveux tout en leur apportant fraîcheur et éclat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🧴 Base lavante extra-douce sans sulfates\u003c\/h3\u003e\n        \u003cp\u003eComposée de tensioactifs naturels, elle nettoie efficacement sans agresser le cuir chevelu, préservant l'équilibre naturel des cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"ca-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\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\u003eMouiller les cheveux\u003c\/h3\u003e\n          \u003cp\u003eMouillez abondamment vos cheveux à l'eau tiède pour préparer le cuir chevelu au soin.\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\u003eAppliquer une noisette de shampoing\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de produit dans le creux de votre main. Utilisez ce shampoing autant de fois que nécessaire.\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\u003eMasser délicatement\u003c\/h3\u003e\n          \u003cp\u003eMassez délicatement votre cuir chevelu du bout des doigts pour faire pénétrer les actifs purifiants.\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\u003eRincer abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau claire. Évitez le contact avec les yeux et, en cas de contact, rincez immédiatement.\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 Pour un résultat optimal, laissez poser le shampoing 1 à 2 minutes avant de rincer afin de laisser l'argile verte absorber l'excès de sébum en profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"ca-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce shampoing  pour cheveux gras ?\u003c\/h2\u003e\n    \u003cdiv class=\"ca-grid-compact\"\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e✅ Certifié Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003ePar Ecocert, gage de qualité et de respect de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🌿 97,4% d'origine naturelle\u003c\/h3\u003e\n        \u003cp\u003eFormule vegan, sans sulfates, pour un soin pur et respectueux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre retrouvé\u003c\/h3\u003e\n        \u003cp\u003eConvient parfaitement aux cuirs chevelus gras en rétablissant un équilibre sain tout en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ca-card\"\u003e\n        \u003ch3\u003e🏔️ Inspiré de Provence\u003c\/h3\u003e\n        \u003cp\u003eRichesse naturelle de Provence pour un soin authentique et local.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"ca-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cdiv class=\"ca-accordion\"\u003e\n      \u003cdetails class=\"ca-accordion-item\" open\u003e\n        \u003csummary class=\"ca-accordion-header\"\u003e🧪 Produits actifs\u003c\/summary\u003e\n        \u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n          \u003cp\u003eArgile verte (5%), eau thermale de Digne-les-Bains, eau florale de romarin certifiée bio, base lavante d'origine naturelle sans sulfates.\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📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n          \u003cp\u003eThermal Aqua, Aqua, Rosmarinus Officinalis Water*, Glycerin, Lauryl Glucoside, Bentonite, Cocamidopropyl Betaine, Decyl Glucoside, Benzyl Alcohol, Sodium Chloride, Citric Acid, Xanthan Gum, Propanediol, Dehydroacetic Acid.\u003cbr\u003e*Ingrédients issus de l'agriculture biologique.\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=\"ca-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eAdoptez le shampoing cheveux gras certifié bio\u003c\/h2\u003e\n    \u003cdiv class=\"ca-cta-box\"\u003e\n      \u003cp\u003eEssayez ce shampoing dès aujourd'hui pour profiter de cheveux frais, légers et durablement équilibrés. Faites le choix d'un soin naturel et certifié pour sublimer votre routine capillaire tout en respectant votre cuir chevelu. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ca-disclaimer\"\u003eCe produit cosmétique est certifié Cosmos Organic par Ecocert. Ne se substitue pas à un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --ca-cream: #f7f5f0;\n  --ca-white: #ffffff;\n  --ca-primary: #5B7A5E;\n  --ca-primary-dark: #3D5A40;\n  --ca-primary-light: #e8f0e6;\n  --ca-secondary: #A8C5A0;\n  --ca-accent: #D4C8A0;\n  --ca-text: #1a1a1a;\n  --ca-text-light: #5a5a5a;\n  --ca-border: #e0e0e0;\n  --ca-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ca-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ca-radius: 20px;\n  --ca-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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}\n\n\/* === HERO === *\/\n.ca-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3D5A40 0%, #5B7A5E 40%, #A8C5A0 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% 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(212,200,160,.1) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.ca-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ca-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.ca-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  letter-spacing: .02em;\n}\n\n.ca-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\/* === BADGES === *\/\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 {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ca-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\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\/* === CARDS === *\/\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\/* === GRILLES === *\/\n.ca-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\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 {\n  padding: 1rem;\n}\n\n.ca-grid-compact .ca-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ca-grid-compact .ca-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\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\/* === TESTIMONIAL === *\/\n.ca-testimonial {\n  background: var(--ca-white);\n  border-radius: var(--ca-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ca-shadow);\n  border-left: 4px solid var(--ca-primary);\n}\n\n.ca-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ca-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\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  margin: 0;\n  padding: 0;\n}\n\n.ca-accordion-item:last-child {\n  border-bottom: none;\n}\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  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ca-accordion-header:hover {\n  background: var(--ca-primary-light);\n}\n\n.ca-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ca-accordion-header::after {\n  content: '+';\n  font-size: 20px;\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 {\n  content: '−';\n}\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 {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\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}\n\n.ca-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\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\/* === CTA FINAL === *\/\n.ca-cta-box {\n  background: linear-gradient(135deg, var(--ca-primary) 0%, var(--ca-primary-dark) 100%);\n  border-radius: var(--ca-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ca-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.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\/* === SECTION INTRO TEXT === *\/\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: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ca-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ca-card {\n    padding: 1.125rem;\n  }\n\n  .ca-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ca-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ca-radius-sm);\n  }\n\n  .ca-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ca-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ca-grid-compact {\n    gap: .625rem;\n  }\n\n  .ca-grid-compact .ca-card {\n    padding: .75rem;\n  }\n\n  .ca-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ca-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ca-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ca-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ca-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ca-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ca-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ca-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ca-card {\n    animation: caFadeInUp .5s ease backwards;\n  }\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}\n\n@keyframes caFadeInUp {\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  .ca-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":55197794238841,"sku":"ET0025","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-cheveux-gras-certifie-bio-250ml-argile-eau-thermal-lifestyle.webp?v=1771065996"},{"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�ite 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":"shampoing-cheveux-normaux-bio-500ml-argile-eau-thermale","title":"Shampoing cheveux normaux Bio - 500ml - Argile \u0026 Eau Thermale","description":"\u003cdiv class=\"cdz-premium\"\u003e\n  \u003cdiv class=\"cdz-hero\"\u003e\n    \u003cdiv class=\"cdz-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cdz-hero-content\"\u003e\n      \u003cdiv class=\"cdz-badges-top\"\u003e\n        \u003cspan class=\"cdz-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"cdz-badge\"\u003e💧 Sans sulfates\u003c\/span\u003e\n        \u003cspan class=\"cdz-badge\"\u003e🇫🇷 Made in Provence\u003c\/span\u003e\n        \u003cspan class=\"cdz-badge\"\u003e✨ 97% naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cdz-hero-title\"\u003eShampoing Cheveux Normaux Bio\u003c\/span\u003e\n      \u003cp class=\"cdz-subtitle\"\u003eArgile Blanche \u0026amp; Eau Thermale de Digne-les-Bains — 500 ml\u003c\/p\u003e\n      \u003cp class=\"cdz-description\"\u003eUn soin capillaire bio formulé en Provence, qui allie la douceur minérale de l'argile blanche à la richesse revitalisante de l'eau thermale. Pour des cheveux souples, brillants et pleins de vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cdz-section\"\u003e\n    \u003ch2\u003eUn shampoing bio qui respecte l'équilibre de votre cuir chevelu\u003c\/h2\u003e\n    \u003cp class=\"cdz-section-intro\"\u003eContrairement aux shampoings classiques souvent trop agressifs, cette formule sans sulfates nettoie en douceur sans décaper le film hydrolipidique. Elle régule naturellement le pH du cuir chevelu, prévient l'apparition des pellicules et laisse vos cheveux souples, brillants et faciles à coiffer.\u003c\/p\u003e\n    \u003cdiv class=\"cdz-grid-compact\"\u003e\n      \u003cdiv class=\"cdz-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre pH\u003c\/h3\u003e\n        \u003cp\u003ePréserve le film hydrolipidique naturel du cuir chevelu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdz-card\"\u003e\n        \u003ch3\u003e✨ Revitalise\u003c\/h3\u003e\n        \u003cp\u003eRiche en soufre, calcium et sodium pour un tonus durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdz-card\"\u003e\n        \u003ch3\u003e🛡️ Prévient les pellicules\u003c\/h3\u003e\n        \u003cp\u003eAssainit en douceur et régule naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdz-card\"\u003e\n        \u003ch3\u003e🌿 Vitalité\u003c\/h3\u003e\n        \u003cp\u003e97% d'ingrédients naturels, 10% issus de l'agriculture bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cdz-section\"\u003e\n    \u003ch2\u003eLes ingrédients actifs et leurs bienfaits\u003c\/h2\u003e\n    \u003cdiv class=\"cdz-grid\"\u003e\n      \u003cdiv class=\"cdz-card\"\u003e\n        \u003ch3\u003e🏔️ Argile blanche (5%)\u003c\/h3\u003e\n        \u003cp\u003ePurifie délicatement, absorbe l'excès de sébum et maintient le pH du cuir chevelu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdz-card\"\u003e\n        \u003ch3\u003e💧 Eau thermale de Digne-les-Bains\u003c\/h3\u003e\n        \u003cp\u003eMinéralisante, elle revitalise la fibre capillaire en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdz-card\"\u003e\n        \u003ch3\u003e💜 Eau florale de lavande bio\u003c\/h3\u003e\n        \u003cp\u003eApaise les cuirs chevelus sensibles et parfume subtilement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdz-card\"\u003e\n        \u003ch3\u003e🫧 Base lavante douce sans sulfates\u003c\/h3\u003e\n        \u003cp\u003eD'origine naturelle, elle nettoie en douceur sans agresser.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cdz-section\"\u003e\n    \u003ch2\u003eComment utiliser votre shampoing bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"cdz-timeline\"\u003e\n      \u003cdiv class=\"cdz-timeline-item\"\u003e\n        \u003cdiv class=\"cdz-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cdz-timeline-content\"\u003e\n          \u003ch3\u003eMouillez\u003c\/h3\u003e\n          \u003cp\u003eHumidifiez abondamment vos cheveux à l'eau tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdz-timeline-item\"\u003e\n        \u003cdiv class=\"cdz-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cdz-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noisette de shampoing dans le creux de la main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdz-timeline-item\"\u003e\n        \u003cdiv class=\"cdz-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cdz-timeline-content\"\u003e\n          \u003ch3\u003eMassez\u003c\/h3\u003e\n          \u003cp\u003eMassez délicatement le cuir chevelu du bout des doigts jusqu'à obtenir une mousse légère.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdz-timeline-item\"\u003e\n        \u003cdiv class=\"cdz-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cdz-timeline-content\"\u003e\n          \u003ch3\u003eRincez\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède, puis renouvelez l'opération si nécessaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cdz-tip\"\u003e\n      \u003cspan class=\"cdz-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eUtilisable aussi souvent que vous le souhaitez, il convient parfaitement à un usage quotidien ou à toute la famille. Pour un soin complet, associez-le à un après-shampoing bio adapté à votre type de cheveux.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cdz-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce shampoing bio plutôt qu'un autre ?\u003c\/h2\u003e\n    \u003cdiv class=\"cdz-grid-compact\"\u003e\n      \u003cdiv class=\"cdz-card\"\u003e\n        \u003ch3\u003e🌱 Certifié Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eUne garantie de qualité et de transparence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdz-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en Provence\u003c\/h3\u003e\n        \u003cp\u003eSavoir-faire artisanal et circuit court.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdz-card\"\u003e\n        \u003ch3\u003e🚫 Formule clean\u003c\/h3\u003e\n        \u003cp\u003eSans sulfates, sans silicones, sans parabens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cdz-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧 Flacon 500 ml\u003c\/h3\u003e\n        \u003cp\u003eGénéreux et pensé pour durer, idéal pour toute la famille.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cdz-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"cdz-accordion\"\u003e\n      \u003cdetails class=\"cdz-accordion-item\" open\u003e\n        \u003csummary class=\"cdz-accordion-header\"\u003e🌿 Ingrédients actifs\u003c\/summary\u003e\n        \u003cdiv class=\"cdz-accordion-content mt-3\"\u003e\n          \u003cp\u003eArgile blanche 5%, eau thermale de Digne-les-Bains, eau florale de lavande certifiée bio, base lavante d'origine naturelle extra douce sans sulfates.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cdz-accordion-item\"\u003e\n        \u003csummary class=\"cdz-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"cdz-accordion-content mt-3\"\u003e\n          \u003cp\u003eThermal Aqua, Aqua, *Lavandula Angustifolia Water, Glycerin, Lauryl Glucoside, Bentonite, Cocamidopropyl Betaine, Decyl Glucoside, Benzyl Alcohol, Sodium Chloride, Xanthan Gum, Citric Acid, Propanediol, Dehydroacetic Acid.\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\n  \u003csection class=\"cdz-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n    \u003cdiv class=\"cdz-accordion\"\u003e\n      \u003cdetails class=\"cdz-accordion-item\"\u003e\n        \u003csummary class=\"cdz-accordion-header\"\u003e⚠️ Conseils d'utilisation\u003c\/summary\u003e\n        \u003cdiv class=\"cdz-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé à un usage externe. Évitez le contact avec les yeux. En cas de contact accidentel, rincez abondamment à l'eau claire. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cdz-accordion-item\"\u003e\n        \u003csummary class=\"cdz-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"cdz-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit cosmétique ne remplace pas un avis médical : en cas de problème persistant du cuir chevelu (démangeaisons, irritations, chute importante), consultez un professionnel de santé ou un dermatologue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cdz-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cp\u003eOffrez à vos cheveux normaux la douceur d'un shampoing bio authentique, aussi respectueux de votre chevelure que de la planète. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cdz-cream: #f5f3e8;\n  --cdz-white: #ffffff;\n  --cdz-primary: #6b8e5a;\n  --cdz-primary-dark: #2d5039;\n  --cdz-primary-light: #e8efe2;\n  --cdz-secondary: #a8b89a;\n  --cdz-accent: #b8a4c9;\n  --cdz-text: #1a1a1a;\n  --cdz-text-light: #5a5a5a;\n  --cdz-border: #e0e0e0;\n  --cdz-shadow: 0 4px 24px rgba(45,80,57,.08);\n  --cdz-shadow-lg: 0 12px 48px rgba(45,80,57,.15);\n  --cdz-radius: 20px;\n  --cdz-radius-sm: 12px;\n}\n\n.cdz-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cdz-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cdz-text);\n  line-height: 1.6;\n}\n\n.cdz-hero {\n  position: relative;\n  background: linear-gradient(135deg, #6b8e5a 0%, #2d5039 50%, #1f3a28 100%);\n  border-radius: var(--cdz-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(--cdz-shadow-lg);\n}\n\n.cdz-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%), radial-gradient(circle at 80% 70%, rgba(184,164,201,.2) 0%, transparent 50%);\n  opacity: .6;\n}\n\n.cdz-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cdz-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.cdz-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 2.8vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.cdz-description {\n  color: rgba(255,255,255,.88);\n  font-size: clamp(14px, 2.2vw, 16px);\n  max-width: 680px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.cdz-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cdz-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(--cdz-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cdz-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cdz-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cdz-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cdz-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.cdz-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(--cdz-primary), var(--cdz-secondary));\n  border-radius: 2px;\n}\n\n.cdz-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cdz-text-light);\n  margin: 0 auto 1.75rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.cdz-card {\n  background: var(--cdz-white);\n  border-radius: var(--cdz-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cdz-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cdz-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cdz-shadow-lg);\n  border-color: var(--cdz-primary);\n}\n\n.cdz-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cdz-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cdz-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cdz-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cdz-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cdz-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cdz-grid-compact .cdz-card {\n  padding: 1rem;\n}\n\n.cdz-grid-compact .cdz-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cdz-grid-compact .cdz-card p {\n  font-size: 12px;\n}\n\n.cdz-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cdz-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cdz-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cdz-primary), var(--cdz-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,90,.3);\n}\n\n.cdz-timeline-content {\n  flex: 1;\n  background: var(--cdz-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cdz-radius-sm);\n  box-shadow: var(--cdz-shadow);\n}\n\n.cdz-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cdz-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cdz-timeline-content p {\n  font-size: 14px;\n  color: var(--cdz-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cdz-accordion {\n  background: var(--cdz-white);\n  border-radius: var(--cdz-radius);\n  box-shadow: var(--cdz-shadow);\n  overflow: hidden;\n}\n\n.cdz-accordion-item {\n  border-bottom: 1px solid var(--cdz-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cdz-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cdz-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cdz-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.cdz-accordion-header:hover {\n  background: var(--cdz-primary-light);\n}\n\n.cdz-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cdz-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cdz-primary);\n  transition: transform .2s ease;\n}\n\n.cdz-accordion-item[open] .cdz-accordion-header::after {\n  content: '−';\n}\n\n.cdz-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cdz-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cdz-accordion-content p {\n  margin: 0 0 .5rem 0;\n}\n\n.cdz-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n.cdz-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cdz-primary-light);\n  border-radius: var(--cdz-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cdz-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cdz-tip p {\n  font-size: 14px;\n  color: var(--cdz-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cdz-cta-box {\n  background: linear-gradient(135deg, var(--cdz-primary) 0%, var(--cdz-primary-dark) 100%);\n  border-radius: var(--cdz-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--cdz-shadow-lg);\n}\n\n.cdz-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  .cdz-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .cdz-card {\n    padding: 1.125rem;\n  }\n  .cdz-section {\n    margin-bottom: 1.75rem;\n  }\n  .cdz-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cdz-radius-sm);\n  }\n  .cdz-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .cdz-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .cdz-grid-compact {\n    gap: .625rem;\n  }\n  .cdz-grid-compact .cdz-card {\n    padding: .75rem;\n  }\n  .cdz-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .cdz-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .cdz-timeline-content h3 {\n    font-size: 14px;\n  }\n  .cdz-timeline-content p {\n    font-size: 13px;\n  }\n  .cdz-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .cdz-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cdz-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .cdz-card:nth-child(1) { animation-delay: .05s; }\n  .cdz-card:nth-child(2) { animation-delay: .1s; }\n  .cdz-card:nth-child(3) { animation-delay: .15s; }\n  .cdz-card:nth-child(4) { animation-delay: .2s; }\n  .cdz-card:nth-child(5) { animation-delay: .25s; }\n  .cdz-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  .cdz-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":55224639652217,"sku":"ET0020","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-cheveux-normaux-bio-500ml-argile-eau-thermale-packshothd.webp?v=1775147812"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/argile-et-eau-thermale.oembed","provider":"Naturellement Bio","version":"1.0","type":"link"}