{"title":"Cosmétique","description":"\u003ch2\u003ePourquoi choisir des cosmétiques bio pour votre peau ?\u003c\/h2\u003e\n\u003cp\u003eOpter pour des cosmétiques \u003cstrong\u003ebio ou naturels\u003c\/strong\u003e est une démarche qui séduit de plus en plus de consommateurs, et pour de bonnes raisons. Que ce soit par souci pour \u003cstrong\u003evotre santé\u003c\/strong\u003e ou pour la \u003cstrong\u003eprotection de l'environnement\u003c\/strong\u003e, ces produits offrent une solution respectueuse et performante.\u003c\/p\u003e\n\u003cp\u003eEn privilégiant des soins naturels, vous dites adieu aux ingrédients controversés comme les \u003cstrong\u003eparabènes\u003c\/strong\u003e, \u003cstrong\u003esulfates\u003c\/strong\u003e ou \u003cstrong\u003esilicones\u003c\/strong\u003e, souvent présents dans les produits conventionnels. Les cosmétiques bio se distinguent par des \u003cstrong\u003eformulations douces\u003c\/strong\u003e, riches en ingrédients naturels et, dans bien des cas, issus de l'\u003cstrong\u003eagriculture biologique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eCes choix permettent de respecter non seulement \u003cstrong\u003evotre peau\u003c\/strong\u003e et \u003cstrong\u003evotre santé\u003c\/strong\u003e, mais aussi la \u003cstrong\u003eplanète\u003c\/strong\u003e. Par ailleurs, la majorité des cosmétiques certifiés bio ou naturels ne sont \u003cstrong\u003epas testés sur les animaux\u003c\/strong\u003e, une exigence essentielle dans un monde où le \u003cstrong\u003ebien-être animal\u003c\/strong\u003e devrait être une évidence, et non une question.\u003c\/p\u003e\n\u003cp\u003eEn effet, \u003cstrong\u003eles bienfaits des cosmétiques bio\u003c\/strong\u003e ne se limitent pas à leur composition. Ils permettent :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDe préserver la santé de votre peau\u003c\/strong\u003e : Les actifs naturels nourrissent en douceur et minimisent les risques d'irritations. C’est primordial si vous êtes sujet aux réactions allergiques par exemple.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ed’éviter les produits chimiques nocifs\u003c\/strong\u003e : Pas de \u003cstrong\u003eperturbateurs endocriniens\u003c\/strong\u003e, qui déséquilibrent le système hormonal et peuvent avoir des effets graves sur la santé, comme le souligne une étude de l’\u003ca href=\"https:\/\/www.inserm.fr\/dossier\/perturbateurs-endocriniens\"\u003eInserm\u003c\/a\u003e. Exit aussi les \u003cstrong\u003eagents irritants\u003c\/strong\u003e qui fragilisent votre peau au quotidien et la rendent plus perméable aux agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDe contribuer au respect de l'environnement\u003c\/strong\u003e : Les formulations sont très souvent \u003cstrong\u003ebiodégradables\u003c\/strong\u003e, limitant leur impact sur les écosystèmes, et les \u003cstrong\u003epackagings écoresponsables\u003c\/strong\u003e privilégient des matériaux recyclés ou recyclables. Vous faites un geste concret pour la planète en réduisant les déchets et en minimisant l'empreinte carbone des produits.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEt enfin, de favoriser une éthique respectueuse\u003c\/strong\u003e : La plupart des marques bio s'engagent à \u003cstrong\u003erefuser les tests sur les animaux\u003c\/strong\u003e et privilégient les \u003cstrong\u003ecircuits courts\u003c\/strong\u003e pour soutenir les producteurs locaux. Cela garantit une consommation plus transparente, éthique et responsable, où chaque choix contribue au bien-être animal et au développement durable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eQuelles sont les différences entre les cosmétiques bio, naturels et conventionnels ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCosmétiques bio\u003c\/strong\u003e : Formulés avec \u003cstrong\u003eau moins 95 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont une partie est certifiée biologique. Ils portent souvent des \u003cstrong\u003elabels reconnus\u003c\/strong\u003e comme \u003cstrong\u003eEcocert\u003c\/strong\u003e, \u003cstrong\u003eCosmebio\u003c\/strong\u003e ou \u003cstrong\u003eNatrue\u003c\/strong\u003e, gages de transparence et de respect des normes strictes. Leur composition exclut généralement les \u003cstrong\u003eparabènes\u003c\/strong\u003e, \u003cstrong\u003esilicones\u003c\/strong\u003e et autres additifs chimiques controversés.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCosmétiques naturels\u003c\/strong\u003e : Contenant des \u003cstrong\u003eingrédients d’origine naturelle\u003c\/strong\u003e, ils ne garantissent pas toujours l’absence d'additifs synthétiques (comme des conservateurs chimiques). Le terme \u003cstrong\u003e\"naturel\"\u003c\/strong\u003e n'étant pas encadré par une réglementation stricte, nous ne pouvons que vous conseiller de rester vigilant et de bien lire la composition !\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCosmétiques conventionnels\u003c\/strong\u003e : Majoritairement composés d’ingrédients \u003cstrong\u003esynthétiques\u003c\/strong\u003e tels que les \u003cstrong\u003esilicones\u003c\/strong\u003e, \u003cstrong\u003eparabènes\u003c\/strong\u003e, \u003cstrong\u003eparfums artificiels\u003c\/strong\u003e et \u003cstrong\u003edérivés pétrochimiques\u003c\/strong\u003e. Bien que leur efficacité soit souvent prouvée, ces produits peuvent présenter des risques pour la santé et l’environnement sur le long terme. C’est pourquoi chez Naturellement Bio, nous sommes férocement opposés à ce type de cosmétique chimique qui est loin d’être sans danger.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eEn résumé, les cosmétiques bio allient respect de la nature tout en vous offrant une efficacité alternative saine pour prendre soin de votre peau.\u003c\/p\u003e\n\u003ch2 dir=\"ltr\"\u003e\u003cspan\u003eLes bienfaits des cosmétiques bio pour chaque type de peau\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch3 dir=\"ltr\"\u003e\u003cspan\u003eVous avez la peau sèche et\/ou sensible ? Optez pour une hydratation naturelle\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eLes \u003c\/span\u003e\u003cspan\u003epeaux sèches\u003c\/span\u003e\u003cspan\u003e et \u003c\/span\u003e\u003cspan\u003esensibles\u003c\/span\u003e\u003cspan\u003e ont besoin de soins doux et adaptés pour \u003cstrong\u003erenforcer leur \u003c\/strong\u003e\u003c\/span\u003e\u003cstrong\u003ebarrière cutanée\u003c\/strong\u003e\u003cspan\u003e\u003cstrong\u003e \u003c\/strong\u003eet prévenir les irritations. Les \u003c\/span\u003e\u003cspan\u003ecosmétiques naturelles et bio\u003c\/span\u003e\u003cspan\u003e offrent des solutions efficaces grâce à des ingrédients soigneusement sélectionnés dont l'efficacité n’est plus à prouver :\u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli role=\"presentation\" dir=\"ltr\"\u003e\n\u003cstrong\u003eAloe Vera\u003c\/strong\u003e\u003cspan\u003e\u003cstrong\u003e : \u003c\/strong\u003eVéritable allié des peaux fragiles, il est reconnu pour ses propriétés \u003c\/span\u003e\u003cspan\u003ehydratantes\u003c\/span\u003e\u003cspan\u003e, \u003c\/span\u003e\u003cspan\u003eapaisantes\u003c\/span\u003e\u003cspan\u003e et \u003c\/span\u003e\u003cspan\u003ecicatrisantes\u003c\/span\u003e\u003cspan\u003e.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli role=\"presentation\" dir=\"ltr\"\u003e\n\u003cstrong\u003eHuiles végétales bio\u003c\/strong\u003e\u003cspan\u003e\u003cstrong\u003e (argan, jojoba, calendula) :\u003c\/strong\u003e Elles \u003c\/span\u003e\u003cspan\u003enourrissent en profondeur\u003c\/span\u003e\u003cspan\u003e sans obstruer les pores et apportent des nutriments essentiels pour réparer et protéger la peau.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli role=\"presentation\" dir=\"ltr\"\u003e\n\u003cstrong\u003eEaux florales apaisantes\u003c\/strong\u003e\u003cspan\u003e\u003cstrong\u003e (comme l'eau de camomille) : \u003c\/strong\u003eElles \u003c\/span\u003e\u003cspan\u003ecalment les rougeurs\u003c\/span\u003e\u003cspan\u003e et \u003c\/span\u003e\u003cspan\u003eréduisent les réactions cutanées\u003c\/span\u003e\u003cspan\u003e, tout en apportant fraîcheur et confort.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp dir=\"ltr\"\u003e\u003cstrong\u003eLe bon geste pour une peau apaisée :\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003ePrivilégiez des \u003c\/span\u003e\u003cspan\u003ecrèmes hydratantes\u003c\/span\u003e\u003cspan\u003e, des \u003c\/span\u003e\u003cspan\u003ebaumes riches\u003c\/span\u003e\u003cspan\u003e ou des \u003c\/span\u003e\u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/serum-et-lotion\" title=\"sérum et lotion bio\"\u003e\u003cspan\u003esérums et lotions certifiés bio\u003c\/span\u003e\u003c\/a\u003e\u003cspan\u003e, \u003cstrong\u003eformulés spécifiquement pour les peaux fragiles\u003c\/strong\u003e. Ces soins apportent l’hydratation nécessaire tout en préservant l’équilibre naturel de votre peau.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3 dir=\"ltr\"\u003e\u003cspan\u003ePeau mixte à grasse : maîtrisez naturellement l'excès de sébum\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eLes peaux mixtes à grasses bénéficient des cosmétiques bio grâce à des \u003c\/span\u003e\u003cspan\u003eformules purifiantes non agressives\u003c\/span\u003e\u003cspan\u003e qui \u003cstrong\u003erégulent naturellement le sébum\u003c\/strong\u003e sans assécher la peau. Optez pour des soins du visage bio contenant les ingrédients naturels suivants : \u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli role=\"presentation\" dir=\"ltr\"\u003e\n\u003cstrong\u003eL'argile verte\u003c\/strong\u003e\u003cspan\u003e\u003cstrong\u003e : \u003c\/strong\u003eabsorbe l'excès de sébum et purifie en douceur.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli role=\"presentation\" dir=\"ltr\"\u003e\n\u003cstrong\u003eL'huile essentielle de tea tree\u003c\/strong\u003e\u003cspan\u003e\u003cstrong\u003e : \u003c\/strong\u003ereconnue pour ses propriétés antibactériennes.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli role=\"presentation\" dir=\"ltr\"\u003e\n\u003cstrong\u003eL'hydrolat de lavande\u003c\/strong\u003e\u003cspan\u003e\u003cstrong\u003e :\u003c\/strong\u003e équilibre et tonifie les peaux grasses.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eEn utilisant des soins purifiants bio, vous offrez à votre peau une \u003c\/span\u003e\u003cspan\u003eroutine équilibrée\u003c\/span\u003e\u003cspan\u003e, respectueuse de sa nature.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2 dir=\"ltr\"\u003e\u003cspan\u003eVous hésitez encore ? Voici 4 bonnes raisons d’adopter des cosmétiques bio 🌿\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eChoisir les \u003c\/span\u003e\u003cspan\u003ecosmétiques bio\u003c\/span\u003e\u003cspan\u003e, c’est prendre soin de \u003c\/span\u003e\u003cspan\u003evotre \u003cstrong\u003epeau\u003c\/strong\u003e\u003c\/span\u003e\u003cspan\u003e, de \u003c\/span\u003e\u003cspan\u003evotre \u003cstrong\u003esanté\u003c\/strong\u003e\u003c\/span\u003e\u003cspan\u003e, et de la \u003c\/span\u003e\u003cstrong\u003eplanète\u003c\/strong\u003e\u003cspan\u003e. C’est pourquoi ils s'imposent comme la meilleure alternative pour une beauté consciente et efficace. Alors pour vous aider à franchir le cap, voici 4 raisons d’opter pour de la cosmétique naturelle et bio : \u003c\/span\u003e\u003c\/p\u003e\n\u003ch3 dir=\"ltr\"\u003e\u003cspan\u003e1. Des bienfaits visibles pour votre peau… durablement !\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eLes \u003c\/span\u003e\u003cspan\u003ecosmétiques bio\u003c\/span\u003e\u003cspan\u003e sont formulés avec des ingrédients naturels et doux comme les \u003c\/span\u003e\u003cspan\u003ehuiles végétales\u003c\/span\u003e\u003cspan\u003e, l’\u003c\/span\u003e\u003cspan\u003ealoe vera\u003c\/span\u003e\u003cspan\u003e ou les \u003c\/span\u003e\u003cspan\u003eeaux florales\u003c\/span\u003e\u003cspan\u003e. Leur avantage ? Votre peau respire mieux, elle est \u003c\/span\u003e\u003cspan\u003enourrie en profondeur\u003c\/span\u003e\u003cspan\u003e, \u003c\/span\u003e\u003cspan\u003eréhydratée\u003c\/span\u003e\u003cspan\u003e, et les risques d’irritations sont considérablement réduits.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003e\u003cstrong\u003eLe véritable bénéfice ?\u003c\/strong\u003e \u003c\/span\u003e\u003cspan\u003ePréserver votre barrière cutanée\u003c\/span\u003e\u003cspan\u003e sur le long terme. Contrairement aux cosmétiques conventionnels, souvent formulés pour des résultats immédiats mais qui fragilisent la peau avec le temps, les soins bio \u003c\/span\u003e\u003cspan\u003erenforcent naturellement la peau\u003c\/span\u003e\u003cspan\u003e. Vous évitez ainsi d’entrer dans un cercle vicieux où il faut \u003cstrong\u003etoujours plus de produits pour \"réparer\" les dommages causés\u003c\/strong\u003e par des formules agressives. Une \u003c\/span\u003e\u003cspan\u003eroutine saine aujourd’hui\u003c\/span\u003e\u003cspan\u003e, c’est une \u003c\/span\u003e\u003cspan\u003epeau équilibrée demain\u003c\/span\u003e\u003cspan\u003e.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3 dir=\"ltr\"\u003e\u003cspan\u003e2. Une agriculture durable pour un geste concret envers la planète\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eLes ingrédients des cosmétiques naturelles et bio proviennent de cultures \u003c\/span\u003e\u003cspan\u003esans pesticides chimiques\u003c\/span\u003e\u003cspan\u003e ni \u003c\/span\u003e\u003cspan\u003eengrais synthétiques\u003c\/span\u003e\u003cspan\u003e, préservant ainsi les \u003c\/span\u003e\u003cspan\u003esols\u003c\/span\u003e\u003cspan\u003e, la \u003c\/span\u003e\u003cspan\u003ebiodiversité\u003c\/span\u003e\u003cspan\u003e et la \u003c\/span\u003e\u003cspan\u003esanté des travailleurs agricoles\u003c\/span\u003e\u003cspan\u003e. En choisissant ces produits, vous \u003c\/span\u003e\u003cspan\u003elimitez la pollution\u003c\/span\u003e\u003cspan\u003e de l’eau, de l’air et des sols, tout en contribuant à la \u003c\/span\u003e\u003cspan\u003eprotection des écosystèmes\u003c\/span\u003e\u003cspan\u003e et à la \u003c\/span\u003e\u003cspan\u003epréservation des générations futures\u003c\/span\u003e\u003cspan\u003e. Chaque geste compte, et votre routine beauté devient un \u003c\/span\u003e\u003cspan\u003eengagement écologique\u003c\/span\u003e\u003cspan\u003e.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3 dir=\"ltr\"\u003e\n\u003cspan\u003e3. \u003c\/span\u003e\u003cspan\u003eUne composition saine pour votre santé\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eFini les \u003c\/span\u003e\u003cstrong\u003eperturbateurs endocriniens, silicones ou parabènes\u003c\/strong\u003e\u003cspan\u003e qui peuvent déséquilibrer votre organisme. Les cosmétiques bio privilégient des actifs \u003c\/span\u003e\u003cspan\u003enon toxiques\u003c\/span\u003e\u003cspan\u003e et bénéfiques, pour une routine beauté \u003c\/span\u003e\u003cspan\u003esans compromis\u003c\/span\u003e\u003cspan\u003e sur votre bien-être. \u003cstrong\u003eVotre beauté d’aujourd’hui ne devrait jamais compromettre votre santé de demain\u003c\/strong\u003e. Ne l’oubliez jamais !\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3 dir=\"ltr\"\u003e\u003cspan\u003e4. Un engagement éthique fort et responsable\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eEn choisissant des cosmétiques bio, vous faites résonner des valeurs essentielles : respect de l’humain, des animaux et de l’environnement :\u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli role=\"presentation\" dir=\"ltr\"\u003e\n\u003cstrong\u003eZéro test sur les animaux\u003c\/strong\u003e\u003cspan\u003e\u003cstrong\u003e : \u003c\/strong\u003eDepuis \u003c\/span\u003e\u003cspan\u003e2013\u003c\/span\u003e\u003cspan\u003e, les tests sur les animaux pour les cosmétiques sont interdits dans l’UE, mais certaines marques les pratiquent encore pour accéder à des marchés comme la \u003c\/span\u003e\u003cspan\u003eChine\u003c\/span\u003e\u003cspan\u003e (\u003c\/span\u003e\u003ca href=\"https:\/\/www.bioalaune.com\/fr\/actualite-bio\/37467\/cosmetiques-polemique-autour-tests-effectues-sur-animaux\"\u003e\u003cspan\u003esource\u003c\/span\u003e\u003c\/a\u003e\u003cspan\u003e). Les marques bio s’engagent souvent contre ces pratiques, mais le label \"bio\" seul ne suffit pas à le garantir. Recherchez des certifications comme \u003c\/span\u003e\u003cspan\u003eCruelty Free\u003c\/span\u003e\u003cspan\u003e ou \u003c\/span\u003e\u003cspan\u003ePETA\u003c\/span\u003e\u003cspan\u003e. Des exemples ? \u003c\/span\u003e\u003cspan\u003eLe Petit Olivier\u003c\/span\u003e\u003cspan\u003e refuse de vendre en Chine, tandis que \u003c\/span\u003e\u003cspan\u003eLush\u003c\/span\u003e\u003cspan\u003e milite activement contre l’expérimentation animale (\u003c\/span\u003e\u003ca href=\"https:\/\/animaltesting.fr\/7081-cosmetiques-encore-testes-sur-les-animaux\"\u003e\u003cspan\u003esource\u003c\/span\u003e\u003c\/a\u003e\u003cspan\u003e).\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli role=\"presentation\" dir=\"ltr\"\u003e\n\u003cstrong\u003eEmballages recyclables et écoresponsables\u003c\/strong\u003e\u003cspan\u003e\u003cstrong\u003e : \u003c\/strong\u003eMoins de plastique et plus de matériaux durables pour réduire les déchets.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eVous l’aurez compris, choisir des cosmétiques bio ou naturels, c’est adopter une \u003c\/span\u003e\u003cspan\u003econsommation plus éthique\u003c\/span\u003e\u003cspan\u003e où chaque soin respecte à la fois votre peau, les animaux et la planète. 🌿\u003c\/span\u003e\u003cb\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003ch2 dir=\"ltr\"\u003e\n\u003cspan\u003eLabels bio et certifications : comment s’y retrouver ? \u003c\/span\u003e\u003cspan\u003e🧐\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003ePour vous assurer de la \u003c\/span\u003e\u003cspan\u003equalité\u003c\/span\u003e\u003cspan\u003e et de la \u003c\/span\u003e\u003cspan\u003etransparence\u003c\/span\u003e\u003cspan\u003e de vos cosmétiques bio, plusieurs \u003c\/span\u003e\u003cspan\u003elabels de confiance\u003c\/span\u003e\u003cspan\u003e existent. Voici les quatre principaux à connaître :\u003c\/span\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli role=\"presentation\" dir=\"ltr\"\u003e\n\u003cstrong\u003eEcocert\u003c\/strong\u003e\u003cspan\u003e\u003cstrong\u003e 🌿 :\u003c\/strong\u003e Un label français exigeant qui garantit au moins \u003c\/span\u003e\u003cspan\u003e95 % d’ingrédients naturels ou d’origine naturelle\u003c\/span\u003e\u003cspan\u003e, avec des procédés de fabrication respectueux de l’environnement.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli role=\"presentation\" dir=\"ltr\"\u003e\n\u003cstrong\u003eCosmebio\u003c\/strong\u003e\u003cspan\u003e\u003cstrong\u003e 💧 : \u003c\/strong\u003ePlus qu’un simple label, Cosmebio valorise la \u003c\/span\u003e\u003cspan\u003etransparence\u003c\/span\u003e\u003cspan\u003e des formules, une composition majoritairement bio et une \u003c\/span\u003e\u003cspan\u003eéthique environnementale\u003c\/span\u003e\u003cspan\u003e rigoureuse.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli role=\"presentation\" dir=\"ltr\"\u003e\n\u003cstrong\u003eNatrue\u003c\/strong\u003e\u003cspan\u003e\u003cstrong\u003e 🌍 : \u003c\/strong\u003eReconnu internationalement, Natrue impose des critères stricts pour certifier les cosmétiques \u003c\/span\u003e\u003cspan\u003enaturels et bio\u003c\/span\u003e\u003cspan\u003e. Ce label exclut systématiquement les ingrédients synthétiques controversés.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli role=\"presentation\" dir=\"ltr\"\u003e\n\u003cstrong\u003eSlow Cosmétique\u003c\/strong\u003e\u003cspan\u003e\u003cstrong\u003e 🐢 : \u003c\/strong\u003eUne mention éthique qui récompense les produits \u003c\/span\u003e\u003cspan\u003esimples\u003c\/span\u003e\u003cspan\u003e, \u003c\/span\u003e\u003cspan\u003esains\u003c\/span\u003e\u003cspan\u003e, et \u003c\/span\u003e\u003cspan\u003eécologiques\u003c\/span\u003e\u003cspan\u003e, sans marketing superflu. L’accent est mis sur une beauté plus responsable.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp dir=\"ltr\"\u003e\u003cstrong\u003eL’astuce à retenir 🌟 : \u003c\/strong\u003e\u003cspan\u003eVérifiez toujours la présence de ces \u003c\/span\u003e\u003cspan\u003elabels\u003c\/span\u003e\u003cspan\u003e sur vos produits. Ils vous garantissent une \u003c\/span\u003e\u003cspan\u003ecomposition saine\u003c\/span\u003e\u003cspan\u003e, des ingrédients naturels, et un engagement réel pour l’\u003c\/span\u003e\u003cspan\u003eenvironnement\u003c\/span\u003e\u003cspan\u003e et votre \u003c\/span\u003e\u003cspan\u003esanté\u003c\/span\u003e\u003cspan\u003e.\u003c\/span\u003e\u003cb\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003ch2 dir=\"ltr\"\u003e\u003cspan\u003eFoire Aux Questions sur les cosmétiques bio\u003c\/span\u003e\u003c\/h2\u003e\n\u003ch3 dir=\"ltr\"\u003e\u003cspan\u003eLes cosmétiques bio sont-ils aussi efficaces que les produits conventionnels ?\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eOui... et non.\u003c\/span\u003e\u003cspan\u003e Les \u003c\/span\u003e\u003cspan\u003ecosmétiques bio\u003c\/span\u003e\u003cspan\u003e sont souvent \u003c\/span\u003e\u003cspan\u003etout aussi efficaces\u003c\/span\u003e\u003cspan\u003e que les produits conventionnels grâce à des \u003c\/span\u003e\u003cspan\u003eactifs naturels puissants\u003c\/span\u003e\u003cspan\u003e comme les \u003c\/span\u003e\u003cspan\u003ehuiles végétales\u003c\/span\u003e\u003cspan\u003e, les \u003c\/span\u003e\u003cspan\u003eextraits de plantes\u003c\/span\u003e\u003cspan\u003e et les \u003c\/span\u003e\u003cspan\u003eeaux florales\u003c\/span\u003e\u003cspan\u003e, qui nourrissent et protègent la peau. Cependant, leur action peut parfois être \u003c\/span\u003e\u003cstrong\u003emoins rapide\u003c\/strong\u003e\u003cspan\u003e\u003cstrong\u003e ou moins ciblée\u003c\/strong\u003e que celle des produits conventionnels, qui utilisent des ingrédients \u003c\/span\u003e\u003cspan\u003echimiques de synthèse\u003c\/span\u003e\u003cspan\u003e pour des résultats immédiats. Là où les cosmétiques bio se distinguent, c’est qu’ils ne se contentent pas de \u003c\/span\u003e\u003cspan\u003emasquer un problème\u003c\/span\u003e\u003cspan\u003e, mais s’attaquent à sa cause \u003cstrong\u003esans \u003c\/strong\u003e\u003c\/span\u003e\u003cstrong\u003efragiliser la peau ou causer de nouveaux déséquilibres\u003c\/strong\u003e\u003cspan\u003e sur le long terme.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eEn somme, choisir le bio, c’est privilégier une \u003c\/span\u003e\u003cspan\u003eefficacité douce et durable\u003c\/span\u003e\u003cspan\u003e, sans compromettre votre \u003c\/span\u003e\u003cspan\u003esanté\u003c\/span\u003e\u003cspan\u003e ni celle de l’environnement.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3 dir=\"ltr\"\u003e\u003cspan\u003eQuels sont les produits à éviter même dans les cosmétiques naturels ?\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eCertains produits naturels peuvent être irritants pour les peaux sensibles, comme les huiles essentielles en forte concentration. Lisez toujours la composition et évitez les produits contenant des parfums de synthèse, même s'ils se prétendent naturels.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3 dir=\"ltr\"\u003e\u003cspan\u003eComment prolonger la durée de vie de vos cosmétiques bio ?\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003ePour prolonger la durée de vie de vos cosmétiques bio, conservez-les à l’abri de la chaleur, de l'humidité et de la lumière. Utilisez des spatules propres pour prélever le produit et refermez toujours les contenants hermétiquement après usage.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cstrong\u003e✨ L’astuce Naturellement Bio : \u003c\/strong\u003e\u003cspan\u003ePour les cosmétiques bio plus fragiles (comme ceux sans conservateurs synthétiques), \u003c\/span\u003e\u003cspan\u003eplacez-les au réfrigérateur\u003c\/span\u003e\u003cspan\u003e ! Le froid ralentit la prolifération des bactéries et préserve les actifs naturels plus longtemps, notamment les huiles et crèmes.\u003c\/span\u003e\u003c\/p\u003e","products":[{"product_id":"spray-dermo-action-spray-100-ml-quinton","title":"Spray Dermo Action - Hydrate, Apaise \u0026 Revitalise -  100 ml - Quinton","description":"\u003cdiv class=\"qda-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"qda-hero\"\u003e\n\u003cdiv class=\"qda-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qda-hero-content\"\u003e\n\u003cdiv class=\"qda-badges-top\"\u003e\n\u003cspan class=\"qda-badge\"\u003e🌊 Eau de mer pure Quinton\u003c\/span\u003e \u003cspan class=\"qda-badge\"\u003e🧴 Format spray 100 ml\u003c\/span\u003e \u003cspan class=\"qda-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"qda-hero-title\"\u003eSpray Dermo Action Quinton\u003c\/span\u003e\n\u003cp class=\"qda-subtitle\"\u003eHydrate, apaise \u0026amp; revitalise votre peau\u003c\/p\u003e\n\u003cp class=\"qda-description\"\u003eUne solution hypertonic d'eau de mer pure, enrichie en oligo-éléments marins, pour offrir à votre peau un soin intensif et 100% naturel. Sans conservateurs, sans parfums artificiels, sans colorants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION INTRO : Présentation --\u003e\n\u003csection class=\"qda-section\"\u003e\n\u003cp class=\"qda-section-intro\"\u003eDécouvrez le \u003cstrong\u003eSpray Dermo Action 100 ml de Quinton\u003c\/strong\u003e, une solution 100% naturelle élaborée pour offrir à votre peau une hydratation et un soin intensifs. Formulé à partir de l'eau de mer d'origine pure Quinton, ce spray innovant est idéal pour apaiser les irritations, hydrater en profondeur et revitaliser l'épiderme.\u003c\/p\u003e\n\u003cdiv class=\"qda-grid-compact\"\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n\u003cp\u003ePénètre en profondeur pour nourrir et désaltérer la peau durablement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🌸 Apaisement immédiat\u003c\/h3\u003e\n\u003cp\u003eCalme les irritations et rougeurs même sur les peaux les plus sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e✨ Régénération cellulaire\u003c\/h3\u003e\n\u003cp\u003eStimule le renouvellement des cellules cutanées pour une peau revitalisée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🛡️ Barrière protectrice\u003c\/h3\u003e\n\u003cp\u003eRenforce la protection naturelle de la peau contre les agressions extérieures\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"qda-section-intro\" style=\"margin-top: 1.25rem;\"\u003eConçu pour convenir à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les plus sensibles. Son format pratique de 100 ml l'accompagne partout, pour une peau rafraîchie et revitalisée en toutes circonstances.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #1 : Conseil d'utilisation --\u003e\n\u003csection class=\"qda-section\"\u003e\n\u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n\u003cp class=\"qda-section-intro\"\u003ePour profiter pleinement des bienfaits du \u003cstrong\u003eSpray Dermo Action Quinton\u003c\/strong\u003e, suivez ces quelques étapes simples :\u003c\/p\u003e\n\u003cdiv class=\"qda-timeline\"\u003e\n\u003cdiv class=\"qda-timeline-item\"\u003e\n\u003cdiv class=\"qda-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-content\"\u003e\n\u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n\u003cp\u003eSecouez bien avant chaque utilisation pour mélanger uniformément les composants actifs marins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-item\"\u003e\n\u003cdiv class=\"qda-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-content\"\u003e\n\u003ch3\u003ePulvérisez sur peau propre\u003c\/h3\u003e\n\u003cp\u003eVaporisez directement sur la peau propre et sèche, en couvrant bien la zone souhaitée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-item\"\u003e\n\u003cdiv class=\"qda-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-content\"\u003e\n\u003ch3\u003eLaissez sécher naturellement\u003c\/h3\u003e\n\u003cp\u003ePour une absorption optimale, ne frottez pas : laissez le produit pénétrer et sécher à l'air libre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-item\"\u003e\n\u003cdiv class=\"qda-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez au besoin\u003c\/h3\u003e\n\u003cp\u003eUtilisez plusieurs fois par jour pour maintenir une hydratation continue et apaiser les irritations éventuelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-tip\"\u003e\n\u003cspan class=\"qda-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe spray peut également être utilisé comme \u003cstrong\u003etonique après le nettoyage de la peau\u003c\/strong\u003e, pour une sensation de fraîcheur immédiate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 : Composition --\u003e\n\u003csection class=\"qda-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"qda-section-intro\"\u003eLa formule du Spray Dermo Action est entièrement naturelle, conçue pour respecter et revitaliser la peau.\u003c\/p\u003e\n\u003cdiv class=\"qda-grid\"\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🌊 Eau de mer isotonic Quinton\u003c\/h3\u003e\n\u003cp\u003eReconnue pour ses propriétés thérapeutiques et régénératrices, elle apporte une mine de nutriments essentiels et oligo-éléments indispensables à votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🐚 Extraits marins\u003c\/h3\u003e\n\u003cp\u003eDes extraits riches en minéraux pour hydrater et purifier la peau en profondeur, issus de l'environnement marin pur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🚫 Sans conservateurs\u003c\/h3\u003e\n\u003cp\u003eFormule pure et respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🚫 Sans parfums artificiels\u003c\/h3\u003e\n\u003cp\u003eTolérance maximale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🚫 Sans colorants\u003c\/h3\u003e\n\u003cp\u003eSoin naturel et sain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eRespectueux de l'épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 : Origine et fabrication --\u003e\n\u003csection class=\"qda-section\"\u003e\n\u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n\u003cdiv class=\"qda-accordion\"\u003e\n\u003cdetails class=\"qda-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"qda-accordion-header\"\u003e🏛️ Les laboratoires Quinton\u003c\/summary\u003e\n\u003cdiv class=\"qda-accordion-content mt-3\"\u003e\n\u003cp\u003eLe Spray Dermo Action est fabriqué à partir d'eau de mer validée par les \u003cstrong\u003elaboratoires Quinton\u003c\/strong\u003e pour sa pureté et ses bienfaits. Fondés par le biologiste \u003cstrong\u003eRené Quinton\u003c\/strong\u003e, ces laboratoires sont situés en \u003cstrong\u003eEspagne\u003c\/strong\u003e et bénéficient d'une renommée internationale pour leurs produits naturels et biologiques. Chaque flacon est préparé avec la plus grande exigence pour garantir une qualité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"qda-accordion-item\"\u003e\n\u003csummary class=\"qda-accordion-header\"\u003e🌍 Engagement éco-responsable\u003c\/summary\u003e\n\u003cdiv class=\"qda-accordion-content mt-3\"\u003e\n\u003cp\u003eLa mer, source de vie et de bienfaits, est au cœur de ce produit fabriqué de manière \u003cstrong\u003eéco-responsable\u003c\/strong\u003e. De la récolte de l'eau de mer jusqu'à l'emballage du produit fini, chaque étape est réalisée dans le respect de l'environnement, assurant ainsi un impact minimal sur notre planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"qda-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"qda-cta-box\"\u003e\n\u003cp\u003e🌊 Offrez à votre peau le pouvoir régénérant de la mer avec le Spray Dermo Action Quinton, hydratation, apaisement et revitalisation en un seul geste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"qda-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Produit cosmétique, ne se substitue pas à un avis médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --qda-cream: #FFF9F2;\n  --qda-white: #ffffff;\n  --qda-primary: #E8922A;\n  --qda-primary-dark: #B5691A;\n  --qda-primary-light: #FFF3E6;\n  --qda-secondary: #C4466C;\n  --qda-accent: #F5B731;\n  --qda-text: #1a1a1a;\n  --qda-text-light: #5a5a5a;\n  --qda-border: #F0E0D0;\n  --qda-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --qda-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --qda-radius: 20px;\n  --qda-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.qda-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--qda-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qda-hero {\n  position: relative;\n  background: linear-gradient(135deg, #E8922A 0%, #D9753E 35%, #C4466C 70%, #9B3A6A 100%);\n  border-radius: var(--qda-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(--qda-shadow-lg);\n}\n\n.qda-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 40%),\n                    radial-gradient(circle at 60% 60%, rgba(255,255,255,.04) 0%, transparent 30%);\n  opacity: 1;\n}\n\n.qda-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.qda-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.qda-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3.5vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .01em;\n}\n\n.qda-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 620px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.qda-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.qda-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(--qda-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.qda-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.qda-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qda-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--qda-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.qda-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(--qda-primary), var(--qda-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.qda-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qda-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.qda-card {\n  background: var(--qda-white);\n  border-radius: var(--qda-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--qda-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.qda-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--qda-shadow-lg);\n  border-color: var(--qda-primary);\n}\n\n.qda-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--qda-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.qda-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--qda-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.qda-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.qda-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.qda-grid-compact .qda-card {\n  padding: 1rem;\n}\n\n.qda-grid-compact .qda-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.qda-grid-compact .qda-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.qda-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.qda-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.qda-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--qda-primary), var(--qda-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.qda-timeline-content {\n  flex: 1;\n  background: var(--qda-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--qda-radius-sm);\n  box-shadow: var(--qda-shadow);\n}\n\n.qda-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--qda-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.qda-timeline-content p {\n  font-size: 14px;\n  color: var(--qda-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.qda-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--qda-primary-light);\n  border-radius: var(--qda-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.qda-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.qda-tip p {\n  font-size: 14px;\n  color: var(--qda-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.qda-accordion {\n  background: var(--qda-white);\n  border-radius: var(--qda-radius);\n  box-shadow: var(--qda-shadow);\n  overflow: hidden;\n}\n\n.qda-accordion-item {\n  border-bottom: 1px solid var(--qda-border);\n  margin: 0;\n  padding: 0;\n}\n\n.qda-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.qda-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--qda-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.qda-accordion-header:hover {\n  background: var(--qda-primary-light);\n}\n\n.qda-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.qda-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--qda-primary);\n  transition: transform .2s ease;\n}\n\n.qda-accordion-item[open] .qda-accordion-header::after {\n  content: '−';\n}\n\n.qda-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--qda-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.qda-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.qda-cta-box {\n  background: linear-gradient(135deg, var(--qda-primary) 0%, var(--qda-secondary) 100%);\n  border-radius: var(--qda-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.qda-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.qda-disclaimer {\n  font-size: 12px;\n  color: var(--qda-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  .qda-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .qda-card {\n    padding: 1.125rem;\n  }\n\n  .qda-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .qda-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--qda-radius-sm);\n  }\n\n  .qda-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .qda-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .qda-grid-compact {\n    gap: .625rem;\n  }\n\n  .qda-grid-compact .qda-card {\n    padding: .75rem;\n  }\n\n  .qda-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .qda-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .qda-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .qda-timeline-content p {\n    font-size: 13px;\n  }\n\n  .qda-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .qda-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .qda-card {\n    animation: qdaFadeInUp .5s ease backwards;\n  }\n  .qda-card:nth-child(1) { animation-delay: .05s; }\n  .qda-card:nth-child(2) { animation-delay: .1s; }\n  .qda-card:nth-child(3) { animation-delay: .15s; }\n  .qda-card:nth-child(4) { animation-delay: .2s; }\n  .qda-card:nth-child(5) { animation-delay: .25s; }\n  .qda-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qdaFadeInUp {\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  .qda-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUINTON","offers":[{"title":"Default Title","offer_id":45754679066781,"sku":"QU0005","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-dermo-action-quinton-100-ml-hydrate-apaise-revitalise-lifestyle.webp?v=1770973831"},{"product_id":"bol-de-coloration-grand-modele-cap-bambou","title":"Bol de Coloration Grand Modèle - Cap Bambou","description":"\u003cp\u003eDécouvrez le \u003cstrong\u003eBol de Coloration Grand Modèle\u003c\/strong\u003e de la marque \u003cstrong\u003eCap Bambou\u003c\/strong\u003e, un accessoire essentiel pour vos séances de coloration naturelle. Fabriqué en bambou, ce bol allie durabilité et esthétisme, parfait pour les amateurs de produits écologiques. Grâce à sa grande taille, il permet de mélanger facilement et efficacement vos colorations végétales ou autres produits de soin capillaire.\u003c\/p\u003e\n\u003cp\u003eLe bambou est réputé pour sa robustesse et sa légèreté, ce qui rend ce bol à la fois pratique et résistant. Avec son design élégant et ergonomique, il vous offre une prise en main confortable et facilite l'application de vos colorations. Incontournable dans votre rituel de beauté naturelle, ce bol est un indispensable pour obtenir des résultats professionnels chez vous.\u003c\/p\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePréparation :\u003c\/strong\u003e Versez la quantité nécessaire de poudre colorante et ajoutez la quantité d'eau chaude recommandée directement dans le bol.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMélange :\u003c\/strong\u003e Utilisez une spatule ou une cuillère en bois pour obtenir un mélange homogène. Le bambou non-réactif assure que la coloration conserve ses propriétés naturelles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApplication :\u003c\/strong\u003e Appliquez la coloration à l'aide d'un pinceau adapté directement depuis le bol.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoyage :\u003c\/strong\u003e Après utilisation, rincez le bol à l'eau tiède et laissez-le sécher à l'air libre pour prolonger sa durée de vie.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003eCe bol de coloration est fabriqué à partir de 100% de bambou naturel. Le bambou est une matière première durable, renouvelable et respectueuse de l'environnement. De plus, il est résistant à l'humidité et ne se tache pas, idéal pour une utilisation répétée dans votre routine capillaire.\u003c\/p\u003e\n\u003ch2\u003eOrigine et Fabrication\u003c\/h2\u003e\n\u003cp\u003eLe Bol de Coloration Grand Modèle de Cap Bambou est conçu avec soin pour garantir une qualité supérieure. Il est fabriqué selon des pratiques éthiques et durables, contribuant ainsi à la préservation de notre planète. En choisissant ce bol, vous supportez une production responsable et réduisez votre empreinte écologique.\u003c\/p\u003e\n\u003cp\u003eAdoptez dès maintenant le \u003cstrong\u003eBol de Coloration Cap Bambou\u003c\/strong\u003e pour une expérience de coloration naturelle respectueuse de vos cheveux et de l'environnement. Un outil indispensable pour toutes celles et ceux qui privilégient les produits naturels et écoresponsables.\u003c\/p\u003e","brand":"CAP BAMBOU","offers":[{"title":"Default Title","offer_id":45754796671133,"sku":"NBAICBA0049","price":38.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bol-coloration-grand-modele-cap-bambou_11zon.jpg?v=1759499054"},{"product_id":"brosse-a-cheveux-demelante-large-cap-bambou","title":"Brosse à Cheveux Demelante \"large\" - Cap Bambou","description":"\u003cp\u003eLa \u003cstrong\u003eBrosse à Cheveux Démêlante \"Large\" de Cap Bambou\u003c\/strong\u003e est un indispensable pour votre routine capillaire. Conçue pour offrir un démêlage doux et efficace, cette brosse est fabriquée à partir de bambou durable, une ressource naturelle renouvelable, respectueuse de l'environnement.\u003c\/p\u003e\n\u003cp\u003eUltraperformante et écoresponsable, cette brosse démêlante large est idéale pour les cheveux épais, bouclés ou crépus. Equipée de picots en bambou, elle permet d'éliminer les nœuds sans tirer ou casser les cheveux, tout en apportant un massage du cuir chevelu. Sa large surface de brossage assure une répartition homogène des huiles naturelles de vos cheveux depuis les racines jusqu'aux pointes, les rendant plus éclatants et en pleine santé.\u003c\/p\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eUtilisez la brosse à cheveux démêlante \"Large\" quotidiennement, sur cheveux humides ou secs :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eCommencez par démêler les pointes pour éviter les nœuds, puis remontez progressivement jusqu'aux racines.\u003c\/li\u003e\n\u003cli\u003ePour un démêlage encore plus doux et efficace, vous pouvez appliquer un soin ou un spray démêlant avant le brossage.\u003c\/li\u003e\n\u003cli\u003eUtilisez-la pour masser doucement le cuir chevelu, afin de stimuler la circulation sanguine et favoriser la pousse des cheveux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003eLa brosse à cheveux démêlante \"Large\" est fabriquée avec des matériaux naturels et écologiques :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCorps de la brosse :\u003c\/strong\u003e En bambou naturel, léger et durable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePicots :\u003c\/strong\u003e En bambou avec des embouts arrondis pour une expérience de brossage douce et agréable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCoussin d'air :\u003c\/strong\u003e Fabriqué en caoutchouc naturel pour une flexibilité et un confort optimal lors de l'utilisation.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eOrigine et Fabrication\u003c\/h2\u003e\n\u003cp\u003eLa brosse à cheveux démêlante \"Large\" de Cap Bambou est conçue selon des normes strictes de qualité et de durabilité. Fabriquée en \u003cstrong\u003ebambou\u003c\/strong\u003e, une plante à croissance rapide qui ne nécessite ni pesticides ni engrais chimiques, cette brosse est une alternative écologique aux brosses en plastique. Chaque élément de la brosse est soigneusement assemblé pour garantir un produit final performant et durable.\u003c\/p\u003e\n\u003cp\u003eEn choisissant Cap Bambou, vous optez pour des produits respectueux de l'environnement, fabriqués de manière responsable et soucieux de votre bien-être ainsi que de celui de notre planète.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir la Brosse à Cheveux Démêlante \"Large\" - Cap Bambou ?\u003c\/h2\u003e\n\u003cp\u003eOutre son design élégant et naturel, choisir cette brosse, c'est contribuer à une consommation plus raisonnée et écologique. Sa fabrication en bambou est non seulement écoresponsable, mais elle assure également une robustesse et une longévité incomparables.\u003c\/p\u003e\n\u003cp\u003eOffrez à vos cheveux le soin qu'ils méritent avec la \u003cstrong\u003eBrosse à Cheveux Démêlante \"Large\" de Cap Bambou\u003c\/strong\u003e et laissez-vous séduire par ses avantages exceptionnels et son engagement en faveur de l'environnement.\u003c\/p\u003e","brand":"CAP BAMBOU","offers":[{"title":"Default Title","offer_id":45754800636061,"sku":"NBAICBA0014","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brosse-cheveux-demelante-large-cap-bambou_packshot_2_11zon.jpg?v=1758702394"},{"product_id":"huile-de-karanja-anti-oxydante-bio-100-ml-acorelle","title":"Huile De Karanja Anti Oxydante Bio - 100 ml - Acorelle","description":"\u003cdiv class=\"kar-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"kar-hero\"\u003e\n\u003cdiv class=\"kar-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kar-hero-content\"\u003e\n\u003cdiv class=\"kar-badges-top\"\u003e\n\u003cspan class=\"kar-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"kar-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"kar-badge\"\u003e🛡️ Antioxydant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"kar-hero-title\"\u003eHuile de Karanja Bio Acorelle\u003c\/span\u003e\n\u003cp class=\"kar-subtitle\"\u003eProtection antioxydante \u0026amp; nutrition intense\u003c\/p\u003e\n\u003cp class=\"kar-description\"\u003eL'alliance parfaite entre tradition indienne et cosmétique bio française pour une peau protégée, nourrie et sublimée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eL'huile de Karanja bio Acorelle : votre bouclier antioxydant naturel\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003eVous recherchez une \u003cstrong\u003ehuile pour le corps hydratante\u003c\/strong\u003e qui protège véritablement votre peau des agressions quotidiennes ? L'\u003cstrong\u003ehuile de Karanja\u003c\/strong\u003e bio d'Acorelle répond à cette attente avec brio.\u003c\/p\u003e\n\u003cdiv class=\"kar-highlight-box\"\u003e\n\u003cdiv class=\"kar-highlight-content\"\u003e\n\u003cp\u003e🌺 Extraite des graines de \u003cem\u003ePongamia Glabra\u003c\/em\u003e, un arbre traditionnel indien, cette huile précieuse concentre des actifs naturels d'une efficacité remarquable pour \u003cstrong\u003enourrir, protéger et sublimer\u003c\/strong\u003e votre peau au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eHuile de Karanja : bienfaits exceptionnels pour votre peau\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003ePourquoi l'huile de Karanja suscite-t-elle autant d'intérêt dans le monde de la cosmétique naturelle ? Ses propriétés uniques en font une alliée incomparable.\u003c\/p\u003e\n\u003cdiv class=\"kar-grid\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eNaturellement riche en flavonoïdes et pongamol, elle neutralise les radicaux libres responsables du vieillissement cutané.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e☀️ Bouclier anti-UV\u003c\/h3\u003e\n\u003cp\u003ePrépare et protège la peau des effets néfastes du soleil, idéale avant et après l'exposition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n\u003cp\u003eSes acides gras essentiels restaurent le film hydrolipidique et préservent l'hydratation naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e✨ Action réparatrice\u003c\/h3\u003e\n\u003cp\u003eApaise les peaux fragilisées et aide à retrouver souplesse et élasticité durablement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🪶 Texture légère\u003c\/h3\u003e\n\u003cp\u003eRapidement absorbée et non grasse, elle convient parfaitement comme huile quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003ePour qui cette huile hydratante pour le corps est-elle idéale ?\u003c\/h2\u003e\n\u003cdiv class=\"kar-grid\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e👵 Peaux matures\u003c\/h3\u003e\n\u003cp\u003eEn quête d'un soin anti-âge naturel qui préserve la jeunesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n\u003cp\u003eQui ont besoin d'une nutrition profonde et durable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSa formule douce et certifiée bio respecte les épidermes les plus délicats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌞 Peaux mates et bronzées\u003c\/h3\u003e\n\u003cp\u003eSublime le hâle et prolonge l'éclat du bronzage naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e💇 Cheveux secs et abîmés\u003c\/h3\u003e\n\u003cp\u003eEn soin des pointes pour nourrir et réparer en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eHuile de Karanja : danger ou sécurité ?\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003eVous avez peut-être lu des interrogations sur l'huile de Karanja. Rassurez-vous : utilisée en cosmétique dans des formulations adaptées comme celle d'Acorelle, cette huile est \u003cstrong\u003eparfaitement sûre\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"kar-safety-box\"\u003e\n\u003cdiv class=\"kar-safety-header\"\u003e\n\u003cspan class=\"kar-safety-icon\"\u003e✅\u003c\/span\u003e \u003cspan\u003eGaranties Acorelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eLa marque française garantit une \u003cstrong\u003etraçabilité complète\u003c\/strong\u003e et des \u003cstrong\u003econtrôles rigoureux\u003c\/strong\u003e à chaque étape de fabrication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-grid-compact\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🧪 Test cutané\u003c\/h3\u003e\n\u003cp\u003eEffectuez un test dans le pli du coude avant la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e☀️ Complément solaire\u003c\/h3\u003e\n\u003cp\u003eNe remplace pas une protection SPF lors d'expositions prolongées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e👁️ Zones à éviter\u003c\/h3\u003e\n\u003cp\u003eÉvitez le contour des yeux et les muqueuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌡️ Conservation\u003c\/h3\u003e\n\u003cp\u003eConservez à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eComment utiliser votre huile corps hydratante Acorelle ?\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003ePour profiter pleinement des bienfaits de l'huile de Karanja, voici nos conseils d'application.\u003c\/p\u003e\n\u003cdiv class=\"kar-usage-block\"\u003e\n\u003ch3 class=\"kar-usage-title\"\u003e🧴 Pour le corps\u003c\/h3\u003e\n\u003cdiv class=\"kar-timeline\"\u003e\n\u003cdiv class=\"kar-timeline-item\"\u003e\n\u003cdiv class=\"kar-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-content\"\u003e\n\u003ch3\u003eVaporisez\u003c\/h3\u003e\n\u003cp\u003eQuelques pressions d'huile sur peau légèrement humide, juste après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-item\"\u003e\n\u003cdiv class=\"kar-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eDélicatement en mouvements circulaires jusqu'à absorption complète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-item\"\u003e\n\u003cdiv class=\"kar-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-content\"\u003e\n\u003ch3\u003eInsistez\u003c\/h3\u003e\n\u003cp\u003eSur les zones sèches : coudes, genoux, talons pour une nutrition ciblée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-grid-compact\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e✨ Pour le visage\u003c\/h3\u003e\n\u003cp\u003e2-3 gouttes sur peau propre et sèche. Tapotez doucement pour faire pénétrer. Utilisez seule ou mélangée à votre crème.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes sur les pointes sèches. En soin de nuit : laissez poser toute la nuit, lavez au matin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eComposition complète et certifiée bio\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003eLa transparence est essentielle. Voici la liste complète des ingrédients (INCI) de cette huile hydratante.\u003c\/p\u003e\n\u003cdiv class=\"kar-ingredients\"\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003ePongamia Glabra Seed Oil\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eHuile de Karanja bio, ingrédient principal aux vertus protectrices\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003eHelianthus Annuus Seed Oil\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eHuile de tournesol bio, nourrissante et émolliente\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003eParfum\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eFragrance naturelle pour une sensation de bien-être\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003eTocopherol\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eVitamine E naturelle, antioxydant préservant la fraîcheur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003eLimonene* \u0026amp; Linalool*\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eComposants naturels des huiles essentielles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-certification\"\u003e\n\u003cdiv class=\"kar-cert-content\"\u003e\n\u003cstrong\u003e🌿 Certification COSMOS Organic\u003c\/strong\u003e\n\u003cp\u003e100% des ingrédients d'origine naturelle • 98% issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eL'engagement Acorelle : cosmétique bio made in France\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003eAcorelle incarne une vision exigeante de la beauté naturelle.\u003c\/p\u003e\n\u003cdiv class=\"kar-grid\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eAvec un savoir-faire artisanal et une expertise reconnue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌱 100% végétale\u003c\/h3\u003e\n\u003cp\u003eFormule vegan, sans aucun ingrédient d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🚫 Sans substances controversées\u003c\/h3\u003e\n\u003cp\u003eSans parabènes, sans phénoxyéthanol, sans huiles minérales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e♻️ Flacon recyclable\u003c\/h3\u003e\n\u003cp\u003eAluminium 100ml avec spray pratique pour une application facile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eDe la récolte des graines jusqu'à la mise en flacon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"kar-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eNos conseils pour optimiser les résultats\u003c\/h2\u003e\n\u003cdiv class=\"kar-grid-compact\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🧽 Exfoliez\u003c\/h3\u003e\n\u003cp\u003eUne fois par semaine pour favoriser la pénétration des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e📅 Régularité\u003c\/h3\u003e\n\u003cp\u003eAppliquez quotidiennement, matin ou soir, pour des résultats visibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌞 Après-soleil\u003c\/h3\u003e\n\u003cp\u003eEn été, utilisez-la pour apaiser et prolonger le bronzage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🥗 Synergie alimentaire\u003c\/h3\u003e\n\u003cp\u003eAssociez à une alimentation riche en antioxydants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-cta-box\"\u003e\n\u003cp\u003e✨ Offrez à votre peau le meilleur de la nature avec l'huile de Karanja bio Acorelle ✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"kar-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --kar-cream: #FDF8F4;\n  --kar-white: #ffffff;\n  --kar-primary: #D4A574;\n  --kar-primary-dark: #B8895A;\n  --kar-primary-light: #F5EDE6;\n  --kar-secondary: #E8B4A0;\n  --kar-accent: #7BA68D;\n  --kar-accent-light: #E8F2EB;\n  --kar-coral: #C97B6B;\n\n  \/* Textes *\/\n  --kar-text: #3D3028;\n  --kar-text-light: #6B5D52;\n\n  \/* Effets *\/\n  --kar-border: #E8DED4;\n  --kar-shadow: 0 4px 24px rgba(180,137,90,.12);\n  --kar-shadow-lg: 0 12px 48px rgba(180,137,90,.18);\n  --kar-radius: 20px;\n  --kar-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.kar-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--kar-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kar-hero {\n  position: relative;\n  background: linear-gradient(135deg, #D4A574 0%, #E8B4A0 40%, #7BA68D 100%);\n  border-radius: var(--kar-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(--kar-shadow-lg);\n}\n\n.kar-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%),\n    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.kar-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.kar-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.kar-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.kar-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kar-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.kar-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(--kar-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.kar-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kar-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kar-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--kar-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.kar-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(--kar-primary), var(--kar-accent));\n  border-radius: 2px;\n}\n\n.kar-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kar-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\/* === CARDS === *\/\n.kar-card {\n  background: var(--kar-white);\n  border-radius: var(--kar-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kar-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.kar-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kar-shadow-lg);\n  border-color: var(--kar-primary);\n}\n\n.kar-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kar-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.kar-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kar-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kar-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kar-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.kar-grid-compact .kar-card {\n  padding: 1rem;\n}\n\n.kar-grid-compact .kar-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.kar-grid-compact .kar-card p {\n  font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.kar-highlight-box {\n  display: flex;\n  gap: 1.25rem;\n  align-items: flex-start;\n  background: var(--kar-white);\n  border-radius: var(--kar-radius);\n  padding: clamp(1.5rem, 4vw, 2rem);\n  box-shadow: var(--kar-shadow);\n  border-left: 5px solid var(--kar-accent);\n}\n\n.kar-highlight-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.kar-highlight-content p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--kar-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === SAFETY BOX === *\/\n.kar-safety-box {\n  background: var(--kar-accent-light);\n  border-radius: var(--kar-radius);\n  padding: 1.25rem 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.kar-safety-header {\n  display: flex;\n  align-items: center;\n  gap: .5rem;\n  font-weight: 800;\n  color: var(--kar-accent);\n  font-size: 16px;\n  margin-bottom: .5rem;\n}\n\n.kar-safety-icon {\n  font-size: 20px;\n}\n\n.kar-safety-box p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--kar-text);\n  line-height: 1.6;\n}\n\n\/* === USAGE BLOCK === *\/\n.kar-usage-block {\n  background: var(--kar-white);\n  border-radius: var(--kar-radius);\n  padding: clamp(1.5rem, 4vw, 2rem);\n  box-shadow: var(--kar-shadow);\n  margin-bottom: 1.5rem;\n}\n\n.kar-usage-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--kar-primary-dark);\n  margin: 0 0 1.25rem 0;\n  text-align: center;\n}\n\n\/* === TIMELINE === *\/\n.kar-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.kar-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.kar-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--kar-primary), var(--kar-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(212,165,116,.3);\n}\n\n.kar-timeline-content {\n  flex: 1;\n  background: var(--kar-primary-light);\n  padding: 1rem 1.25rem;\n  border-radius: var(--kar-radius-sm);\n}\n\n.kar-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kar-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.kar-timeline-content p {\n  font-size: 14px;\n  color: var(--kar-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === INGREDIENTS === *\/\n.kar-ingredients {\n  background: var(--kar-white);\n  border-radius: var(--kar-radius);\n  overflow: hidden;\n  box-shadow: var(--kar-shadow);\n  margin-bottom: 1.5rem;\n}\n\n.kar-ingredient-item {\n  display: flex;\n  flex-direction: column;\n  padding: 1rem 1.25rem;\n  border-bottom: 1px solid var(--kar-border);\n}\n\n.kar-ingredient-item:last-child {\n  border-bottom: none;\n}\n\n.kar-ingredient-name {\n  font-weight: 700;\n  color: var(--kar-primary-dark);\n  font-size: 14px;\n  margin-bottom: .25rem;\n}\n\n.kar-ingredient-desc {\n  font-size: 13px;\n  color: var(--kar-text-light);\n  line-height: 1.5;\n}\n\n\/* === CERTIFICATION === *\/\n.kar-certification {\n  display: flex;\n  gap: 1rem;\n  align-items: center;\n  background: linear-gradient(135deg, var(--kar-accent-light) 0%, var(--kar-primary-light) 100%);\n  border-radius: var(--kar-radius);\n  padding: 1.25rem 1.5rem;\n}\n\n.kar-cert-badge {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.kar-cert-content strong {\n  display: block;\n  font-size: 15px;\n  color: var(--kar-accent);\n  margin-bottom: .25rem;\n}\n\n.kar-cert-content p {\n  margin: 0;\n  font-size: 13px;\n  color: var(--kar-text-light);\n}\n\n\/* === CTA FINAL === *\/\n.kar-cta-box {\n  background: linear-gradient(135deg, var(--kar-primary) 0%, var(--kar-coral) 50%, var(--kar-accent) 100%);\n  border-radius: var(--kar-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.kar-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.kar-disclaimer {\n  font-size: 12px;\n  color: var(--kar-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  .kar-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .kar-card {\n    padding: 1.125rem;\n  }\n  \n  .kar-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .kar-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--kar-radius-sm);\n  }\n  \n  .kar-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .kar-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .kar-grid-compact {\n    gap: .625rem;\n  }\n  \n  .kar-grid-compact .kar-card {\n    padding: .75rem;\n  }\n  \n  .kar-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .kar-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .kar-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .kar-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .kar-highlight-box {\n    flex-direction: column;\n    text-align: center;\n    gap: .75rem;\n  }\n  \n  .kar-highlight-icon {\n    font-size: 28px;\n  }\n  \n  .kar-certification {\n    flex-direction: column;\n    text-align: center;\n    gap: .75rem;\n  }\n  \n  .kar-usage-block {\n    padding: 1.25rem;\n  }\n  \n  .kar-ingredient-item {\n    padding: .875rem 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .kar-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .kar-card:nth-child(1) { animation-delay: .05s; }\n  .kar-card:nth-child(2) { animation-delay: .1s; }\n  .kar-card:nth-child(3) { animation-delay: .15s; }\n  .kar-card:nth-child(4) { animation-delay: .2s; }\n  .kar-card:nth-child(5) { animation-delay: .25s; }\n  .kar-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  .kar-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45754846445725,"sku":"LL0085","price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-karanja-anti-oxydante-bio-100-ml-acorelle-lifestyle_60492682-6ce3-4f6e-8fed-ccfcdf671690.webp?v=1769435078"},{"product_id":"soin-preparateur-de-bronzage-100-ml-acorelle","title":"Soin Préparateur de Bronzage - 100 Ml - Acorelle","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin Préparateur De Bronzage - 100 Ml - Acorelle\nPalette détectée:\n  - Primaire: #C9A962 (doré\/or du bouchon et des accents)\n  - Secondaire: #E8DDD0 (beige crème du flacon)\n  - Accent: #8B6914 (doré foncé\/bronze)\n  - Background: #FDF8F3 (crème très clair)\nAmbiance: Naturel chic, solaire, élégant, féminin, bio\/organique\nPréfixe CSS: spb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Pourquoi préparer sa peau au bronzage ?\"\n  2. \"Les bienfaits concrets de ce soin préparateur bio\"\n  3. \"Une formule aux actifs végétaux puissants\"\n  4. \"Comment utiliser ce soin pour un résultat optimal ?\"\n  5. \"Liste complète des ingrédients (INCI)\"\n  6. \"Certifications et engagements Acorelle\"\n  7. \"À qui s'adresse ce soin ?\"\n  8. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"spb-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"spb-hero\"\u003e\n    \u003cdiv class=\"spb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"spb-hero-content\"\u003e\n      \u003cdiv class=\"spb-badges-top\"\u003e\n        \u003cspan class=\"spb-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"spb-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n        \u003cspan class=\"spb-badge\"\u003e☀️ 99% naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"spb-hero-title\"\u003eSoin Préparateur de Bronzage Bio\u003c\/span\u003e\n      \u003cp class=\"spb-subtitle\"\u003eAcorelle Nature Sun • 100 ml\u003c\/p\u003e\n      \u003cp class=\"spb-description\"\u003eStimule la mélanine, unifie le teint et prolonge votre hâle doré tout l'été. Une cure de beauté solaire certifiée bio.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"spb-section\"\u003e\n    \u003ch2\u003ePourquoi préparer sa peau au bronzage ?\u003c\/h2\u003e\n    \u003cdiv class=\"spb-intro-card\"\u003e\n      \u003cp\u003eVous êtes-vous déjà demandé pourquoi certaines personnes bronzent rapidement et uniformément, tandis que d'autres peinent à obtenir un teint hâlé ? La réponse réside souvent dans la \u003cstrong\u003epréparation de la peau\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003cp\u003eUne peau bien préparée produit plus efficacement de la mélanine, ce pigment responsable du bronzage. Elle est également plus hydratée, plus souple, et donc moins sujette aux coups de soleil et au vieillissement cutané prématuré.\u003c\/p\u003e\n      \u003cdiv class=\"spb-highlight\"\u003e\n        \u003cp\u003e✨ Le soin préparateur de bronzage Acorelle agit comme une véritable \u003cstrong\u003ecure d'activation\u003c\/strong\u003e : il booste les mécanismes naturels de votre peau pour qu'elle soit prête à accueillir le soleil dans les meilleures conditions.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"spb-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets de ce soin préparateur bio\u003c\/h2\u003e\n    \u003cdiv class=\"spb-grid\"\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e⚡ Stimule la mélanine\u003c\/h3\u003e\n        \u003cp\u003ePour un bronzage plus rapide et plus intense dès les premières expositions\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e🎨 Unifie le teint\u003c\/h3\u003e\n        \u003cp\u003eÉvite les zones de bronzage inégales pour un hâle homogène\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e⏳ Prolonge le bronzage\u003c\/h3\u003e\n        \u003cp\u003eGardez votre teint doré plusieurs semaines après l'exposition\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e💧 Hydrate en profondeur\u003c\/h3\u003e\n        \u003cp\u003eNourrit intensément grâce à sa formule 100% naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e🛡️ Prépare aux UV\u003c\/h3\u003e\n        \u003cp\u003eAide la peau à mieux se défendre face aux agressions solaires\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e🌸 Texture légère\u003c\/h3\u003e\n        \u003cp\u003eFluide et non grasse, pénètre instantanément sans film gras\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"spb-section\"\u003e\n    \u003ch2\u003eUne formule aux actifs végétaux puissants\u003c\/h2\u003e\n    \u003cp class=\"spb-section-intro\"\u003eCe qui distingue ce soin préparateur bio, c'est sa composition rigoureusement sélectionnée avec trois actifs végétaux reconnus pour leurs propriétés exceptionnelles sur la pigmentation cutanée.\u003c\/p\u003e\n    \u003cdiv class=\"spb-ingredients\"\u003e\n      \u003cdiv class=\"spb-ingredient-card\"\u003e\n        \u003cdiv class=\"spb-ingredient-header\"\u003e\n          \u003cspan class=\"spb-ingredient-icon\"\u003e🥕\u003c\/span\u003e\n          \u003ch3\u003eOléactif® Carotte\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eCet actif breveté, riche en bêta-carotène, prépare la peau au bronzage en stimulant naturellement la synthèse de mélanine. Il apporte également un effet bonne mine immédiat et protège les cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-ingredient-card\"\u003e\n        \u003cdiv class=\"spb-ingredient-header\"\u003e\n          \u003cspan class=\"spb-ingredient-icon\"\u003e🌺\u003c\/span\u003e\n          \u003ch3\u003eUrucum\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eSurnommé \"l'or rouge du Brésil\", l'urucum est l'une des sources naturelles les plus concentrées en caroténoïdes. Il favorise une pigmentation homogène et donne à la peau une teinte subtilement dorée, même avant l'exposition.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-ingredient-card\"\u003e\n        \u003cdiv class=\"spb-ingredient-header\"\u003e\n          \u003cspan class=\"spb-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n          \u003ch3\u003eMaca\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eCette plante adaptogène péruvienne revitalise la peau et renforce ses défenses naturelles. Elle contribue à maintenir l'élasticité et la souplesse cutanées, essentielles pour un bronzage qui tient.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"spb-section\"\u003e\n    \u003ch2\u003eComment utiliser ce soin pour un résultat optimal ?\u003c\/h2\u003e\n    \u003cdiv class=\"spb-timeline\"\u003e\n      \u003cdiv class=\"spb-timeline-item\"\u003e\n        \u003cdiv class=\"spb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"spb-timeline-content\"\u003e\n          \u003ch3\u003eAvant l'exposition\u003c\/h3\u003e\n          \u003cp\u003eCommencez votre cure \u003cstrong\u003e7 à 10 jours avant\u003c\/strong\u003e vos premières expositions au soleil. Appliquez le soin une fois par jour sur l'ensemble du corps et du visage, de préférence après la douche sur peau propre et sèche.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-timeline-item\"\u003e\n        \u003cdiv class=\"spb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"spb-timeline-content\"\u003e\n          \u003ch3\u003ePendant l'exposition\u003c\/h3\u003e\n          \u003cp\u003ePoursuivez l'application quotidienne pour maintenir l'hydratation et optimiser la production de mélanine. \u003cstrong\u003eN'oubliez pas\u003c\/strong\u003e d'utiliser une protection solaire adaptée lors de vos expositions.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-timeline-item\"\u003e\n        \u003cdiv class=\"spb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"spb-timeline-content\"\u003e\n          \u003ch3\u003eAprès l'exposition\u003c\/h3\u003e\n          \u003cp\u003eContinuez le soin pour \u003cstrong\u003eprolonger votre bronzage\u003c\/strong\u003e et garder une peau éclatante plus longtemps.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spb-tip\"\u003e\n      \u003cspan class=\"spb-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Effectuez un gommage doux 2 à 3 jours avant de commencer votre cure pour éliminer les cellules mortes et permettre aux actifs de mieux pénétrer.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"spb-section\"\u003e\n    \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"spb-accordion\"\u003e\n      \u003cdetails class=\"spb-accordion-item\"\u003e\n        \u003csummary class=\"spb-accordion-header\"\u003e📋 Voir la liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"spb-accordion-content\"\u003e\n          \u003cp\u003eAqua, Glycerin*, Caprylic\/Capric Triglyceride, Coco-Caprylate, Helianthus Annuus Seed Oil*, Cetearyl Alcohol, Glyceryl Stearate Citrate, Bixa Orellana Seed Extract*, Lepidium Meyenii Root Extract*, Daucus Carota Sativa Root Extract*, Parfum, Xanthan Gum, Tocopherol, Sodium Benzoate, Potassium Sorbate, Citric Acid, Benzyl Salicylate, Citronellol, Geraniol, Limonene, Linalool.\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    \u003cdiv class=\"spb-grid-compact\"\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e99%\u003c\/h3\u003e\n        \u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e75%\u003c\/h3\u003e\n        \u003cp\u003eIngrédients issus de l'Agriculture Biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"spb-section\"\u003e\n    \u003ch2\u003eCertifications et engagements Acorelle\u003c\/h2\u003e\n    \u003cdiv class=\"spb-grid-compact\"\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e🏆 COSMOS Organic\u003c\/h3\u003e\n        \u003cp\u003eCertifié par Ecocert Greenlife\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué dans les Pyrénées\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e♻️ Éco-conçu\u003c\/h3\u003e\n        \u003cp\u003eFlacon recyclable de 100 ml\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e🚫 Sans controverse\u003c\/h3\u003e\n        \u003cp\u003eSans silicones, parabènes, phénoxyéthanol\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n        \u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e🌱 Clean beauty\u003c\/h3\u003e\n        \u003cp\u003eSans huiles minérales\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"spb-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce soin ?\u003c\/h2\u003e\n    \u003cp class=\"spb-section-intro\"\u003eCe soin préparateur convient à tous les types de peau, y compris les peaux sensibles. Il est particulièrement recommandé si vous :\u003c\/p\u003e\n    \u003cdiv class=\"spb-grid\"\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e😓 Bronzez difficilement\u003c\/h3\u003e\n        \u003cp\u003eVotre peau met du temps à dorer ou bronze de manière irrégulière\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e⏰ Voulez un bronzage durable\u003c\/h3\u003e\n        \u003cp\u003eSouhaitez un teint hâlé qui dure plus longtemps après les vacances\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e🌿 Préférez le naturel\u003c\/h3\u003e\n        \u003cp\u003eRecherchez une alternative naturelle aux autobronzants chimiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e✈️ Préparez vos vacances\u003c\/h3\u003e\n        \u003cp\u003eVoulez préparer votre peau avant de partir au soleil\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e🇫🇷 Aimez le bio français\u003c\/h3\u003e\n        \u003cp\u003ePréférez les cosmétiques certifiés bio et fabriqués en France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spb-card\"\u003e\n        \u003ch3\u003e💆 Avez la peau sensible\u003c\/h3\u003e\n        \u003cp\u003eFormule douce adaptée à tous les types de peau\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 --\u003e\n  \u003csection class=\"spb-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"spb-accordion\"\u003e\n      \u003cdetails class=\"spb-accordion-item\"\u003e\n        \u003csummary class=\"spb-accordion-header\"\u003e⚠️ Important à savoir\u003c\/summary\u003e\n        \u003cdiv class=\"spb-accordion-content\"\u003e\n          \u003cp\u003eCe soin prépare la peau au bronzage mais \u003cstrong\u003ene remplace en aucun cas une protection solaire\u003c\/strong\u003e. Lors de toute exposition au soleil, appliquez systématiquement un écran solaire adapté à votre phototype.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"spb-accordion-item\"\u003e\n        \u003csummary class=\"spb-accordion-header\"\u003e👁️ Conseils d'utilisation\u003c\/summary\u003e\n        \u003cdiv class=\"spb-accordion-content\"\u003e\n          \u003cp\u003eÉvitez le contact avec les yeux. En cas d'irritation, cessez l'utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"spb-accordion-item\"\u003e\n        \u003csummary class=\"spb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"spb-accordion-content\"\u003e\n          \u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe.\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=\"spb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"spb-cta-box\"\u003e\n      \u003cp\u003e☀️ Offrez à votre peau la préparation qu'elle mérite avec le \u003cstrong\u003eSoin Préparateur de Bronzage Bio Acorelle\u003c\/strong\u003e. Ce flacon de 100 ml vous accompagnera tout au long de l'été pour un teint doré, naturel et éclatant de santé.\u003c\/p\u003e\n      \u003cp style=\"margin-top: 1rem; font-size: .9em; opacity: .9;\"\u003eParce qu'un beau bronzage commence bien avant la plage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --spb-cream: #FDF8F3;\n  --spb-white: #ffffff;\n  --spb-primary: #C9A962;\n  --spb-primary-dark: #8B6914;\n  --spb-primary-light: #F7F0E3;\n  --spb-secondary: #E8DDD0;\n  --spb-accent: #D4A84B;\n  --spb-text: #1a1a1a;\n  --spb-text-light: #5a5a5a;\n  --spb-border: #e8e0d8;\n  --spb-shadow: 0 4px 24px rgba(139, 105, 20, .08);\n  --spb-shadow-lg: 0 12px 48px rgba(139, 105, 20, .15);\n  --spb-radius: 20px;\n  --spb-radius-sm: 12px;\n}\n\n.spb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--spb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.spb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #D4A84B 0%, #C9A962 40%, #E8DDD0 100%);\n  border-radius: var(--spb-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(--spb-shadow-lg);\n}\n\n.spb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.spb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.spb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.spb-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(--spb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.spb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.spb-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(139, 105, 20, .3);\n}\n\n.spb-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.spb-hero .spb-description {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n  text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.spb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.spb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--spb-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.spb-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(--spb-primary), var(--spb-accent));\n  border-radius: 2px;\n}\n\n.spb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--spb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === INTRO CARD === *\/\n.spb-intro-card {\n  background: var(--spb-white);\n  border-radius: var(--spb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--spb-shadow);\n}\n\n.spb-intro-card p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--spb-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.spb-intro-card p:last-child {\n  margin-bottom: 0;\n}\n\n.spb-highlight {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--spb-primary-light);\n  border-radius: var(--spb-radius-sm);\n  padding: 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--spb-primary);\n}\n\n.spb-highlight-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.spb-highlight p {\n  margin: 0;\n  font-size: clamp(14px, 2.5vw, 15px);\n}\n\n\/* === GRILLES === *\/\n.spb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.spb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n  margin-top: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.spb-card {\n  background: var(--spb-white);\n  border-radius: var(--spb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--spb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.spb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--spb-shadow-lg);\n  border-color: var(--spb-primary);\n}\n\n.spb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--spb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.spb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--spb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.spb-grid-compact .spb-card {\n  padding: 1rem;\n}\n\n.spb-grid-compact .spb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.spb-grid-compact .spb-card p {\n  font-size: 12px;\n}\n\n\/* === INGREDIENTS === *\/\n.spb-ingredients {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.spb-ingredient-card {\n  background: var(--spb-white);\n  border-radius: var(--spb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--spb-shadow);\n  border-left: 4px solid var(--spb-primary);\n  transition: all .3s ease;\n}\n\n.spb-ingredient-card:hover {\n  transform: translateX(6px);\n  box-shadow: var(--spb-shadow-lg);\n}\n\n.spb-ingredient-header {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  margin-bottom: .75rem;\n}\n\n.spb-ingredient-icon {\n  font-size: 28px;\n}\n\n.spb-ingredient-card h3 {\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--spb-primary-dark);\n  margin: 0;\n}\n\n.spb-ingredient-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--spb-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.spb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.spb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.spb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--spb-primary), var(--spb-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(201, 169, 98, .3);\n}\n\n.spb-timeline-content {\n  flex: 1;\n  background: var(--spb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--spb-radius-sm);\n  box-shadow: var(--spb-shadow);\n}\n\n.spb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--spb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.spb-timeline-content p {\n  font-size: 14px;\n  color: var(--spb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.spb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--spb-primary-light);\n  border-radius: var(--spb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.spb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.spb-tip p {\n  font-size: 14px;\n  color: var(--spb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.spb-accordion {\n  background: var(--spb-white);\n  border-radius: var(--spb-radius);\n  box-shadow: var(--spb-shadow);\n  overflow: hidden;\n}\n\n.spb-accordion-item {\n  border-bottom: 1px solid var(--spb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.spb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.spb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--spb-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.spb-accordion-header:hover {\n  background: var(--spb-primary-light);\n}\n\n.spb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.spb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--spb-primary);\n  transition: transform .2s ease;\n}\n\n.spb-accordion-item[open] .spb-accordion-header::after {\n  content: '−';\n}\n\n.spb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--spb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.spb-accordion-content p {\n  margin: 0 0 .5rem 0;\n}\n\n.spb-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.spb-cta-box {\n  background: linear-gradient(135deg, var(--spb-primary) 0%, var(--spb-primary-dark) 100%);\n  border-radius: var(--spb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.spb-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.spb-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .spb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .spb-card {\n    padding: 1.125rem;\n  }\n  \n  .spb-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .spb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--spb-radius-sm);\n  }\n  \n  .spb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .spb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .spb-grid-compact {\n    gap: .625rem;\n  }\n  \n  .spb-grid-compact .spb-card {\n    padding: .75rem;\n  }\n  \n  .spb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .spb-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .spb-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .spb-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .spb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .spb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .spb-intro-card {\n    padding: 1.25rem;\n  }\n  \n  .spb-highlight {\n    padding: 1rem;\n    flex-direction: column;\n    gap: .5rem;\n  }\n  \n  .spb-ingredient-card {\n    padding: 1rem;\n  }\n  \n  .spb-ingredient-header {\n    gap: .5rem;\n  }\n  \n  .spb-ingredient-icon {\n    font-size: 24px;\n  }\n  \n  .spb-tip {\n    padding: .875rem 1rem;\n    gap: .75rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .spb-card {\n    animation: spbFadeInUp .5s ease backwards;\n  }\n  .spb-card:nth-child(1) { animation-delay: .05s; }\n  .spb-card:nth-child(2) { animation-delay: .1s; }\n  .spb-card:nth-child(3) { animation-delay: .15s; }\n  .spb-card:nth-child(4) { animation-delay: .2s; }\n  .spb-card:nth-child(5) { animation-delay: .25s; }\n  .spb-card:nth-child(6) { animation-delay: .3s; }\n  \n  .spb-ingredient-card {\n    animation: spbFadeInLeft .5s ease backwards;\n  }\n  .spb-ingredient-card:nth-child(1) { animation-delay: .1s; }\n  .spb-ingredient-card:nth-child(2) { animation-delay: .2s; }\n  .spb-ingredient-card:nth-child(3) { animation-delay: .3s; }\n  \n  .spb-timeline-item {\n    animation: spbFadeInUp .5s ease backwards;\n  }\n  .spb-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .spb-timeline-item:nth-child(2) { animation-delay: .2s; }\n  .spb-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes spbFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes spbFadeInLeft {\n  from { opacity: 0; transform: translateX(-20px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .spb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45754850345117,"sku":"LL0080","price":21.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-preparateur-de-bronzage-100-ml-acorelle-lifestyle.webp?v=1769852159"},{"product_id":"spray-solaire-enfants-spf-50-bio-150-ml-acorelle","title":"Spray Solaire Enfants SPF 50 Bio - 150 ml - Acorelle","description":"\u003cdiv class=\"aco-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"aco-hero\"\u003e\n\u003cdiv class=\"aco-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aco-hero-content\"\u003e\n\u003cdiv class=\"aco-badges-top\"\u003e\n\u003cspan class=\"aco-badge\"\u003e☀️ SPF 50\u003c\/span\u003e \u003cspan class=\"aco-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"aco-badge\"\u003e🌊 Ocean Respect\u003c\/span\u003e \u003cspan class=\"aco-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"aco-hero-title\"\u003eSpray Solaire Enfants SPF 50 Bio\u003c\/span\u003e\n\u003cp class=\"aco-subtitle\"\u003eProtection minérale 100% naturelle pour les peaux sensibles\u003c\/p\u003e\n\u003cp class=\"aco-description\"\u003eFiltres minéraux efficaces dès l'application • Résistant à l'eau • Fini invisible sans traces blanches • Dès 3 ans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"aco-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce spray solaire bio pour vos enfants ?\u003c\/h2\u003e\n\u003cp class=\"aco-section-intro\"\u003eFace à la multitude de protections solaires disponibles, voici les atouts qui font vraiment la différence :\u003c\/p\u003e\n\u003cdiv class=\"aco-grid\"\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e⚡ Protection immédiate\u003c\/h3\u003e\n\u003cp\u003eContrairement aux filtres chimiques qui nécessitent 20-30 min, les filtres minéraux protègent dès l'application\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e💝 Hypoallergénique\u003c\/h3\u003e\n\u003cp\u003eIdéale pour les peaux sensibles, réactives ou sujettes aux allergies solaires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e💧 Résistant à l'eau\u003c\/h3\u003e\n\u003cp\u003eLa protection reste efficace même après la baignade ou les jeux dans l'eau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e✨ Texture invisible\u003c\/h3\u003e\n\u003cp\u003eCe spray SPF 50 ne laisse pas de traces blanches disgracieuses sur la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🎯 Format spray pratique\u003c\/h3\u003e\n\u003cp\u003eL'application devient un jeu d'enfant, même sur les bambins les plus remuants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🐠 Ocean Respect\u003c\/h3\u003e\n\u003cp\u003eFormule respectueuse des écosystèmes marins, sans impact sur les coraux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"aco-section\"\u003e\n\u003ch2\u003eUne protection solaire minérale : qu'est-ce que cela signifie ?\u003c\/h2\u003e\n\u003cdiv class=\"aco-explainer\"\u003e\n\u003cdiv class=\"aco-explainer-visual\"\u003e\n\u003cdiv class=\"aco-sun-icon\"\u003e☀️\u003c\/div\u003e\n\u003cdiv class=\"aco-arrows\"\u003e→ → →\u003c\/div\u003e\n\u003cdiv class=\"aco-shield-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"aco-arrows-back\"\u003e← ← ←\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"aco-explainer-text\"\u003eLes filtres minéraux comme le \u003cstrong\u003edioxyde de titane\u003c\/strong\u003e fonctionnent comme de minuscules miroirs qui \u003cstrong\u003eréfléchissent les rayons UV\u003c\/strong\u003e à la surface de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-grid-compact\"\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🚫 Aucune pénétration\u003c\/h3\u003e\n\u003cp\u003eNe traverse pas l'épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e✅ Excellente tolérance\u003c\/h3\u003e\n\u003cp\u003eMême peaux très sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🔬 Spectre complet\u003c\/h3\u003e\n\u003cp\u003eUVA et UVB bloqués\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e⏱️ Stabilité garantie\u003c\/h3\u003e\n\u003cp\u003eProtection constante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-tip\"\u003e\n\u003cspan class=\"aco-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLa formulation Acorelle a été optimisée pour offrir un \u003cstrong\u003efini invisible\u003c\/strong\u003e comparable aux sprays conventionnels, sans traces blanches !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"aco-section\"\u003e\n\u003ch2\u003eDes actifs naturels qui prennent soin de la peau\u003c\/h2\u003e\n\u003cp class=\"aco-section-intro\"\u003eAu-delà de la protection UV, ce spray nourrit et apaise la peau de vos enfants :\u003c\/p\u003e\n\u003cdiv class=\"aco-ingredients\"\u003e\n\u003cdiv class=\"aco-ingredient-card\"\u003e\n\u003cdiv class=\"aco-ingredient-icon\"\u003e🌵\u003c\/div\u003e\n\u003cdiv class=\"aco-ingredient-content\"\u003e\n\u003ch3\u003eAloe Vera Bio\u003c\/h3\u003e\n\u003cp\u003ePropriétés apaisantes exceptionnelles, calme les sensations d'échauffement et maintient la peau hydratée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-ingredient-card\"\u003e\n\u003cdiv class=\"aco-ingredient-icon\"\u003e🍎\u003c\/div\u003e\n\u003cdiv class=\"aco-ingredient-content\"\u003e\n\u003ch3\u003eExtrait de Grenade Bio\u003c\/h3\u003e\n\u003cp\u003eConcentré d'antioxydants qui neutralise les radicaux libres générés par l'exposition solaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-ingredient-card\"\u003e\n\u003cdiv class=\"aco-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"aco-ingredient-content\"\u003e\n\u003ch3\u003eHuile de Karanja Bio\u003c\/h3\u003e\n\u003cp\u003eActif traditionnel indien qui renforce la protection solaire tout en nourrissant en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-ingredient-card\"\u003e\n\u003cdiv class=\"aco-ingredient-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"aco-ingredient-content\"\u003e\n\u003ch3\u003eGlycérine végétale\u003c\/h3\u003e\n\u003cp\u003eHumectant naturel qui préserve l'hydratation et laisse la peau douce au toucher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"aco-section\"\u003e\n\u003ch2\u003eComment bien appliquer ce spray solaire enfants ?\u003c\/h2\u003e\n\u003cdiv class=\"aco-timeline\"\u003e\n\u003cdiv class=\"aco-timeline-item\"\u003e\n\u003cdiv class=\"aco-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"aco-timeline-content\"\u003e\n\u003ch3\u003eAgitez bien le flacon\u003c\/h3\u003e\n\u003cp\u003eSecouez énergiquement avant chaque utilisation pour homogénéiser la formule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-timeline-item\"\u003e\n\u003cdiv class=\"aco-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"aco-timeline-content\"\u003e\n\u003ch3\u003eVaporisez généreusement\u003c\/h3\u003e\n\u003cp\u003eCouvrez toutes les zones exposées : visage, corps, oreilles, nuque, dessus des pieds\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-timeline-item\"\u003e\n\u003cdiv class=\"aco-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"aco-timeline-content\"\u003e\n\u003ch3\u003eÉtalez uniformément\u003c\/h3\u003e\n\u003cp\u003eMassez avec les mains pour une couverture complète et homogène\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-timeline-item\"\u003e\n\u003cdiv class=\"aco-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"aco-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez toutes les 2h\u003c\/h3\u003e\n\u003cp\u003eRéappliquez après chaque baignade ou en cas de transpiration importante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-warning\"\u003e\n\u003cspan class=\"aco-warning-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePrécautions importantes :\u003c\/strong\u003e Évitez l'exposition entre 12h et 16h. Complétez avec chapeau, lunettes et t-shirt anti-UV pour les expositions prolongées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"aco-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"aco-composition\"\u003e\n\u003cp class=\"aco-inci\"\u003eAqua (Water), Caprylic\/Capric Triglyceride, Titanium Dioxide, Dicaprylyl Carbonate, Glycerin, Polyglyceryl-3 Polyricinoleate, Silica, Alumina, \u003cstrong\u003ePongamia Glabra Seed Oil*\u003c\/strong\u003e, Isostearic Acid, \u003cstrong\u003eAloe Barbadensis Leaf Juice*\u003c\/strong\u003e, \u003cstrong\u003ePunica Granatum Fruit Extract*\u003c\/strong\u003e, Polyglyceryl-2 Dipolyhydroxystearate, Stearic Acid, Tocopherol, Helianthus Annuus Seed Oil, Sodium Chloride, Parfum (Fragrance).\u003c\/p\u003e\n\u003cp class=\"aco-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-grid-compact\"\u003e\n\u003cdiv class=\"aco-card aco-card-check\"\u003e\n\u003ch3\u003e🚫 Sans filtres chimiques\u003c\/h3\u003e\n\u003cp\u003e100% minéral\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card aco-card-check\"\u003e\n\u003ch3\u003e🚫 Sans nanoparticules\u003c\/h3\u003e\n\u003cp\u003eSécurité maximale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card aco-card-check\"\u003e\n\u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n\u003cp\u003eNi phénoxyéthanol\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card aco-card-check\"\u003e\n\u003ch3\u003e✅ Certifié Cosmos\u003c\/h3\u003e\n\u003cp\u003ePar Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"aco-section\"\u003e\n\u003ch2\u003eUn engagement environnemental concret\u003c\/h2\u003e\n\u003cdiv class=\"aco-eco-box\"\u003e\n\u003cdiv class=\"aco-eco-badges\"\u003e\n\u003cdiv class=\"aco-eco-badge\"\u003e\n\u003cspan class=\"aco-eco-icon\"\u003e🌊\u003c\/span\u003e \u003cspan\u003eOcean Respect\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-eco-badge\"\u003e\n\u003cspan class=\"aco-eco-icon\"\u003e🇫🇷\u003c\/span\u003e \u003cspan\u003eMade in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-eco-badge\"\u003e\n\u003cspan class=\"aco-eco-icon\"\u003e🌱\u003c\/span\u003e \u003cspan\u003eBio certifié\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eChoisir le spray solaire bio Acorelle, c'est aussi faire un geste pour la planète. Cette formule \u003cstrong\u003erespecte les océans\u003c\/strong\u003e et ne contient aucun ingrédient toxique pour les récifs coralliens.\u003c\/p\u003e\n\u003cp\u003eAcorelle, marque française pionnière du solaire bio depuis plus de \u003cstrong\u003e15 ans\u003c\/strong\u003e, fabrique tous ses produits dans le \u003cstrong\u003eSud-Ouest de la France\u003c\/strong\u003e. Ce choix réduit l'empreinte carbone et soutient l'économie locale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"aco-section\"\u003e\n\u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n\u003cdiv class=\"aco-specs\"\u003e\n\u003cdiv class=\"aco-spec-row\"\u003e\n\u003cspan class=\"aco-spec-label\"\u003e📦 Contenance\u003c\/span\u003e \u003cspan class=\"aco-spec-value\"\u003e150 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-spec-row\"\u003e\n\u003cspan class=\"aco-spec-label\"\u003e☀️ Indice de protection\u003c\/span\u003e \u003cspan class=\"aco-spec-value\"\u003eSPF 50 (très haute protection)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-spec-row\"\u003e\n\u003cspan class=\"aco-spec-label\"\u003e🛡️ Type de filtres\u003c\/span\u003e \u003cspan class=\"aco-spec-value\"\u003eMinéraux 100% naturels\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-spec-row\"\u003e\n\u003cspan class=\"aco-spec-label\"\u003e✅ Certification\u003c\/span\u003e \u003cspan class=\"aco-spec-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-spec-row\"\u003e\n\u003cspan class=\"aco-spec-label\"\u003e🇫🇷 Fabriqué en\u003c\/span\u003e \u003cspan class=\"aco-spec-value\"\u003eFrance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-spec-row\"\u003e\n\u003cspan class=\"aco-spec-label\"\u003e👶 Convient aux\u003c\/span\u003e \u003cspan class=\"aco-spec-value\"\u003ePeaux sensibles, enfants dès 3 ans\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-spec-row\"\u003e\n\u003cspan class=\"aco-spec-label\"\u003e💧 Résistance à l'eau\u003c\/span\u003e \u003cspan class=\"aco-spec-value\"\u003eOui\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"aco-disclaimer\"\u003eRappel : même avec une protection solaire haute performance, l'exposition prolongée au soleil présente des risques. Limitez le temps d'exposition de vos enfants, privilégiez l'ombre et les heures les moins chaudes. Ce produit ne constitue pas un écran total et ne remplace pas les mesures de protection physique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --aco-cream: #FFF9E6;\n  --aco-white: #ffffff;\n  --aco-primary: #F5A623;\n  --aco-primary-dark: #D4880C;\n  --aco-primary-light: #FFF3D9;\n  --aco-secondary: #4A90A4;\n  --aco-secondary-light: #E8F4F8;\n  --aco-accent: #7CB342;\n  --aco-accent-light: #E8F5E9;\n  --aco-text: #1a1a1a;\n  --aco-text-light: #5a5a5a;\n  --aco-border: #e0e0e0;\n  --aco-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --aco-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --aco-radius: 20px;\n  --aco-radius-sm: 12px;\n}\n\n.aco-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--aco-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.aco-hero {\n  position: relative;\n  background: linear-gradient(135deg, #F5A623 0%, #FFD54F 40%, #4A90A4 100%);\n  border-radius: var(--aco-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(--aco-shadow-lg);\n}\n\n.aco-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.aco-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.aco-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.aco-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(--aco-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.aco-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.aco-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.aco-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.aco-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 16px);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.aco-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.aco-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--aco-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.aco-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(--aco-primary), var(--aco-secondary));\n  border-radius: 2px;\n}\n\n.aco-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--aco-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.aco-card {\n  background: var(--aco-white);\n  border-radius: var(--aco-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--aco-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.aco-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--aco-shadow-lg);\n  border-color: var(--aco-primary);\n}\n\n.aco-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--aco-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.aco-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--aco-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.aco-card-check {\n  background: var(--aco-accent-light);\n  border-color: var(--aco-accent);\n}\n\n\/* === GRILLES === *\/\n.aco-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.aco-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.aco-grid-compact .aco-card {\n  padding: 1rem;\n}\n\n.aco-grid-compact .aco-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.aco-grid-compact .aco-card p {\n  font-size: 12px;\n}\n\n\/* === EXPLAINER BOX === *\/\n.aco-explainer {\n  background: var(--aco-secondary-light);\n  border-radius: var(--aco-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  text-align: center;\n  margin-bottom: 1.5rem;\n}\n\n.aco-explainer-visual {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: .5rem;\n  margin-bottom: 1rem;\n  font-size: clamp(24px, 5vw, 36px);\n}\n\n.aco-sun-icon, .aco-shield-icon {\n  font-size: clamp(32px, 6vw, 48px);\n}\n\n.aco-arrows, .aco-arrows-back {\n  color: var(--aco-secondary);\n  font-weight: bold;\n  font-size: clamp(14px, 2.5vw, 18px);\n}\n\n.aco-explainer-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--aco-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.aco-ingredients {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.aco-ingredient-card {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--aco-white);\n  border-radius: var(--aco-radius);\n  padding: clamp(1rem, 3vw, 1.5rem);\n  box-shadow: var(--aco-shadow);\n  transition: all .3s ease;\n}\n\n.aco-ingredient-card:hover {\n  transform: translateX(8px);\n  box-shadow: var(--aco-shadow-lg);\n}\n\n.aco-ingredient-icon {\n  font-size: clamp(28px, 5vw, 40px);\n  flex-shrink: 0;\n}\n\n.aco-ingredient-content h3 {\n  font-size: clamp(16px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--aco-accent);\n  margin: 0 0 .35rem 0;\n}\n\n.aco-ingredient-content p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--aco-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIMELINE === *\/\n.aco-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.aco-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.aco-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--aco-primary), var(--aco-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 18px;\n  box-shadow: 0 4px 12px rgba(245,166,35,.3);\n}\n\n.aco-timeline-content {\n  flex: 1;\n  background: var(--aco-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--aco-radius-sm);\n  box-shadow: var(--aco-shadow);\n}\n\n.aco-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--aco-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.aco-timeline-content p {\n  font-size: 14px;\n  color: var(--aco-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP \u0026 WARNING === *\/\n.aco-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--aco-primary-light);\n  border-radius: var(--aco-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.aco-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.aco-tip p {\n  font-size: 14px;\n  color: var(--aco-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.aco-warning {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: #FFF3E0;\n  border-left: 4px solid #FF9800;\n  border-radius: var(--aco-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.aco-warning-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.aco-warning p {\n  font-size: 14px;\n  color: var(--aco-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.aco-composition {\n  background: var(--aco-white);\n  border-radius: var(--aco-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--aco-shadow);\n  margin-bottom: 1.5rem;\n}\n\n.aco-inci {\n  font-size: clamp(12px, 2vw, 14px);\n  color: var(--aco-text-light);\n  line-height: 1.8;\n  margin: 0 0 .75rem 0;\n  word-break: break-word;\n}\n\n.aco-inci strong {\n  color: var(--aco-accent);\n}\n\n.aco-inci-note {\n  font-size: 13px;\n  color: var(--aco-accent);\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ECO BOX === *\/\n.aco-eco-box {\n  background: linear-gradient(135deg, var(--aco-secondary-light) 0%, var(--aco-accent-light) 100%);\n  border-radius: var(--aco-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  text-align: center;\n}\n\n.aco-eco-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.aco-eco-badge {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .35rem;\n  padding: .75rem 1.25rem;\n  background: var(--aco-white);\n  border-radius: var(--aco-radius-sm);\n  box-shadow: var(--aco-shadow);\n}\n\n.aco-eco-icon {\n  font-size: 28px;\n}\n\n.aco-eco-badge span:last-child {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--aco-secondary);\n}\n\n.aco-eco-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--aco-text);\n  line-height: 1.7;\n  margin: 0 0 1rem 0;\n}\n\n.aco-eco-box p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === ACCORDION === *\/\n.aco-accordion {\n  background: var(--aco-white);\n  border-radius: var(--aco-radius);\n  box-shadow: var(--aco-shadow);\n  overflow: hidden;\n}\n\n.aco-accordion-item {\n  border-bottom: 1px solid var(--aco-border);\n  margin: 0;\n  padding: 0;\n}\n\n.aco-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.aco-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--aco-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.aco-accordion-header:hover {\n  background: var(--aco-primary-light);\n}\n\n.aco-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.aco-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--aco-primary);\n  transition: transform .2s ease;\n}\n\n.aco-accordion-item[open] .aco-accordion-header::after {\n  content: '−';\n}\n\n.aco-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--aco-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.aco-accordion-content p {\n  margin: 0;\n}\n\n\/* === SPECS === *\/\n.aco-specs {\n  background: var(--aco-white);\n  border-radius: var(--aco-radius);\n  box-shadow: var(--aco-shadow);\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.aco-spec-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .875rem 1.25rem;\n  border-bottom: 1px solid var(--aco-border);\n}\n\n.aco-spec-row:last-child {\n  border-bottom: none;\n}\n\n.aco-spec-row:nth-child(even) {\n  background: var(--aco-cream);\n}\n\n.aco-spec-label {\n  font-size: 14px;\n  color: var(--aco-text-light);\n  font-weight: 600;\n}\n\n.aco-spec-value {\n  font-size: 14px;\n  color: var(--aco-text);\n  font-weight: 700;\n  text-align: right;\n}\n\n\/* === DISCLAIMER === *\/\n.aco-disclaimer {\n  font-size: 12px;\n  color: var(--aco-text-light);\n  text-align: center;\n  font-style: italic;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .aco-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .aco-card {\n    padding: 1.125rem;\n  }\n  \n  .aco-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .aco-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--aco-radius-sm);\n  }\n  \n  .aco-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .aco-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .aco-grid-compact {\n    gap: .625rem;\n  }\n  \n  .aco-grid-compact .aco-card {\n    padding: .75rem;\n  }\n  \n  .aco-timeline-number {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  \n  .aco-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .aco-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .aco-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .aco-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .aco-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .aco-ingredient-card {\n    padding: 1rem;\n  }\n  \n  .aco-ingredient-icon {\n    font-size: 28px;\n  }\n  \n  .aco-ingredient-content h3 {\n    font-size: 15px;\n  }\n  \n  .aco-ingredient-content p {\n    font-size: 13px;\n  }\n  \n  .aco-eco-badges {\n    gap: .625rem;\n  }\n  \n  .aco-eco-badge {\n    padding: .625rem 1rem;\n  }\n  \n  .aco-eco-icon {\n    font-size: 24px;\n  }\n  \n  .aco-spec-row {\n    padding: .75rem 1rem;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: .25rem;\n  }\n  \n  .aco-spec-value {\n    text-align: left;\n  }\n  \n  .aco-explainer-visual {\n    font-size: 20px;\n  }\n  \n  .aco-sun-icon, .aco-shield-icon {\n    font-size: 28px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .aco-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .aco-card:nth-child(1) { animation-delay: .05s; }\n  .aco-card:nth-child(2) { animation-delay: .1s; }\n  .aco-card:nth-child(3) { animation-delay: .15s; }\n  .aco-card:nth-child(4) { animation-delay: .2s; }\n  .aco-card:nth-child(5) { animation-delay: .25s; }\n  .aco-card:nth-child(6) { animation-delay: .3s; }\n  \n  .aco-ingredient-card {\n    animation: fadeInLeft .5s ease backwards;\n  }\n  .aco-ingredient-card:nth-child(1) { animation-delay: .1s; }\n  .aco-ingredient-card:nth-child(2) { animation-delay: .15s; }\n  .aco-ingredient-card:nth-child(3) { animation-delay: .2s; }\n  .aco-ingredient-card:nth-child(4) { animation-delay: .25s; }\n  \n  .aco-timeline-item {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .aco-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .aco-timeline-item:nth-child(2) { animation-delay: .2s; }\n  .aco-timeline-item:nth-child(3) { animation-delay: .3s; }\n  .aco-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n  from { opacity: 0; transform: translateX(-20px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .aco-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45754851852445,"sku":"NBAICRL0003","price":36.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-solaire-enfants-spf-50-bio-150-ml-acorelle-lifestyle.webp?v=1769158739"},{"product_id":"creme-solaire-visage-spf-50-bio-50-ml-acorelle","title":"Crème Solaire Visage Spf 50 Bio - 50 Ml - Acorelle","description":"\u003cdiv class=\"aco-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"aco-hero\"\u003e\n\u003cdiv class=\"aco-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aco-hero-content\"\u003e\n\u003cdiv class=\"aco-badges-top\"\u003e\n\u003cspan class=\"aco-badge\"\u003e☀️ SPF 50 haute protection\u003c\/span\u003e \u003cspan class=\"aco-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e \u003cspan class=\"aco-badge\"\u003e🌊 Ocean Respect\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"aco-hero-title\"\u003eCrème Solaire Visage SPF 50 Bio\u003c\/span\u003e\n\u003cp class=\"aco-subtitle\"\u003eAcorelle • 50 ml\u003c\/p\u003e\n\u003cp class=\"aco-description\"\u003eProtection solaire naturelle aux filtres minéraux, sans pénétration cutanée. Idéale pour les peaux sensibles, respectueuse des océans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"aco-section\"\u003e\n\u003ch2\u003ePourquoi choisir cette crème solaire bio visage ?\u003c\/h2\u003e\n\u003cp class=\"aco-section-intro\"\u003eContrairement aux crèmes conventionnelles aux filtres chimiques controversés, cette formule mise sur la puissance des filtres minéraux. Le dioxyde de titane agit comme un véritable bouclier qui réfléchit les rayons UV à la surface de la peau, sans pénétrer dans l'épiderme.\u003c\/p\u003e\n\u003cdiv class=\"aco-grid\"\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n\u003cp\u003eFormule parfaite pour les peaux sensibles ou intolérantes aux fragrances\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e💧 Résistante à l'eau\u003c\/h3\u003e\n\u003cp\u003eVotre protection reste active même après la baignade\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e✨ Action antioxydante\u003c\/h3\u003e\n\u003cp\u003eProtège également du vieillissement cutané prématuré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🌊 Ocean Respect\u003c\/h3\u003e\n\u003cp\u003eCertification garantissant l'absence de danger pour les écosystèmes marins\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e👜 Format compact 50 ml\u003c\/h3\u003e\n\u003cp\u003eSe glisse facilement dans votre sac pour les retouches en journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e⚡ Protection immédiate\u003c\/h3\u003e\n\u003cp\u003eEfficace dès l'application grâce aux filtres minéraux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"aco-section\"\u003e\n\u003ch2\u003eUne texture pensée pour le visage\u003c\/h2\u003e\n\u003cp class=\"aco-section-intro\"\u003eFini l'« effet fantôme » des crèmes minérales ! Acorelle a travaillé sa formule pour qu'elle se fonde naturellement dans la peau et offre un fini agréable, même sous le maquillage.\u003c\/p\u003e\n\u003cdiv class=\"aco-grid-compact\"\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🏙️ Usage quotidien\u003c\/h3\u003e\n\u003cp\u003eProtection contre les UV même par temps nuageux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🏖️ Plage \u0026amp; montagne\u003c\/h3\u003e\n\u003cp\u003eIdéale pour les expositions prolongées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🏃 Activités sportives\u003c\/h3\u003e\n\u003cp\u003eRésiste à la transpiration en extérieur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🧴 Peaux acnéiques\u003c\/h3\u003e\n\u003cp\u003eFormule non comédogène adaptée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"aco-section\"\u003e\n\u003ch2\u003eProtection large spectre UVA et UVB\u003c\/h2\u003e\n\u003cdiv class=\"aco-highlight-box\"\u003e\n\u003cdiv class=\"aco-highlight-grid\"\u003e\n\u003cdiv class=\"aco-highlight-item\"\u003e\n\u003cspan class=\"aco-highlight-icon\"\u003e🛡️\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eUVB bloqués\u003c\/strong\u003e\n\u003cp\u003eLe SPF 50 vous protège des rayons responsables des coups de soleil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-highlight-item\"\u003e\n\u003cspan class=\"aco-highlight-icon\"\u003e⏳\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eUVA neutralisés\u003c\/strong\u003e\n\u003cp\u003eProtection renforcée contre les rayons qui accélèrent le vieillissement cutané\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-highlight-item\"\u003e\n\u003cspan class=\"aco-highlight-icon\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eHuile de Karanja\u003c\/strong\u003e\n\u003cp\u003eRenforce naturellement cette double protection tout en nourrissant la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"aco-section\"\u003e\n\u003ch2\u003eComment bien appliquer votre crème solaire visage SPF 50 ?\u003c\/h2\u003e\n\u003cdiv class=\"aco-timeline\"\u003e\n\u003cdiv class=\"aco-timeline-item\"\u003e\n\u003cspan class=\"aco-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"aco-timeline-content\"\u003e\n\u003ch3\u003eQuantité généreuse\u003c\/h3\u003e\n\u003cp\u003eEnviron l'équivalent d'une cuillère à café pour le visage et le cou\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-timeline-item\"\u003e\n\u003cspan class=\"aco-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"aco-timeline-content\"\u003e\n\u003ch3\u003eTiming optimal\u003c\/h3\u003e\n\u003cp\u003eAppliquez 15 à 20 minutes avant l'exposition au soleil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-timeline-item\"\u003e\n\u003cspan class=\"aco-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"aco-timeline-content\"\u003e\n\u003ch3\u003eRenouvellement régulier\u003c\/h3\u003e\n\u003cp\u003eToutes les 2 heures, et après chaque baignade ou transpiration excessive\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-timeline-item\"\u003e\n\u003cspan class=\"aco-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"aco-timeline-content\"\u003e\n\u003ch3\u003eZones oubliées\u003c\/h3\u003e\n\u003cp\u003eN'oubliez pas les oreilles, le contour des yeux et la lisière du cuir chevelu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-tip\"\u003e\n\u003cspan class=\"aco-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePrécaution :\u003c\/strong\u003e évitez le contact direct avec les yeux. En cas de projection, rincez abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"aco-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cp class=\"aco-section-intro\"\u003eLa transparence est essentielle. Voici les actifs clés de cette formule certifiée bio :\u003c\/p\u003e\n\u003cdiv class=\"aco-grid\"\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🪨 Dioxyde de titane\u003c\/h3\u003e\n\u003cp\u003eFiltre minéral qui réfléchit les rayons UV sans pénétrer la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🌿 Huile de Karanja\u003c\/h3\u003e\n\u003cp\u003eRenforce naturellement la protection solaire et nourrit en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n\u003cp\u003eMaintient l'hydratation cutanée tout au long de la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eApaise et rafraîchit la peau après l'exposition\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🧡 Extrait de curcuma\u003c\/h3\u003e\n\u003cp\u003eAction antioxydante puissante contre les radicaux libres\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-accordion\"\u003e\n\u003cdetails class=\"aco-accordion-item\"\u003e\n\u003csummary class=\"aco-accordion-header\"\u003e🚫 Ce que cette crème ne contient PAS\u003c\/summary\u003e\n\u003cdiv class=\"aco-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eFiltres chimiques\u003c\/strong\u003e (oxybenzone, octinoxate...) • \u003cstrong\u003eNanoparticules\u003c\/strong\u003e • \u003cstrong\u003eParabens\u003c\/strong\u003e • \u003cstrong\u003eSilicones\u003c\/strong\u003e • \u003cstrong\u003eParfum de synthèse\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"aco-section\"\u003e\n\u003ch2\u003eDes certifications qui garantissent la qualité\u003c\/h2\u003e\n\u003cdiv class=\"aco-grid\"\u003e\n\u003cdiv class=\"aco-card aco-card-cert\"\u003e\n\u003ch3\u003e🌱 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eGarantit un minimum de 95% d'ingrédients d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card aco-card-cert\"\u003e\n\u003ch3\u003e🌊 Ocean Respect\u003c\/h3\u003e\n\u003cp\u003eFormule testée et validée comme non toxique pour les coraux et la vie marine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card aco-card-cert\"\u003e\n\u003ch3\u003e🐰 Cruelty Free\u003c\/h3\u003e\n\u003cp\u003eMarque engagée contre l'expérimentation animale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"aco-section\"\u003e\n\u003ch2\u003eFabriquée en France par une marque engagée\u003c\/h2\u003e\n\u003cdiv class=\"aco-testimonial\"\u003e\n\u003cp class=\"aco-testimonial-text\"\u003eAcorelle est une entreprise française basée dans le Gers, pionnière de la cosmétique bio depuis 2006. Chaque produit est formulé et fabriqué en France, avec une attention particulière portée à la traçabilité des ingrédients et à l'impact environnemental des emballages. Le tube et l'étui de cette crème solaire sont recyclables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFormulée et fabriquée dans le Gers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e♻️ Emballage recyclable\u003c\/h3\u003e\n\u003cp\u003eTube et étui éco-conçus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"aco-section\"\u003e\n\u003ch2\u003ePour qui est faite cette crème solaire ?\u003c\/h2\u003e\n\u003cdiv class=\"aco-grid-compact\"\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eRéactives aux cosmétiques conventionnels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eSans compromis sur la composition\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e🌍 Éco-conscients\u003c\/h3\u003e\n\u003cp\u003eSoucieux de l'environnement marin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aco-card\"\u003e\n\u003ch3\u003e☀️ Usage quotidien\u003c\/h3\u003e\n\u003cp\u003eProtection toute l'année, pas juste en vacances\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"aco-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"aco-cta-box\"\u003e\n\u003cp\u003e☀️ Protégez votre peau naturellement avec une crème solaire bio haute performance, respectueuse de votre santé et des océans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"aco-disclaimer\"\u003eRappel important : aucune crème solaire, même SPF 50, ne filtre 100% des UV. Complétez votre protection avec un chapeau, des lunettes de soleil et en évitant l'exposition aux heures les plus chaudes (12h-16h). Ce produit cosmétique ne remplace en aucun cas un avis médical en cas de problème dermatologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --aco-cream: #FFFBF0;\n  --aco-white: #ffffff;\n  --aco-primary: #F5A623;\n  --aco-primary-dark: #D4880C;\n  --aco-primary-light: #FFF4E0;\n  --aco-secondary: #2E7D32;\n  --aco-secondary-light: #E8F5E9;\n  --aco-accent: #E8B923;\n  --aco-text: #1a1a1a;\n  --aco-text-light: #5a5a5a;\n  --aco-border: #e8e0d4;\n  --aco-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --aco-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --aco-radius: 20px;\n  --aco-radius-sm: 12px;\n}\n\n.aco-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--aco-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.aco-hero {\n  position: relative;\n  background: linear-gradient(135deg, #F5A623 0%, #E8B923 40%, #2E7D32 100%);\n  border-radius: var(--aco-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(--aco-shadow-lg);\n}\n\n.aco-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.aco-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.aco-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.aco-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(--aco-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.aco-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.aco-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.aco-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.aco-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.aco-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.aco-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--aco-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.aco-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(--aco-primary), var(--aco-secondary));\n  border-radius: 2px;\n}\n\n.aco-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--aco-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\/* === CARDS === *\/\n.aco-card {\n  background: var(--aco-white);\n  border-radius: var(--aco-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--aco-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.aco-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--aco-shadow-lg);\n  border-color: var(--aco-primary);\n}\n\n.aco-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--aco-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.aco-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--aco-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.aco-card-cert {\n  border-left: 4px solid var(--aco-secondary);\n}\n\n\/* === GRILLES === *\/\n.aco-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.aco-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.aco-grid-compact .aco-card {\n  padding: 1rem;\n}\n\n.aco-grid-compact .aco-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.aco-grid-compact .aco-card p {\n  font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.aco-highlight-box {\n  background: linear-gradient(135deg, var(--aco-primary-light) 0%, var(--aco-secondary-light) 100%);\n  border-radius: var(--aco-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n}\n\n.aco-highlight-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n\n.aco-highlight-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.aco-highlight-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.aco-highlight-item strong {\n  display: block;\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--aco-primary-dark);\n  margin-bottom: .25rem;\n}\n\n.aco-highlight-item p {\n  font-size: 14px;\n  color: var(--aco-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIMELINE === *\/\n.aco-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.aco-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.aco-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--aco-primary), var(--aco-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(245,166,35,.3);\n}\n\n.aco-timeline-content {\n  flex: 1;\n  background: var(--aco-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--aco-radius-sm);\n  box-shadow: var(--aco-shadow);\n}\n\n.aco-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--aco-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.aco-timeline-content p {\n  font-size: 14px;\n  color: var(--aco-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.aco-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--aco-primary-light);\n  border-radius: var(--aco-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--aco-primary);\n}\n\n.aco-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.aco-tip p {\n  font-size: 14px;\n  color: var(--aco-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.aco-testimonial {\n  background: var(--aco-white);\n  border-radius: var(--aco-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--aco-shadow);\n  border-left: 4px solid var(--aco-secondary);\n}\n\n.aco-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--aco-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.aco-accordion {\n  background: var(--aco-white);\n  border-radius: var(--aco-radius);\n  box-shadow: var(--aco-shadow);\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.aco-accordion-item {\n  border-bottom: 1px solid var(--aco-border);\n  margin: 0;\n  padding: 0;\n}\n\n.aco-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.aco-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--aco-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.aco-accordion-header:hover {\n  background: var(--aco-primary-light);\n}\n\n.aco-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.aco-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--aco-primary);\n  transition: transform .2s ease;\n}\n\n.aco-accordion-item[open] .aco-accordion-header::after {\n  content: '−';\n}\n\n.aco-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--aco-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.aco-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.aco-cta-box {\n  background: linear-gradient(135deg, var(--aco-primary) 0%, var(--aco-primary-dark) 100%);\n  border-radius: var(--aco-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.aco-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n}\n\n.aco-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.aco-disclaimer {\n  font-size: 12px;\n  color: var(--aco-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .aco-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .aco-card {\n    padding: 1.125rem;\n  }\n  \n  .aco-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .aco-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--aco-radius-sm);\n  }\n  \n  .aco-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .aco-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .aco-grid-compact {\n    gap: .625rem;\n  }\n  \n  .aco-grid-compact .aco-card {\n    padding: .75rem;\n  }\n  \n  .aco-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .aco-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .aco-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .aco-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .aco-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .aco-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .aco-testimonial {\n    padding: 1.25rem;\n  }\n  \n  .aco-testimonial-text {\n    font-size: 14px;\n  }\n  \n  .aco-highlight-box {\n    padding: 1.25rem;\n  }\n  \n  .aco-highlight-icon {\n    font-size: 24px;\n  }\n  \n  .aco-highlight-item strong {\n    font-size: 14px;\n  }\n  \n  .aco-highlight-item p {\n    font-size: 13px;\n  }\n  \n  .aco-tip {\n    padding: .875rem 1rem;\n  }\n  \n  .aco-tip-icon {\n    font-size: 20px;\n  }\n  \n  .aco-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .aco-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .aco-card:nth-child(1) { animation-delay: .05s; }\n  .aco-card:nth-child(2) { animation-delay: .1s; }\n  .aco-card:nth-child(3) { animation-delay: .15s; }\n  .aco-card:nth-child(4) { animation-delay: .2s; }\n  .aco-card:nth-child(5) { animation-delay: .25s; }\n  .aco-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  .aco-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45754852081821,"sku":"NBAICRL0004","price":22.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solaire-visage-spf-50-bio-50-ml-acorelle-lifestyle.webp?v=1769160171"},{"product_id":"laque-fixation-forte-bio-150-ml-k-pour-karite","title":"Laque Fixation Forte Bio - 150 Ml - K pour Karité","description":"\u003cdiv class=\"kpk-premium\"\u003e\n\n  \u003cdiv class=\"kpk-hero\"\u003e\n    \u003cdiv class=\"kpk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"kpk-hero-content\"\u003e\n      \u003cdiv class=\"kpk-badges-top\"\u003e\n        \u003cspan class=\"kpk-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n        \u003cspan class=\"kpk-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n        \u003cspan class=\"kpk-badge\"\u003e🍃 Sans gaz propulseur\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"kpk-hero-title\"\u003eLaque Fixation Forte Bio\u003c\/span\u003e\n      \u003cp class=\"kpk-subtitle\"\u003eK pour Karité — 150 ml\u003c\/p\u003e\n      \u003cp class=\"kpk-description\"\u003eUn maintien longue durée puissant et naturel, sans effet cartonné, enrichi au karité bio et à l'orange douce. Vos cheveux restent souples, brillants et parfaitement en place.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eLaque bio fixation forte K pour Karité : tenez vos coiffures sans compromettre vos cheveux\u003c\/h2\u003e\n    \u003cp class=\"kpk-section-intro\"\u003eVous cherchez une \u003cstrong\u003elaque fixation forte\u003c\/strong\u003e qui maintient durablement votre coiffure sans assécher ni alourdir vos cheveux ? La \u003cstrong\u003elaque bio K pour Karité 150 ml\u003c\/strong\u003e répond exactement à ce besoin. Certifiée bio, sans gaz propulseur et fabriquée en France, elle offre un maintien longue durée comparable aux grandes références du marché — mais avec une composition naturelle et respectueuse de votre fibre capillaire.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une laque bio pour cheveux ?\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-testimonial\"\u003e\n      \u003cp class=\"kpk-testimonial-text\"\u003eLes laques conventionnelles, qu'il s'agisse d'une laque L'Oréal fixation forte ou d'une laque Schwarzkopf fixation forte, contiennent souvent des silicones, des parabens et des gaz propulseurs qui peuvent irriter le cuir chevelu et fragiliser les cheveux à long terme. Avec la \u003cstrong\u003elaque bio cheveux\u003c\/strong\u003e K pour Karité, vous profitez d'une tenue solide tout au long de la journée, \u003cstrong\u003esans effet collant, sans résidus visibles et sans ingrédients controversés\u003c\/strong\u003e. Vos cheveux restent souples, brillants et naturels au toucher.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eLes atouts clés de cette laque pour cheveux bio\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-grid\"\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e💪 Fixation forte et durable\u003c\/h3\u003e\n        \u003cp\u003eMaintien fiable de toutes vos coiffures, des chignons sophistiqués aux brushings volumineux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌍 Sans gaz propulseur\u003c\/h3\u003e\n        \u003cp\u003eLe format spray permet une vaporisation fine et précise, plus écologique et plus économique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e✨ Pas d'effet cartonné\u003c\/h3\u003e\n        \u003cp\u003eVos cheveux gardent leur mouvement naturel tout en restant parfaitement en place.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e💇 Tous types de cheveux\u003c\/h3\u003e\n        \u003cp\u003eConvient aux cheveux fins, épais, lisses, bouclés ou colorés sans distinction.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🍊 Parfum d'orange douce\u003c\/h3\u003e\n        \u003cp\u003eUne touche de fraîcheur subtile et naturelle, loin des odeurs chimiques des laques classiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eDes ingrédients naturels soigneusement sélectionnés\u003c\/h2\u003e\n    \u003cp class=\"kpk-section-intro\"\u003eLa formule de cette \u003cstrong\u003elaque bio pour cheveux\u003c\/strong\u003e repose sur des actifs d'origine végétale aux propriétés complémentaires :\u003c\/p\u003e\n    \u003cdiv class=\"kpk-grid\"\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌳 Gomme arabique\u003c\/h3\u003e\n        \u003cp\u003eAgent fixant naturel qui assure un maintien puissant sans rigidifier le cheveu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🧈 Huile de karité bio\u003c\/h3\u003e\n        \u003cp\u003eNourrit, protège et préserve l'hydratation de la fibre capillaire en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🍊 Extrait d'orange douce bio\u003c\/h3\u003e\n        \u003cp\u003eApporte brillance et un parfum frais, délicat et 100 % naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kpk-tip\"\u003e\n      \u003cspan class=\"kpk-tip-icon\"\u003e🚫\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans paraben, sans silicone, sans colorant artificiel.\u003c\/strong\u003e Tous les ingrédients sont sélectionnés pour leur qualité et leur innocuité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eComment bien utiliser votre laque fixation forte bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-timeline\"\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n          \u003cp\u003eSecouez bien avant chaque utilisation pour homogénéiser le produit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eVaporisez à bonne distance\u003c\/h3\u003e\n          \u003cp\u003ePulvérisez à \u003cstrong\u003eenviron 20 cm des cheveux secs\u003c\/strong\u003e, sur l'ensemble de la coiffure ou sur les zones à fixer.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eGagnez en volume\u003c\/h3\u003e\n          \u003cp\u003eAppliquez directement à la racine puis coiffez selon vos envies pour un effet volumateur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eSuperposez les couches\u003c\/h3\u003e\n          \u003cp\u003ePréférez plusieurs couches légères plutôt qu'une seule application excessive pour un résultat plus naturel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eCertifications et fabrication française\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-grid-compact\"\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriquée par le Laboratoire Ariland, spécialiste reconnu des soins capillaires bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌱 ECOCERT\u003c\/h3\u003e\n        \u003cp\u003eComposition contrôlée et pratiques de fabrication responsables certifiées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e💚 Cosmébio\u003c\/h3\u003e\n        \u003cp\u003eApprovisionnement éthique en matières premières garanti.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n        \u003cp\u003eFormat spray sans gaz, flacon recyclable et formule biodégradable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePour qui est faite cette laque ?\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-cta-box\"\u003e\n      \u003cp\u003eSi vous souhaitez une \u003cstrong\u003elaque cheveux fixation forte\u003c\/strong\u003e efficace tout en privilégiant des produits sains, cette référence est faite pour vous. Elle convient particulièrement aux personnes ayant le \u003cstrong\u003ecuir chevelu sensible\u003c\/strong\u003e, aux adeptes de la cosmétique naturelle et à toutes celles et ceux qui veulent un \u003cstrong\u003ecoiffage impeccable\u003c\/strong\u003e sans compromis sur la qualité des ingrédients.\u003cbr\u003e\u003cbr\u003e📐 Format \u003cstrong\u003e150 ml\u003c\/strong\u003e — pratique à glisser dans votre sac pour des retouches en journée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --kpk-cream: #f7f6f2;\n  --kpk-white: #ffffff;\n  --kpk-primary: #5a7a52;\n  --kpk-primary-dark: #3a5434;\n  --kpk-primary-light: #eef4ec;\n  --kpk-secondary: #8aab62;\n  --kpk-accent: #d4a843;\n  --kpk-text: #1a1a1a;\n  --kpk-text-light: #5a5a5a;\n  --kpk-border: #e0e0e0;\n  --kpk-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --kpk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --kpk-radius: 20px;\n  --kpk-radius-sm: 12px;\n}\n\n.kpk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--kpk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kpk-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3a5434 0%, #5a7a52 40%, #8aab62 100%);\n  border-radius: var(--kpk-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(--kpk-shadow-lg);\n}\n\n.kpk-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,168,67,.1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.kpk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.kpk-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.kpk-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.kpk-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kpk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.kpk-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(--kpk-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.kpk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kpk-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kpk-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--kpk-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.3;\n}\n\n.kpk-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(--kpk-primary), var(--kpk-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kpk-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kpk-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.kpk-section-intro strong {\n  color: var(--kpk-text);\n}\n\n\/* === CARDS === *\/\n.kpk-card {\n  background: var(--kpk-white);\n  border-radius: var(--kpk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kpk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.kpk-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kpk-shadow-lg);\n  border-color: var(--kpk-primary);\n}\n\n.kpk-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kpk-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.kpk-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kpk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kpk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kpk-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.kpk-grid-compact .kpk-card {\n  padding: 1rem;\n}\n\n.kpk-grid-compact .kpk-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.kpk-grid-compact .kpk-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kpk-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.kpk-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.kpk-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--kpk-primary), var(--kpk-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.kpk-timeline-content {\n  flex: 1;\n  background: var(--kpk-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--kpk-radius-sm);\n  box-shadow: var(--kpk-shadow);\n}\n\n.kpk-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kpk-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.kpk-timeline-content p {\n  font-size: 14px;\n  color: var(--kpk-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.kpk-timeline-content strong {\n  color: var(--kpk-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.kpk-testimonial {\n  background: var(--kpk-white);\n  border-radius: var(--kpk-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--kpk-shadow);\n  border-left: 4px solid var(--kpk-primary);\n}\n\n.kpk-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kpk-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.kpk-testimonial-text strong {\n  color: var(--kpk-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.kpk-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--kpk-primary-light);\n  border-radius: var(--kpk-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.kpk-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.kpk-tip p {\n  font-size: 14px;\n  color: var(--kpk-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.kpk-cta-box {\n  background: linear-gradient(135deg, var(--kpk-primary) 0%, var(--kpk-primary-dark) 100%);\n  border-radius: var(--kpk-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.kpk-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(138,171,98,.3) 0%, transparent 60%);\n}\n\n.kpk-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n.kpk-cta-box strong {\n  color: rgba(255,255,255,1);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .kpk-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .kpk-card {\n    padding: 1.125rem;\n  }\n\n  .kpk-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .kpk-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--kpk-radius-sm);\n  }\n\n  .kpk-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .kpk-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .kpk-grid-compact {\n    gap: .625rem;\n  }\n\n  .kpk-grid-compact .kpk-card {\n    padding: .75rem;\n  }\n\n  .kpk-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .kpk-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .kpk-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .kpk-timeline-content p {\n    font-size: 13px;\n  }\n\n  .kpk-testimonial {\n    padding: 1.25rem;\n  }\n\n  .kpk-testimonial-text {\n    font-size: 14px;\n  }\n\n  .kpk-tip {\n    padding: .875rem 1rem;\n  }\n\n  .kpk-tip-icon {\n    font-size: 20px;\n  }\n\n  .kpk-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .kpk-card {\n    animation: kpkFadeInUp .5s ease backwards;\n  }\n  .kpk-card:nth-child(1) { animation-delay: .05s; }\n  .kpk-card:nth-child(2) { animation-delay: .1s; }\n  .kpk-card:nth-child(3) { animation-delay: .15s; }\n  .kpk-card:nth-child(4) { animation-delay: .2s; }\n  .kpk-card:nth-child(5) { animation-delay: .25s; }\n  .kpk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kpkFadeInUp {\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  .kpk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755009761437,"sku":"REF990","price":11.45,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/LAQUE-FIXATION-FORTE-BIO-150-ML-626770.jpg?v=1732721181"},{"product_id":"masque-reparateur-argile-et-karite-bio-200-g-k-pour-karite","title":"Masque Réparateur Argile \u0026 Karité Bio - 200g - K pour Karité","description":"\u003cdiv class=\"kpk-premium\"\u003e\n\n  \u003cdiv class=\"kpk-hero\"\u003e\n    \u003cdiv class=\"kpk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"kpk-hero-content\"\u003e\n      \u003cdiv class=\"kpk-badges-top\"\u003e\n        \u003cspan class=\"kpk-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n        \u003cspan class=\"kpk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"kpk-badge\"\u003e🧴 200g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"kpk-hero-title\"\u003eMasque Réparateur Argile \u0026amp; Karité Bio\u003c\/span\u003e\n      \u003cp class=\"kpk-subtitle\"\u003eK pour Karité\u003c\/p\u003e\n      \u003cp class=\"kpk-description\"\u003eLa puissance purifiante de l'argile alliée aux vertus nourrissantes du karité bio pour redonner vie, douceur et éclat à vos cheveux abîmés.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eMasque réparateur argile \u0026amp; karité bio : un soin profond pour vos cheveux abîmés\u003c\/h2\u003e\n    \u003cp class=\"kpk-section-intro\"\u003eVos cheveux sont secs, cassants ou fragilisés par les colorations, le soleil ou la chaleur du sèche-cheveux ?\u003c\/p\u003e\n    \u003cdiv class=\"kpk-highlight-box\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003eMasque Réparateur Argile \u0026amp; Karité Bio\u003c\/strong\u003e de \u003cstrong\u003eK pour Karité\u003c\/strong\u003e est un masque réparateur pour cheveux qui associe la puissance purifiante de l'argile aux vertus nourrissantes du beurre de karité. Certifié bio par Ecocert et fabriqué en France, ce soin capillaire de 200 g redonne vie, douceur et éclat à votre chevelure dès la première application.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un masque argile pour cheveux ?\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-two-col\"\u003e\n      \u003cdiv class=\"kpk-col-text\"\u003e\n        \u003cp\u003eL'argile est un actif naturel prisé en cosmétique capillaire pour ses propriétés exceptionnelles. Utilisée en \u003cstrong\u003emasque argile verte pour cheveux\u003c\/strong\u003e, elle absorbe l'excès de sébum, élimine les résidus de pollution et de produits coiffants, tout en reminéralisant la fibre capillaire.\u003c\/p\u003e\n        \u003cp\u003eContrairement aux masques conventionnels chargés en silicones, un \u003cstrong\u003emasque cheveux argile verte\u003c\/strong\u003e agit en profondeur sans étouffer le cheveu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-col-text\"\u003e\n        \u003cp\u003eAssociée au beurre de karité bio, l'argile offre ici un équilibre parfait : elle purifie et allège tandis que le karité nourrit et répare intensément.\u003c\/p\u003e\n        \u003cdiv class=\"kpk-tip\"\u003e\n          \u003cspan class=\"kpk-tip-icon\"\u003e✨\u003c\/span\u003e\n          \u003cp\u003eVos cheveux retrouvent leur souplesse naturelle, sans effet lourd ni gras.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eLes ingrédients clés et leurs bienfaits\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-grid\"\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e�ite Argile (kaolin)\u003c\/h3\u003e\n        \u003cp\u003ePurifie le cuir chevelu, absorbe les impuretés et apporte volume et légèreté aux cheveux fins ou alourdis.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras essentiels et en vitamines A, D, E et F, il nourrit intensément, répare les pointes fourchues et protège contre la déshydratation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eHydrate en profondeur, apaise les cuirs chevelus sensibles et renforce la structure du cheveu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e💧 Huile de jojoba bio\u003c\/h3\u003e\n        \u003cp\u003eRégule naturellement la production de sébum et gaine le cheveu sans l'alourdir, pour une brillance saine et durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kpk-tip\"\u003e\n      \u003cspan class=\"kpk-tip-icon\"\u003e🚫\u003c\/span\u003e\n      \u003cp\u003eFormule \u003cstrong\u003esans parabènes, sans silicones et sans sulfates\u003c\/strong\u003e. Tous les ingrédients sont d'origine naturelle, dans le respect de votre santé et de l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eComment utiliser ce masque réparateur cheveux ?\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-timeline\"\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eEssorez vos cheveux\u003c\/h3\u003e\n          \u003cp\u003eAprès votre shampooing, essorez délicatement vos cheveux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n          \u003cp\u003ePrélevez une noix de produit et appliquez-la sur les longueurs et les pointes, en évitant les racines si vos cheveux sont à tendance grasse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eDémêlez et répartissez\u003c\/h3\u003e\n          \u003cp\u003eDémêlez avec un peigne à dents larges pour répartir le soin uniformément.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eLaissez poser 5 à 10 minutes\u003c\/h3\u003e\n          \u003cp\u003ePour les cheveux très abîmés, enveloppez votre chevelure dans une serviette chaude afin d'intensifier la pénétration des actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède pour des cheveux soyeux et revitalisés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kpk-tip\"\u003e\n      \u003cspan class=\"kpk-tip-icon\"\u003e📅\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eFréquence conseillée :\u003c\/strong\u003e une à deux fois par semaine en cure, ou une fois toutes les deux semaines en entretien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce soin ?\u003c\/h2\u003e\n    \u003cp class=\"kpk-section-intro\"\u003eCe masque argile cheveux convient à tous les types de cheveux, mais il sera particulièrement apprécié si vous avez les cheveux :\u003c\/p\u003e\n    \u003cdiv class=\"kpk-grid-compact\"\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🔥 Secs et cassants\u003c\/h3\u003e\n        \u003cp\u003eCheveux fragilisés, fourchus, en manque de nutrition\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🧪 Traités chimiquement\u003c\/h3\u003e\n        \u003cp\u003eFragilisés par les colorations, lissages ou permanentes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e😔 Ternes et fatigués\u003c\/h3\u003e\n        \u003cp\u003eEn manque de vitalité, d'éclat et de brillance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🪨 Alourdis\u003c\/h3\u003e\n        \u003cp\u003eRésidus de produits coiffants accumulés sur la fibre\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eEngagements qualité K pour Karité\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-grid\"\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌾 Agriculture biologique\u003c\/h3\u003e\n        \u003cp\u003eIngrédients issus de l'agriculture biologique certifiée, pour un soin respectueux de votre santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n        \u003cp\u003eFilières de commerce équitable pour l'approvisionnement en beurre de karité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduit par le Laboratoire Ariland, garantissant traçabilité rigoureuse et contrôle qualité exigeant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kpk-cta-box\"\u003e\n      \u003cp\u003eOffrez à vos cheveux un soin naturel, efficace et respectueux. Ce \u003cstrong\u003emasque réparateur argile et karité bio\u003c\/strong\u003e deviendra vite un indispensable de votre routine capillaire. ✨\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --kpk-cream: #faf7f3;\n  --kpk-white: #ffffff;\n  --kpk-primary: #8B5E3C;\n  --kpk-primary-dark: #5C3A1E;\n  --kpk-primary-light: #f5ede5;\n  --kpk-secondary: #C4854C;\n  --kpk-accent: #A0522D;\n  --kpk-text: #1a1a1a;\n  --kpk-text-light: #5a5a5a;\n  --kpk-border: #e8ddd2;\n  --kpk-shadow: 0 4px 24px rgba(92,58,30,.08);\n  --kpk-shadow-lg: 0 12px 48px rgba(92,58,30,.15);\n  --kpk-radius: 20px;\n  --kpk-radius-sm: 12px;\n}\n\n.kpk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--kpk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.kpk-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.kpk-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5C3A1E 0%, #8B5E3C 45%, #C4854C 100%);\n  border-radius: var(--kpk-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(--kpk-shadow-lg);\n}\n\n.kpk-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.kpk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.kpk-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.kpk-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.kpk-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 18px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.kpk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.kpk-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(--kpk-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.kpk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kpk-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kpk-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--kpk-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.3;\n}\n\n.kpk-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(--kpk-primary), var(--kpk-secondary));\n  border-radius: 2px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.kpk-highlight-box {\n  background: var(--kpk-white);\n  border-radius: var(--kpk-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--kpk-shadow);\n  border-left: 4px solid var(--kpk-secondary);\n}\n\n.kpk-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--kpk-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n.kpk-highlight-box strong {\n  color: var(--kpk-primary-dark);\n}\n\n\/* === TWO COLUMNS === *\/\n.kpk-two-col {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1.5rem;\n}\n\n.kpk-col-text {\n  background: var(--kpk-white);\n  border-radius: var(--kpk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kpk-shadow);\n}\n\n.kpk-col-text p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kpk-text-light);\n  line-height: 1.7;\n  margin: 0 0 .75rem 0;\n}\n\n.kpk-col-text p:last-child,\n.kpk-col-text .kpk-tip:last-child {\n  margin-bottom: 0;\n}\n\n.kpk-col-text strong {\n  color: var(--kpk-primary-dark);\n}\n\n\/* === CARDS === *\/\n.kpk-card {\n  background: var(--kpk-white);\n  border-radius: var(--kpk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kpk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.kpk-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kpk-shadow-lg);\n  border-color: var(--kpk-primary);\n}\n\n.kpk-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kpk-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.kpk-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kpk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kpk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.kpk-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.kpk-grid-compact .kpk-card {\n  padding: 1rem;\n}\n\n.kpk-grid-compact .kpk-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.kpk-grid-compact .kpk-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kpk-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.kpk-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.kpk-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--kpk-primary), var(--kpk-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.kpk-timeline-content {\n  flex: 1;\n  background: var(--kpk-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--kpk-radius-sm);\n  box-shadow: var(--kpk-shadow);\n}\n\n.kpk-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kpk-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.kpk-timeline-content p {\n  font-size: 14px;\n  color: var(--kpk-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kpk-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--kpk-primary-light);\n  border-radius: var(--kpk-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.kpk-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.kpk-tip p {\n  font-size: 14px;\n  color: var(--kpk-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.kpk-tip strong {\n  color: var(--kpk-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.kpk-cta-box {\n  background: linear-gradient(135deg, var(--kpk-primary) 0%, var(--kpk-primary-dark) 100%);\n  border-radius: var(--kpk-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.kpk-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\/* === SECTION INTRO TEXT === *\/\n.kpk-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kpk-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .kpk-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .kpk-two-col {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .kpk-card {\n    padding: 1.125rem;\n  }\n\n  .kpk-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .kpk-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--kpk-radius-sm);\n  }\n\n  .kpk-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .kpk-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .kpk-grid-compact {\n    gap: .625rem;\n  }\n\n  .kpk-grid-compact .kpk-card {\n    padding: .75rem;\n  }\n\n  .kpk-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .kpk-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .kpk-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .kpk-timeline-content p {\n    font-size: 13px;\n  }\n\n  .kpk-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .kpk-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .kpk-card {\n    animation: kpkFadeInUp .5s ease backwards;\n  }\n  .kpk-card:nth-child(1) { animation-delay: .05s; }\n  .kpk-card:nth-child(2) { animation-delay: .1s; }\n  .kpk-card:nth-child(3) { animation-delay: .15s; }\n  .kpk-card:nth-child(4) { animation-delay: .2s; }\n  .kpk-card:nth-child(5) { animation-delay: .25s; }\n  .kpk-card:nth-child(6) { animation-delay: .3s; }\n\n  .kpk-timeline-item {\n    animation: kpkFadeInUp .5s ease backwards;\n  }\n  .kpk-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .kpk-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .kpk-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .kpk-timeline-item:nth-child(4) { animation-delay: .2s; }\n  .kpk-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes kpkFadeInUp {\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  .kpk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755010154653,"sku":"REF992","price":12.66,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-reparateur-argile-karite-bio-200g-k-pour-karite-packshothd.webp?v=1775993730"},{"product_id":"huile-de-karite-la-voyageuse-50-ml-k-pour-karite","title":"Huile de Karité, La Voyageuse - 50ml - K pour Karité","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile De Karité, La Voyageuse - 50 Ml - K pour Karité\nPalette détectée:\n  - Primaire: #C4A86B (doré\/or - couleur du \"K\" et de l'huile)\n  - Secondaire: #3A8A9E (bleu-vert turquoise - illustration crabe\/mer)\n  - Accent: #D4C4A0 (beige sable - fond carte vintage)\n  - Cream: #F9F7F3 (blanc cassé chaud)\nAmbiance: Voyage, évasion, carte ancienne, naturalité précieuse, luxe accessible, nomade\nPréfixe CSS: kpk\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"L'huile de karité La Voyageuse : votre alliée beauté nomade pour la peau, le visage et les cheveux\"\n  2. \"Pourquoi choisir une huile de karité pour vos soins quotidiens ?\"\n  3. \"Les bienfaits de l'huile de karité pour le visage\"\n  4. \"L'huile de karité pour les cheveux : brillance et vitalité retrouvées\"\n  5. \"Un soin polyvalent pour tout le corps\"\n  6. \"Une formule pure et naturelle\"\n  7. \"Huile de karité vs huile de coco : quelle différence ?\"\n  8. \"Comment intégrer l'huile de karité dans votre routine beauté ?\"\n  9. \"L'engagement K pour Karité\"\n  10. \"En résumé : pour qui est faite cette huile ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kpk-premium\"\u003e\n  \n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"kpk-hero\"\u003e\n    \u003cdiv class=\"kpk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"kpk-hero-content\"\u003e\n      \u003cdiv class=\"kpk-badges-top\"\u003e\n        \u003cspan class=\"kpk-badge\"\u003e🌍 Format voyage 50ml\u003c\/span\u003e\n        \u003cspan class=\"kpk-badge\"\u003e✨ 98% karité pur\u003c\/span\u003e\n        \u003cspan class=\"kpk-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"kpk-hero-title\"\u003eHuile de Karité La Voyageuse\u003c\/span\u003e\n      \u003cp class=\"kpk-subtitle\"\u003eVotre alliée beauté nomade 3-en-1\u003c\/p\u003e\n      \u003cp class=\"kpk-description\"\u003eVisage, corps, cheveux : un seul flacon précieux qui vous accompagne partout pour une nutrition intense et naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eL'huile de karité La Voyageuse : votre alliée beauté nomade pour la peau, le visage et les cheveux\u003c\/h2\u003e\n    \u003cp class=\"kpk-section-intro\"\u003eComposée à \u003cstrong\u003e98% de karité pur\u003c\/strong\u003e, cette huile précieuse concentre tous les bienfaits du beurre de karité dans une texture fluide et légère, idéale pour une absorption rapide sans film gras.\u003c\/p\u003e\n    \u003cdiv class=\"kpk-grid-compact\"\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🧴 Texture fluide\u003c\/h3\u003e\n        \u003cp\u003eAbsorption rapide sans film gras\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e✈️ Format nomade\u003c\/h3\u003e\n        \u003cp\u003e50ml, parfait en cabine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌿 100% naturelle\u003c\/h3\u003e\n        \u003cp\u003eSans parabènes ni silicones\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e💛 Multi-usage\u003c\/h3\u003e\n        \u003cp\u003eVisage, corps et cheveux\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une huile de karité pour vos soins quotidiens ?\u003c\/h2\u003e\n    \u003cp class=\"kpk-section-intro\"\u003eLe karité est reconnu depuis des siècles en Afrique pour ses vertus exceptionnelles. Contrairement au beurre classique, l'huile offre une texture légère tout en conservant tous les actifs précieux.\u003c\/p\u003e\n    \u003cdiv class=\"kpk-grid\"\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🔬 Acides gras essentiels\u003c\/h3\u003e\n        \u003cp\u003eOléique, stéarique, linoléique : ils renforcent la barrière cutanée et préviennent la déshydratation\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e💎 Vitamines A et E\u003c\/h3\u003e\n        \u003cp\u003ePuissants antioxydants qui luttent contre le vieillissement prématuré et favorisent la régénération cellulaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌟 Karitène unique\u003c\/h3\u003e\n        \u003cp\u003eUn composé exclusif au karité aux propriétés apaisantes et protectrices incomparables\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'huile de karité pour le visage\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-grid\"\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n        \u003cp\u003ePénètre en profondeur pour nourrir les couches supérieures de l'épiderme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e✨ Effet repulpant\u003c\/h3\u003e\n        \u003cp\u003eRestaure le film hydrolipidique, redonne souplesse et élasticité à la peau\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌸 Action apaisante\u003c\/h3\u003e\n        \u003cp\u003eParfaite pour les peaux sensibles, réactives ou sujettes aux tiraillements\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🛡️ Protection quotidienne\u003c\/h3\u003e\n        \u003cp\u003eBouclier naturel contre le froid, la pollution et le vent\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kpk-tip\"\u003e\n      \u003cp\u003e💡 \u003cstrong\u003eConseil d'application :\u003c\/strong\u003e 2 à 3 gouttes le soir sur visage propre, en massant du centre vers l'extérieur. Réveillez-vous avec une peau douce et lumineuse !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eL'huile de karité pour les cheveux : brillance et vitalité retrouvées\u003c\/h2\u003e\n    \u003cp class=\"kpk-section-intro\"\u003eCheveux secs, cassants ou difficiles à coiffer ? Cette huile agit comme un véritable soin réparateur pour tous types de cheveux.\u003c\/p\u003e\n    \u003cdiv class=\"kpk-grid\"\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e💪 Nourrit la fibre\u003c\/h3\u003e\n        \u003cp\u003ePénètre jusqu'au cœur du cheveu pour le réparer de l'intérieur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e✂️ Dompte les frisottis\u003c\/h3\u003e\n        \u003cp\u003eLisse les écailles et apporte discipline et brillance naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🔥 Protège de la chaleur\u003c\/h3\u003e\n        \u003cp\u003eSèche-cheveux, lisseur, soleil... crée une barrière protectrice\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌱 Stimule la pousse\u003c\/h3\u003e\n        \u003cp\u003eEn massage sur le cuir chevelu, favorise la microcirculation\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kpk-tip\"\u003e\n      \u003cp\u003e\u003cstrong\u003eUtilisations :\u003c\/strong\u003e En masque avant-shampoing (20 min minimum), en soin sans rinçage sur les pointes, ou en sérum coiffant. Convient aux cheveux crépus, frisés et colorés.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eUn soin polyvalent pour tout le corps\u003c\/h2\u003e\n    \u003cp class=\"kpk-section-intro\"\u003eLa Voyageuse ne se limite pas au visage et aux cheveux. Son format pompe pratique vous accompagne partout !\u003c\/p\u003e\n    \u003cdiv class=\"kpk-grid\"\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🦶 Zones très sèches\u003c\/h3\u003e\n        \u003cp\u003eCoudes, genoux, talons retrouvent douceur et souplesse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🤲 Mains abîmées\u003c\/h3\u003e\n        \u003cp\u003eQuelques gouttes suffisent pour les réparer en profondeur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e💅 Ongles fragilisés\u003c\/h3\u003e\n        \u003cp\u003eMassez les cuticules pour les fortifier naturellement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🪒 Après épilation\u003c\/h3\u003e\n        \u003cp\u003eApaise et prévient les irritations post-rasage\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🤰 Grossesse\u003c\/h3\u003e\n        \u003cp\u003eEn prévention des vergetures (demandez conseil à votre médecin)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e✈️ En voyage\u003c\/h3\u003e\n        \u003cp\u003eSoin tout-en-un compact pour votre bagage cabine\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eUne formule pure et naturelle\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-formula-box\"\u003e\n      \u003cdiv class=\"kpk-formula-yes\"\u003e\n        \u003ch3\u003e✅ Ce qu'elle contient\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cstrong\u003eButyrospermum Parkii Butter\u003c\/strong\u003e — Beurre de karité pressé à froid \u003cspan class=\"kpk-highlight\"\u003e98%\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eParfum naturel\u003c\/strong\u003e — Touche olfactive délicate\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eTocopherol\u003c\/strong\u003e — Vitamine E antioxydante\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-formula-no\"\u003e\n        \u003ch3\u003e❌ Ce qu'elle ne contient pas\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003eParabènes\u003c\/li\u003e\n          \u003cli\u003eSilicones\u003c\/li\u003e\n          \u003cli\u003eSulfates\u003c\/li\u003e\n          \u003cli\u003eHuiles minérales\u003c\/li\u003e\n          \u003cli\u003eColorants artificiels\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eHuile de karité vs huile de coco : quelle différence ?\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-comparison\"\u003e\n      \u003cdiv class=\"kpk-comparison-item kpk-comparison-winner\"\u003e\n        \u003ch3\u003e🏆 Huile de karité\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cstrong\u003e15% d'insaponifiables\u003c\/strong\u003e — Propriétés réparatrices supérieures\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eToujours fluide\u003c\/strong\u003e — Texture constante à température ambiante\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eNon comédogène\u003c\/strong\u003e — Ne bouche pas les pores\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eHaute tolérance\u003c\/strong\u003e — Idéale peaux sensibles\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-comparison-item\"\u003e\n        \u003ch3\u003e🥥 Huile de coco\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cstrong\u003e1% d'insaponifiables\u003c\/strong\u003e — Moins réparatrice\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eSe solidifie\u003c\/strong\u003e — Texture variable selon température\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eComédogène\u003c\/strong\u003e — Peut boucher les pores\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eMoins tolérée\u003c\/strong\u003e — Peut irriter certaines peaux\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 --\u003e\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eComment intégrer l'huile de karité dans votre routine beauté ?\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-timeline\"\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cspan class=\"kpk-timeline-number\"\u003e☀️\u003c\/span\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eLe matin\u003c\/h3\u003e\n          \u003cp\u003e1 à 2 gouttes mélangées à votre crème de jour pour un boost de nutrition\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cspan class=\"kpk-timeline-number\"\u003e🌙\u003c\/span\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eLe soir\u003c\/h3\u003e\n          \u003cp\u003eEn dernière étape de votre routine visage, pour sceller l'hydratation\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cspan class=\"kpk-timeline-number\"\u003e💇\u003c\/span\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eAvant le coiffage\u003c\/h3\u003e\n          \u003cp\u003eSur cheveux humides pour faciliter le démêlage et protéger de la chaleur\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cspan class=\"kpk-timeline-number\"\u003e✈️\u003c\/span\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eEn voyage\u003c\/h3\u003e\n          \u003cp\u003eComme soin tout-en-un pour le visage, le corps et les cheveux\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cspan class=\"kpk-timeline-number\"\u003e❄️\u003c\/span\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eEn hiver\u003c\/h3\u003e\n          \u003cp\u003eEn couche plus généreuse pour contrer les effets du froid\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 9 --\u003e\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eL'engagement K pour Karité\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-grid\"\u003e\n      \u003cdiv class=\"kpk-card kpk-card-highlight\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eFormulation et conditionnement réalisés dans l'Hexagone avec un savoir-faire d'excellence\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card kpk-card-highlight\"\u003e\n        \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n        \u003cp\u003eKarité issu de coopératives africaines engagées dans des filières durables\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card kpk-card-highlight\"\u003e\n        \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n        \u003cp\u003eEmballages recyclables et formules biodégradables pour respecter la planète\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 10 --\u003e\n  \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePour qui est faite cette huile ?\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-grid-compact\"\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n        \u003cp\u003eCosmétiques sans ingrédients controversés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e💧 Peaux sèches\u003c\/h3\u003e\n        \u003cp\u003eSensibles ou matures en quête de nutrition\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e✨ Cheveux ternes\u003c\/h3\u003e\n        \u003cp\u003eSecs, abîmés ou manquant de brillance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌍 Globe-trotters\u003c\/h3\u003e\n        \u003cp\u003eBesoin d'un produit multi-usage compact\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kpk-cta-box\"\u003e\n      \u003cp\u003e✨ Offrez à votre peau et vos cheveux le meilleur du karité africain.\u003cbr\u003eUn seul flacon précieux pour révéler tout votre éclat naturel, où que vous soyez.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --kpk-cream: #F9F7F3;\n  --kpk-white: #ffffff;\n  --kpk-primary: #C4A86B;\n  --kpk-primary-dark: #9A7F4A;\n  --kpk-primary-light: #F5F0E5;\n  --kpk-secondary: #3A8A9E;\n  --kpk-accent: #D4C4A0;\n  --kpk-text: #1a1a1a;\n  --kpk-text-light: #5a5a5a;\n  --kpk-border: #e8e4dc;\n  --kpk-shadow: 0 4px 24px rgba(150,130,90,.1);\n  --kpk-shadow-lg: 0 12px 48px rgba(150,130,90,.18);\n  --kpk-radius: 20px;\n  --kpk-radius-sm: 12px;\n}\n\n.kpk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--kpk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kpk-hero {\n  position: relative;\n  background: linear-gradient(135deg, #C4A86B 0%, #9A7F4A 40%, #3A8A9E 100%);\n  border-radius: var(--kpk-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(--kpk-shadow-lg);\n}\n\n.kpk-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 0L60 30L30 60L0 30Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: .4;\n}\n\n.kpk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.kpk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.kpk-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(--kpk-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.kpk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.kpk-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,.25);\n}\n\n.kpk-subtitle {\n  font-size: clamp(18px, 4vw, 26px);\n  color: rgba(255,255,255,.95);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.kpk-description {\n  font-size: clamp(14px, 2.5vw, 17px);\n  color: rgba(255,255,255,.9);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.kpk-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kpk-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--kpk-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.kpk-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(--kpk-primary), var(--kpk-secondary));\n  border-radius: 2px;\n}\n\n.kpk-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kpk-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.kpk-section-intro strong {\n  color: var(--kpk-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.kpk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.kpk-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.kpk-card {\n  background: var(--kpk-white);\n  border-radius: var(--kpk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kpk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.kpk-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kpk-shadow-lg);\n  border-color: var(--kpk-primary);\n}\n\n.kpk-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kpk-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.kpk-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kpk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.kpk-card-highlight {\n  background: linear-gradient(135deg, var(--kpk-primary-light) 0%, var(--kpk-white) 100%);\n  border: 2px solid var(--kpk-accent);\n}\n\n.kpk-grid-compact .kpk-card {\n  padding: 1rem;\n}\n\n.kpk-grid-compact .kpk-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.kpk-grid-compact .kpk-card p {\n  font-size: 12px;\n}\n\n\/* === TIP BOX === *\/\n.kpk-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--kpk-primary-light);\n  border-radius: var(--kpk-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--kpk-primary);\n}\n\n.kpk-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.kpk-tip p {\n  font-size: 14px;\n  color: var(--kpk-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.kpk-tip strong {\n  color: var(--kpk-primary-dark);\n}\n\n\/* === FORMULA BOX === *\/\n.kpk-formula-box {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.25rem;\n}\n\n.kpk-formula-yes,\n.kpk-formula-no {\n  background: var(--kpk-white);\n  border-radius: var(--kpk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kpk-shadow);\n}\n\n.kpk-formula-yes {\n  border-top: 4px solid #4CAF50;\n}\n\n.kpk-formula-no {\n  border-top: 4px solid #E57373;\n}\n\n.kpk-formula-yes h3,\n.kpk-formula-no h3 {\n  font-size: 18px;\n  font-weight: 800;\n  margin: 0 0 1rem 0;\n  color: var(--kpk-text);\n}\n\n.kpk-formula-yes ul,\n.kpk-formula-no ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.kpk-formula-yes li,\n.kpk-formula-no li {\n  padding: .5rem 0;\n  font-size: 14px;\n  color: var(--kpk-text-light);\n  border-bottom: 1px solid var(--kpk-border);\n  line-height: 1.5;\n}\n\n.kpk-formula-yes li:last-child,\n.kpk-formula-no li:last-child {\n  border-bottom: none;\n}\n\n.kpk-formula-yes li strong {\n  color: var(--kpk-primary-dark);\n}\n\n.kpk-highlight {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--kpk-primary), var(--kpk-secondary));\n  color: white;\n  padding: 2px 8px;\n  border-radius: 4px;\n  font-weight: 700;\n  font-size: 12px;\n  margin-left: 6px;\n}\n\n\/* === COMPARISON === *\/\n.kpk-comparison {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.25rem;\n}\n\n.kpk-comparison-item {\n  background: var(--kpk-white);\n  border-radius: var(--kpk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kpk-shadow);\n  border: 2px solid var(--kpk-border);\n}\n\n.kpk-comparison-winner {\n  border-color: var(--kpk-primary);\n  background: linear-gradient(135deg, var(--kpk-primary-light) 0%, var(--kpk-white) 100%);\n  position: relative;\n}\n\n.kpk-comparison-item h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--kpk-primary-dark);\n  margin: 0 0 1rem 0;\n  text-align: center;\n}\n\n.kpk-comparison-item ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.kpk-comparison-item li {\n  padding: .6rem 0;\n  font-size: 14px;\n  color: var(--kpk-text-light);\n  border-bottom: 1px solid var(--kpk-border);\n  line-height: 1.5;\n}\n\n.kpk-comparison-item li:last-child {\n  border-bottom: none;\n}\n\n.kpk-comparison-item li strong {\n  color: var(--kpk-text);\n}\n\n\/* === TIMELINE === *\/\n.kpk-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.kpk-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.kpk-timeline-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--kpk-primary), var(--kpk-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  box-shadow: 0 4px 12px rgba(196,168,107,.3);\n}\n\n.kpk-timeline-content {\n  flex: 1;\n  background: var(--kpk-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--kpk-radius-sm);\n  box-shadow: var(--kpk-shadow);\n}\n\n.kpk-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kpk-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.kpk-timeline-content p {\n  font-size: 14px;\n  color: var(--kpk-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === CTA BOX === *\/\n.kpk-cta-box {\n  background: linear-gradient(135deg, var(--kpk-primary) 0%, var(--kpk-primary-dark) 50%, var(--kpk-secondary) 100%);\n  border-radius: var(--kpk-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.kpk-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n}\n\n.kpk-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n  margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .kpk-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .kpk-card {\n    padding: 1.125rem;\n  }\n  \n  .kpk-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .kpk-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--kpk-radius-sm);\n  }\n  \n  .kpk-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .kpk-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .kpk-grid-compact {\n    gap: .625rem;\n  }\n  \n  .kpk-grid-compact .kpk-card {\n    padding: .75rem;\n  }\n  \n  .kpk-timeline-number {\n    width: 40px;\n    height: 40px;\n    font-size: 16px;\n  }\n  \n  .kpk-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .kpk-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .kpk-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .kpk-formula-box,\n  .kpk-comparison {\n    grid-template-columns: 1fr;\n  }\n  \n  .kpk-tip {\n    flex-direction: column;\n    gap: .5rem;\n    text-align: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .kpk-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .kpk-card:nth-child(1) { animation-delay: .05s; }\n  .kpk-card:nth-child(2) { animation-delay: .1s; }\n  .kpk-card:nth-child(3) { animation-delay: .15s; }\n  .kpk-card:nth-child(4) { animation-delay: .2s; }\n  .kpk-card:nth-child(5) { animation-delay: .25s; }\n  .kpk-card:nth-child(6) { animation-delay: .3s; }\n  \n  .kpk-timeline-item {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .kpk-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .kpk-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .kpk-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .kpk-timeline-item:nth-child(4) { animation-delay: .2s; }\n  .kpk-timeline-item:nth-child(5) { animation-delay: .25s; }\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  .kpk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755010252957,"sku":"REF993","price":23.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-karite-la-voyageuse-50-ml-k-pour-karite-ingredients_7b43284d-e94b-47c9-b4ed-8fc61485487a.webp?v=1770105579"},{"product_id":"beurre-de-karite-200-g-k-pour-karite","title":"Beurre de Karité - 200 g - K pour Karité","description":"\u003cdiv class=\"kk-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"kk-hero\"\u003e\n    \u003cdiv class=\"kk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"kk-hero-content\"\u003e\n      \u003cdiv class=\"kk-badges-top\"\u003e\n        \u003cspan class=\"kk-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n        \u003cspan class=\"kk-badge\"\u003e🇧🇫 Origine Burkina Faso\u003c\/span\u003e\n        \u003cspan class=\"kk-badge\"\u003e🧴 200 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"kk-hero-title\"\u003eBeurre de Karité Bio\u003c\/span\u003e\n      \u003cp class=\"kk-subtitle\"\u003eK pour Karité — Laboratoire Ariland\u003c\/p\u003e\n      \u003cp class=\"kk-description\"\u003eUn seul ingrédient d'une pureté totale. Soin cheveux \u0026amp; corps certifié bio par Ecocert, pur et non raffiné, pour nourrir, protéger et réparer au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"kk-section\"\u003e\n    \u003ch2\u003eBeurre de karité bio K pour Karité : un soin cheveux et corps d'exception\u003c\/h2\u003e\n    \u003cp class=\"kk-section-intro\"\u003eVous cherchez un soin naturel capable de nourrir intensément votre peau \u003cstrong\u003eet\u003c\/strong\u003e vos cheveux en un seul geste ? Le \u003cstrong\u003ebeurre de karité\u003c\/strong\u003e K pour Karité est un indispensable à glisser dans votre salle de bain.\u003c\/p\u003e\n    \u003cdiv class=\"kk-grid-compact\"\u003e\n      \u003cdiv class=\"kk-card\"\u003e\n        \u003ch3\u003e🌱 100 % pur\u003c\/h3\u003e\n        \u003cp\u003eNon raffiné, sans aucun additif chimique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kk-card\"\u003e\n        \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eCOSMOS Organic par Ecocert\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kk-card\"\u003e\n        \u003ch3\u003e💛 Actifs préservés\u003c\/h3\u003e\n        \u003cp\u003eVitamines A, D, E, F et acides gras essentiels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kk-card\"\u003e\n        \u003ch3\u003e📦 Format généreux\u003c\/h3\u003e\n        \u003cp\u003e200 g pour des semaines de routine beauté\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"kk-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un beurre de karité pur et bio ?\u003c\/h2\u003e\n    \u003cp class=\"kk-section-intro\"\u003eTous les beurres de karité ne se valent pas. Beaucoup sont raffinés, désodorisés ou mélangés à des additifs qui appauvrissent leurs qualités. Celui de K pour Karité est \u003cstrong\u003e100 % pur\u003c\/strong\u003e, sans aucun ajout chimique.\u003c\/p\u003e\n    \u003cdiv class=\"kk-grid\"\u003e\n      \u003cdiv class=\"kk-card\"\u003e\n        \u003ch3\u003e🧬 Vitamines A, D, E et F\u003c\/h3\u003e\n        \u003cp\u003eConcentration maximale en vitamines essentielles grâce à l'absence de raffinage. Votre peau reçoit le meilleur du karité brut.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kk-card\"\u003e\n        \u003ch3\u003e🫧 Acides gras essentiels\u003c\/h3\u003e\n        \u003cp\u003eRichesse en insaponifiables et acides gras qui confèrent ses propriétés nourrissantes, protectrices et réparatrices.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kk-card\"\u003e\n        \u003ch3\u003e✨ Texture fondante\u003c\/h3\u003e\n        \u003cp\u003eSa texture onctueuse fond au contact de la peau et pénètre rapidement sans laisser de sensation grasse désagréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"kk-section\"\u003e\n    \u003ch2\u003eLes bienfaits du beurre de karité pour les cheveux\u003c\/h2\u003e\n    \u003cp class=\"kk-section-intro\"\u003eL'un des soins capillaires naturels les plus polyvalents qui existent. Découvrez comment l'intégrer à votre routine.\u003c\/p\u003e\n    \u003cdiv class=\"kk-timeline\"\u003e\n      \u003cdiv class=\"kk-timeline-item\"\u003e\n        \u003cdiv class=\"kk-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"kk-timeline-content\"\u003e\n          \u003ch3\u003eMasque avant-shampooing\u003c\/h3\u003e\n          \u003cp\u003eAppliquez le beurre de karité sur cheveux secs, mèche par mèche, en insistant sur les longueurs et les pointes. Laissez poser 30 minutes à 1 heure sous une serviette chaude, puis lavez normalement. Vos cheveux retrouvent douceur et souplesse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kk-timeline-item\"\u003e\n        \u003cdiv class=\"kk-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"kk-timeline-content\"\u003e\n          \u003ch3\u003eSoin des pointes\u003c\/h3\u003e\n          \u003cp\u003eChauffez une noisette de beurre de karité entre vos paumes et lissez les pointes sèches ou fourchues. Idéal pour discipliner les cheveux crépus, frisés ou bouclés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kk-timeline-item\"\u003e\n        \u003cdiv class=\"kk-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"kk-timeline-content\"\u003e\n          \u003ch3\u003eProtection contre la chaleur et le froid\u003c\/h3\u003e\n          \u003cp\u003eLe beurre de karité forme un film protecteur sur les cheveux qui limite la casse liée aux agressions extérieures, été comme hiver.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"kk-section\"\u003e\n    \u003ch2\u003eUn soin complet pour le visage et le corps\u003c\/h2\u003e\n    \u003cp class=\"kk-section-intro\"\u003eAu-delà des cheveux, ce beurre de karité bio est un allié remarquable pour toutes les zones du corps qui manquent de confort.\u003c\/p\u003e\n    \u003cdiv class=\"kk-grid-compact\"\u003e\n      \u003cdiv class=\"kk-card\"\u003e\n        \u003ch3\u003e🌙 Visage\u003c\/h3\u003e\n        \u003cp\u003eAppliquez une fine couche le soir pour nourrir les peaux sèches ou sensibles pendant la nuit.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kk-card\"\u003e\n        \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n        \u003cp\u003eMassez généreusement les zones rugueuses : coudes, genoux et talons.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kk-card\"\u003e\n        \u003ch3\u003e🤲 Mains\u003c\/h3\u003e\n        \u003cp\u003eProtégez-les des gerçures hivernales grâce à un massage quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kk-card\"\u003e\n        \u003ch3\u003e💋 Lèvres\u003c\/h3\u003e\n        \u003cp\u003eUtilisez-le comme baume naturel pour apaiser et réparer les lèvres desséchées.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"kk-section\"\u003e\n    \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"kk-compo-box\"\u003e\n      \u003cdiv class=\"kk-compo-single\"\u003e\n        \u003cspan class=\"kk-compo-name\"\u003eButyrospermum Parkii (Shea) Butter*\u003c\/span\u003e\n        \u003cspan class=\"kk-compo-tag\"\u003e* Ingrédient issu de l'agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"kk-compo-note\"\u003eC'est tout. Aucun conservateur, aucun parfum synthétique, aucun colorant. Un seul ingrédient, d'une pureté totale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"kk-section\"\u003e\n    \u003ch2\u003eOrigine et engagement éthique\u003c\/h2\u003e\n    \u003cdiv class=\"kk-grid\"\u003e\n      \u003cdiv class=\"kk-card\"\u003e\n        \u003ch3\u003e🇧🇫 Burkina Faso\u003c\/h3\u003e\n        \u003cp\u003eLes noix de karité sont récoltées par des coopératives de femmes, selon des méthodes artisanales transmises de génération en génération.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kk-card\"\u003e\n        \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n        \u003cp\u003eEn choisissant ce produit, vous soutenez l'autonomie économique de ces communautés locales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kk-card\"\u003e\n        \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n        \u003cp\u003eLe Laboratoire Ariland s'engage dans une démarche responsable, de la récolte jusqu'au conditionnement en France.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"kk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eNos conseils pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"kk-accordion\"\u003e\n      \u003cdetails class=\"kk-accordion-item\"\u003e\n        \u003csummary class=\"kk-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"kk-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez votre pot à l'abri de la chaleur directe. Si le beurre durcit en hiver, réchauffez-le simplement entre vos mains avant application.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"kk-accordion-item\"\u003e\n        \u003csummary class=\"kk-accordion-header\"\u003e🧪 Recettes maison\u003c\/summary\u003e\n        \u003cdiv class=\"kk-accordion-content mt-3\"\u003e\n          \u003cp\u003eVous pouvez le faire fondre légèrement au bain-marie pour l'incorporer dans vos recettes cosmétiques maison — masques capillaires, baumes ou crèmes hydratantes personnalisées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"kk-accordion-item\"\u003e\n        \u003csummary class=\"kk-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n        \u003cdiv class=\"kk-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kk-tip\"\u003e\n      \u003cspan class=\"kk-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eAstuce : appliquez le beurre de karité sur peau encore légèrement humide après la douche pour une absorption optimale et un effet cocooning immédiat.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --kk-cream: #f7f3ee;\n  --kk-white: #ffffff;\n  --kk-primary: #b8955a;\n  --kk-primary-dark: #7a5c2e;\n  --kk-primary-light: #f3ebe0;\n  --kk-secondary: #8b7355;\n  --kk-accent: #d4a84b;\n  --kk-text: #1a1a1a;\n  --kk-text-light: #5a5a5a;\n  --kk-border: #e4ddd4;\n  --kk-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --kk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --kk-radius: 20px;\n  --kk-radius-sm: 12px;\n}\n\n.kk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--kk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kk-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7a5c2e 0%, #b8955a 50%, #d4a84b 100%);\n  border-radius: var(--kk-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(--kk-shadow-lg);\n}\n\n.kk-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n              url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  opacity: 1;\n}\n\n.kk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.kk-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.kk-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n  text-transform: uppercase;\n}\n\n.kk-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.kk-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(--kk-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.kk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kk-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kk-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--kk-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.kk-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(--kk-primary), var(--kk-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kk-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kk-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.kk-card {\n  background: var(--kk-white);\n  border-radius: var(--kk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.kk-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kk-shadow-lg);\n  border-color: var(--kk-primary);\n}\n\n.kk-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kk-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.kk-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.kk-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.kk-grid-compact .kk-card {\n  padding: 1rem;\n}\n\n.kk-grid-compact .kk-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.kk-grid-compact .kk-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kk-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.kk-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.kk-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--kk-primary), var(--kk-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.kk-timeline-content {\n  flex: 1;\n  background: var(--kk-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--kk-radius-sm);\n  box-shadow: var(--kk-shadow);\n}\n\n.kk-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kk-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.kk-timeline-content p {\n  font-size: 14px;\n  color: var(--kk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.kk-compo-box {\n  background: var(--kk-white);\n  border-radius: var(--kk-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--kk-shadow);\n  text-align: center;\n}\n\n.kk-compo-single {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .5rem;\n  margin-bottom: 1.25rem;\n  padding-bottom: 1.25rem;\n  border-bottom: 2px dashed var(--kk-border);\n}\n\n.kk-compo-name {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--kk-primary-dark);\n  letter-spacing: -.01em;\n}\n\n.kk-compo-tag {\n  display: inline-block;\n  padding: 4px 14px;\n  background: var(--kk-primary-light);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--kk-primary-dark);\n}\n\n.kk-compo-note {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kk-text-light);\n  margin: 0;\n  line-height: 1.6;\n  font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.kk-accordion {\n  background: var(--kk-white);\n  border-radius: var(--kk-radius);\n  box-shadow: var(--kk-shadow);\n  overflow: hidden;\n}\n\n.kk-accordion-item {\n  border-bottom: 1px solid var(--kk-border);\n  margin: 0;\n  padding: 0;\n}\n\n.kk-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.kk-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--kk-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.kk-accordion-header:hover {\n  background: var(--kk-primary-light);\n}\n\n.kk-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.kk-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--kk-primary);\n  transition: transform .2s ease;\n}\n\n.kk-accordion-item[open] .kk-accordion-header::after {\n  content: '−';\n}\n\n.kk-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--kk-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.kk-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kk-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--kk-primary-light);\n  border-radius: var(--kk-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.kk-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.kk-tip p {\n  font-size: 14px;\n  color: var(--kk-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .kk-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .kk-card {\n    padding: 1.125rem;\n  }\n\n  .kk-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .kk-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--kk-radius-sm);\n  }\n\n  .kk-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .kk-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .kk-grid-compact {\n    gap: .625rem;\n  }\n\n  .kk-grid-compact .kk-card {\n    padding: .75rem;\n  }\n\n  .kk-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .kk-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .kk-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .kk-timeline-content p {\n    font-size: 13px;\n  }\n\n  .kk-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .kk-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .kk-compo-name {\n    font-size: 16px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .kk-card {\n    animation: kkFadeInUp .5s ease backwards;\n  }\n  .kk-card:nth-child(1) { animation-delay: .05s; }\n  .kk-card:nth-child(2) { animation-delay: .1s; }\n  .kk-card:nth-child(3) { animation-delay: .15s; }\n  .kk-card:nth-child(4) { animation-delay: .2s; }\n  .kk-card:nth-child(5) { animation-delay: .25s; }\n  .kk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kkFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .kk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755010449565,"sku":"REF994","price":22.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-200-g-k-pour-karite-packshothd.webp?v=1775998211"},{"product_id":"masque-detox-bio-250-g-k-pour-karite","title":"Masque Détox Bio - 250 G - K pour Karité","description":"\u003cdiv class=\"kpk-premium\"\u003e\n\n  \u003cdiv class=\"kpk-hero\"\u003e\n    \u003cdiv class=\"kpk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"kpk-hero-content\"\u003e\n      \u003cdiv class=\"kpk-badges-top\"\u003e\n        \u003cspan class=\"kpk-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n        \u003cspan class=\"kpk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"kpk-badge\"\u003e🧴 250 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"kpk-hero-title\"\u003eMasque Détox Bio K pour Karité\u003c\/span\u003e\n      \u003cp class=\"kpk-subtitle\"\u003eLe soin purifiant pour des cheveux libérés\u003c\/p\u003e\n      \u003cp class=\"kpk-description\"\u003eDétoxifiez vos cheveux en profondeur grâce à la puissance du kaolin et la douceur du beurre de karité bio. Sans parabènes, sans silicones, sans sulfates.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eMasque Détox Bio K pour Karité : le soin purifiant pour des cheveux libérés\u003c\/h2\u003e\n    \u003cp class=\"kpk-section-intro\"\u003ePollution, résidus de produits coiffants, excès de sébum… Vos cheveux accumulent au quotidien des impuretés qui les alourdissent et les ternissent.\u003c\/p\u003e\n    \u003cdiv class=\"kpk-grid-compact\"\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🧪 Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eLabellisé Ecocert, une garantie de naturalité et de respect de l'environnement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFormulé et fabriqué par le Laboratoire Ariland en France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌾 Kaolin + karité\u003c\/h3\u003e\n        \u003cp\u003eDétoxifie en profondeur sans jamais assécher la fibre capillaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🚫 Clean formule\u003c\/h3\u003e\n        \u003cp\u003eSans parabènes, sans silicones et sans sulfates\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un masque détox pour vos cheveux ?\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-why-block\"\u003e\n      \u003cp class=\"kpk-why-text\"\u003eAu fil des semaines, les silicones, le calcaire et les particules fines forment un voile invisible qui étouffe vos cheveux. Le résultat : des \u003cstrong\u003eracines grasses\u003c\/strong\u003e, des \u003cstrong\u003elongueurs ternes\u003c\/strong\u003e et un \u003cstrong\u003ecuir chevelu qui démange\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003cdiv class=\"kpk-grid\" style=\"margin-top: 1.25rem;\"\u003e\n        \u003cdiv class=\"kpk-card\"\u003e\n          \u003ch3\u003e🪶 Légèreté retrouvée\u003c\/h3\u003e\n          \u003cp\u003eÉlimine le voile de résidus accumulés pour des cheveux aériens et libérés\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"kpk-card\"\u003e\n          \u003ch3\u003e✨ Brillance ravivée\u003c\/h3\u003e\n          \u003cp\u003eRedonne éclat et luminosité aux longueurs ternes et fatiguées\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"kpk-card\"\u003e\n          \u003ch3\u003e🔄 Remise à zéro\u003c\/h3\u003e\n          \u003cp\u003eAgit comme un véritable reset capillaire pour retrouver vitalité et fraîcheur\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eDes actifs naturels et bio rigoureusement sélectionnés\u003c\/h2\u003e\n    \u003cp class=\"kpk-section-intro\"\u003eUne synergie d'ingrédients d'origine naturelle aux vertus complémentaires, pour une détox capillaire complète et respectueuse.\u003c\/p\u003e\n    \u003cdiv class=\"kpk-grid\"\u003e\n      \u003cdiv class=\"kpk-card kpk-card-ingredient\"\u003e\n        \u003ch3\u003e🤍 Poudre de kaolin\u003c\/h3\u003e\n        \u003cp\u003eCette argile blanche ultra-douce absorbe les impuretés et l'excès de sébum sans agresser le cuir chevelu. Elle désincruste en profondeur tout en respectant l'équilibre naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card kpk-card-ingredient\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eStar de la marque, il nourrit intensément la fibre capillaire, apporte souplesse et brillance, et forme un film protecteur contre les agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card kpk-card-ingredient\"\u003e\n        \u003ch3\u003e💜 Huile essentielle de lavande\u003c\/h3\u003e\n        \u003cp\u003eApaisante et régénérante, elle calme les irritations du cuir chevelu et laisse un parfum délicat et frais.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card kpk-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Huile essentielle de romarin\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour stimuler la microcirculation, elle favorise la pousse et aide à lutter contre les pellicules.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kpk-tip\"\u003e\n      \u003cspan class=\"kpk-tip-icon\"\u003e🛡️\u003c\/span\u003e\n      \u003cp\u003eFormule \u003cstrong\u003esans parabènes, sans silicones et sans sulfates\u003c\/strong\u003e — un soin qui respecte autant vos cheveux que l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eComment utiliser ce masque détox bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-timeline\"\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003ePréparez vos cheveux\u003c\/h3\u003e\n          \u003cp\u003eAprès votre shampoing habituel, essorez légèrement vos cheveux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n          \u003cp\u003eRépartissez une quantité généreuse de masque sur l'ensemble de la chevelure, des racines aux pointes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n          \u003cp\u003eMassez doucement le cuir chevelu du bout des doigts pour favoriser la pénétration des actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eLaissez poser et rincez\u003c\/h3\u003e\n          \u003cp\u003eLaissez poser \u003cstrong\u003e10 à 15 minutes\u003c\/strong\u003e, puis rincez abondamment à l'eau tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kpk-tip\"\u003e\n      \u003cspan class=\"kpk-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eUtilisez-le \u003cstrong\u003eune à deux fois par semaine\u003c\/strong\u003e. Pour une détox en profondeur, appliquez-le en cure intensive pendant trois semaines consécutives.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce masque purifiant ?\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-grid\"\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e💧 Cheveux à tendance grasse\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour les cheveux qui regraissent rapidement et manquent de fraîcheur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌸 Cuir chevelu sensible\u003c\/h3\u003e\n        \u003cp\u003eApaise les cuirs chevelus sujets aux pellicules ou aux démangeaisons\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e😶‍🌫️ Cheveux ternes et fatigués\u003c\/h3\u003e\n        \u003cp\u003eRedonne légèreté et éclat aux chevelures en quête de vitalité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌱 Routine naturelle\u003c\/h3\u003e\n        \u003cp\u003eParfait pour celles et ceux qui souhaitent passer à une routine capillaire plus responsable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eK pour Karité : l'expertise française du soin capillaire bio\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-testimonial\"\u003e\n      \u003cp class=\"kpk-testimonial-text\"\u003eÉlaboré en France par le \u003cstrong\u003eLaboratoire Ariland\u003c\/strong\u003e, ce masque reflète le savoir-faire de K pour Karité en matière de cosmétique capillaire naturelle. La marque sélectionne chaque ingrédient selon des critères stricts de qualité et de traçabilité, dans le respect de normes écologiques exigeantes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kpk-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdetails class=\"kpk-accordion-item\"\u003e\n        \u003csummary class=\"kpk-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n        \u003cdiv class=\"kpk-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003e250 g\u003c\/strong\u003e — un format généreux pour plusieurs semaines de soins purifiants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"kpk-accordion-item\"\u003e\n        \u003csummary class=\"kpk-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"kpk-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème persistant du cuir chevelu, consultez un dermatologue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kpk-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cp\u003e🌊 Offrez à vos cheveux une véritable cure détox — retrouvez légèreté, brillance et vitalité dès la première application !\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"kpk-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème persistant du cuir chevelu, consultez un dermatologue.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --kpk-cream: #f4f6f8;\n  --kpk-white: #ffffff;\n  --kpk-primary: #2c5d6f;\n  --kpk-primary-dark: #1a3d4d;\n  --kpk-primary-light: #e6f0f4;\n  --kpk-secondary: #5b9aad;\n  --kpk-accent: #8ec6d5;\n  --kpk-text: #1a1a1a;\n  --kpk-text-light: #5a5a5a;\n  --kpk-border: #dde5ea;\n  --kpk-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --kpk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --kpk-radius: 20px;\n  --kpk-radius-sm: 12px;\n}\n\n.kpk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--kpk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kpk-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--kpk-primary-dark) 0%, var(--kpk-primary) 40%, var(--kpk-secondary) 70%, var(--kpk-accent) 100%);\n  border-radius: var(--kpk-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(--kpk-shadow-lg);\n}\n\n.kpk-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.kpk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.kpk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.kpk-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(--kpk-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.kpk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.kpk-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.kpk-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.01em;\n}\n\n.kpk-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.kpk-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kpk-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--kpk-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.kpk-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(--kpk-primary), var(--kpk-accent));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.kpk-card {\n  background: var(--kpk-white);\n  border-radius: var(--kpk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kpk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.kpk-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kpk-shadow-lg);\n  border-color: var(--kpk-primary);\n}\n\n.kpk-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kpk-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.kpk-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kpk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.kpk-card-ingredient {\n  text-align: left;\n}\n\n\/* === GRILLES === *\/\n.kpk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.kpk-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.kpk-grid-compact .kpk-card {\n  padding: 1rem;\n}\n\n.kpk-grid-compact .kpk-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.kpk-grid-compact .kpk-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kpk-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.kpk-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.kpk-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--kpk-primary), var(--kpk-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.kpk-timeline-content {\n  flex: 1;\n  background: var(--kpk-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--kpk-radius-sm);\n  box-shadow: var(--kpk-shadow);\n}\n\n.kpk-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kpk-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.kpk-timeline-content p {\n  font-size: 14px;\n  color: var(--kpk-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.kpk-testimonial {\n  background: var(--kpk-white);\n  border-radius: var(--kpk-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--kpk-shadow);\n  border-left: 4px solid var(--kpk-primary);\n}\n\n.kpk-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kpk-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kpk-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--kpk-primary-light);\n  border-radius: var(--kpk-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.kpk-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.kpk-tip p {\n  font-size: 14px;\n  color: var(--kpk-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === WHY BLOCK === *\/\n.kpk-why-block {}\n\n.kpk-why-text {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kpk-text-light);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === ACCORDÉON === *\/\n.kpk-accordion {\n  background: var(--kpk-white);\n  border-radius: var(--kpk-radius);\n  box-shadow: var(--kpk-shadow);\n  overflow: hidden;\n}\n\n.kpk-accordion-item {\n  border-bottom: 1px solid var(--kpk-border);\n  margin: 0;\n  padding: 0;\n}\n\n.kpk-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.kpk-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--kpk-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.kpk-accordion-header:hover {\n  background: var(--kpk-primary-light);\n}\n\n.kpk-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.kpk-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--kpk-primary);\n  transition: transform .2s ease;\n}\n\n.kpk-accordion-item[open] .kpk-accordion-header::after {\n  content: '−';\n}\n\n.kpk-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--kpk-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.kpk-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.kpk-cta-box {\n  background: linear-gradient(135deg, var(--kpk-primary) 0%, var(--kpk-primary-dark) 100%);\n  border-radius: var(--kpk-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.kpk-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\/* === SECTION INTRO TEXT === *\/\n.kpk-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kpk-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === DISCLAIMER === *\/\n.kpk-disclaimer {\n  font-size: 12px;\n  color: var(--kpk-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  .kpk-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .kpk-card {\n    padding: 1.125rem;\n  }\n\n  .kpk-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .kpk-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--kpk-radius-sm);\n  }\n\n  .kpk-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .kpk-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .kpk-grid-compact {\n    gap: .625rem;\n  }\n\n  .kpk-grid-compact .kpk-card {\n    padding: .75rem;\n  }\n\n  .kpk-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .kpk-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .kpk-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .kpk-timeline-content p {\n    font-size: 13px;\n  }\n\n  .kpk-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .kpk-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .kpk-testimonial {\n    padding: 1.25rem;\n  }\n\n  .kpk-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .kpk-card {\n    animation: kpkFadeInUp .5s ease backwards;\n  }\n  .kpk-card:nth-child(1) { animation-delay: .05s; }\n  .kpk-card:nth-child(2) { animation-delay: .1s; }\n  .kpk-card:nth-child(3) { animation-delay: .15s; }\n  .kpk-card:nth-child(4) { animation-delay: .2s; }\n  .kpk-card:nth-child(5) { animation-delay: .25s; }\n  .kpk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kpkFadeInUp {\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  .kpk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755010908317,"sku":"REF996","price":18.18,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-detox-bio-250-g-k-pour-karite-packshothd.webp?v=1775993767"},{"product_id":"brume-detox-rafraichissante-antipollution-150-ml-k-pour-karite","title":"Brume Détox Rafraichissante Antipollution - 150 Ml - K pour Karité","description":"\u003cdiv class=\"kpk-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"kpk-hero\"\u003e\n    \u003cdiv class=\"kpk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"kpk-hero-content\"\u003e\n      \u003cdiv class=\"kpk-badges-top\"\u003e\n        \u003cspan class=\"kpk-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n        \u003cspan class=\"kpk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"kpk-badge\"\u003e🍃 Menthe fraîche\u003c\/span\u003e\n        \u003cspan class=\"kpk-badge\"\u003e🧴 150 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"kpk-hero-title\"\u003eBrume Détox Rafraîchissante Antipollution\u003c\/span\u003e\n      \u003cp class=\"kpk-subtitle\"\u003eK pour Karité\u003c\/p\u003e\n      \u003cp class=\"kpk-description\"\u003ePurifiez, rafraîchissez et protégez vos cheveux des agressions urbaines en un seul geste grâce à cette brume bio à la menthe fraîche.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eBrume Détox Rafraîchissante Antipollution K pour Karité : fraîcheur et pureté pour vos cheveux\u003c\/h2\u003e\n    \u003cp class=\"kpk-section-intro\"\u003eVos cheveux sentent le tabac, la friture ou les gaz d'échappement après une journée en ville ? Cette brume certifiée Bio par Ecocert purifie, assainit et revitalise vos cheveux et votre cuir chevelu en un seul geste.\u003c\/p\u003e\n    \u003cdiv class=\"kpk-highlight-box\"\u003e\n      \u003cp\u003eDélicatement parfumée à la \u003cstrong\u003ementhe fraîche\u003c\/strong\u003e, elle neutralise les odeurs désagréables et vous offre une sensation de légèreté immédiate. Que vous viviez en milieu urbain ou que vous soyez simplement à la recherche d'un soin capillaire détoxifiant naturel, ce spray de \u003cstrong\u003e150 ml\u003c\/strong\u003e deviendra vite un indispensable de votre routine.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette brume détox pour les cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"kpk-section-intro\"\u003eAu quotidien, vos cheveux accumulent des particules de pollution, de la poussière et toutes sortes d'impuretés invisibles. Résultat : un cuir chevelu irrité, des démangeaisons et une chevelure qui perd en éclat.\u003c\/p\u003e\n    \u003cdiv class=\"kpk-grid\"\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🧪 Détoxifie\u003c\/h3\u003e\n        \u003cp\u003eÉlimine les résidus de pollution et les particules fines accumulées dans la chevelure tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e❄️ Rafraîchit\u003c\/h3\u003e\n        \u003cp\u003eProcure une sensation de fraîcheur instantanée grâce à l'hydrolat de menthe poivrée biologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌸 Apaise\u003c\/h3\u003e\n        \u003cp\u003eCalme les démangeaisons et les irritations du cuir chevelu, même les plus sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🛡️ Protège\u003c\/h3\u003e\n        \u003cp\u003eDépose un voile léger antipollution qui préserve les cheveux des agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌬️ Neutralise les odeurs\u003c\/h3\u003e\n        \u003cp\u003eTabac, cuisine, transports en commun… vos cheveux retrouvent une senteur fraîche et agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kpk-tip\"\u003e\n      \u003cspan class=\"kpk-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eContrairement à une simple brume rafraîchissante visage, ce soin est \u003cstrong\u003espécifiquement formulé\u003c\/strong\u003e pour agir sur la fibre capillaire et le cuir chevelu.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eComposition naturelle et certifiée Bio\u003c\/h2\u003e\n    \u003cp class=\"kpk-section-intro\"\u003eK pour Karité mise sur des ingrédients naturels et biologiques, soigneusement sélectionnés pour leur efficacité.\u003c\/p\u003e\n    \u003cdiv class=\"kpk-grid\"\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🍃 Hydrolat de menthe poivrée Bio\u003c\/h3\u003e\n        \u003cp\u003eTonifie le cuir chevelu, apporte une fraîcheur durable et contribue à assainir en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌳 Extrait de moringa\u003c\/h3\u003e\n        \u003cp\u003eVéritable bouclier antipollution, il aide à capter et éliminer les particules polluantes fixées sur les cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌾 Prêle des champs\u003c\/h3\u003e\n        \u003cp\u003eRiche en silice, elle apaise les irritations et renforce la fibre capillaire de l'intérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e💧 Aloe vera Bio\u003c\/h3\u003e\n        \u003cp\u003eHydrate et adoucit les cheveux sans les alourdir pour une chevelure souple et légère.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kpk-tip\"\u003e\n      \u003cspan class=\"kpk-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eFormule \u003cstrong\u003esans parabènes, sans silicones et sans substances controversées\u003c\/strong\u003e. Tous les ingrédients sont d'origine naturelle et respectueux de l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"kpk-section\"\u003e\n    \u003ch2\u003eComment utiliser cette brume rafraîchissante ?\u003c\/h2\u003e\n    \u003cp class=\"kpk-section-intro\"\u003eSon format spray est ultra pratique et vous accompagne partout. Voici comment en tirer le meilleur parti :\u003c\/p\u003e\n    \u003cdiv class=\"kpk-timeline\"\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n          \u003cp\u003eSecouez légèrement avant chaque utilisation pour bien mélanger les actifs naturels.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003eVaporisez à 20 cm\u003c\/h3\u003e\n          \u003cp\u003ePulvérisez sur cheveux secs ou légèrement humides, à environ 20 cm de la chevelure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003e☀️ Le matin\u003c\/h3\u003e\n          \u003cp\u003eAvant de sortir, pour créer un bouclier protecteur contre la pollution et les agressions urbaines.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003e🕐 En journée\u003c\/h3\u003e\n          \u003cp\u003eDès que vos cheveux ont besoin d'un coup de frais ou après une exposition à des odeurs persistantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-timeline-item\"\u003e\n        \u003cdiv class=\"kpk-timeline-number\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"kpk-timeline-content\"\u003e\n          \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n          \u003cp\u003ePour purifier vos cheveux des impuretés accumulées tout au long de la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kpk-tip\"\u003e\n      \u003cspan class=\"kpk-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eVous pouvez l'utiliser \u003cstrong\u003eaussi souvent que nécessaire\u003c\/strong\u003e : sa formule légère ne laisse aucun résidu et n'alourdit pas les cheveux.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eFabrication française et engagement éthique\u003c\/h2\u003e\n    \u003cdiv class=\"kpk-grid-compact\"\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriquée en France avec des standards de qualité élevés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n        \u003cp\u003eLabel Ecocert garantissant des ingrédients naturels et biologiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e♻️ Emballage recyclable\u003c\/h3\u003e\n        \u003cp\u003eDémarche éco-responsable avec des packagings respectueux de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kpk-card\"\u003e\n        \u003ch3\u003e💚 Tous types de cheveux\u003c\/h3\u003e\n        \u003cp\u003eConvient à tous les cheveux, même les plus sensibles et fragiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kpk-cta-box\"\u003e\n      \u003cp\u003e✨ Offrez à votre chevelure le soin détoxifiant qu'elle mérite au quotidien. Ce spray antipollution à la menthe fraîche est le compagnon idéal de toutes les personnes exposées aux agressions urbaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"kpk-disclaimer\"\u003eCosmétique certifié Bio par Ecocert. Produit à usage externe uniquement. Éviter le contact avec les yeux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --kpk-cream: #f5f7f9;\n  --kpk-white: #ffffff;\n  --kpk-primary: #2a8fbf;\n  --kpk-primary-dark: #1a5f82;\n  --kpk-primary-light: #e8f4fa;\n  --kpk-secondary: #3abba4;\n  --kpk-accent: #5ec4d4;\n  --kpk-text: #1a1a1a;\n  --kpk-text-light: #5a5a5a;\n  --kpk-border: #dce8ee;\n  --kpk-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --kpk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --kpk-radius: 20px;\n  --kpk-radius-sm: 12px;\n}\n\n.kpk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--kpk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kpk-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a5f82 0%, #2a8fbf 40%, #3abba4 100%);\n  border-radius: var(--kpk-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(--kpk-shadow-lg);\n}\n\n.kpk-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.kpk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.kpk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.kpk-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(--kpk-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.kpk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.kpk-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  line-height: 1.1;\n}\n\n.kpk-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.kpk-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.kpk-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kpk-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--kpk-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.kpk-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(--kpk-primary), var(--kpk-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kpk-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kpk-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.kpk-highlight-box {\n  background: var(--kpk-white);\n  border-radius: var(--kpk-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--kpk-shadow);\n  border-left: 4px solid var(--kpk-secondary);\n}\n\n.kpk-highlight-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--kpk-text);\n  margin: 0;\n  line-height: 1.8;\n  line-height: 1.8;\n}\n\n\/* === CARDS === *\/\n.kpk-card {\n  background: var(--kpk-white);\n  border-radius: var(--kpk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kpk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.kpk-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kpk-shadow-lg);\n  border-color: var(--kpk-primary);\n}\n\n.kpk-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kpk-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.kpk-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kpk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kpk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kpk-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.kpk-grid-compact .kpk-card {\n  padding: 1rem;\n}\n\n.kpk-grid-compact .kpk-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.kpk-grid-compact .kpk-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kpk-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.kpk-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.kpk-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--kpk-primary), var(--kpk-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.kpk-timeline-content {\n  flex: 1;\n  background: var(--kpk-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--kpk-radius-sm);\n  box-shadow: var(--kpk-shadow);\n}\n\n.kpk-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kpk-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.kpk-timeline-content p {\n  font-size: 14px;\n  color: var(--kpk-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kpk-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--kpk-primary-light);\n  border-radius: var(--kpk-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.kpk-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.kpk-tip p {\n  font-size: 14px;\n  color: var(--kpk-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.kpk-cta-box {\n  background: linear-gradient(135deg, var(--kpk-primary) 0%, var(--kpk-primary-dark) 100%);\n  border-radius: var(--kpk-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.kpk-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.kpk-disclaimer {\n  font-size: 12px;\n  color: var(--kpk-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  .kpk-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .kpk-card {\n    padding: 1.125rem;\n  }\n\n  .kpk-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .kpk-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--kpk-radius-sm);\n  }\n\n  .kpk-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .kpk-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .kpk-grid-compact {\n    gap: .625rem;\n  }\n\n  .kpk-grid-compact .kpk-card {\n    padding: .75rem;\n  }\n\n  .kpk-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .kpk-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .kpk-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .kpk-timeline-content p {\n    font-size: 13px;\n  }\n\n  .kpk-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .kpk-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .kpk-card {\n    animation: kpkFadeInUp .5s ease backwards;\n  }\n  .kpk-card:nth-child(1) { animation-delay: .05s; }\n  .kpk-card:nth-child(2) { animation-delay: .1s; }\n  .kpk-card:nth-child(3) { animation-delay: .15s; }\n  .kpk-card:nth-child(4) { animation-delay: .2s; }\n  .kpk-card:nth-child(5) { animation-delay: .25s; }\n  .kpk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kpkFadeInUp {\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  .kpk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755011137693,"sku":"REF997","price":9.44,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brume-detox-rafraichissante-antipollution-150-ml-k-pour-kari-packshothd.webp?v=1775993883"},{"product_id":"baume-ultra-hydratant-bio-10-de-miel-de-manuka-iaa10-200-ml-comptoirs-et-compagnies","title":"Baume Ultra Hydratant Bio 10% Miel de Manuka Iaa10+ - 200ml - Comptoirs et compagnies","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Baume Ultra Hydratant au Miel de Manuka IAA10+\nPalette détectée:\n  - Primaire: #1a1a1a (noir élégant du bandeau packaging)\n  - Secondaire: #f4b000 (jaune or\/miel du badge IAA hexagonal)\n  - Accent: #fff8e1 (crème doux des fleurs de manuka)\n  - Tertiaire: #8b7355 (brun miel chaleureux)\nAmbiance: Luxe naturel premium, cosmétique bio haut de gamme avec alliance noir\/or évoquant sophistication. Fleurs de manuka blanches apportent fraîcheur et naturalité. Certifications bio visibles (Ecocert, Cosmebio). Univers néo-zélandais authentique.\nPréfixe CSS: mmb (manuka moisture balm)\n--\u003e\n\n\u003cdiv class=\"mmb-premium\"\u003e\n  \u003cdiv class=\"mmb-hero\"\u003e\n    \u003cdiv class=\"mmb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mmb-hero-content\"\u003e\n      \u003cdiv class=\"mmb-badges-top\"\u003e\n        \u003cspan class=\"mmb-badge\"\u003e🍯 10% Miel de Manuka IAA10+\u003c\/span\u003e\n        \u003cspan class=\"mmb-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n        \u003cspan class=\"mmb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mmb-hero-title\"\u003eBaume ultra hydratant au miel de Manuka\u003c\/span\u003e\n      \u003cp class=\"mmb-subtitle\"\u003eL'excellence néo-zélandaise pour votre peau\u003c\/p\u003e\n      \u003cp class=\"mmb-description\"\u003eUn soin d'exception enrichi à 10% de miel de Manuka certifié IAA10+ qui hydrate, apaise et répare intensément les peaux sèches et sensibilisées. Texture fondante, parfum délicat, résultats visibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"mmb-section\"\u003e\n    \u003ch2\u003e🍯 Les bienfaits du miel de Manuka\u003c\/h2\u003e\n    \u003cdiv class=\"mmb-grid\"\u003e\n      \u003cdiv class=\"mmb-card\"\u003e\n        \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n        \u003cp\u003ePénètre en profondeur pour une hydratation durable. La peau retrouve souplesse et confort dès la première application.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-card\"\u003e\n        \u003ch3\u003e🛡️ Action réparatrice\u003c\/h3\u003e\n        \u003cp\u003ePropriétés antibactériennes naturelles qui réparent et apaisent les peaux sèches, irritées ou sensibilisées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-card\"\u003e\n        \u003ch3\u003e✨ Nutrition profonde\u003c\/h3\u003e\n        \u003cp\u003eNourrit intensément sans film gras grâce à sa texture fondante qui se fond parfaitement dans la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mmb-section\"\u003e\n    \u003ch2\u003e🌿 Une formule 100% naturelle\u003c\/h2\u003e\n    \u003cdiv class=\"mmb-grid\"\u003e\n      \u003cdiv class=\"mmb-card mmb-card-ingredient\"\u003e\n        \u003ch3\u003e🍯 Miel de Manuka IAA10+\u003c\/h3\u003e\n        \u003cspan class=\"mmb-dose\"\u003e10%\u003c\/span\u003e\n        \u003cp\u003eRécolté en Nouvelle-Zélande, certifié pour son activité antibactérienne optimale. Actif réparateur et protecteur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-card mmb-card-ingredient\"\u003e\n        \u003ch3\u003e🌰 Beurre de karité bio\u003c\/h3\u003e\n        \u003cspan class=\"mmb-dose\"\u003eRiche en vitamines\u003c\/span\u003e\n        \u003cp\u003eApporte souplesse, douceur et nutrition en profondeur pour une peau veloutée et protégée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-card mmb-card-ingredient\"\u003e\n        \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n        \u003cspan class=\"mmb-dose\"\u003eHydratation express\u003c\/span\u003e\n        \u003cp\u003eHydrate intensément et apaise les peaux sèches. Pénètre rapidement sans effet collant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-card mmb-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n        \u003cspan class=\"mmb-dose\"\u003eApaisant\u003c\/span\u003e\n        \u003cp\u003eVertus hydratantes, apaisantes et rafraîchissantes idéales pour les peaux sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-card mmb-card-ingredient\"\u003e\n        \u003ch3\u003e🌼 Extrait de calendula\u003c\/h3\u003e\n        \u003cspan class=\"mmb-dose\"\u003eRégénérant\u003c\/span\u003e\n        \u003cp\u003eAdoucit, calme et régénère les peaux délicates grâce à ses propriétés anti-inflammatoires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-card mmb-card-ingredient mmb-card-highlight\"\u003e\n        \u003ch3\u003e🌱 Sans ingrédients controversés\u003c\/h3\u003e\n        \u003cspan class=\"mmb-dose\"\u003e0% chimie\u003c\/span\u003e\n        \u003cp\u003eSans parabènes, sans silicones, sans huiles minérales, sans colorants synthétiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mmb-section\"\u003e\n    \u003ch2\u003e📊 Résultats prouvés\u003c\/h2\u003e\n    \u003cdiv class=\"mmb-results-grid\"\u003e\n      \u003cdiv class=\"mmb-result-card\"\u003e\n        \u003cspan class=\"mmb-result-number\"\u003e100%\u003c\/span\u003e\n        \u003cspan class=\"mmb-result-label\"\u003ede satisfaction\u003c\/span\u003e\n        \u003cp\u003eTest d'usage auprès de 20 volontaires pendant 3 semaines\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-result-card\"\u003e\n        \u003cspan class=\"mmb-result-number\"\u003e93\/100\u003c\/span\u003e\n        \u003cspan class=\"mmb-result-label\"\u003eNote Yuka\u003c\/span\u003e\n        \u003cp\u003eComposition excellente validée par l'application\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-result-card\"\u003e\n        \u003cspan class=\"mmb-result-number\"\u003eIAA10+\u003c\/span\u003e\n        \u003cspan class=\"mmb-result-label\"\u003eActivité certifiée\u003c\/span\u003e\n        \u003cp\u003eMiel testé en laboratoire pour garantir son efficacité\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mmb-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"mmb-grid\"\u003e\n      \u003cdiv class=\"mmb-card\"\u003e\n        \u003ch3\u003e🌵 Peaux sèches et très sèches\u003c\/h3\u003e\n        \u003cp\u003eNutrition intense et hydratation durable pour retrouver confort et douceur au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-card\"\u003e\n        \u003ch3\u003e🔴 Peaux sensibles et irritées\u003c\/h3\u003e\n        \u003cp\u003eApaise, calme et répare grâce aux propriétés exceptionnelles du miel de Manuka.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-card\"\u003e\n        \u003ch3\u003e❄️ Peaux agressées\u003c\/h3\u003e\n        \u003cp\u003eProtège et régénère les peaux fragilisées par le froid ou les conditions climatiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mmb-section\"\u003e\n    \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mmb-timeline\"\u003e\n      \u003cdiv class=\"mmb-step\"\u003e\n        \u003cdiv class=\"mmb-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mmb-step-content\"\u003e\n          \u003ch3\u003eSur peau propre\u003c\/h3\u003e\n          \u003cp\u003eAprès la douche ou le bain, sur peau légèrement humide pour une absorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-step\"\u003e\n        \u003cdiv class=\"mmb-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mmb-step-content\"\u003e\n          \u003ch3\u003eUne noisette suffit\u003c\/h3\u003e\n          \u003cp\u003eTexture riche et concentrée qui s'étale facilement sur tout le corps.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-step\"\u003e\n        \u003cdiv class=\"mmb-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mmb-step-content\"\u003e\n          \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n          \u003cp\u003eMouvements circulaires jusqu'à absorption complète. Profitez de son parfum de miel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-step\"\u003e\n        \u003cdiv class=\"mmb-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"mmb-step-content\"\u003e\n          \u003ch3\u003eQuotidiennement\u003c\/h3\u003e\n          \u003cp\u003eMatin et\/ou soir pour des résultats visibles et durables. Le tube dure longtemps.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mmb-section\"\u003e\n    \u003ch2\u003e⭐ Témoignage client\u003c\/h2\u003e\n    \u003cdiv class=\"mmb-testimonial\"\u003e\n      \u003cdiv class=\"mmb-testimonial-stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n      \u003cp class=\"mmb-testimonial-text\"\u003e\"C'est la deuxième fois que je rachète ce produit que j'ai découvert depuis peu. Il est tout simplement génial : sa texture fond très bien sur la peau et s'étale donc très bien, son odeur de miel est juste divine, et surtout, la peau est vraiment nourrie et sa qualité s'améliore au fil de l'utilisation. Il en faut peu pour chaque utilisation et le tube dure longtemps. Je recommande pleinement ce baume !\"\u003c\/p\u003e\n      \u003cspan class=\"mmb-testimonial-author\"\u003e— Graziella\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mmb-section\"\u003e\n    \u003ch2\u003e🇳🇿 Pourquoi le miel de Manuka ?\u003c\/h2\u003e\n    \u003cdiv class=\"mmb-grid\"\u003e\n      \u003cdiv class=\"mmb-card\"\u003e\n        \u003ch3\u003e🌍 Origine unique\u003c\/h3\u003e\n        \u003cp\u003eProvient exclusivement des fleurs de l'arbre Manuka, endémique de Nouvelle-Zélande. Récolté de manière éthique dans des zones préservées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-card\"\u003e\n        \u003ch3\u003e🔬 Certifié IAA10+\u003c\/h3\u003e\n        \u003cp\u003eChaque lot est testé en laboratoire pour certifier sa teneur en méthylglyoxal (MGO) et garantir son activité antibactérienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-card\"\u003e\n        \u003ch3\u003e💎 Propriétés uniques\u003c\/h3\u003e\n        \u003cp\u003ePropriétés antibactériennes, anti-inflammatoires et cicatrisantes exceptionnelles, reconnues par la communauté scientifique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mmb-section\"\u003e\n    \u003ch2\u003e✅ Nos engagements\u003c\/h2\u003e\n    \u003cdiv class=\"mmb-grid-compact\"\u003e\n      \u003cdiv class=\"mmb-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-card\"\u003e\n        \u003ch3\u003e🌱 Certifié Bio Ecocert\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-card\"\u003e\n        \u003ch3\u003e🐰 Non testé sur animaux\u003c\/h3\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mmb-card\"\u003e\n        \u003ch3\u003e♻️ Packaging recyclable\u003c\/h3\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mmb-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"mmb-accordion\"\u003e\n      \u003cdetails class=\"mmb-accordion-item\"\u003e\n        \u003csummary class=\"mmb-accordion-header\"\u003e🧴 Contenance et durée\u003c\/summary\u003e\n        \u003cdiv class=\"mmb-accordion-content\"\u003e\n          \u003cp\u003eTube de 200 ml. Une noisette suffit pour chaque application, le produit dure plusieurs mois d'utilisation quotidienne. Concentration exceptionnelle de 10% de miel de Manuka IAA10+.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mmb-accordion-item\"\u003e\n        \u003csummary class=\"mmb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mmb-accordion-content\"\u003e\n          \u003cp\u003eConserver à température ambiante, à l'abri de la chaleur et de l'humidité. Refermer le tube après chaque utilisation. Se conserve 12 mois après ouverture.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mmb-accordion-item\"\u003e\n        \u003csummary class=\"mmb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"mmb-accordion-content\"\u003e\n          \u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux. En cas de réaction cutanée, cesser l'utilisation et consulter un médecin. Déconseillé aux personnes allergiques aux produits de la ruche.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mmb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mmb-cta-box\"\u003e\n      \u003cp\u003e🍯 Offrez à votre peau l'excellence du miel de Manuka néo-zélandais. Une hydratation intense, une réparation visible et un confort durable grâce à une formule 100% naturelle et bio. Texture fondante, parfum délicat de miel, résultats prouvés par 100% de satisfaction.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mmb-cream: #faf8f5;\n  --mmb-white: #ffffff;\n  --mmb-primary: #1a1a1a;\n  --mmb-primary-dark: #0d0d0d;\n  --mmb-primary-light: #2d2d2d;\n  --mmb-secondary: #f4b000;\n  --mmb-secondary-dark: #c28d00;\n  --mmb-secondary-light: #fff8e1;\n  --mmb-accent: #8b7355;\n  --mmb-text: #1a1a1a;\n  --mmb-text-light: #5a5a5a;\n  --mmb-border: #e8e5e0;\n  --mmb-shadow: 0 4px 24px rgba(26,26,26,.06);\n  --mmb-shadow-lg: 0 12px 48px rgba(26,26,26,.12);\n  --mmb-radius: 20px;\n  --mmb-radius-sm: 12px;\n}\n\n.mmb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mmb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mmb-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--mmb-primary) 0%, var(--mmb-primary-light) 50%, var(--mmb-accent) 100%);\n  border-radius: var(--mmb-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(--mmb-shadow-lg);\n}\n\n.mmb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .05;\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 5L55 20v20L30 55 5 40V20z' fill='none' stroke='%23fff' stroke-width='1'\/%3E%3C\/svg%3E\");\n}\n\n.mmb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mmb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: clamp(1.5rem, 3vw, 2rem);\n}\n\n.mmb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 18px;\n  background: rgba(255,255,255,.98);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mmb-primary);\n  box-shadow: 0 4px 16px rgba(244,176,0,.25);\n  border: 2px solid var(--mmb-secondary);\n  transition: all .3s ease;\n}\n\n.mmb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mmb-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.mmb-subtitle {\n  color: var(--mmb-secondary);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 700;\n  margin: 0 0 1.5rem 0;\n}\n\n.mmb-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.mmb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mmb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mmb-primary);\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.mmb-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(--mmb-secondary), var(--mmb-secondary-dark));\n  border-radius: 2px;\n}\n\n.mmb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mmb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mmb-card {\n  background: var(--mmb-white);\n  border-radius: var(--mmb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mmb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mmb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mmb-shadow-lg);\n  border-color: var(--mmb-secondary);\n}\n\n.mmb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mmb-primary);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mmb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mmb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mmb-card-ingredient {\n  text-align: left;\n}\n\n.mmb-card-highlight {\n  background: linear-gradient(135deg, var(--mmb-secondary-light) 0%, var(--mmb-white) 100%);\n  border-color: var(--mmb-secondary);\n}\n\n.mmb-dose {\n  display: inline-block;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--mmb-secondary-dark);\n  background: var(--mmb-secondary-light);\n  padding: 4px 12px;\n  border-radius: 999px;\n  margin-bottom: .75rem;\n}\n\n.mmb-results-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.25rem;\n}\n\n.mmb-result-card {\n  background: linear-gradient(135deg, var(--mmb-secondary) 0%, var(--mmb-secondary-dark) 100%);\n  border-radius: var(--mmb-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  text-align: center;\n  box-shadow: 0 8px 32px rgba(244,176,0,.2);\n  transition: all .3s ease;\n}\n\n.mmb-result-card:hover {\n  transform: translateY(-6px) scale(1.02);\n}\n\n.mmb-result-number {\n  display: block;\n  font-size: clamp(32px, 6vw, 48px);\n  font-weight: 900;\n  color: white;\n  letter-spacing: -.03em;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.mmb-result-label {\n  display: block;\n  font-size: 14px;\n  font-weight: 700;\n  color: rgba(255,255,255,.95);\n  margin: .5rem 0;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.mmb-result-card p {\n  font-size: 13px;\n  color: rgba(255,255,255,.85);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.mmb-timeline {\n  max-width: 700px;\n  margin: 0 auto;\n  display: grid;\n  gap: 1rem;\n}\n\n.mmb-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--mmb-white);\n  border-radius: var(--mmb-radius);\n  padding: 1.25rem;\n  box-shadow: var(--mmb-shadow);\n  border-left: 4px solid var(--mmb-secondary);\n  transition: all .3s ease;\n}\n\n.mmb-step:hover {\n  transform: translateX(8px);\n}\n\n.mmb-step-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, var(--mmb-secondary), var(--mmb-secondary-dark));\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 900;\n}\n\n.mmb-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--mmb-primary);\n  margin: 0 0 .35rem 0;\n}\n\n.mmb-step-content p {\n  font-size: 14px;\n  color: var(--mmb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.mmb-testimonial {\n  max-width: 800px;\n  margin: 0 auto;\n  background: linear-gradient(135deg, var(--mmb-secondary-light) 0%, var(--mmb-white) 100%);\n  border-radius: var(--mmb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mmb-shadow);\n  border: 2px solid var(--mmb-secondary);\n  text-align: center;\n}\n\n.mmb-testimonial-stars {\n  font-size: 22px;\n  margin-bottom: 1rem;\n}\n\n.mmb-testimonial-text {\n  font-size: clamp(14px, 2.5vw, 17px);\n  color: var(--mmb-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0 0 1rem 0;\n}\n\n.mmb-testimonial-author {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--mmb-secondary-dark);\n}\n\n.mmb-accordion {\n  background: var(--mmb-white);\n  border-radius: var(--mmb-radius);\n  box-shadow: var(--mmb-shadow);\n  overflow: hidden;\n}\n\n.mmb-accordion-item {\n  border-bottom: 1px solid var(--mmb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mmb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mmb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mmb-primary);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n}\n\n.mmb-accordion-header:hover {\n  background: var(--mmb-secondary-light);\n}\n\n.mmb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mmb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  color: var(--mmb-secondary);\n  transition: transform .2s ease;\n}\n\n.mmb-accordion-item[open] .mmb-accordion-header::after {\n  content: '−';\n}\n\n.mmb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mmb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.mmb-accordion-content p {\n  margin: 0;\n}\n\n.mmb-cta-box {\n  background: linear-gradient(135deg, var(--mmb-primary) 0%, var(--mmb-primary-light) 50%, var(--mmb-accent) 100%);\n  border-radius: var(--mmb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  box-shadow: var(--mmb-shadow-lg);\n}\n\n.mmb-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  margin: 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n@media (max-width: 767px) {\n  .mmb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .mmb-grid-compact {\n    gap: .625rem;\n  }\n  \n  .mmb-grid-compact .mmb-card {\n    padding: .75rem;\n  }\n  \n  .mmb-grid-compact .mmb-card h3 {\n    font-size: 13px;\n  }\n  \n  .mmb-results-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .mmb-card {\n    padding: 1.125rem;\n  }\n  \n  .mmb-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .mmb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mmb-radius-sm);\n  }\n  \n  .mmb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .mmb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .mmb-step {\n    flex-direction: column;\n    text-align: center;\n    align-items: center;\n  }\n  \n  .mmb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .mmb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .mmb-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .mmb-card:nth-child(1) { animation-delay: .05s; }\n  .mmb-card:nth-child(2) { animation-delay: .1s; }\n  .mmb-card:nth-child(3) { animation-delay: .15s; }\n  .mmb-card:nth-child(4) { animation-delay: .2s; }\n  .mmb-card:nth-child(5) { animation-delay: .25s; }\n  .mmb-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  .mmb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":45755075559581,"sku":"NBAICCO0009","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-ultra-hydratant-bio-10pourcent-miel-manuka-iaa10plus-200ml-comptoirs-et-compagnies-recto_4_11zon.jpg?v=1759503914"},{"product_id":"creme-reparatrice-miel-de-manuka-iaa-10-tube-40-ml-comptoirs-et-compagnies","title":"Crème Réparatrice 40% de Miel de Manuka IAA 10+ - 40ml - Comptoirs et compagnies","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème Réparatrice au Miel de Manuka IAA 10+\nPalette détectée:\n  - Primaire: #F4B800 (jaune doré du miel\/IAA 10+, très présent sur le packaging)\n  - Secondaire: #1A1A1A (noir élégant du packaging)\n  - Accent: #FFF9E6 (beige crème doux, rappel de la texture du miel)\n  - Background: #FFF8F0 (crème très clair, chaleureux)\nAmbiance: Premium naturel, scientifique certifié (labels bio), luxe accessible, univers du miel et de la nature néo-zélandaise, soin dermatologique\nType: Cosmétique réparatrice certifiée bio\nStyle suggéré: Premium naturel avec touches scientifiques (IAA 10+), élégant et rassurant\nPréfixe CSS: mnk\n--\u003e\n\n\u003cdiv class=\"mnk-premium\"\u003e\n  \u003cdiv class=\"mnk-hero\"\u003e\n    \u003cdiv class=\"mnk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mnk-hero-content\"\u003e\n      \u003cdiv class=\"mnk-badges-top\"\u003e\n        \u003cspan class=\"mnk-badge\"\u003e🍯 40% Miel de Manuka IAA 10+\u003c\/span\u003e\n        \u003cspan class=\"mnk-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n        \u003cspan class=\"mnk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mnk-hero-title\"\u003eCrème réparatrice au miel de Manuka\u003c\/span\u003e\n      \u003cp class=\"mnk-subtitle\"\u003eLe pouvoir cicatrisant du miel néo-zélandais au service de votre peau\u003c\/p\u003e\n      \u003cp class=\"mnk-description\"\u003eUne formule 100% naturelle et certifiée bio qui restaure, apaise et protège les peaux abîmées et asséchées grâce aux propriétés exceptionnelles du miel de Manuka IAA 10+.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"mnk-section\"\u003e\n    \u003ch2\u003ePourquoi choisir notre crème au miel de Manuka ?\u003c\/h2\u003e\n    \u003cdiv class=\"mnk-grid\"\u003e\n      \u003cdiv class=\"mnk-card\"\u003e\n        \u003cdiv class=\"mnk-icon\"\u003e🔬\u003c\/div\u003e\n        \u003ch3\u003eIndice IAA 10+ certifié\u003c\/h3\u003e\n        \u003cp\u003eL'indice IAA (Indice d'Activité Antibactérienne) garantit les propriétés réparatrices du miel de Manuka, systématiquement testées en laboratoire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-card\"\u003e\n        \u003cdiv class=\"mnk-icon\"\u003e🌱\u003c\/div\u003e\n        \u003ch3\u003e100% naturel et bio\u003c\/h3\u003e\n        \u003cp\u003eFormule composée à 100% d'ingrédients d'origine naturelle, dont 20% issus de l'agriculture biologique. Certifiée Ecocert et Cosmebio.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-card\"\u003e\n        \u003cdiv class=\"mnk-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3\u003eTexture premium\u003c\/h3\u003e\n        \u003cp\u003eRiche mais non grasse, pénètre rapidement sans résidu collant. Votre peau reste douce, hydratée et confortable toute la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-card\"\u003e\n        \u003cdiv class=\"mnk-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eAction réparatrice\u003c\/h3\u003e\n        \u003cp\u003eRestaure les peaux abîmées, apaise les irritations, répare les gerçures et protège contre les agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-card\"\u003e\n        \u003cdiv class=\"mnk-icon\"\u003e🥕\u003c\/div\u003e\n        \u003ch3\u003eNote Yuka 100\/100\u003c\/h3\u003e\n        \u003cp\u003eComposition exemplaire reconnue par l'application Yuka pour sa qualité et sa sécurité dermatologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-card\"\u003e\n        \u003cdiv class=\"mnk-icon\"\u003e💚\u003c\/div\u003e\n        \u003ch3\u003e100% de satisfaction\u003c\/h3\u003e\n        \u003cp\u003eSelon un test d'usage auprès de 20 volontaires pendant 3 semaines, la satisfaction est totale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mnk-section\"\u003e\n    \u003ch2\u003eLe miel de Manuka, un trésor de Nouvelle-Zélande\u003c\/h2\u003e\n    \u003cdiv class=\"mnk-info-box\"\u003e\n      \u003cdiv class=\"mnk-info-content\"\u003e\n        \u003cp\u003e\u003cstrong\u003eDes guérisseurs maoris à la science moderne\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cp\u003eLe Manuka est un arbrisseau, cousin du tea tree, qui pousse à l'état sauvage sur les terres vierges de Nouvelle-Zélande. Ses feuilles et son écorce, reconnues pour leurs propriétés réparatrices et apaisantes, étaient utilisées par le tohunga, le guérisseur maori, appliquées directement sur la peau.\u003c\/p\u003e\n        \u003cp class=\"mnk-highlight\"\u003eAujourd'hui, le miel de Manuka IAA est utilisé pour ses propriétés antibactériennes uniques, scientifiquement prouvées et mesurées grâce à l'indice IAA.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mnk-section\"\u003e\n    \u003ch2\u003eUne composition pure et naturelle\u003c\/h2\u003e\n    \u003cdiv class=\"mnk-grid mnk-grid-ingredients\"\u003e\n      \u003cdiv class=\"mnk-card mnk-card-ingredient\"\u003e\n        \u003cdiv class=\"mnk-icon-large\"\u003e🍯\u003c\/div\u003e\n        \u003ch3\u003eMiel de Manuka IAA 10+\u003c\/h3\u003e\n        \u003cdiv class=\"mnk-dosage\"\u003e40%\u003c\/div\u003e\n        \u003cp\u003eActif réparateur et antibactérien, cicatrisant naturel aux propriétés scientifiquement prouvées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-card mnk-card-ingredient\"\u003e\n        \u003cdiv class=\"mnk-icon-large\"\u003e🌾\u003c\/div\u003e\n        \u003ch3\u003eHuile de jojoba bio\u003c\/h3\u003e\n        \u003cp\u003eNourrit en profondeur, régule le sébum et protège la barrière cutanée naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-card mnk-card-ingredient\"\u003e\n        \u003cdiv class=\"mnk-icon-large\"\u003e🥜\u003c\/div\u003e\n        \u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eHydrate intensément, répare les peaux sèches et apaise les irritations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-card mnk-card-ingredient\"\u003e\n        \u003cdiv class=\"mnk-icon-large\"\u003e🌰\u003c\/div\u003e\n        \u003ch3\u003eHuile de macadamia bio\u003c\/h3\u003e\n        \u003cp\u003eAdoucit, assouplit et favorise la régénération cellulaire de l'épiderme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mnk-section\"\u003e\n    \u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mnk-steps\"\u003e\n      \u003cdiv class=\"mnk-step\"\u003e\n        \u003cdiv class=\"mnk-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mnk-step-content\"\u003e\n          \u003ch3\u003eNettoyez\u003c\/h3\u003e\n          \u003cp\u003eAssurez-vous que votre peau est propre et sèche avant l'application.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-step\"\u003e\n        \u003cdiv class=\"mnk-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mnk-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003ePrélevez une noisette de crème et appliquez sur les zones à traiter.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-step\"\u003e\n        \u003cdiv class=\"mnk-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mnk-step-content\"\u003e\n          \u003ch3\u003eMassez\u003c\/h3\u003e\n          \u003cp\u003eMassez délicatement jusqu'à absorption complète de la crème.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-step\"\u003e\n        \u003cdiv class=\"mnk-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"mnk-step-content\"\u003e\n          \u003ch3\u003eRenouvelez\u003c\/h3\u003e\n          \u003cp\u003eUtilisez 2 fois par jour, ou plus si nécessaire selon les besoins de votre peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mnk-section\"\u003e\n    \u003ch2\u003eLes bienfaits prouvés\u003c\/h2\u003e\n    \u003cdiv class=\"mnk-grid mnk-grid-benefits\"\u003e\n      \u003cdiv class=\"mnk-benefit-card\"\u003e\n        \u003cdiv class=\"mnk-benefit-icon\"\u003e🩹\u003c\/div\u003e\n        \u003ch3\u003eRépare les altérations cutanées\u003c\/h3\u003e\n        \u003cp\u003eEfficace sur les égratignures, gerçures et irritations légères. Accélère le processus naturel de cicatrisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-benefit-card\"\u003e\n        \u003cdiv class=\"mnk-benefit-icon\"\u003e💧\u003c\/div\u003e\n        \u003ch3\u003eRestaure les peaux abîmées\u003c\/h3\u003e\n        \u003cp\u003eApporte confort et réparation aux peaux asséchées, abîmées par le froid, le vent ou les agressions quotidiennes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-benefit-card\"\u003e\n        \u003cdiv class=\"mnk-benefit-icon\"\u003e🌸\u003c\/div\u003e\n        \u003ch3\u003eApaise et protège\u003c\/h3\u003e\n        \u003cp\u003eCalme les rougeurs et les sensations d'inconfort. Crée une barrière protectrice pour préserver la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-benefit-card\"\u003e\n        \u003cdiv class=\"mnk-benefit-icon\"\u003e✅\u003c\/div\u003e\n        \u003ch3\u003eAmélioration visible\u003c\/h3\u003e\n        \u003cp\u003eRésultats constatés dès les premières applications sur l'état des cicatrices, récentes ou anciennes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mnk-section\"\u003e\n    \u003ch2\u003ePour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"mnk-grid\"\u003e\n      \u003cdiv class=\"mnk-card mnk-card-profile\"\u003e\n        \u003cdiv class=\"mnk-profile-icon\"\u003e👨‍👩‍👧‍👦\u003c\/div\u003e\n        \u003ch3\u003eToute la famille\u003c\/h3\u003e\n        \u003cp\u003eConvient à tous les types de peaux, des plus sensibles aux plus résistantes. Utilisable par tous les membres de la famille.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-card mnk-card-profile\"\u003e\n        \u003cdiv class=\"mnk-profile-icon\"\u003e🌡️\u003c\/div\u003e\n        \u003ch3\u003ePeaux agressées\u003c\/h3\u003e\n        \u003cp\u003eIdéale pour les peaux exposées au froid, au vent, au soleil ou à des conditions climatiques difficiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-card mnk-card-profile\"\u003e\n        \u003cdiv class=\"mnk-profile-icon\"\u003e💆\u003c\/div\u003e\n        \u003ch3\u003ePeaux réactives\u003c\/h3\u003e\n        \u003cp\u003eParfaite pour les épidermes sensibles sujets aux irritations, rougeurs et inconforts cutanés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mnk-section\"\u003e\n    \u003ch2\u003eTémoignage client\u003c\/h2\u003e\n    \u003cdiv class=\"mnk-testimonial\"\u003e\n      \u003cdiv class=\"mnk-testimonial-icon\"\u003e💬\u003c\/div\u003e\n      \u003cp class=\"mnk-testimonial-text\"\u003e\"Ce produit est un indispensable pour toute personne qui, comme moi, a une peau qui ne cicatrise pas très bien. Cette crème accélère réellement le processus, et je constate une nette amélioration de l'état de mes cicatrices, récentes ou non. De plus l'odeur de miel est divine.\"\u003c\/p\u003e\n      \u003cp class=\"mnk-testimonial-author\"\u003e— Graziella\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mnk-section\"\u003e\n    \u003ch2\u003eCertifications et labels\u003c\/h2\u003e\n    \u003cdiv class=\"mnk-certifications\"\u003e\n      \u003cdiv class=\"mnk-cert-badge\"\u003e\n        \u003cdiv class=\"mnk-cert-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cp\u003e\u003cstrong\u003eCertifié bio\u003c\/strong\u003e\u003cbr\u003eEcocert \/ Cosmebio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-cert-badge\"\u003e\n        \u003cdiv class=\"mnk-cert-icon\"\u003e✨\u003c\/div\u003e\n        \u003cp\u003e\u003cstrong\u003e100% naturel\u003c\/strong\u003e\u003cbr\u003eFormule d'origine naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-cert-badge\"\u003e\n        \u003cdiv class=\"mnk-cert-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e\u003cbr\u003eQualité garantie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-cert-badge\"\u003e\n        \u003cdiv class=\"mnk-cert-icon\"\u003e🥕\u003c\/div\u003e\n        \u003cp\u003e\u003cstrong\u003eYuka 100\/100\u003c\/strong\u003e\u003cbr\u003eComposition exemplaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-cert-badge\"\u003e\n        \u003cdiv class=\"mnk-cert-icon\"\u003e🔬\u003c\/div\u003e\n        \u003cp\u003e\u003cstrong\u003eIAA 10+\u003c\/strong\u003e\u003cbr\u003eActivité mesurée et garantie\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mnk-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"mnk-grid mnk-grid-info\"\u003e\n      \u003cdiv class=\"mnk-info-item\"\u003e\n        \u003cdiv class=\"mnk-info-label\"\u003eFormat\u003c\/div\u003e\n        \u003cdiv class=\"mnk-info-value\"\u003e40 ml\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-info-item\"\u003e\n        \u003cdiv class=\"mnk-info-label\"\u003eOrigine du miel\u003c\/div\u003e\n        \u003cdiv class=\"mnk-info-value\"\u003eNouvelle-Zélande\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-info-item\"\u003e\n        \u003cdiv class=\"mnk-info-label\"\u003eFabrication\u003c\/div\u003e\n        \u003cdiv class=\"mnk-info-value\"\u003eFrance\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-info-item\"\u003e\n        \u003cdiv class=\"mnk-info-label\"\u003eConservation\u003c\/div\u003e\n        \u003cdiv class=\"mnk-info-value\"\u003eÀ l'abri de la chaleur\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-info-item\"\u003e\n        \u003cdiv class=\"mnk-info-label\"\u003eType de peau\u003c\/div\u003e\n        \u003cdiv class=\"mnk-info-value\"\u003eTous types\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mnk-info-item\"\u003e\n        \u003cdiv class=\"mnk-info-label\"\u003eUsage\u003c\/div\u003e\n        \u003cdiv class=\"mnk-info-value\"\u003eExterne uniquement\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mnk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mnk-cta-box\"\u003e\n      \u003cdiv class=\"mnk-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"mnk-cta-content\"\u003e\n        \u003cdiv class=\"mnk-cta-icon\"\u003e🍯\u003c\/div\u003e\n        \u003cp\u003eOffrez à votre peau les bienfaits réparateurs du miel de Manuka certifié IAA 10+. Une crème bio premium qui restaure, apaise et protège naturellement votre épiderme au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  \/* Couleurs principales *\/\n  --mnk-cream: #FFF8F0;\n  --mnk-white: #ffffff;\n  --mnk-primary: #F4B800;\n  --mnk-primary-dark: #D9A300;\n  --mnk-primary-light: #FFF9E6;\n  --mnk-secondary: #1A1A1A;\n  --mnk-accent: #FFD700;\n\n  \/* Textes *\/\n  --mnk-text: #1a1a1a;\n  --mnk-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --mnk-border: #e0e0e0;\n  --mnk-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --mnk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --mnk-radius: 20px;\n  --mnk-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mnk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mnk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  line-height: 1.6;\n  color: var(--mnk-text);\n}\n\n\/* === HERO === *\/\n.mnk-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--mnk-primary) 0%, var(--mnk-primary-dark) 50%, var(--mnk-secondary) 100%);\n  border-radius: var(--mnk-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .08;\n  background-image: \n    radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%),\n    repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.05) 20px, rgba(255,255,255,.05) 40px);\n}\n\n.mnk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mnk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n  margin-bottom: 2rem;\n}\n\n.mnk-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--mnk-secondary);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mnk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.mnk-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.mnk-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.mnk-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.mnk-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.mnk-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mnk-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.mnk-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--mnk-primary), var(--mnk-accent));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mnk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.mnk-grid-ingredients {\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.mnk-grid-benefits {\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n}\n\n.mnk-grid-info {\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mnk-card {\n  background: var(--mnk-white);\n  border-radius: var(--mnk-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--mnk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.mnk-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--mnk-shadow-lg);\n  border-color: var(--mnk-primary);\n}\n\n.mnk-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.mnk-card h3 {\n  font-size: clamp(18px, 2.5vw, 21px);\n  font-weight: 800;\n  color: var(--mnk-secondary);\n  margin: 0 0 0.75rem 0;\n  line-height: 1.3;\n}\n\n.mnk-card p {\n  font-size: 15px;\n  line-height: 1.7;\n  color: var(--mnk-text-light);\n  margin: 0;\n}\n\n\/* === CARDS INGRÉDIENTS === *\/\n.mnk-card-ingredient {\n  text-align: center;\n  position: relative;\n  background: linear-gradient(135deg, var(--mnk-white) 0%, var(--mnk-primary-light) 100%);\n}\n\n.mnk-icon-large {\n  font-size: 64px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 4px 12px rgba(0,0,0,.1));\n}\n\n.mnk-dosage {\n  display: inline-block;\n  background: var(--mnk-primary);\n  color: var(--mnk-secondary);\n  font-size: 18px;\n  font-weight: 900;\n  padding: 6px 16px;\n  border-radius: 999px;\n  margin-bottom: 1rem;\n  box-shadow: 0 2px 12px rgba(244,184,0,.3);\n}\n\n\/* === BENEFIT CARDS === *\/\n.mnk-benefit-card {\n  background: var(--mnk-white);\n  border-radius: var(--mnk-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--mnk-shadow);\n  border-left: 4px solid var(--mnk-primary);\n  transition: all .3s ease;\n}\n\n.mnk-benefit-card:hover {\n  transform: translateX(8px);\n  box-shadow: var(--mnk-shadow-lg);\n  border-left-width: 6px;\n}\n\n.mnk-benefit-icon {\n  font-size: 42px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n\/* === PROFILE CARDS === *\/\n.mnk-card-profile {\n  text-align: center;\n  background: linear-gradient(135deg, var(--mnk-primary-light) 0%, var(--mnk-white) 100%);\n}\n\n.mnk-profile-icon {\n  font-size: 56px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n\/* === INFO BOX === *\/\n.mnk-info-box {\n  background: var(--mnk-white);\n  border-radius: var(--mnk-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--mnk-shadow);\n  border: 3px solid var(--mnk-primary-light);\n}\n\n.mnk-info-content p {\n  font-size: 16px;\n  line-height: 1.8;\n  color: var(--mnk-text);\n  margin-bottom: 1rem;\n}\n\n.mnk-info-content p:last-child {\n  margin-bottom: 0;\n}\n\n.mnk-highlight {\n  background: var(--mnk-primary-light);\n  padding: 1.5rem;\n  border-radius: var(--mnk-radius-sm);\n  border-left: 4px solid var(--mnk-primary);\n  font-weight: 600;\n}\n\n\/* === ÉTAPES === *\/\n.mnk-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 2rem;\n}\n\n.mnk-step {\n  display: flex;\n  gap: 1.5rem;\n  align-items: start;\n}\n\n.mnk-step-number {\n  flex-shrink: 0;\n  width: 56px;\n  height: 56px;\n  background: linear-gradient(135deg, var(--mnk-primary), var(--mnk-accent));\n  color: var(--mnk-secondary);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  font-weight: 900;\n  box-shadow: 0 4px 16px rgba(244,184,0,.3);\n}\n\n.mnk-step-content h3 {\n  font-size: 19px;\n  font-weight: 800;\n  color: var(--mnk-secondary);\n  margin: 0 0 0.5rem 0;\n}\n\n.mnk-step-content p {\n  font-size: 15px;\n  line-height: 1.7;\n  color: var(--mnk-text-light);\n  margin: 0;\n}\n\n\/* === TÉMOIGNAGE === *\/\n.mnk-testimonial {\n  background: linear-gradient(135deg, var(--mnk-primary-light) 0%, var(--mnk-white) 100%);\n  border-radius: var(--mnk-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  box-shadow: var(--mnk-shadow);\n  text-align: center;\n  border: 3px solid var(--mnk-primary);\n}\n\n.mnk-testimonial-icon {\n  font-size: 56px;\n  margin-bottom: 1.5rem;\n  opacity: .6;\n}\n\n.mnk-testimonial-text {\n  font-size: clamp(16px, 2.5vw, 19px);\n  line-height: 1.8;\n  color: var(--mnk-text);\n  font-style: italic;\n  margin: 0 0 1.5rem 0;\n  max-width: 800px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.mnk-testimonial-author {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mnk-primary-dark);\n  margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.mnk-warning-box {\n  background: #FFF9E6;\n  border-radius: var(--mnk-radius);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border: 2px solid #FFD700;\n  display: flex;\n  gap: 1.5rem;\n  align-items: start;\n}\n\n.mnk-warning-icon {\n  font-size: 48px;\n  flex-shrink: 0;\n}\n\n.mnk-warning-content p {\n  font-size: 15px;\n  line-height: 1.7;\n  color: var(--mnk-text);\n  margin-bottom: 0.75rem;\n}\n\n.mnk-warning-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CERTIFICATIONS === *\/\n.mnk-certifications {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 1.5rem;\n}\n\n.mnk-cert-badge {\n  background: var(--mnk-white);\n  border-radius: var(--mnk-radius-sm);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--mnk-shadow);\n  border: 2px solid var(--mnk-primary-light);\n  transition: all .3s ease;\n}\n\n.mnk-cert-badge:hover {\n  transform: scale(1.05);\n  border-color: var(--mnk-primary);\n  box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-cert-icon {\n  font-size: 48px;\n  margin-bottom: 0.75rem;\n  display: block;\n}\n\n.mnk-cert-badge p {\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--mnk-text);\n  margin: 0;\n}\n\n.mnk-cert-badge strong {\n  display: block;\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--mnk-secondary);\n  margin-bottom: 4px;\n}\n\n\/* === INFO ITEMS === *\/\n.mnk-info-item {\n  background: var(--mnk-white);\n  border-radius: var(--mnk-radius-sm);\n  padding: 1.25rem;\n  text-align: center;\n  box-shadow: var(--mnk-shadow);\n  border: 2px solid var(--mnk-primary-light);\n  transition: all .3s ease;\n}\n\n.mnk-info-item:hover {\n  transform: translateY(-4px);\n  border-color: var(--mnk-primary);\n}\n\n.mnk-info-label {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mnk-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: 0.5rem;\n}\n\n.mnk-info-value {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--mnk-secondary);\n}\n\n\/* === CTA FINAL === *\/\n.mnk-cta-box {\n  background: linear-gradient(135deg, var(--mnk-primary) 0%, var(--mnk-primary-dark) 100%);\n  border-radius: var(--mnk-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .08;\n  background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.1) 20px, rgba(255,255,255,.1) 40px);\n}\n\n.mnk-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.mnk-cta-icon {\n  font-size: 64px;\n  margin-bottom: 1.5rem;\n  display: block;\n  filter: drop-shadow(0 4px 12px rgba(0,0,0,.2));\n}\n\n.mnk-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .mnk-grid,\n  .mnk-grid-ingredients,\n  .mnk-grid-benefits,\n  .mnk-grid-info,\n  .mnk-steps,\n  .mnk-certifications {\n    grid-template-columns: 1fr;\n  }\n\n  .mnk-warning-box {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .mnk-step {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mnk-card,\n  .mnk-benefit-card,\n  .mnk-card-profile {\n    animation: fadeInUp .6s ease backwards;\n  }\n\n  .mnk-card:nth-child(1),\n  .mnk-benefit-card:nth-child(1) { animation-delay: .1s; }\n  .mnk-card:nth-child(2),\n  .mnk-benefit-card:nth-child(2) { animation-delay: .2s; }\n  .mnk-card:nth-child(3),\n  .mnk-benefit-card:nth-child(3) { animation-delay: .3s; }\n  .mnk-card:nth-child(4),\n  .mnk-benefit-card:nth-child(4) { animation-delay: .4s; }\n  .mnk-card:nth-child(5) { animation-delay: .5s; }\n  .mnk-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .mnk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .mnk-premium {\n    --mnk-shadow: 0 0 0 2px currentColor;\n    --mnk-shadow-lg: 0 0 0 3px currentColor;\n  }\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":45755075788957,"sku":"NBAICCO0006","price":13.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-reparatrice-40-pourcent-de-miel-de-manuka-iaa-10-40ml-comptoirs-et-compagnies-recto_3_11zon.jpg?v=1758898034"},{"product_id":"creme-pieds-reparatrice-au-miel-de-manuka-bio-75-ml-comptoirs-et-compagnies","title":"Crème Pieds Réparatrice au Miel de Manuka Bio - 75ml - Comptoirs et compagnies","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème Pieds Réparatrice au Miel de Manuka Bio\nPalette détectée:\n  - Primaire: #E6A827 (jaune\/or du badge IAA 15+ et du titre Manuka, évoquant le miel)\n  - Secondaire: #2B2B2B (noir du bandeau packaging, élégant et premium)\n  - Accent: #8FB84E (vert nature\/bio des certifications)\n  - Background: #F9F7F3 (crème\/beige clair, doux et naturel)\nAmbiance: Cosmétique bio premium, naturel et scientifique\n- Packaging épuré blanc avec bandeau noir élégant\n- Badge doré IAA 15+ très visible (certification qualité)\n- Univers naturel (fleurs de camomille dans les photos)\n- Certifications bio\/COSMOS mises en avant\n- Made in France\n- 100% satisfaction Yuka\nStyle suggéré: Premium naturel avec codes scientifiques (IAA), chaleureux et rassurant\nPréfixe CSS: manu\n--\u003e\n\n\u003cdiv class=\"manu-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"manu-hero\"\u003e\n    \u003cdiv class=\"manu-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"manu-hero-content\"\u003e\n      \u003cdiv class=\"manu-badges-top\"\u003e\n        \u003cspan class=\"manu-badge\"\u003e🍯 Miel de Manuka IAA 15+\u003c\/span\u003e\n        \u003cspan class=\"manu-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"manu-badge\"\u003e🌿 Bio \u0026amp; naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"manu-hero-title\"\u003eCrème pieds réparatrice au miel de Manuka\u003c\/span\u003e\n      \u003cp class=\"manu-subtitle\"\u003eLe soin expert qui transforme vos pieds abîmés en douceur\u003c\/p\u003e\n      \u003cp class=\"manu-description\"\u003eEnrichie en miel de Manuka IAA 15+ aux vertus antibactériennes exceptionnelles, cette crème bio certifiée COSMOS répare intensément les zones sèches et fendillées. Une formule 100% naturelle, notée 100\/100 sur Yuka, pour des pieds durablement régénérés.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BADGES QUALITÉ --\u003e\n  \u003csection class=\"manu-section\"\u003e\n    \u003cdiv class=\"manu-quality-grid\"\u003e\n      \u003cdiv class=\"manu-quality-card\"\u003e\n        \u003cdiv class=\"manu-quality-icon\"\u003e🏆\u003c\/div\u003e\n        \u003cdiv class=\"manu-quality-number\"\u003eIAA 15+\u003c\/div\u003e\n        \u003cp\u003eIndice d'activité antibactérienne garanti\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-quality-card\"\u003e\n        \u003cdiv class=\"manu-quality-icon\"\u003e🥇\u003c\/div\u003e\n        \u003cdiv class=\"manu-quality-number\"\u003e100\/100\u003c\/div\u003e\n        \u003cp\u003eNote Yuka pour la qualité des ingrédients\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-quality-card\"\u003e\n        \u003cdiv class=\"manu-quality-icon\"\u003e✅\u003c\/div\u003e\n        \u003cdiv class=\"manu-quality-number\"\u003e100%\u003c\/div\u003e\n        \u003cp\u003eSatisfaction client selon test d'usage\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-quality-card\"\u003e\n        \u003cdiv class=\"manu-quality-icon\"\u003e🌱\u003c\/div\u003e\n        \u003cdiv class=\"manu-quality-number\"\u003e100%\u003c\/div\u003e\n        \u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BIENFAITS PRINCIPAUX --\u003e\n  \u003csection class=\"manu-section\"\u003e\n    \u003ch2\u003eLes bienfaits de votre soin réparateur\u003c\/h2\u003e\n    \u003cdiv class=\"manu-grid\"\u003e\n      \u003cdiv class=\"manu-card\"\u003e\n        \u003cdiv class=\"manu-card-icon\"\u003e🩹\u003c\/div\u003e\n        \u003cdiv class=\"manu-card-title\"\u003eRépare en profondeur\u003c\/div\u003e\n        \u003cp\u003eLe miel de Manuka IAA 15+ favorise la régénération cutanée et accélère la réparation des zones fendillées et callosités.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-card\"\u003e\n        \u003cdiv class=\"manu-card-icon\"\u003e💧\u003c\/div\u003e\n        \u003cdiv class=\"manu-card-title\"\u003eHydrate intensément\u003c\/div\u003e\n        \u003cp\u003eLa synergie aloe vera, beurre de karité et huile de macadamia nourrit durablement et restaure le film hydrolipidique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-card\"\u003e\n        \u003cdiv class=\"manu-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003cdiv class=\"manu-card-title\"\u003eProtège et apaise\u003c\/div\u003e\n        \u003cp\u003eLes propriétés antibactériennes du Manuka protègent la peau des agressions, tandis que le calendula calme les irritations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-card\"\u003e\n        \u003cdiv class=\"manu-card-icon\"\u003e🌸\u003c\/div\u003e\n        \u003cdiv class=\"manu-card-title\"\u003eTexture non grasse\u003c\/div\u003e\n        \u003cp\u003eFormule riche qui pénètre rapidement sans laisser de film gras, pour un confort immédiat et une utilisation agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-card\"\u003e\n        \u003cdiv class=\"manu-card-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"manu-card-title\"\u003e100% naturel \u0026amp; bio\u003c\/div\u003e\n        \u003cp\u003eCertifié COSMOS Natural, formulé sans parabènes ni substances controversées. Testé sous contrôle dermatologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-card\"\u003e\n        \u003cdiv class=\"manu-card-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003cdiv class=\"manu-card-title\"\u003eFabrication française\u003c\/div\u003e\n        \u003cp\u003eConçu et fabriqué en France selon des normes strictes de qualité et de traçabilité. Engagement éthique et durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- LE MIEL DE MANUKA --\u003e\n  \u003csection class=\"manu-section\"\u003e\n    \u003ch2\u003eLe miel de Manuka, un trésor de Nouvelle-Zélande\u003c\/h2\u003e\n    \u003cdiv class=\"manu-manuka-box\"\u003e\n      \u003cdiv class=\"manu-manuka-content\"\u003e\n        \u003cdiv class=\"manu-manuka-badge\"\u003e\n          \u003cspan class=\"manu-manuka-number\"\u003eIAA 15+\u003c\/span\u003e\n          \u003cspan class=\"manu-manuka-label\"\u003eIndice d'activité antibactérienne\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eLe \u003cstrong\u003emiel de Manuka\u003c\/strong\u003e provient des fleurs de l'arbuste Manuka, endémique de Nouvelle-Zélande. Reconnu pour ses \u003cstrong\u003evertus thérapeutiques exceptionnelles\u003c\/strong\u003e, il possède une activité antibactérienne naturelle bien supérieure aux miels traditionnels.\u003c\/p\u003e\n        \u003cp\u003eL'\u003cstrong\u003eindice IAA (Indice d'Activité Antibactérienne) 15+\u003c\/strong\u003e garantit une concentration élevée en principes actifs, notamment le MGO (méthylglyoxal), responsable de ses propriétés réparatrices et protectrices. Ce miel d'exception favorise la cicatrisation, apaise les irritations et protège la peau des agressions bactériennes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"manu-section\"\u003e\n    \u003ch2\u003eUne formule d'exception 100% naturelle\u003c\/h2\u003e\n    \u003cdiv class=\"manu-grid\"\u003e\n      \u003cdiv class=\"manu-ingredient-card\"\u003e\n        \u003cdiv class=\"manu-ingredient-icon\"\u003e🍯\u003c\/div\u003e\n        \u003cdiv class=\"manu-ingredient-name\"\u003eMiel de Manuka IAA 15+\u003c\/div\u003e\n        \u003cp\u003eAntibactérien et réparateur naturel, favorise la régénération cutanée et la cicatrisation des zones abîmées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-ingredient-card\"\u003e\n        \u003cdiv class=\"manu-ingredient-icon\"\u003e🌵\u003c\/div\u003e\n        \u003cdiv class=\"manu-ingredient-name\"\u003eAloe vera\u003c\/div\u003e\n        \u003cp\u003eHydrate en profondeur, apaise les irritations et calme les sensations d'inconfort. Action rafraîchissante immédiate.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-ingredient-card\"\u003e\n        \u003cdiv class=\"manu-ingredient-icon\"\u003e🥥\u003c\/div\u003e\n        \u003cdiv class=\"manu-ingredient-name\"\u003eBeurre de karité\u003c\/div\u003e\n        \u003cp\u003eNourrit intensément, restaure le film hydrolipidique et assouplit la peau. Idéal pour les zones très sèches.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-ingredient-card\"\u003e\n        \u003cdiv class=\"manu-ingredient-icon\"\u003e🌼\u003c\/div\u003e\n        \u003cdiv class=\"manu-ingredient-name\"\u003eExtrait de calendula\u003c\/div\u003e\n        \u003cp\u003ePropriétés apaisantes et anti-inflammatoires, calme les rougeurs et favorise la réparation des tissus cutanés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-ingredient-card\"\u003e\n        \u003cdiv class=\"manu-ingredient-icon\"\u003e🌰\u003c\/div\u003e\n        \u003cdiv class=\"manu-ingredient-name\"\u003eHuile de macadamia\u003c\/div\u003e\n        \u003cp\u003eAssouplit et protège la peau. Pénètre rapidement sans laisser de film gras pour un confort optimal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-ingredient-card\"\u003e\n        \u003cdiv class=\"manu-ingredient-icon\"\u003e🧪\u003c\/div\u003e\n        \u003cdiv class=\"manu-ingredient-name\"\u003eAcide hyaluronique\u003c\/div\u003e\n        \u003cp\u003eRetient l'eau dans les couches supérieures de l'épiderme pour une hydratation longue durée et une peau repulpée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"manu-section\"\u003e\n    \u003ch2\u003eMode d'emploi pour des résultats optimaux\u003c\/h2\u003e\n    \u003cdiv class=\"manu-steps\"\u003e\n      \u003cdiv class=\"manu-step\"\u003e\n        \u003cdiv class=\"manu-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"manu-step-content\"\u003e\n          \u003cdiv class=\"manu-step-title\"\u003ePréparez vos pieds\u003c\/div\u003e\n          \u003cp\u003eNettoyez et séchez soigneusement vos pieds. Pour un effet renforcé, effectuez un bain de pieds tiède pendant 5-10 minutes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-step\"\u003e\n        \u003cdiv class=\"manu-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"manu-step-content\"\u003e\n          \u003cdiv class=\"manu-step-title\"\u003eAppliquez généreusement\u003c\/div\u003e\n          \u003cp\u003ePrélevez une noisette de crème et appliquez sur l'ensemble du pied. Insistez sur les zones les plus sèches : talons, coussin plantaire, contour des ongles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-step\"\u003e\n        \u003cdiv class=\"manu-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"manu-step-content\"\u003e\n          \u003cdiv class=\"manu-step-title\"\u003eMassez en profondeur\u003c\/div\u003e\n          \u003cp\u003eEffectuez des mouvements circulaires pour faire pénétrer la crème. Massez pendant 2-3 minutes pour stimuler la circulation et optimiser l'absorption.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-step\"\u003e\n        \u003cdiv class=\"manu-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"manu-step-content\"\u003e\n          \u003cdiv class=\"manu-step-title\"\u003eSoin renforcé nocturne\u003c\/div\u003e\n          \u003cp\u003ePour un traitement intensif, appliquez en couche épaisse le soir et enfilez des chaussettes en coton. Laissez agir toute la nuit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"manu-tip-box\"\u003e\n      \u003cdiv class=\"manu-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce d'expert :\u003c\/strong\u003e Utilisez la crème quotidiennement pendant 2-3 semaines pour un effet réparateur maximal sur les callosités et crevasses. Ensuite, poursuivez en entretien 2-3 fois par semaine.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"manu-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse cette crème réparatrice ?\u003c\/h2\u003e\n    \u003cdiv class=\"manu-grid\"\u003e\n      \u003cdiv class=\"manu-profile-card\"\u003e\n        \u003cdiv class=\"manu-profile-icon\"\u003e👣\u003c\/div\u003e\n        \u003cdiv class=\"manu-profile-title\"\u003ePieds très secs\u003c\/div\u003e\n        \u003cp\u003eVous souffrez de sécheresse cutanée, de tiraillements ou de rugosités persistantes sur vos pieds.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-profile-card\"\u003e\n        \u003cdiv class=\"manu-profile-icon\"\u003e🩹\u003c\/div\u003e\n        \u003cdiv class=\"manu-profile-title\"\u003eCallosités et crevasses\u003c\/div\u003e\n        \u003cp\u003eVos talons présentent des callosités épaisses, des fendillements ou des crevasses douloureuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-profile-card\"\u003e\n        \u003cdiv class=\"manu-profile-icon\"\u003e👟\u003c\/div\u003e\n        \u003cdiv class=\"manu-profile-title\"\u003ePieds sollicités\u003c\/div\u003e\n        \u003cp\u003eVous êtes souvent debout, sportif(ve), ou portez régulièrement des chaussures fermées qui fragilisent la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-profile-card\"\u003e\n        \u003cdiv class=\"manu-profile-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"manu-profile-title\"\u003eAdeptes du naturel\u003c\/div\u003e\n        \u003cp\u003eVous recherchez un soin bio, certifié, sans substances controversées et noté excellent sur Yuka.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-profile-card\"\u003e\n        \u003cdiv class=\"manu-profile-icon\"\u003e❄️\u003c\/div\u003e\n        \u003cdiv class=\"manu-profile-title\"\u003ePeaux fragilisées\u003c\/div\u003e\n        \u003cp\u003eLe froid, les variations de température ou le vieillissement cutané ont altéré la qualité de votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-profile-card\"\u003e\n        \u003cdiv class=\"manu-profile-icon\"\u003e💆\u003c\/div\u003e\n        \u003cdiv class=\"manu-profile-title\"\u003eEn quête de confort\u003c\/div\u003e\n        \u003cp\u003eVous souhaitez retrouver des pieds doux, souples et confortables au quotidien avec un soin efficace et agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CERTIFICATIONS --\u003e\n  \u003csection class=\"manu-section\"\u003e\n    \u003ch2\u003eDes certifications qui garantissent la qualité\u003c\/h2\u003e\n    \u003cdiv class=\"manu-certif-grid\"\u003e\n      \u003cdiv class=\"manu-certif-card\"\u003e\n        \u003cdiv class=\"manu-certif-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"manu-certif-name\"\u003eCOSMOS Natural\u003c\/div\u003e\n        \u003cp\u003eCertifié par Ecocert selon le référentiel COSMOS. Garantit l'origine naturelle des ingrédients et des pratiques de fabrication responsables.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-certif-card\"\u003e\n        \u003cdiv class=\"manu-certif-icon\"\u003e🥕\u003c\/div\u003e\n        \u003cdiv class=\"manu-certif-name\"\u003eYuka 100\/100\u003c\/div\u003e\n        \u003cp\u003eNote excellente sur l'application Yuka. Composition saine, sans substances controversées ni ingrédients à risque pour la santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-certif-card\"\u003e\n        \u003cdiv class=\"manu-certif-icon\"\u003e🧪\u003c\/div\u003e\n        \u003cdiv class=\"manu-certif-name\"\u003eTesté dermatologiquement\u003c\/div\u003e\n        \u003cp\u003eFormule testée sous contrôle dermatologique pour garantir la tolérance cutanée, même sur les peaux sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-certif-card\"\u003e\n        \u003cdiv class=\"manu-certif-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003cdiv class=\"manu-certif-name\"\u003eFabrication française\u003c\/div\u003e\n        \u003cp\u003eConçu et fabriqué en France dans le respect des normes les plus strictes de traçabilité et de qualité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ENGAGEMENT --\u003e\n  \u003csection class=\"manu-section\"\u003e\n    \u003cdiv class=\"manu-engagement-box\"\u003e\n      \u003ch2 style=\"color: white; margin-bottom: 1.5rem;\"\u003eL'engagement Comptoirs et Compagnies\u003c\/h2\u003e\n      \u003cdiv class=\"manu-engagement-grid\"\u003e\n        \u003cdiv class=\"manu-engagement-item\"\u003e\n          \u003cspan class=\"manu-engagement-icon\"\u003e🌍\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eDéveloppement durable\u003c\/strong\u003e\n            \u003cp\u003eIngrédients sourcés de manière éthique et responsable. Respect de l'environnement à chaque étape de production.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"manu-engagement-item\"\u003e\n          \u003cspan class=\"manu-engagement-icon\"\u003e🔬\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eQualité scientifique\u003c\/strong\u003e\n            \u003cp\u003eFormules développées avec des experts en cosmétique naturelle. Efficacité prouvée par des tests d'usage rigoureux.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"manu-engagement-item\"\u003e\n          \u003cspan class=\"manu-engagement-icon\"\u003e🤝\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eTraçabilité totale\u003c\/strong\u003e\n            \u003cp\u003eDepuis la récolte du miel de Manuka en Nouvelle-Zélande jusqu'au conditionnement en France, chaque étape est contrôlée.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"manu-engagement-item\"\u003e\n          \u003cspan class=\"manu-engagement-icon\"\u003e💚\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eSans compromis\u003c\/strong\u003e\n            \u003cp\u003eAucun parabène, silicone, PEG, phtalate, colorant ou parfum de synthèse. Une formule clean et transparente.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PRÉCAUTIONS --\u003e\n  \u003csection class=\"manu-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"manu-warning-box\"\u003e\n      \u003cdiv class=\"manu-warning-icon\"\u003e⚠️\u003c\/div\u003e\n      \u003cdiv class=\"manu-warning-content\"\u003e\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Ne pas ingérer.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eÉviter le contact avec les yeux.\u003c\/strong\u003e En cas de contact, rincer abondamment à l'eau claire.\u003c\/li\u003e\n          \u003cli\u003e\u003cstrong\u003eTenir hors de portée des enfants.\u003c\/strong\u003e\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eNe convient pas aux adultes et enfants de plus de 3 ans, ainsi qu'aux femmes enceintes ou allaitantes,\u003c\/strong\u003e sauf avis médical contraire.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eNe remplace pas un traitement médical.\u003c\/strong\u003e En cas de plaies ouvertes, d'infection ou de problème dermatologique sévère, consultez un professionnel de santé.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eConserver à l'abri de la chaleur\u003c\/strong\u003e et de la lumière directe du soleil.\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"manu-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"manu-info-grid\"\u003e\n      \u003cdiv class=\"manu-info-card\"\u003e\n        \u003cdiv class=\"manu-info-icon\"\u003e📦\u003c\/div\u003e\n        \u003cdiv class=\"manu-info-label\"\u003eContenance\u003c\/div\u003e\n        \u003cdiv class=\"manu-info-value\"\u003e75 ml\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-info-card\"\u003e\n        \u003cdiv class=\"manu-info-icon\"\u003e🏭\u003c\/div\u003e\n        \u003cdiv class=\"manu-info-label\"\u003eFabrication\u003c\/div\u003e\n        \u003cdiv class=\"manu-info-value\"\u003eFrance\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-info-card\"\u003e\n        \u003cdiv class=\"manu-info-icon\"\u003e🍯\u003c\/div\u003e\n        \u003cdiv class=\"manu-info-label\"\u003eOrigine Manuka\u003c\/div\u003e\n        \u003cdiv class=\"manu-info-value\"\u003eNouvelle-Zélande\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-info-card\"\u003e\n        \u003cdiv class=\"manu-info-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"manu-info-label\"\u003eComposition\u003c\/div\u003e\n        \u003cdiv class=\"manu-info-value\"\u003e100% naturelle\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-info-card\"\u003e\n        \u003cdiv class=\"manu-info-icon\"\u003e♻️\u003c\/div\u003e\n        \u003cdiv class=\"manu-info-label\"\u003ePackaging\u003c\/div\u003e\n        \u003cdiv class=\"manu-info-value\"\u003eTube recyclable\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"manu-info-card\"\u003e\n        \u003cdiv class=\"manu-info-icon\"\u003e✅\u003c\/div\u003e\n        \u003cdiv class=\"manu-info-label\"\u003eCertifications\u003c\/div\u003e\n        \u003cdiv class=\"manu-info-value\"\u003eCOSMOS Natural\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"manu-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"manu-cta-box\"\u003e\n      \u003cdiv class=\"manu-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"manu-cta-content\"\u003e\n        \u003cp style=\"font-size: clamp(24px, 4vw, 32px); margin-bottom: 1rem; font-weight: 800;\"\u003eOffrez à vos pieds le soin qu'ils méritent\u003c\/p\u003e\n        \u003cp\u003eAvec la crème réparatrice au miel de Manuka Bio, retrouvez des pieds doux, réparés et protégés grâce à une formule naturelle d'exception certifiée COSMOS et notée 100\/100 sur Yuka.\u003c\/p\u003e\n        \u003cp style=\"margin-bottom: 0; font-size: 15px; opacity: 0.9;\"\u003e🚚 Livraison rapide • 🌿 100% naturel • 🇫🇷 Fabriqué en France\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  \/* Couleurs principales *\/\n  --manu-cream: #F9F7F3;\n  --manu-white: #ffffff;\n  --manu-primary: #E6A827;\n  --manu-primary-dark: #C48A0F;\n  --manu-primary-light: #FFF8E7;\n  --manu-secondary: #2B2B2B;\n  --manu-accent: #8FB84E;\n\n  \/* Textes *\/\n  --manu-text: #1a1a1a;\n  --manu-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --manu-border: #e0e0e0;\n  --manu-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --manu-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --manu-radius: 20px;\n  --manu-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.manu-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--manu-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--manu-text);\n  line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.manu-hero {\n  position: relative;\n  background: linear-gradient(135deg, #E6A827 0%, #C48A0F 50%, #2B2B2B 100%);\n  border-radius: var(--manu-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--manu-shadow-lg);\n}\n\n.manu-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .05;\n  background-image: \n    repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.3) 20px, rgba(255,255,255,.3) 21px),\n    repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.3) 20px, rgba(255,255,255,.3) 21px);\n}\n\n.manu-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.manu-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.manu-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(--manu-secondary);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.manu-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.manu-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.manu-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.manu-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2vw, 17px);\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.manu-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.manu-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--manu-secondary);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.manu-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(--manu-primary), var(--manu-accent));\n  border-radius: 2px;\n}\n\n\/* === QUALITY CARDS === *\/\n.manu-quality-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5rem;\n}\n\n.manu-quality-card {\n  background: var(--manu-white);\n  border-radius: var(--manu-radius);\n  padding: 2rem 1.5rem;\n  text-align: center;\n  box-shadow: var(--manu-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.manu-quality-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--manu-shadow-lg);\n  border-color: var(--manu-primary);\n}\n\n.manu-quality-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n}\n\n.manu-quality-number {\n  font-size: 32px;\n  font-weight: 900;\n  color: var(--manu-primary);\n  margin-bottom: 0.5rem;\n  letter-spacing: -.02em;\n}\n\n.manu-quality-card p {\n  color: var(--manu-text-light);\n  font-size: 14px;\n  margin: 0;\n  font-weight: 500;\n}\n\n\/* === GRILLES === *\/\n.manu-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.manu-card {\n  background: var(--manu-white);\n  border-radius: var(--manu-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--manu-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.manu-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--manu-shadow-lg);\n  border-color: var(--manu-primary);\n}\n\n.manu-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n}\n\n.manu-card-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--manu-secondary);\n  margin-bottom: 0.75rem;\n  letter-spacing: -.02em;\n}\n\n.manu-card p {\n  color: var(--manu-text-light);\n  font-size: 15px;\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.manu-ingredient-card {\n  background: linear-gradient(135deg, var(--manu-white) 0%, var(--manu-primary-light) 100%);\n  border-radius: var(--manu-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--manu-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.manu-ingredient-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--manu-shadow-lg);\n  border-color: var(--manu-primary);\n}\n\n.manu-ingredient-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n}\n\n.manu-ingredient-name {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--manu-secondary);\n  margin-bottom: 0.75rem;\n  letter-spacing: -.02em;\n}\n\n.manu-ingredient-card p {\n  color: var(--manu-text-light);\n  font-size: 14px;\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === MANUKA BOX === *\/\n.manu-manuka-box {\n  background: linear-gradient(135deg, var(--manu-primary-light) 0%, var(--manu-white) 100%);\n  border-radius: var(--manu-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 3px solid var(--manu-primary);\n  box-shadow: var(--manu-shadow-lg);\n}\n\n.manu-manuka-content {\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.manu-manuka-badge {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  background: var(--manu-primary);\n  color: white;\n  padding: 1rem 2rem;\n  border-radius: var(--manu-radius-sm);\n  margin-bottom: 1.5rem;\n  box-shadow: 0 4px 16px rgba(230,168,39,.3);\n}\n\n.manu-manuka-number {\n  font-size: 32px;\n  font-weight: 900;\n  letter-spacing: -.02em;\n}\n\n.manu-manuka-label {\n  font-size: 13px;\n  font-weight: 600;\n  opacity: .9;\n}\n\n.manu-manuka-box p {\n  color: var(--manu-text);\n  font-size: 16px;\n  line-height: 1.8;\n  margin-bottom: 1rem;\n}\n\n.manu-manuka-box p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === STEPS === *\/\n.manu-steps {\n  max-width: 800px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.manu-step {\n  display: flex;\n  gap: 1.5rem;\n  background: var(--manu-white);\n  border-radius: var(--manu-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--manu-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.manu-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--manu-shadow-lg);\n  border-color: var(--manu-primary);\n}\n\n.manu-step-number {\n  flex-shrink: 0;\n  width: 50px;\n  height: 50px;\n  background: linear-gradient(135deg, var(--manu-primary) 0%, var(--manu-primary-dark) 100%);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  font-weight: 900;\n  box-shadow: 0 4px 16px rgba(230,168,39,.3);\n}\n\n.manu-step-content {\n  flex: 1;\n}\n\n.manu-step-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--manu-secondary);\n  margin-bottom: 0.5rem;\n  letter-spacing: -.02em;\n}\n\n.manu-step p {\n  color: var(--manu-text-light);\n  font-size: 15px;\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.manu-tip-box {\n  background: linear-gradient(135deg, var(--manu-accent) 0%, #7A9E3F 100%);\n  border-radius: var(--manu-radius);\n  padding: 1.5rem;\n  margin-top: 2rem;\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  box-shadow: 0 4px 20px rgba(143,184,78,.3);\n}\n\n.manu-tip-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.manu-tip-box p {\n  color: white;\n  font-size: 15px;\n  margin: 0;\n  line-height: 1.7;\n}\n\n.manu-tip-box strong {\n  font-weight: 800;\n}\n\n\/* === PROFILE CARDS === *\/\n.manu-profile-card {\n  background: var(--manu-white);\n  border-radius: var(--manu-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--manu-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.manu-profile-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--manu-shadow-lg);\n  border-color: var(--manu-accent);\n}\n\n.manu-profile-icon {\n  font-size: 56px;\n  margin-bottom: 1rem;\n}\n\n.manu-profile-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--manu-secondary);\n  margin-bottom: 0.75rem;\n  letter-spacing: -.02em;\n}\n\n.manu-profile-card p {\n  color: var(--manu-text-light);\n  font-size: 14px;\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CERTIF GRID === *\/\n.manu-certif-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.manu-certif-card {\n  background: linear-gradient(135deg, var(--manu-white) 0%, var(--manu-primary-light) 100%);\n  border-radius: var(--manu-radius);\n  padding: 2rem 1.5rem;\n  text-align: center;\n  box-shadow: var(--manu-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.manu-certif-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--manu-shadow-lg);\n  border-color: var(--manu-accent);\n}\n\n.manu-certif-icon {\n  font-size: 56px;\n  margin-bottom: 1rem;\n}\n\n.manu-certif-name {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--manu-secondary);\n  margin-bottom: 0.75rem;\n  letter-spacing: -.02em;\n}\n\n.manu-certif-card p {\n  color: var(--manu-text-light);\n  font-size: 14px;\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ENGAGEMENT BOX === *\/\n.manu-engagement-box {\n  background: linear-gradient(135deg, var(--manu-secondary) 0%, #1a1a1a 100%);\n  border-radius: var(--manu-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  box-shadow: var(--manu-shadow-lg);\n}\n\n.manu-engagement-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 2rem;\n}\n\n.manu-engagement-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.manu-engagement-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.manu-engagement-item strong {\n  display: block;\n  color: var(--manu-primary);\n  font-size: 18px;\n  font-weight: 800;\n  margin-bottom: 0.5rem;\n  letter-spacing: -.02em;\n}\n\n.manu-engagement-item p {\n  color: rgba(255,255,255,.85);\n  font-size: 14px;\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === WARNING BOX === *\/\n.manu-warning-box {\n  background: linear-gradient(135deg, #FFF5E6 0%, #FFE8CC 100%);\n  border-radius: var(--manu-radius);\n  padding: 2rem;\n  border-left: 6px solid #FF9800;\n  display: flex;\n  gap: 1.5rem;\n  box-shadow: var(--manu-shadow);\n}\n\n.manu-warning-icon {\n  font-size: 40px;\n  flex-shrink: 0;\n}\n\n.manu-warning-content ul {\n  margin: 0;\n  padding-left: 1.5rem;\n  color: var(--manu-text);\n}\n\n.manu-warning-content li {\n  margin-bottom: 0.75rem;\n  line-height: 1.6;\n  font-size: 15px;\n}\n\n.manu-warning-content li:last-child {\n  margin-bottom: 0;\n}\n\n\/* === INFO GRID === *\/\n.manu-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1.5rem;\n}\n\n.manu-info-card {\n  background: var(--manu-white);\n  border-radius: var(--manu-radius);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--manu-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.manu-info-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--manu-shadow-lg);\n  border-color: var(--manu-primary);\n}\n\n.manu-info-icon {\n  font-size: 40px;\n  margin-bottom: 0.75rem;\n}\n\n.manu-info-label {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--manu-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: 0.5rem;\n}\n\n.manu-info-value {\n  font-size: 20px;\n  font-weight: 900;\n  color: var(--manu-secondary);\n  letter-spacing: -.02em;\n}\n\n\/* === CTA FINAL === *\/\n.manu-cta-box {\n  background: linear-gradient(135deg, var(--manu-primary) 0%, var(--manu-primary-dark) 100%);\n  border-radius: var(--manu-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--manu-shadow-lg);\n}\n\n.manu-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .08;\n  background-image: \n    radial-gradient(circle at 20% 50%, rgba(255,255,255,.4) 0%, transparent 50%),\n    radial-gradient(circle at 80% 80%, rgba(255,255,255,.4) 0%, transparent 50%);\n}\n\n.manu-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.manu-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin-bottom: 1rem;\n}\n\n.manu-cta-box p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .manu-grid,\n  .manu-quality-grid,\n  .manu-certif-grid,\n  .manu-info-grid,\n  .manu-engagement-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .manu-step {\n    flex-direction: column;\n  }\n\n  .manu-warning-box {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .manu-warning-content ul {\n    text-align: left;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .manu-card,\n  .manu-quality-card,\n  .manu-ingredient-card,\n  .manu-profile-card,\n  .manu-certif-card,\n  .manu-info-card,\n  .manu-step {\n    animation: fadeInUp .6s ease backwards;\n  }\n\n  .manu-card:nth-child(1),\n  .manu-quality-card:nth-child(1),\n  .manu-ingredient-card:nth-child(1),\n  .manu-profile-card:nth-child(1),\n  .manu-certif-card:nth-child(1),\n  .manu-info-card:nth-child(1),\n  .manu-step:nth-child(1) { animation-delay: .1s; }\n  \n  .manu-card:nth-child(2),\n  .manu-quality-card:nth-child(2),\n  .manu-ingredient-card:nth-child(2),\n  .manu-profile-card:nth-child(2),\n  .manu-certif-card:nth-child(2),\n  .manu-info-card:nth-child(2),\n  .manu-step:nth-child(2) { animation-delay: .2s; }\n  \n  .manu-card:nth-child(3),\n  .manu-quality-card:nth-child(3),\n  .manu-ingredient-card:nth-child(3),\n  .manu-profile-card:nth-child(3),\n  .manu-certif-card:nth-child(3),\n  .manu-info-card:nth-child(3),\n  .manu-step:nth-child(3) { animation-delay: .3s; }\n  \n  .manu-card:nth-child(4),\n  .manu-quality-card:nth-child(4),\n  .manu-ingredient-card:nth-child(4),\n  .manu-profile-card:nth-child(4),\n  .manu-certif-card:nth-child(4),\n  .manu-info-card:nth-child(4),\n  .manu-step:nth-child(4) { animation-delay: .4s; }\n  \n  .manu-card:nth-child(5),\n  .manu-quality-card:nth-child(5),\n  .manu-ingredient-card:nth-child(5),\n  .manu-profile-card:nth-child(5),\n  .manu-info-card:nth-child(5) { animation-delay: .5s; }\n  \n  .manu-card:nth-child(6),\n  .manu-quality-card:nth-child(6),\n  .manu-ingredient-card:nth-child(6),\n  .manu-profile-card:nth-child(6),\n  .manu-info-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .manu-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .manu-premium {\n    --manu-shadow: 0 0 0 2px currentColor;\n    --manu-shadow-lg: 0 0 0 3px currentColor;\n  }\n}\n\n\/* Focus visible pour accessibilité clavier *\/\n.manu-badge:focus-visible,\n.manu-card:focus-visible,\n.manu-quality-card:focus-visible {\n  outline: 3px solid var(--manu-primary);\n  outline-offset: 4px;\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":45755090141341,"sku":"NBAICCO0008","price":10.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Creme_Pieds_Reparatrice_au_Miel_de_Manuka_Bio_75ml_Comptoirs_et_compagnies.jpg?v=1758548179"},{"product_id":"huile-de-massage-bio-kapha-flacon-de-100-ml-ayurvana","title":"Huile de Massage Bio Kapha - Flacon de 100 ml - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Massage Bio Kapha - Ayur-Vana\nPalette détectée:\n  - Primaire: #8B9A2F (vert olive\/chartreuse du flacon)\n  - Secondaire: #C4A935 (doré\/curcuma des ingrédients)\n  - Accent: #5A7A1E (vert foncé des feuilles\/texte packaging)\nAmbiance: Naturel, ayurvédique, bio, bien-être holistique, épicé-botanique, chaleureux-terreux\nPréfixe CSS: kph\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Huile de Massage Bio Kapha Ayur-Vana : l'alliée des constitutions Kapha\"\n  2. \"Qu'est-ce que le dosha Kapha et pourquoi l'équilibrer ?\"\n  3. \"Une formulation bio pensée pour dynamiser\"\n  4. \"Comment utiliser cette huile de massage ayurvédique ?\"\n  5. \"À qui s'adresse cette huile Kapha ?\"\n  6. \"Précautions et recommandations\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kph-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"kph-hero\"\u003e\n    \u003cdiv class=\"kph-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"kph-hero-content\"\u003e\n      \u003cdiv class=\"kph-badges-top\"\u003e\n        \u003cspan class=\"kph-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n        \u003cspan class=\"kph-badge\"\u003e🧴 100 ml\u003c\/span\u003e\n        \u003cspan class=\"kph-badge\"\u003e🔥 Stimulante Kapha\u003c\/span\u003e\n        \u003cspan class=\"kph-badge\"\u003e🇮🇳 Tradition ayurvédique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"kph-hero-title\"\u003eHuile de massage bio Kapha\u003c\/span\u003e\n      \u003cp class=\"kph-subtitle\"\u003eAyur-Vana — Rituel ayurvédique stimulant et revitalisant\u003c\/p\u003e\n      \u003cp class=\"kph-description\"\u003eUne huile de massage biologique aux actifs tonifiants et réchauffants, formulée pour rééquilibrer le dosha Kapha et retrouver énergie et légèreté au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"kph-section\"\u003e\n    \u003ch2\u003eHuile de Massage Bio Kapha Ayur-Vana : l'alliée des constitutions Kapha\u003c\/h2\u003e\n    \u003cp class=\"kph-section-intro\"\u003eVous vous sentez souvent lourd, léthargique ou en manque d'élan ? En Ayurveda, ces sensations sont typiques d'un dosha Kapha en excès.\u003c\/p\u003e\n    \u003cdiv class=\"kph-grid-compact\"\u003e\n      \u003cdiv class=\"kph-card\"\u003e\n        \u003ch3\u003e🍃 Huiles végétales bio\u003c\/h3\u003e\n        \u003cp\u003eBase d'huiles végétales biologiques soigneusement sélectionnées pour une pénétration optimale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kph-card\"\u003e\n        \u003ch3\u003e✨ Huiles essentielles\u003c\/h3\u003e\n        \u003cp\u003eSynergie aromatique stimulante pour éveiller les sens et revitaliser le corps\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kph-card\"\u003e\n        \u003ch3\u003e🔥 Rituel stimulant\u003c\/h3\u003e\n        \u003cp\u003eUn geste corporel ancré dans la tradition ayurvédique millénaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kph-card\"\u003e\n        \u003ch3\u003e⚖️ Rééquilibrage\u003c\/h3\u003e\n        \u003cp\u003eSpécialement conçue pour répondre aux déséquilibres du dosha Kapha\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"kph-section\"\u003e\n    \u003ch2\u003eQu'est-ce que le dosha Kapha et pourquoi l'équilibrer ?\u003c\/h2\u003e\n    \u003cdiv class=\"kph-dosha-intro\"\u003e\n      \u003cp\u003eDans l'Ayurveda, \u003cstrong\u003eKapha\u003c\/strong\u003e est le dosha gouverné par les éléments \u003cstrong\u003eTerre et Eau\u003c\/strong\u003e. Les personnes à dominante Kapha sont naturellement calmes, stables et endurantes. Cependant, lorsque ce dosha s'accumule, il peut entraîner des déséquilibres perceptibles au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kph-grid\"\u003e\n      \u003cdiv class=\"kph-card\"\u003e\n        \u003ch3\u003e🏔️ Terre \u0026amp; eau\u003c\/h3\u003e\n        \u003cp\u003eKapha combine les éléments Terre et Eau, apportant stabilité et structure mais aussi potentiellement lourdeur et stagnation\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kph-card\"\u003e\n        \u003ch3\u003e😴 Signes d'excès\u003c\/h3\u003e\n        \u003cp\u003eSensation de pesanteur, peau terne, rétention d'eau, manque de motivation et de dynamisme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kph-card\"\u003e\n        \u003ch3\u003e💆 Massage ayurvédique\u003c\/h3\u003e\n        \u003cp\u003eLe massage avec une huile adaptée est l'un des gestes les plus recommandés pour rééquilibrer Kapha en douceur\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kph-tip\"\u003e\n      \u003cspan class=\"kph-tip-icon\"\u003e🌀\u003c\/span\u003e\n      \u003cp\u003eLe massage Kapha stimule la circulation et redonne de la vitalité au corps, dissipant la torpeur caractéristique de ce dosha en excès.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"kph-section\"\u003e\n    \u003ch2\u003eUne formulation bio pensée pour dynamiser\u003c\/h2\u003e\n    \u003cdiv class=\"kph-grid\"\u003e\n      \u003cdiv class=\"kph-card\"\u003e\n        \u003ch3\u003e🪶 Texture légère\u003c\/h3\u003e\n        \u003cp\u003eContrairement à une huile neutre ou apaisante, l'huile Kapha pénètre facilement sans laisser de film gras, idéale pour les peaux à tendance grasse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kph-card\"\u003e\n        \u003ch3\u003e🌶️ Parfum frais et épicé\u003c\/h3\u003e\n        \u003cp\u003eDes notes aromatiques stimulantes qui éveillent les sens dès l'application, clarifient l'esprit et dissipent la torpeur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kph-card\"\u003e\n        \u003ch3\u003e🌱 Certifiée Cosmétique Bio\u003c\/h3\u003e\n        \u003cp\u003eIngrédients issus de l'agriculture biologique, sans additifs chimiques ni conservateurs de synthèse. Respectueux de votre peau et de l'environnement\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kph-tip\"\u003e\n      \u003cspan class=\"kph-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eSes actifs tonifiants et réchauffants transforment chaque massage en un véritable moment de revitalisation, bien au-delà d'un simple soin corporel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"kph-section\"\u003e\n    \u003ch2\u003eComment utiliser cette huile de massage ayurvédique ?\u003c\/h2\u003e\n    \u003cp class=\"kph-section-intro\"\u003ePour profiter pleinement des bienfaits de cette huile de massage bio, suivez ces étapes essentielles :\u003c\/p\u003e\n    \u003cdiv class=\"kph-timeline\"\u003e\n      \u003cdiv class=\"kph-timeline-item\"\u003e\n        \u003cdiv class=\"kph-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"kph-timeline-content\"\u003e\n          \u003ch3\u003eRéchauffez l'huile\u003c\/h3\u003e\n          \u003cp\u003eVersez une petite quantité dans le creux de vos mains et frottez-les vigoureusement pour tiédir le produit avant application.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kph-timeline-item\"\u003e\n        \u003cdiv class=\"kph-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"kph-timeline-content\"\u003e\n          \u003ch3\u003eMassez avec énergie\u003c\/h3\u003e\n          \u003cp\u003eContrairement aux massages doux adaptés à Vata, le massage Kapha nécessite des mouvements \u003cstrong\u003efermes, rapides et circulaires\u003c\/strong\u003e pour stimuler la circulation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kph-timeline-item\"\u003e\n        \u003cdiv class=\"kph-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"kph-timeline-content\"\u003e\n          \u003ch3\u003eInsistez sur les zones clés\u003c\/h3\u003e\n          \u003cp\u003eCuisses, hanches, ventre et épaules : les zones où Kapha a tendance à stagner et où le massage est le plus bénéfique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kph-timeline-item\"\u003e\n        \u003cdiv class=\"kph-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"kph-timeline-content\"\u003e\n          \u003ch3\u003eIdéalement le matin\u003c\/h3\u003e\n          \u003cp\u003ePratiquez ce massage avant la douche pour démarrer la journée avec dynamisme et énergie renouvelée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kph-tip\"\u003e\n      \u003cspan class=\"kph-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eUtilisable en auto-massage quotidien ou lors de séances de massage professionnel en cabinet. Le flacon pompe de 100 ml permet un dosage précis et hygiénique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"kph-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse cette huile Kapha ?\u003c\/h2\u003e\n    \u003cp class=\"kph-section-intro\"\u003eCette huile convient particulièrement si vous vous reconnaissez dans l'un de ces profils :\u003c\/p\u003e\n    \u003cdiv class=\"kph-grid-compact\"\u003e\n      \u003cdiv class=\"kph-card\"\u003e\n        \u003ch3\u003e🧘 Constitution Kapha\u003c\/h3\u003e\n        \u003cp\u003eVous avez une constitution Kapha identifiée par un praticien ayurvédique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kph-card\"\u003e\n        \u003ch3\u003e😮‍💨 Fatigue et lourdeur\u003c\/h3\u003e\n        \u003cp\u003eVous ressentez régulièrement de la fatigue, de la lourdeur ou un manque d'entrain\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kph-card\"\u003e\n        \u003ch3\u003e🌿 Naturalité\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez une huile bio de massage tonifiante et 100 % naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kph-card\"\u003e\n        \u003ch3\u003e🕉️ Rituel quotidien\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez intégrer un rituel ayurvédique simple et efficace à votre quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"kph-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions et recommandations\u003c\/h2\u003e\n    \u003cdiv class=\"kph-accordion\"\u003e\n      \u003cdetails class=\"kph-accordion-item\"\u003e\n        \u003csummary class=\"kph-accordion-header\"\u003e🧴 Usage externe\u003c\/summary\u003e\n        \u003cdiv class=\"kph-accordion-content mt-3\"\u003e\n          \u003cp\u003eCette huile est destinée à un \u003cstrong\u003eusage externe uniquement\u003c\/strong\u003e. Évitez le contact avec les yeux et les muqueuses.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"kph-accordion-item\"\u003e\n        \u003csummary class=\"kph-accordion-header\"\u003e🧪 Test de tolérance\u003c\/summary\u003e\n        \u003cdiv class=\"kph-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de peau sensible ou réactive, effectuez un test dans le pli du coude \u003cstrong\u003e24 heures avant\u003c\/strong\u003e la première utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"kph-accordion-item\"\u003e\n        \u003csummary class=\"kph-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"kph-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillée aux \u003cstrong\u003efemmes enceintes\u003c\/strong\u003e et aux \u003cstrong\u003ejeunes enfants\u003c\/strong\u003e sans avis médical préalable. Ce produit cosmétique ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"kph-accordion-item\"\u003e\n        \u003csummary class=\"kph-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"kph-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur pour préserver toutes les qualités de cette huile de massage ayurvédique bio.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"kph-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé. Produit cosmétique à usage externe uniquement.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --kph-cream: #FAF8F2;\n  --kph-white: #ffffff;\n  --kph-primary: #8B9A2F;\n  --kph-primary-dark: #5A6B1A;\n  --kph-primary-light: #F2F5E4;\n  --kph-secondary: #C4A935;\n  --kph-accent: #D4883A;\n  --kph-text: #1a1a1a;\n  --kph-text-light: #5a5a5a;\n  --kph-border: #e5e0d5;\n  --kph-shadow: 0 4px 24px rgba(90,107,26,.08);\n  --kph-shadow-lg: 0 12px 48px rgba(90,107,26,.15);\n  --kph-radius: 20px;\n  --kph-radius-sm: 12px;\n}\n\n.kph-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--kph-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kph-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5A6B1A 0%, #8B9A2F 40%, #C4A935 100%);\n  border-radius: var(--kph-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(--kph-shadow-lg);\n}\n\n.kph-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,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(196,169,53,.1) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.kph-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.kph-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.kph-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: -.01em;\n}\n\n.kph-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.kph-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.kph-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(--kph-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.kph-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kph-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kph-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--kph-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.kph-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(--kph-primary), var(--kph-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kph-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kph-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === DOSHA INTRO === *\/\n.kph-dosha-intro {\n  background: var(--kph-white);\n  border-radius: var(--kph-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kph-shadow);\n  margin-bottom: 1.5rem;\n  border-left: 4px solid var(--kph-secondary);\n}\n\n.kph-dosha-intro p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--kph-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.kph-card {\n  background: var(--kph-white);\n  border-radius: var(--kph-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kph-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.kph-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kph-shadow-lg);\n  border-color: var(--kph-primary);\n}\n\n.kph-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kph-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.kph-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kph-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kph-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kph-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.kph-grid-compact .kph-card {\n  padding: 1rem;\n}\n\n.kph-grid-compact .kph-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.kph-grid-compact .kph-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kph-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.kph-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.kph-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--kph-primary), var(--kph-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.kph-timeline-content {\n  flex: 1;\n  background: var(--kph-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--kph-radius-sm);\n  box-shadow: var(--kph-shadow);\n}\n\n.kph-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kph-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.kph-timeline-content p {\n  font-size: 14px;\n  color: var(--kph-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kph-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--kph-primary-light);\n  border-radius: var(--kph-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.kph-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.kph-tip p {\n  font-size: 14px;\n  color: var(--kph-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.kph-accordion {\n  background: var(--kph-white);\n  border-radius: var(--kph-radius);\n  box-shadow: var(--kph-shadow);\n  overflow: hidden;\n}\n\n.kph-accordion-item {\n  border-bottom: 1px solid var(--kph-border);\n  margin: 0;\n  padding: 0;\n}\n\n.kph-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.kph-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--kph-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.kph-accordion-header:hover {\n  background: var(--kph-primary-light);\n}\n\n.kph-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.kph-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--kph-primary);\n  transition: transform .2s ease;\n}\n\n.kph-accordion-item[open] .kph-accordion-header::after {\n  content: '−';\n}\n\n.kph-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--kph-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.kph-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.kph-disclaimer {\n  font-size: 12px;\n  color: var(--kph-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  .kph-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .kph-card {\n    padding: 1.125rem;\n  }\n\n  .kph-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .kph-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--kph-radius-sm);\n  }\n\n  .kph-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .kph-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .kph-grid-compact {\n    gap: .625rem;\n  }\n\n  .kph-grid-compact .kph-card {\n    padding: .75rem;\n  }\n\n  .kph-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .kph-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .kph-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .kph-timeline-content p {\n    font-size: 13px;\n  }\n\n  .kph-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .kph-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .kph-dosha-intro {\n    padding: 1rem;\n  }\n\n  .kph-dosha-intro p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .kph-card {\n    animation: kphFadeInUp .5s ease backwards;\n  }\n  .kph-card:nth-child(1) { animation-delay: .05s; }\n  .kph-card:nth-child(2) { animation-delay: .1s; }\n  .kph-card:nth-child(3) { animation-delay: .15s; }\n  .kph-card:nth-child(4) { animation-delay: .2s; }\n  .kph-card:nth-child(5) { animation-delay: .25s; }\n  .kph-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kphFadeInUp {\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  .kph-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755094761629,"sku":"AY0107","price":25.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-massage-bio-kapha-flacon-de-100-ml-ayur-vana-587202.jpg?v=1732722958"},{"product_id":"huile-de-massage-bio-pitta-flacon-de-100-ml-ayurvana","title":"Huile de Massage Bio Pitta - Flacon de 100 ml - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Massage Bio Pitta - Ayur-Vana\nPalette détectée:\n  - Primaire: #C8922A (doré\/ambre du flacon et de l'huile)\n  - Secondaire: #E8A83E (jaune orangé chaud de l'étiquette)\n  - Accent: #5A8C3C (vert du label bio)\nAmbiance: Ayurvédique, naturel\/bio, zen, chaleur dorée apaisante, univers bien-être holistique\nPréfixe CSS: pt\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Huile de Massage Bio Pitta Ayur-Vana : l'alliée des peaux sensibles et des tempéraments de feu\"\n  2. \"Pourquoi choisir une huile de massage ayurvédique Pitta ?\"\n  3. \"Composition et ingrédients\"\n  4. \"Conseils d'utilisation : comment réaliser votre massage Pitta\"\n  5. \"Les bienfaits concrets au quotidien\"\n  6. \"À qui s'adresse cette huile ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"pt-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"pt-hero\"\u003e\n    \u003cdiv class=\"pt-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pt-hero-content\"\u003e\n      \u003cdiv class=\"pt-badges-top\"\u003e\n        \u003cspan class=\"pt-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n        \u003cspan class=\"pt-badge\"\u003e🧘 Tradition Ayurvédique\u003c\/span\u003e\n        \u003cspan class=\"pt-badge\"\u003e🍃 100 % Naturelle\u003c\/span\u003e\n        \u003cspan class=\"pt-badge\"\u003e🇫🇷 100 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pt-hero-title\"\u003eHuile de Massage Bio Pitta\u003c\/span\u003e\n      \u003cp class=\"pt-subtitle\"\u003eAyur-Vana — Flacon 100 ml\u003c\/p\u003e\n      \u003cp class=\"pt-description\"\u003eUn rituel ayurvédique rafraîchissant et apaisant, formulé pour calmer le feu intérieur et sublimer les peaux sensibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"pt-section\"\u003e\n    \u003ch2\u003eHuile de Massage Bio Pitta Ayur-Vana : l'alliée des peaux sensibles et des tempéraments de feu\u003c\/h2\u003e\n    \u003cp class=\"pt-section-intro\"\u003eVous ressentez souvent des sensations de chaleur, des rougeurs ou une peau réactive ? En \u003cstrong\u003eAyurvéda\u003c\/strong\u003e, ces signes sont typiques d'un \u003cstrong\u003edosha Pitta\u003c\/strong\u003e en excès.\u003c\/p\u003e\n    \u003cdiv class=\"pt-highlight-box\"\u003e\n      \u003cp\u003eL'\u003cstrong\u003eHuile de Massage Bio Pitta\u003c\/strong\u003e d'Ayur-Vana a été spécifiquement formulée pour apaiser ce déséquilibre grâce à une synergie d'huiles végétales biologiques et d'extraits de plantes rafraîchissantes. Un véritable rituel de bien-être en flacon de 100 ml.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"pt-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une huile de massage ayurvédique Pitta ?\u003c\/h2\u003e\n    \u003cp class=\"pt-section-intro\"\u003eDans la tradition ayurvédique, le massage à l'huile — appelé \u003cstrong\u003eAbhyanga\u003c\/strong\u003e — est un pilier de l'hygiène de vie quotidienne.\u003c\/p\u003e\n    \u003cdiv class=\"pt-grid-compact\"\u003e\n      \u003cdiv class=\"pt-card\"\u003e\n        \u003ch3\u003e❄️ Rafraîchissante\u003c\/h3\u003e\n        \u003cp\u003ePropriétés spécifiquement conçues pour calmer le feu de Pitta, contrairement aux huiles Vata qui privilégient la chaleur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pt-card\"\u003e\n        \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n        \u003cp\u003eCalme les irritations et procure une sensation de fraîcheur immédiate sur les peaux réactives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pt-card\"\u003e\n        \u003ch3\u003e💧 Nourrissante\u003c\/h3\u003e\n        \u003cp\u003eNourrit la peau en profondeur pour un confort durable tout au long de la journée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pt-card\"\u003e\n        \u003ch3\u003e🎯 Ciblée Pitta\u003c\/h3\u003e\n        \u003cp\u003eIdéale pour les peaux sensibles, sujettes aux rougeurs, qui ont besoin de douceur\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"pt-section\"\u003e\n    \u003ch2\u003eComposition et ingrédients\u003c\/h2\u003e\n    \u003cp class=\"pt-section-intro\"\u003eCertifiée \u003cstrong\u003ebio\u003c\/strong\u003e, cette huile repose sur une base d'\u003cstrong\u003ehuile de sésame\u003c\/strong\u003e — l'huile traditionnelle du massage ayurvédique — enrichie d'extraits de plantes reconnues.\u003c\/p\u003e\n    \u003cdiv class=\"pt-grid\"\u003e\n      \u003cdiv class=\"pt-card\"\u003e\n        \u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n        \u003cp\u003eBase traditionnelle ayurvédique : nourrit, assouplit et pénètre facilement la peau pour un soin en profondeur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pt-card\"\u003e\n        \u003ch3\u003e🌿 Extraits de plantes rafraîchissantes\u003c\/h3\u003e\n        \u003cp\u003ePlantes ayurvédiques sélectionnées pour leurs vertus apaisantes, contribuant à calmer le feu de Pitta\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pt-card\"\u003e\n        \u003ch3\u003e🍃 Huiles essentielles douces\u003c\/h3\u003e\n        \u003cp\u003eApportent un parfum herbacé subtil propice à la détente, sans être entêtant\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pt-tip\"\u003e\n      \u003cspan class=\"pt-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eFormule \u003cstrong\u003e100 % naturelle\u003c\/strong\u003e, sans additifs chimiques, sans conservateurs de synthèse et sans parfums artificiels. Chaque ingrédient respecte les principes de la \u003cstrong\u003emédecine ayurvédique\u003c\/strong\u003e traditionnelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"pt-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation : comment réaliser votre massage Pitta\u003c\/h2\u003e\n    \u003cp class=\"pt-section-intro\"\u003ePour profiter pleinement des bienfaits de cette \u003cstrong\u003ehuile de massage ayurvédique\u003c\/strong\u003e, suivez ces étapes simples :\u003c\/p\u003e\n    \u003cdiv class=\"pt-timeline\"\u003e\n      \u003cdiv class=\"pt-timeline-item\"\u003e\n        \u003cdiv class=\"pt-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pt-timeline-content\"\u003e\n          \u003ch3\u003eVersez quelques gouttes\u003c\/h3\u003e\n          \u003cp\u003eDéposez quelques gouttes d'huile dans le creux de vos mains\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pt-timeline-item\"\u003e\n        \u003cdiv class=\"pt-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pt-timeline-content\"\u003e\n          \u003ch3\u003eTiédissez légèrement\u003c\/h3\u003e\n          \u003cp\u003eFrottez vos paumes l'une contre l'autre pour tiédir l'huile — Pitta préfère une \u003cstrong\u003etempérature modérée\u003c\/strong\u003e, contrairement au massage à l'huile chaude recommandé pour Vata\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pt-timeline-item\"\u003e\n        \u003cdiv class=\"pt-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pt-timeline-content\"\u003e\n          \u003ch3\u003eMassez en mouvements fluides\u003c\/h3\u003e\n          \u003cp\u003eAppliquez en mouvements longs et fluides sur l'ensemble du corps, en insistant sur les zones de tension : épaules, nuque, plexus solaire\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pt-timeline-item\"\u003e\n        \u003cdiv class=\"pt-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"pt-timeline-content\"\u003e\n          \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n          \u003cp\u003eLaissez agir \u003cstrong\u003e15 à 20 minutes\u003c\/strong\u003e avant de rincer sous une douche tiède\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pt-tip\"\u003e\n      \u003cspan class=\"pt-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si vous possédez un \u003cstrong\u003echauffe-huile massage ayurvédique\u003c\/strong\u003e, réglez-le sur une température basse pour conserver les propriétés rafraîchissantes de la formule. L'objectif est de tiédir sans surchauffer.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"pt-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"pt-grid\"\u003e\n      \u003cdiv class=\"pt-card\"\u003e\n        \u003ch3\u003e🌬️ Apaise les peaux irritées\u003c\/h3\u003e\n        \u003cp\u003eLes plantes rafraîchissantes calment les irritations et réduisent les rougeurs des peaux réactives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pt-card\"\u003e\n        \u003ch3\u003e💧 Nourrit et assouplit\u003c\/h3\u003e\n        \u003cp\u003eLa peau est nourrie durablement, retrouve souplesse et confort jour après jour\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pt-card\"\u003e\n        \u003ch3\u003e🧘 Favorise la détente mentale\u003c\/h3\u003e\n        \u003cp\u003eAide à relâcher les tensions liées au stress et à retrouver un calme intérieur profond\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pt-card\"\u003e\n        \u003ch3\u003e⚖️ Rééquilibre le dosha Pitta\u003c\/h3\u003e\n        \u003cp\u003eAgit naturellement sur l'excès de Pitta pour restaurer l'harmonie corps-esprit\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pt-card\"\u003e\n        \u003ch3\u003e🌸 Parfum herbacé délicat\u003c\/h3\u003e\n        \u003cp\u003eUn subtil bouquet végétal qui calme l'esprit sans être entêtant, propice à la méditation\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"pt-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eÀ qui s'adresse cette huile ?\u003c\/h2\u003e\n    \u003cdiv class=\"pt-grid-compact\"\u003e\n      \u003cdiv class=\"pt-card\"\u003e\n        \u003ch3\u003e🔥 Constitution Pitta\u003c\/h3\u003e\n        \u003cp\u003ePersonnes de nature Pitta ou traversant un déséquilibre : irritabilité, chaleur excessive\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pt-card\"\u003e\n        \u003ch3\u003e🌹 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003ePeaux sujettes aux rougeurs et réactivité, qui recherchent douceur et apaisement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pt-card\"\u003e\n        \u003ch3\u003e🧖 Rituel détente\u003c\/h3\u003e\n        \u003cp\u003eToute personne recherchant une huile de massage bio apaisante et naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pt-card\"\u003e\n        \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n        \u003cp\u003eCelles et ceux qui souhaitent un rituel authentique, sans additifs chimiques ni parfums artificiels\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pt-disclaimer\"\u003eCe produit cosmétique ne remplace pas un avis médical. En cas de doute sur votre constitution ayurvédique ou de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --pt-cream: #FDF8F0;\n  --pt-white: #ffffff;\n  --pt-primary: #C8922A;\n  --pt-primary-dark: #8B6518;\n  --pt-primary-light: #FFF5E1;\n  --pt-secondary: #E8A83E;\n  --pt-accent: #5A8C3C;\n  --pt-text: #1a1a1a;\n  --pt-text-light: #5a5a5a;\n  --pt-border: #e8ddd0;\n  --pt-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --pt-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --pt-radius: 20px;\n  --pt-radius-sm: 12px;\n}\n\n.pt-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pt-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.pt-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8B6518 0%, #C8922A 40%, #E8A83E 70%, #5A8C3C 100%);\n  border-radius: var(--pt-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(--pt-shadow-lg);\n}\n\n.pt-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.pt-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pt-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.pt-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.pt-description {\n  color: rgba(255,255,255,.88);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.pt-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pt-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(--pt-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pt-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.pt-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pt-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pt-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.3;\n}\n\n.pt-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(--pt-primary), var(--pt-accent));\n  border-radius: 2px;\n}\n\n.pt-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pt-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.pt-card {\n  background: var(--pt-white);\n  border-radius: var(--pt-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pt-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pt-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pt-shadow-lg);\n  border-color: var(--pt-primary);\n}\n\n.pt-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pt-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pt-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pt-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pt-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pt-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pt-grid-compact .pt-card {\n  padding: 1rem;\n}\n\n.pt-grid-compact .pt-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pt-grid-compact .pt-card p {\n  font-size: 12px;\n}\n\n.pt-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pt-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pt-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pt-primary), var(--pt-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.pt-timeline-content {\n  flex: 1;\n  background: var(--pt-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pt-radius-sm);\n  box-shadow: var(--pt-shadow);\n}\n\n.pt-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pt-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pt-timeline-content p {\n  font-size: 14px;\n  color: var(--pt-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.pt-highlight-box {\n  background: var(--pt-white);\n  border-radius: var(--pt-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pt-shadow);\n  border-left: 4px solid var(--pt-primary);\n}\n\n.pt-highlight-box p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pt-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n.pt-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pt-primary-light);\n  border-radius: var(--pt-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.pt-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pt-tip p {\n  font-size: 14px;\n  color: var(--pt-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pt-disclaimer {\n  font-size: 12px;\n  color: var(--pt-text-light);\n  text-align: center;\n  margin-top: 1.5rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .pt-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .pt-card {\n    padding: 1.125rem;\n  }\n\n  .pt-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .pt-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pt-radius-sm);\n  }\n\n  .pt-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .pt-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .pt-grid-compact {\n    gap: .625rem;\n  }\n\n  .pt-grid-compact .pt-card {\n    padding: .75rem;\n  }\n\n  .pt-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .pt-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .pt-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .pt-timeline-content p {\n    font-size: 13px;\n  }\n\n  .pt-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .pt-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .pt-card {\n    animation: ptFadeInUp .5s ease backwards;\n  }\n  .pt-card:nth-child(1) { animation-delay: .05s; }\n  .pt-card:nth-child(2) { animation-delay: .1s; }\n  .pt-card:nth-child(3) { animation-delay: .15s; }\n  .pt-card:nth-child(4) { animation-delay: .2s; }\n  .pt-card:nth-child(5) { animation-delay: .25s; }\n  .pt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ptFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pt-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755095154845,"sku":"AY0106","price":25.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-massage-bio-pitta-flacon-de-100-ml-ayur-vana-lifestyle.webp?v=1771101657"},{"product_id":"huile-de-ricin-bio-flacon-de-30-ml-ayurvana","title":"Huile de Ricin Bio - Flacon de 30 Ml - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Ricin Bio - Flacon de 30 Ml - Ayur-Vana\nPalette détectée:\n  - Primaire: #4a7c3f (vert olive\/naturel du packaging et du label Bio)\n  - Secondaire: #8b6f47 (brun doré, évoquant l'huile de ricin)\n  - Accent: #c4a54d (doré chaud, pour highlights)\nAmbiance: Naturel, bio, épuré, minimaliste, ayurvédique, soins traditionnels\nPréfixe CSS: hr\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Huile de Ricin Bio Ayur-Vana : le soin fortifiant pour vos cheveux, peau et ongles\"\n  2. \"Pourquoi choisir l'huile de ricin pour les cheveux et la beauté naturelle ?\"\n  3. \"Comment utiliser l'huile de ricin sur les cheveux ?\"\n  4. \"Des bienfaits qui vont au-delà des cheveux\"\n  5. \"Composition – un seul ingrédient, zéro superflu\"\n  6. \"Qualité et traçabilité Ayur-Vana\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"hr-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"hr-hero\"\u003e\n    \u003cdiv class=\"hr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hr-hero-content\"\u003e\n      \u003cdiv class=\"hr-badges-top\"\u003e\n        \u003cspan class=\"hr-badge\"\u003e🌿 100 % pure et bio\u003c\/span\u003e\n        \u003cspan class=\"hr-badge\"\u003e🧴 Première pression à froid\u003c\/span\u003e\n        \u003cspan class=\"hr-badge\"\u003e🇫🇷 Ayur-Vana\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hr-hero-title\"\u003eHuile de Ricin Bio\u003c\/span\u003e\n      \u003cp class=\"hr-subtitle\"\u003eFlacon 30 ml — Ayur-Vana\u003c\/p\u003e\n      \u003cp class=\"hr-description\"\u003eL'huile polyvalente par excellence : fortifie les cheveux, nourrit la peau, renforce les ongles. Un seul ingrédient, zéro superflu.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"hr-section\"\u003e\n    \u003ch2\u003eHuile de Ricin Bio Ayur-Vana : le soin fortifiant pour vos cheveux, peau et ongles\u003c\/h2\u003e\n    \u003cp class=\"hr-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de ricin\u003c\/strong\u003e fiable, pure et certifiée bio ? L'Huile de Ricin Bio Ayur-Vana est un soin naturel polyvalent, obtenu par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e des graines de \u003cem\u003eRicinus Communis\u003c\/em\u003e.\u003c\/p\u003e\n    \u003cdiv class=\"hr-grid-compact\"\u003e\n      \u003cdiv class=\"hr-card\"\u003e\n        \u003ch3\u003e🌱 100 % bio\u003c\/h3\u003e\n        \u003cp\u003eCertifiée agriculture biologique, sans aucun additif ni conservateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hr-card\"\u003e\n        \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n        \u003cp\u003eExtraction douce qui préserve l'intégralité des actifs naturels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hr-card\"\u003e\n        \u003ch3\u003e✨ Résultats visibles\u003c\/h3\u003e\n        \u003cp\u003eDes effets constatés dès les premières applications\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hr-card\"\u003e\n        \u003ch3\u003e🧳 Format 30 ml\u003c\/h3\u003e\n        \u003cp\u003eFlacon pratique, idéal pour voyager ou pour découvrir le produit\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"hr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'huile de ricin pour les cheveux et la beauté naturelle ?\u003c\/h2\u003e\n    \u003cp class=\"hr-section-intro\"\u003eUtilisée depuis des siècles dans les rituels de beauté traditionnels — notamment en Inde, dans la tradition ayurvédique — l'huile de ricin est un trésor de la nature aux propriétés exceptionnelles.\u003c\/p\u003e\n    \u003cdiv class=\"hr-grid\"\u003e\n      \u003cdiv class=\"hr-card\"\u003e\n        \u003ch3\u003e🔬 ~90 % d'acide ricinoléique\u003c\/h3\u003e\n        \u003cp\u003eUn actif unique qui confère à cette huile ses propriétés nourrissantes, fortifiantes et protectrices incomparables\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hr-card\"\u003e\n        \u003ch3\u003e💧 Film protecteur naturel\u003c\/h3\u003e\n        \u003cp\u003eSa texture épaisse et visqueuse forme un bouclier sur la fibre capillaire et la peau, limitant la déshydratation\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hr-card\"\u003e\n        \u003ch3\u003e💆 Soin 3-en-1\u003c\/h3\u003e\n        \u003cp\u003eCheveux, peau et ongles : un seul produit pour une routine beauté naturelle complète et simplifiée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"hr-section\"\u003e\n    \u003ch2\u003eComment utiliser l'huile de ricin sur les cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"hr-section-intro\"\u003eAppliquer de l'huile de ricin dans les cheveux est simple, à condition de connaître quelques astuces pour en tirer le meilleur parti.\u003c\/p\u003e\n    \u003cdiv class=\"hr-timeline\"\u003e\n      \u003cdiv class=\"hr-timeline-item\"\u003e\n        \u003cdiv class=\"hr-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hr-timeline-content\"\u003e\n          \u003ch3\u003e🧖 En masque capillaire\u003c\/h3\u003e\n          \u003cp\u003eRépartissez quelques gouttes sur cheveux secs, des racines aux pointes. Enveloppez dans une serviette tiède et laissez poser au minimum 1 heure — idéalement toute une nuit. Lavez avec un shampooing doux. 1 à 2 fois par semaine pour nourrir et renforcer les cheveux cassants, fins ou dévitalisés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hr-timeline-item\"\u003e\n        \u003cdiv class=\"hr-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hr-timeline-content\"\u003e\n          \u003ch3\u003e✂️ En soin des pointes\u003c\/h3\u003e\n          \u003cp\u003eUne seule goutte suffit sur les pointes fourchues pour les sceller et leur redonner de la souplesse au quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hr-timeline-item\"\u003e\n        \u003cdiv class=\"hr-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"hr-timeline-content\"\u003e\n          \u003ch3\u003e👁️ Pour les cils et sourcils\u003c\/h3\u003e\n          \u003cp\u003eAppliquez une infime quantité le soir à l'aide d'une brosse propre pour fortifier les cils et densifier les sourcils naturellement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"hr-section\"\u003e\n    \u003ch2\u003eDes bienfaits qui vont au-delà des cheveux\u003c\/h2\u003e\n    \u003cdiv class=\"hr-grid\"\u003e\n      \u003cdiv class=\"hr-card\"\u003e\n        \u003ch3\u003e🤲 Pour la peau\u003c\/h3\u003e\n        \u003cp\u003eMassez quelques gouttes sur les zones sèches, les cuticules ou les lèvres gercées. Cette huile est remarquable pour adoucir et assouplir les peaux rugueuses ou déshydratées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hr-card\"\u003e\n        \u003ch3\u003e💅 Pour les ongles\u003c\/h3\u003e\n        \u003cp\u003eAppliquez une goutte sur chaque ongle chaque soir et massez délicatement. En quelques semaines, vos ongles seront plus résistants et moins cassants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"hr-section\"\u003e\n    \u003ch2\u003eComposition – un seul ingrédient, zéro superflu\u003c\/h2\u003e\n    \u003cdiv class=\"hr-composition-highlight\"\u003e\n      \u003cdiv class=\"hr-composition-single\"\u003e\n        \u003cspan class=\"hr-composition-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cdiv class=\"hr-composition-detail\"\u003e\n          \u003cstrong\u003eRicinus Communis Seed Oil*\u003c\/strong\u003e\n          \u003cspan\u003e*issu de l'agriculture biologique\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hr-grid-compact\"\u003e\n      \u003cdiv class=\"hr-card\"\u003e\n        \u003ch3\u003e🚫 Aucun conservateur\u003c\/h3\u003e\n        \u003cp\u003eFormule pure sans ajout\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hr-card\"\u003e\n        \u003ch3\u003e🚫 Aucun parfum\u003c\/h3\u003e\n        \u003cp\u003eSans parfum de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hr-card\"\u003e\n        \u003ch3\u003e🐰 Non testée\u003c\/h3\u003e\n        \u003cp\u003ePas de tests sur animaux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hr-card\"\u003e\n        \u003ch3\u003e🏷️ Certifiée bio\u003c\/h3\u003e\n        \u003cp\u003e100 % pure, non raffinée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"hr-section\"\u003e\n    \u003ch2\u003eQualité et traçabilité Ayur-Vana\u003c\/h2\u003e\n    \u003cp class=\"hr-section-intro\"\u003eAyur-Vana sélectionne des graines issues de cultures biologiques certifiées et les presse à froid pour préserver l'ensemble des nutriments.\u003c\/p\u003e\n    \u003cdiv class=\"hr-accordion\"\u003e\n      \u003cdetails class=\"hr-accordion-item\"\u003e\n        \u003csummary class=\"hr-accordion-header\"\u003e🌾 Sourcing et fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"hr-accordion-content mt-3\"\u003e\n          \u003cp\u003eGraines de ricin issues de cultures biologiques certifiées, pressées à froid pour conserver tous les nutriments. Le format 30 ml est idéal pour glisser dans votre trousse de voyage ou tester cette huile de ricin avant d'adopter un format plus grand.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hr-accordion-item\"\u003e\n        \u003csummary class=\"hr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"hr-accordion-content mt-3\"\u003e\n          \u003cp\u003eGardez le flacon à l'abri de la lumière et de la chaleur. Bien refermé, il se conserve plusieurs mois sans altération.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hr-accordion-item\"\u003e\n        \u003csummary class=\"hr-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"hr-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute ou de réaction cutanée, consultez un professionnel de santé. Effectuez toujours un test dans le pli du coude 24 heures avant la première utilisation.\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=\"hr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"hr-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à vos cheveux, votre peau et vos ongles le meilleur de la nature — une seule huile, 100 % pure et bio, pour une routine beauté simplifiée et efficace.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"hr-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --hr-cream: #f7f5f0;\n  --hr-white: #ffffff;\n  --hr-primary: #4a7c3f;\n  --hr-primary-dark: #365c2e;\n  --hr-primary-light: #e8f0e5;\n  --hr-secondary: #8b6f47;\n  --hr-accent: #c4a54d;\n  --hr-text: #1a1a1a;\n  --hr-text-light: #5a5a5a;\n  --hr-border: #e0ddd6;\n  --hr-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --hr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --hr-radius: 20px;\n  --hr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.hr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.hr-premium *, .hr-premium *::before, .hr-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.hr-hero {\n  position: relative;\n  background: linear-gradient(135deg, #365c2e 0%, #4a7c3f 40%, #6a9a5a 70%, #8b6f47 100%);\n  border-radius: var(--hr-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(--hr-shadow-lg);\n}\n\n.hr-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(196,165,77,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.hr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.hr-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.hr-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.hr-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.hr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.hr-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(--hr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.hr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hr-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.3;\n}\n\n.hr-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(--hr-primary), var(--hr-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.hr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hr-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.hr-section-intro strong {\n  color: var(--hr-text);\n}\n\n\/* === CARDS === *\/\n.hr-card {\n  background: var(--hr-white);\n  border-radius: var(--hr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hr-shadow-lg);\n  border-color: var(--hr-primary);\n}\n\n.hr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.hr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.hr-grid-compact .hr-card {\n  padding: 1rem;\n}\n\n.hr-grid-compact .hr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.hr-grid-compact .hr-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.hr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.hr-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--hr-primary), var(--hr-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.hr-timeline-content {\n  flex: 1;\n  background: var(--hr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--hr-radius-sm);\n  box-shadow: var(--hr-shadow);\n}\n\n.hr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--hr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hr-timeline-content p {\n  font-size: 14px;\n  color: var(--hr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.hr-composition-highlight {\n  display: flex;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.hr-composition-single {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: linear-gradient(135deg, var(--hr-primary-light), #f0ebe0);\n  border: 2px solid var(--hr-primary);\n  border-radius: var(--hr-radius);\n  padding: 1.25rem 2rem;\n  box-shadow: var(--hr-shadow);\n}\n\n.hr-composition-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.hr-composition-detail {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.hr-composition-detail strong {\n  font-size: clamp(16px, 2.5vw, 19px);\n  color: var(--hr-primary-dark);\n  font-weight: 800;\n}\n\n.hr-composition-detail span {\n  font-size: 13px;\n  color: var(--hr-text-light);\n  font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.hr-accordion {\n  background: var(--hr-white);\n  border-radius: var(--hr-radius);\n  box-shadow: var(--hr-shadow);\n  overflow: hidden;\n}\n\n.hr-accordion-item {\n  border-bottom: 1px solid var(--hr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hr-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.hr-accordion-header:hover {\n  background: var(--hr-primary-light);\n}\n\n.hr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--hr-primary);\n  transition: transform .2s ease;\n}\n\n.hr-accordion-item[open] .hr-accordion-header::after {\n  content: '−';\n}\n\n.hr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.hr-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.hr-cta-box {\n  background: linear-gradient(135deg, var(--hr-primary) 0%, var(--hr-primary-dark) 100%);\n  border-radius: var(--hr-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.hr-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 50%, rgba(196,165,77,.15) 0%, transparent 60%);\n}\n\n.hr-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.hr-disclaimer {\n  font-size: 12px;\n  color: var(--hr-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  .hr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .hr-card {\n    padding: 1.125rem;\n  }\n\n  .hr-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .hr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hr-radius-sm);\n  }\n\n  .hr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .hr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .hr-grid-compact {\n    gap: .625rem;\n  }\n\n  .hr-grid-compact .hr-card {\n    padding: .75rem;\n  }\n\n  .hr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .hr-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .hr-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .hr-timeline-content p {\n    font-size: 13px;\n  }\n\n  .hr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .hr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .hr-composition-single {\n    padding: 1rem 1.25rem;\n  }\n\n  .hr-composition-icon {\n    font-size: 28px;\n  }\n\n  .hr-composition-detail strong {\n    font-size: 15px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .hr-card {\n    animation: hrFadeInUp .5s ease backwards;\n  }\n  .hr-card:nth-child(1) { animation-delay: .05s; }\n  .hr-card:nth-child(2) { animation-delay: .1s; }\n  .hr-card:nth-child(3) { animation-delay: .15s; }\n  .hr-card:nth-child(4) { animation-delay: .2s; }\n  .hr-card:nth-child(5) { animation-delay: .25s; }\n  .hr-card:nth-child(6) { animation-delay: .3s; }\n\n  .hr-timeline-item {\n    animation: hrFadeInUp .5s ease backwards;\n  }\n  .hr-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .hr-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .hr-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes hrFadeInUp {\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  .hr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755096236189,"sku":"AY0103","price":13.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-ricin-bio-ayurvana.jpg?v=1733754496"},{"product_id":"huile-de-neem-bio-flacon-de-30-ml-ayurvana","title":"Huile de Neem Bio 30 ml – Soin Naturel Antiseptique et Hydratant - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Neem Bio 30 ml – AyurVana\nPalette détectée:\n  - Primaire: #4a7c3f (vert feuille de neem, dominant sur le packaging et les feuilles)\n  - Secondaire: #8b6f2a (vert olive\/doré de l'huile visible dans le flacon)\n  - Accent: #c4a535 (jaune doré du fruit de neem mûr)\n  - Texte marque: #b8302a (rouge du \"A\" de AyurVana)\nAmbiance: Naturel\/bio, ayurvédique, végétal, authentique, épuré\nPréfixe CSS: nm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Huile de Neem Bio AyurVana : un soin ancestral aux vertus multiples\"\n  2. \"Les bienfaits de l'huile de neem pour la peau et les cheveux\"\n  3. \"Comment utiliser cette huile de neem bio ?\"\n  4. \"Composition – INCI\"\n  5. \"Huile de neem : y a-t-il un danger ?\"\n  6. \"Pourquoi choisir l'huile de neem AyurVana ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"nm-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"nm-hero\"\u003e\n    \u003cdiv class=\"nm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"nm-hero-content\"\u003e\n      \u003cdiv class=\"nm-badges-top\"\u003e\n        \u003cspan class=\"nm-badge\"\u003e🌿 100 % pure et bio\u003c\/span\u003e\n        \u003cspan class=\"nm-badge\"\u003e🧴 Flacon-pompe 30 ml\u003c\/span\u003e\n        \u003cspan class=\"nm-badge\"\u003e🇮🇳 Tradition ayurvédique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"nm-hero-title\"\u003eHuile de Neem Bio AyurVana\u003c\/span\u003e\n      \u003cp class=\"nm-subtitle\"\u003eSoin naturel antiseptique et hydratant\u003c\/p\u003e\n      \u003cp class=\"nm-description\"\u003ePressée à froid, certifiée bio, un seul ingrédient d'exception pour votre peau, vos cheveux et vos plantes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"nm-section\"\u003e\n    \u003ch2\u003eHuile de Neem Bio AyurVana : un soin ancestral aux vertus multiples\u003c\/h2\u003e\n    \u003cp class=\"nm-section-intro\"\u003eUtilisée depuis des millénaires dans la tradition ayurvédique, l'huile de neem est extraite des graines de l'arbre \u003cem\u003eAzadirachta indica\u003c\/em\u003e, surnommé « pharmacie du village » en Inde.\u003c\/p\u003e\n    \u003cdiv class=\"nm-grid-compact\"\u003e\n      \u003cdiv class=\"nm-card\"\u003e\n        \u003ch3\u003e🌳 Arbre millénaire\u003c\/h3\u003e\n        \u003cp\u003eIssue de l'\u003cem\u003eAzadirachta indica\u003c\/em\u003e, vénéré en Inde comme « pharmacie du village »\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nm-card\"\u003e\n        \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n        \u003cp\u003eExtraction douce pour conserver l'intégralité des principes actifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nm-card\"\u003e\n        \u003ch3\u003e🏅 Certifiée bio\u003c\/h3\u003e\n        \u003cp\u003e100 % pure et certifiée Cosmétique Bio, sans aucun ajout\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nm-card\"\u003e\n        \u003ch3\u003e💎 Concentré naturel\u003c\/h3\u003e\n        \u003cp\u003eUn soin polyvalent pour votre peau, vos cheveux et même vos plantes\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"nm-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'huile de neem pour la peau et les cheveux\u003c\/h2\u003e\n    \u003cp class=\"nm-section-intro\"\u003eSa richesse en acides gras essentiels et en composés actifs comme l'azadirachtine en fait un soin remarquablement polyvalent.\u003c\/p\u003e\n    \u003cdiv class=\"nm-grid\"\u003e\n      \u003cdiv class=\"nm-card\"\u003e\n        \u003ch3\u003e🧼 Purifiante et antiseptique\u003c\/h3\u003e\n        \u003cp\u003eAide à assainir les peaux à imperfections, les zones sujettes aux rougeurs et les petites irritations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nm-card\"\u003e\n        \u003ch3\u003e💧 Nourrissante et émolliente\u003c\/h3\u003e\n        \u003cp\u003eGrâce à sa teneur en acide oléique, elle adoucit et hydrate les peaux sèches ou tiraillées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nm-card\"\u003e\n        \u003ch3\u003e🤲 Apaisante\u003c\/h3\u003e\n        \u003cp\u003eCalme les démangeaisons et les inconforts cutanés, y compris au niveau du cuir chevelu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nm-card\"\u003e\n        \u003ch3\u003e💇 Fortifiante pour les cheveux\u003c\/h3\u003e\n        \u003cp\u003eEn masque capillaire, elle nourrit la fibre, renforce les racines et aide à lutter contre les pellicules.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nm-card\"\u003e\n        \u003ch3\u003e🛡️ Répulsif naturel\u003c\/h3\u003e\n        \u003cp\u003eReconnue comme insecticide naturel, l'huile de neem éloigne efficacement poux, moustiques et autres parasites.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"nm-section\"\u003e\n    \u003ch2\u003eComment utiliser cette huile de neem bio ?\u003c\/h2\u003e\n    \u003cp class=\"nm-section-intro\"\u003eIntégrez facilement l'huile de neem AyurVana à votre routine quotidienne :\u003c\/p\u003e\n    \u003cdiv class=\"nm-timeline\"\u003e\n      \u003cdiv class=\"nm-timeline-item\"\u003e\n        \u003cdiv class=\"nm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"nm-timeline-content\"\u003e\n          \u003ch3\u003eSoin visage\u003c\/h3\u003e\n          \u003cp\u003eMélangez 2 à 3 gouttes à votre crème de nuit ou à une huile végétale plus légère (jojoba, amande douce) pour atténuer les imperfections.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nm-timeline-item\"\u003e\n        \u003cdiv class=\"nm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"nm-timeline-content\"\u003e\n          \u003ch3\u003eSoin capillaire\u003c\/h3\u003e\n          \u003cp\u003eAppliquez quelques gouttes sur le cuir chevelu, massez et laissez poser 30 minutes avant votre shampoing pour un cuir chevelu apaisé et des cheveux revitalisés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nm-timeline-item\"\u003e\n        \u003cdiv class=\"nm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"nm-timeline-content\"\u003e\n          \u003ch3\u003eCorps\u003c\/h3\u003e\n          \u003cp\u003eCiblez les zones sèches (coudes, talons) en massant directement quelques gouttes jusqu'à pénétration.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nm-timeline-item\"\u003e\n        \u003cdiv class=\"nm-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"nm-timeline-content\"\u003e\n          \u003ch3\u003eHuile de neem pour les plantes\u003c\/h3\u003e\n          \u003cp\u003eDiluée dans de l'eau avec un peu de savon noir, elle s'utilise en pulvérisation comme insecticide à base d'huile de neem contre pucerons, cochenilles et acariens.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"nm-tip\"\u003e\n      \u003cspan class=\"nm-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'huile de neem se solidifie en dessous de 25 °C. Passez le flacon sous l'eau tiède quelques instants pour la rendre fluide avant utilisation.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"nm-section\"\u003e\n    \u003ch2\u003eComposition – INCI\u003c\/h2\u003e\n    \u003cdiv class=\"nm-composition-card\"\u003e\n      \u003cdiv class=\"nm-composition-highlight\"\u003e\n        \u003cspan class=\"nm-composition-percent\"\u003e100 %\u003c\/span\u003e\n        \u003cspan class=\"nm-composition-name\"\u003eMelia Azadirachta Seed Oil*\u003c\/span\u003e\n        \u003cspan class=\"nm-composition-desc\"\u003eHuile de graines de neem\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"nm-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique. \u003cstrong\u003eSans parfum, sans conservateur, sans colorant.\u003c\/strong\u003e Certifiée Cosmétique Bio.\u003c\/p\u003e\n      \u003cdiv class=\"nm-grid-compact nm-composition-actifs\"\u003e\n        \u003cdiv class=\"nm-card\"\u003e\n          \u003ch3\u003e🫒 Acide oléique\u003c\/h3\u003e\n          \u003cp\u003eNourrit et protège la barrière cutanée\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"nm-card\"\u003e\n          \u003ch3\u003e🌾 Acide linoléique\u003c\/h3\u003e\n          \u003cp\u003eMaintient l'hydratation et la souplesse\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"nm-card\"\u003e\n          \u003ch3\u003e🌴 Acide palmitique\u003c\/h3\u003e\n          \u003cp\u003eRenforce le film hydrolipidique\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"nm-card\"\u003e\n          \u003ch3\u003e🛡️ Triterpènes et antioxydants\u003c\/h3\u003e\n          \u003cp\u003eProtègent et purifient naturellement\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"nm-section\"\u003e\n    \u003ch2\u003eHuile de neem : y a-t-il un danger ?\u003c\/h2\u003e\n    \u003cp class=\"nm-section-intro\"\u003eEn usage cosmétique externe, l'huile de neem est très bien tolérée. Quelques précautions suffisent :\u003c\/p\u003e\n    \u003cdiv class=\"nm-accordion\"\u003e\n      \u003cdetails class=\"nm-accordion-item\"\u003e\n        \u003csummary class=\"nm-accordion-header\"\u003e✋ Test cutané recommandé\u003c\/summary\u003e\n        \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéalisez un test cutané au pli du coude avant la première utilisation pour vérifier l'absence de réaction allergique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"nm-accordion-item\"\u003e\n        \u003csummary class=\"nm-accordion-header\"\u003e👁️ Contact yeux et muqueuses\u003c\/summary\u003e\n        \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n          \u003cp\u003eÉvitez le contact avec les yeux et les muqueuses. En cas de contact accidentel, rincez abondamment à l'eau claire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"nm-accordion-item\"\u003e\n        \u003csummary class=\"nm-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n        \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillée aux femmes enceintes et aux enfants de moins de 3 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"nm-accordion-item\"\u003e\n        \u003csummary class=\"nm-accordion-header\"\u003e⚗️ Huile végétale vs huile essentielle\u003c\/summary\u003e\n        \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas confondre avec une huile essentielle de neem : il s'agit ici d'une huile végétale, beaucoup plus douce et adaptée à un usage quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"nm-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"nm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir l'huile de neem AyurVana ?\u003c\/h2\u003e\n    \u003cdiv class=\"nm-grid\"\u003e\n      \u003cdiv class=\"nm-card\"\u003e\n        \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n        \u003cp\u003eQualité optimale des actifs préservée par une extraction douce et respectueuse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nm-card\"\u003e\n        \u003ch3\u003e🏅 Certification bio\u003c\/h3\u003e\n        \u003cp\u003eGarantit l'absence totale de pesticides et de résidus chimiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nm-card\"\u003e\n        \u003ch3\u003e🧴 Flacon-pompe 30 ml\u003c\/h3\u003e\n        \u003cp\u003eFormat pratique et hygiénique, dosage précis au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nm-card\"\u003e\n        \u003ch3\u003e🙏 Fidélité ayurvédique\u003c\/h3\u003e\n        \u003cp\u003eFabrication respectueuse des principes millénaires de l'Ayurveda\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nm-card\"\u003e\n        \u003ch3\u003e🌱 Un seul ingrédient\u003c\/h3\u003e\n        \u003cp\u003eZéro superflu : 100 % huile de graines de neem bio, rien d'autre\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"nm-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre peau et à vos cheveux toute la puissance d'un soin millénaire, dans un format pensé pour le quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --nm-cream: #f7f5ef;\n  --nm-white: #ffffff;\n  --nm-primary: #4a7c3f;\n  --nm-primary-dark: #345a2c;\n  --nm-primary-light: #e8f0e5;\n  --nm-secondary: #8b6f2a;\n  --nm-accent: #c4a535;\n  --nm-text: #1a1a1a;\n  --nm-text-light: #5a5a5a;\n  --nm-border: #ddd8cc;\n  --nm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --nm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --nm-radius: 20px;\n  --nm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.nm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--nm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #345a2c 0%, #4a7c3f 40%, #6b9a3a 70%, #8b6f2a 100%);\n  border-radius: var(--nm-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(--nm-shadow-lg);\n}\n\n.nm-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(196,165,53,.12) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.nm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === BADGES === *\/\n.nm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.nm-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(--nm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.nm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.nm-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.nm-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.nm-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.nm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--nm-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.nm-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(--nm-primary), var(--nm-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.nm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--nm-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.nm-card {\n  background: var(--nm-white);\n  border-radius: var(--nm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--nm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.nm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--nm-shadow-lg);\n  border-color: var(--nm-primary);\n}\n\n.nm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--nm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.nm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--nm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.nm-grid-compact .nm-card {\n  padding: 1rem;\n}\n\n.nm-grid-compact .nm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.nm-grid-compact .nm-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.nm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.nm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--nm-primary), var(--nm-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.nm-timeline-content {\n  flex: 1;\n  background: var(--nm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--nm-radius-sm);\n  box-shadow: var(--nm-shadow);\n}\n\n.nm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--nm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.nm-timeline-content p {\n  font-size: 14px;\n  color: var(--nm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.nm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--nm-primary-light);\n  border-radius: var(--nm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.nm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.nm-tip p {\n  font-size: 14px;\n  color: var(--nm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION CARD === *\/\n.nm-composition-card {\n  background: var(--nm-white);\n  border-radius: var(--nm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--nm-shadow);\n}\n\n.nm-composition-highlight {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  padding: 1.5rem 1rem;\n  background: linear-gradient(135deg, var(--nm-primary-light), rgba(196,165,53,.08));\n  border-radius: var(--nm-radius-sm);\n  margin-bottom: 1.25rem;\n}\n\n.nm-composition-percent {\n  font-size: clamp(36px, 8vw, 56px);\n  font-weight: 900;\n  color: var(--nm-primary);\n  line-height: 1;\n  letter-spacing: -.04em;\n}\n\n.nm-composition-name {\n  font-size: clamp(14px, 2.5vw, 17px);\n  font-weight: 700;\n  color: var(--nm-primary-dark);\n  margin-top: .5rem;\n  font-style: italic;\n}\n\n.nm-composition-desc {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--nm-text-light);\n  margin-top: .25rem;\n}\n\n.nm-composition-note {\n  font-size: 14px;\n  color: var(--nm-text-light);\n  text-align: center;\n  margin: 0 0 1.5rem 0;\n  line-height: 1.6;\n}\n\n.nm-composition-actifs {\n  margin-top: 0;\n}\n\n.nm-composition-actifs .nm-card {\n  background: var(--nm-primary-light);\n  border: none;\n  box-shadow: none;\n}\n\n.nm-composition-actifs .nm-card:hover {\n  box-shadow: var(--nm-shadow);\n  transform: translateY(-4px);\n}\n\n\/* === ACCORDÉON === *\/\n.nm-accordion {\n  background: var(--nm-white);\n  border-radius: var(--nm-radius);\n  box-shadow: var(--nm-shadow);\n  overflow: hidden;\n}\n\n.nm-accordion-item {\n  border-bottom: 1px solid var(--nm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.nm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.nm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--nm-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.nm-accordion-header:hover {\n  background: var(--nm-primary-light);\n}\n\n.nm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.nm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--nm-primary);\n  transition: transform .2s ease;\n}\n\n.nm-accordion-item[open] .nm-accordion-header::after {\n  content: '−';\n}\n\n.nm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--nm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.nm-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nm-disclaimer {\n  font-size: 12px;\n  color: var(--nm-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === CTA FINAL === *\/\n.nm-cta-box {\n  background: linear-gradient(135deg, var(--nm-primary) 0%, var(--nm-primary-dark) 100%);\n  border-radius: var(--nm-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.nm-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .nm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .nm-card {\n    padding: 1.125rem;\n  }\n\n  .nm-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .nm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--nm-radius-sm);\n  }\n\n  .nm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .nm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .nm-grid-compact {\n    gap: .625rem;\n  }\n\n  .nm-grid-compact .nm-card {\n    padding: .75rem;\n  }\n\n  .nm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .nm-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .nm-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .nm-timeline-content p {\n    font-size: 13px;\n  }\n\n  .nm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .nm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .nm-testimonial {\n    padding: 1.25rem;\n  }\n\n  .nm-testimonial-text {\n    font-size: 14px;\n  }\n\n  .nm-composition-card {\n    padding: 1.25rem;\n  }\n\n  .nm-composition-highlight {\n    padding: 1rem .75rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .nm-card {\n    animation: nmFadeInUp .5s ease backwards;\n  }\n  .nm-card:nth-child(1) { animation-delay: .05s; }\n  .nm-card:nth-child(2) { animation-delay: .1s; }\n  .nm-card:nth-child(3) { animation-delay: .15s; }\n  .nm-card:nth-child(4) { animation-delay: .2s; }\n  .nm-card:nth-child(5) { animation-delay: .25s; }\n  .nm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes nmFadeInUp {\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  .nm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755096629405,"sku":"AY0102","price":14.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-neem-bio-30-ml-soin-naturel-antiseptique-et-hydrata-ingredients.webp?v=1771063356"},{"product_id":"poudre-daloe-vera-100-g-ayurvana","title":"Poudre d’Aloe vera bio 100g – AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Poudre d'Aloe vera bio 100g – AyurVana\nPalette détectée:\n  - Primaire: #4a7c3f (vert olive\/foncé du bandeau et de la typographie packaging)\n  - Secondaire: #6db44d (vert vif de la plante aloe vera)\n  - Accent: #c4903d (kraft\/brun doré du sachet)\n  - Cream: #f7f3ec (beige clair rappelant l'étiquette)\n  - Primary-light: #eef5e8 (vert très pâle)\nAmbiance: Naturel\/bio, ayurvédique, chaleureux, artisanal, indien avec motifs paisley colorés\nPréfixe CSS: av\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Pourquoi choisir la poudre d'Aloe vera plutôt qu'un gel ?\"\n  2. \"Bienfaits de la poudre d'Aloe vera pour la peau\"\n  3. \"Un soin capillaire naturel et efficace\"\n  4. \"Comment utiliser la poudre d'Aloe vera AyurVana ?\"\n  5. \"Composition\"\n  6. \"Origine et qualité AyurVana\"\n  7. \"Les engagements de ce produit\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"av-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"av-hero\"\u003e\n    \u003cdiv class=\"av-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"av-hero-content\"\u003e\n      \u003cdiv class=\"av-badges-top\"\u003e\n        \u003cspan class=\"av-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"av-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"av-badge\"\u003e✨ 100 % pure\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"av-hero-title\"\u003ePoudre d'Aloe vera bio\u003c\/span\u003e\n      \u003cp class=\"av-subtitle\"\u003eBeauté du corps et des cheveux — AyurVana\u003c\/p\u003e\n      \u003cp class=\"av-description\"\u003eUn concentré de nature issu de l'\u003cem\u003eAloe barbadensis\u003c\/em\u003e, utilisé depuis des millénaires en médecine ayurvédique. 100 g de poudre pure, sans compromis sur la qualité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"av-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la poudre d'Aloe vera plutôt qu'un gel ?\u003c\/h2\u003e\n    \u003cp class=\"av-section-intro\"\u003eVous connaissez le gel ou le jus d'aloe vera bio. Mais la forme en poudre présente des avantages souvent méconnus :\u003c\/p\u003e\n    \u003cdiv class=\"av-grid\"\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e🔬 Concentration supérieure\u003c\/h3\u003e\n        \u003cp\u003eSans eau ajoutée, la poudre offre une densité d'actifs bien plus élevée qu'un gel aloe vera 100 pur bio classique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e🕰️ Longue conservation\u003c\/h3\u003e\n        \u003cp\u003eAucun conservateur nécessaire : la poudre se conserve naturellement pendant des mois dans son sachet refermable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e⚖️ Dosage sur mesure\u003c\/h3\u003e\n        \u003cp\u003eAdaptez la texture et la quantité exacte à chaque utilisation : masque visage, soin capillaire ou boisson bien-être.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"av-section\"\u003e\n    \u003ch2\u003eBienfaits de la poudre d'Aloe vera pour la peau\u003c\/h2\u003e\n    \u003cdiv class=\"av-grid\"\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n        \u003cp\u003eRiche en polysaccharides, l'aloe vera agit comme un véritable bouclier hydratant qui nourrit les peaux sèches en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e🌸 Apaisement des peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eSa douceur naturelle calme les peaux sensibles, irritées ou réactives sans aucune agressivité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e✨ Éclat retrouvé\u003c\/h3\u003e\n        \u003cp\u003eGrâce aux vitamines A, C, E et aux enzymes naturelles, elle aide à maintenir l'éclat des peaux ternes et fatiguées.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"av-tip\"\u003e\n      \u003cspan class=\"av-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eSon action douce la rend adaptée à \u003cstrong\u003etous les types de peaux\u003c\/strong\u003e, y compris les plus réactives.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"av-section\"\u003e\n    \u003ch2\u003eUn soin capillaire naturel et efficace\u003c\/h2\u003e\n    \u003cdiv class=\"av-testimonial\"\u003e\n      \u003cp class=\"av-testimonial-text\"\u003eAppliquée en masque, la poudre d'aloe vera hydrate le cuir chevelu, réduit les démangeaisons et apporte brillance et souplesse à la fibre capillaire. Elle se combine parfaitement avec d'autres poudres ayurvédiques comme le shikakaï ou le brahmi pour des soins sur mesure.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"av-tip\"\u003e\n      \u003cspan class=\"av-tip-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cp\u003eAlternative naturelle idéale aux soins conventionnels pour des cheveux nourris, brillants et revitalisés.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"av-section\"\u003e\n    \u003ch2\u003eComment utiliser la poudre d'Aloe vera AyurVana ?\u003c\/h2\u003e\n    \u003cdiv class=\"av-timeline\"\u003e\n      \u003cdiv class=\"av-timeline-item\"\u003e\n        \u003cdiv class=\"av-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"av-timeline-content\"\u003e\n          \u003ch3\u003eMasque visage hydratant\u003c\/h3\u003e\n          \u003cp\u003eMélangez 1 cuillère à café de poudre avec un peu d'eau tiède ou d'eau florale. Appliquez sur le visage, laissez poser 10 à 15 minutes, puis rincez à l'eau claire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-timeline-item\"\u003e\n        \u003cdiv class=\"av-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"av-timeline-content\"\u003e\n          \u003ch3\u003eMasque capillaire nourrissant\u003c\/h3\u003e\n          \u003cp\u003eMélangez 1 cuillère à soupe avec de l'eau tiède jusqu'à obtenir une pâte onctueuse. Appliquez sur les longueurs et le cuir chevelu, laissez agir 20 à 30 minutes avant votre shampooing.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-timeline-item\"\u003e\n        \u003cdiv class=\"av-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"av-timeline-content\"\u003e\n          \u003ch3\u003eSoin corps apaisant\u003c\/h3\u003e\n          \u003cp\u003eIncorporez la poudre à une huile végétale (coco, jojoba) pour un cataplasme apaisant sur les zones sèches ou inconfortables.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-timeline-item\"\u003e\n        \u003cdiv class=\"av-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"av-timeline-content\"\u003e\n          \u003ch3\u003eUsage interne ponctuel\u003c\/h3\u003e\n          \u003cp\u003eDiluez ½ cuillère à café dans un smoothie ou une infusion tiède. Demandez toujours l'avis d'un professionnel de santé avant toute consommation régulière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"av-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cdiv class=\"av-card\" style=\"text-align:center;\"\u003e\n      \u003ch3\u003e🌱 Ingrédient unique\u003c\/h3\u003e\n      \u003cp\u003ePoudre d'Aloe vera (\u003cem\u003eAloe barbadensis\u003c\/em\u003e) issue de l'agriculture biologique. \u003cstrong\u003e100 % pure\u003c\/strong\u003e, sans conservateurs, sans additifs, sans colorants.\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003ePoids net : 100 g\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"av-section\"\u003e\n    \u003ch2\u003eOrigine et qualité AyurVana\u003c\/h2\u003e\n    \u003cdiv class=\"av-accordion\"\u003e\n      \u003cdetails class=\"av-accordion-item\" open\u003e\n        \u003csummary class=\"av-accordion-header\"\u003e🌍 Récolte et origine\u003c\/summary\u003e\n        \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n          \u003cp\u003eLa plante est récoltée à la main en Inde, dans des plantations certifiées bio, respectant les traditions ayurvédiques ancestrales.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"av-accordion-item\"\u003e\n        \u003csummary class=\"av-accordion-header\"\u003e🌡️ Séchage à basse température\u003c\/summary\u003e\n        \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n          \u003cp\u003eElle est ensuite séchée à basse température puis finement broyée afin de \u003cstrong\u003epréserver l'intégralité de ses actifs naturels\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"av-accordion-item\"\u003e\n        \u003csummary class=\"av-accordion-header\"\u003e🇫🇷 Conditionnement en France\u003c\/summary\u003e\n        \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n          \u003cp\u003eLe conditionnement est réalisé en France, garantissant une traçabilité complète et un contrôle qualité rigoureux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"av-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eLes engagements de ce produit\u003c\/h2\u003e\n    \u003cdiv class=\"av-grid-compact\"\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eCosmos Organic\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e🌿 100 % pur\u003c\/h3\u003e\n        \u003cp\u003eSans additif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"av-card\"\u003e\n        \u003ch3\u003e🧴 Multi-usages\u003c\/h3\u003e\n        \u003cp\u003eVisage, corps, cheveux, bien-être\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"av-cta-box\"\u003e\n      \u003cp\u003e🌿 Un concentré de nature ancestrale pour sublimer votre peau et vos cheveux au quotidien, en toute simplicité.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"av-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un traitement médical. En cas de doute ou de condition particulière, consultez votre professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --av-cream: #f7f3ec;\n  --av-white: #ffffff;\n  --av-primary: #4a7c3f;\n  --av-primary-dark: #345a2b;\n  --av-primary-light: #eef5e8;\n  --av-secondary: #6db44d;\n  --av-accent: #c4903d;\n  --av-text: #1a1a1a;\n  --av-text-light: #5a5a5a;\n  --av-border: #e0ddd6;\n  --av-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --av-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --av-radius: 20px;\n  --av-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.av-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--av-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.av-hero {\n  position: relative;\n  background: linear-gradient(135deg, #345a2b 0%, #4a7c3f 40%, #6db44d 100%);\n  border-radius: var(--av-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(--av-shadow-lg);\n}\n\n.av-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n                    radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 0%, transparent 45%);\n  opacity: 1;\n}\n\n.av-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.av-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.av-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.av-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.av-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.av-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(--av-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.av-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.av-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.av-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--av-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.av-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(--av-primary), var(--av-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.av-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--av-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.av-card {\n  background: var(--av-white);\n  border-radius: var(--av-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--av-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.av-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--av-shadow-lg);\n  border-color: var(--av-primary);\n}\n\n.av-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--av-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.av-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--av-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.av-card p + p {\n  margin-top: .5rem;\n}\n\n\/* === GRILLES === *\/\n.av-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.av-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.av-grid-compact .av-card {\n  padding: 1rem;\n}\n\n.av-grid-compact .av-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.av-grid-compact .av-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.av-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.av-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.av-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--av-primary), var(--av-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.av-timeline-content {\n  flex: 1;\n  background: var(--av-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--av-radius-sm);\n  box-shadow: var(--av-shadow);\n}\n\n.av-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--av-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.av-timeline-content p {\n  font-size: 14px;\n  color: var(--av-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.av-testimonial {\n  background: var(--av-white);\n  border-radius: var(--av-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--av-shadow);\n  border-left: 4px solid var(--av-primary);\n}\n\n.av-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--av-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.av-accordion {\n  background: var(--av-white);\n  border-radius: var(--av-radius);\n  box-shadow: var(--av-shadow);\n  overflow: hidden;\n}\n\n.av-accordion-item {\n  border-bottom: 1px solid var(--av-border);\n  margin: 0;\n  padding: 0;\n}\n\n.av-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.av-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--av-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.av-accordion-header:hover {\n  background: var(--av-primary-light);\n}\n\n.av-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.av-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--av-primary);\n  transition: transform .2s ease;\n}\n\n.av-accordion-item[open] .av-accordion-header::after {\n  content: '−';\n}\n\n.av-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--av-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.av-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.av-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--av-primary-light);\n  border-radius: var(--av-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.av-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.av-tip p {\n  font-size: 14px;\n  color: var(--av-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.av-cta-box {\n  background: linear-gradient(135deg, var(--av-primary) 0%, var(--av-primary-dark) 100%);\n  border-radius: var(--av-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.av-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.av-disclaimer {\n  font-size: 12px;\n  color: var(--av-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  .av-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .av-card {\n    padding: 1.125rem;\n  }\n\n  .av-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .av-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--av-radius-sm);\n  }\n\n  .av-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .av-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .av-grid-compact {\n    gap: .625rem;\n  }\n\n  .av-grid-compact .av-card {\n    padding: .75rem;\n  }\n\n  .av-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .av-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .av-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .av-timeline-content p {\n    font-size: 13px;\n  }\n\n  .av-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .av-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .av-testimonial {\n    padding: 1.25rem;\n  }\n\n  .av-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .av-card {\n    animation: avFadeInUp .5s ease backwards;\n  }\n  .av-card:nth-child(1) { animation-delay: .05s; }\n  .av-card:nth-child(2) { animation-delay: .1s; }\n  .av-card:nth-child(3) { animation-delay: .15s; }\n  .av-card:nth-child(4) { animation-delay: .2s; }\n  .av-card:nth-child(5) { animation-delay: .25s; }\n  .av-card:nth-child(6) { animation-delay: .3s; }\n\n  .av-timeline-item {\n    animation: avFadeInUp .5s ease backwards;\n  }\n  .av-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .av-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .av-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .av-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes avFadeInUp {\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  .av-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755096694941,"sku":"AY9961","price":18.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-aloe-vera-100g-ayurvana.webp?v=1749648374"},{"product_id":"poudre-de-manjistha-100-g-ayurvana","title":"Poudre de Manjistha bio (Garance indienne) 100g - Ayur Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Poudre de Manjistha bio (Garance indienne) 100g - Ayur Vana\nPalette détectée:\n  - Primaire: #C4413D (rouge garance du bandeau packaging)\n  - Secondaire: #2B7A5B (vert\/turquoise des motifs paisley)\n  - Accent: #E8A63D (orange\/safran des gouttes décoratives)\n  - Crème: #F5EDE0 (fond crème\/beige de l'étiquette)\n  - Kraft: #B8956B (sachet kraft naturel)\nAmbiance: Ayurvédique, naturel\/bio, traditionnel indien, chaleureux, authentique\nPréfixe CSS: mj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Pourquoi utiliser la poudre de manjistha ?\"\n  2. \"Comment utiliser la poudre de manjistha AyurVana ?\"\n  3. \"Composition et pureté\"\n  4. \"Origine et fabrication responsable\"\n  5. \"Pourquoi choisir AyurVana  pour votre Manjistha ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"mj-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"mj-hero\"\u003e\n    \u003cdiv class=\"mj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mj-hero-content\"\u003e\n      \u003cdiv class=\"mj-badges-top\"\u003e\n        \u003cspan class=\"mj-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"mj-badge\"\u003e🇮🇳 Origine Inde\u003c\/span\u003e\n        \u003cspan class=\"mj-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mj-hero-title\"\u003ePoudre de Manjistha Bio\u003c\/span\u003e\n      \u003cp class=\"mj-subtitle\"\u003eGarance indienne • Rubia Cordifolia\u003c\/p\u003e\n      \u003cp class=\"mj-description\"\u003eSoin ayurvédique ancestral 100% pur pour une peau clarifiée, des cheveux fortifiés et un organisme purifié. La puissance détoxifiante de l'Inde dans un sachet de 100g.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003ePourquoi utiliser la poudre de manjistha ?\u003c\/h2\u003e\n    \u003cdiv class=\"mj-grid\"\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e✨ Soin du visage\u003c\/h3\u003e\n        \u003cp\u003eClarifie le teint, apaise les imperfections (acné, taches, irritations) et révèle l'éclat naturel de la peau grâce à sa richesse en antioxydants et actifs détoxifiants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e💆 Routine capillaire\u003c\/h3\u003e\n        \u003cp\u003eEn masque, fortifie la chevelure, stimule la croissance, régule les cuirs chevelus gras et apaise les démangeaisons pour des cheveux sains et brillants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🕉️ Tradition ayurvédique\u003c\/h3\u003e\n        \u003cp\u003eFavorise l'équilibre des doshas, aide à éliminer les toxines et purifie l'organisme selon les usages ancestraux indiens (avis médical recommandé pour usage interne).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003eComment utiliser la poudre de manjistha AyurVana ?\u003c\/h2\u003e\n    \n    \u003cdiv class=\"mj-usage-grid\"\u003e\n      \u003cdiv class=\"mj-usage-block\"\u003e\n        \u003cdiv class=\"mj-usage-header\"\u003e\n          \u003cspan class=\"mj-usage-icon\"\u003e🌸\u003c\/span\u003e\n          \u003ch3\u003ePour le visage\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mj-timeline\"\u003e\n          \u003cdiv class=\"mj-timeline-item\"\u003e\n            \u003cspan class=\"mj-timeline-number\"\u003e1\u003c\/span\u003e\n            \u003cdiv class=\"mj-timeline-content\"\u003e\n              \u003ch3\u003ePréparez la pâte\u003c\/h3\u003e\n              \u003cp\u003eMélangez une cuillère de poudre avec un peu d'eau, d'hydrolat ou de yaourt pour obtenir une pâte souple.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"mj-timeline-item\"\u003e\n            \u003cspan class=\"mj-timeline-number\"\u003e2\u003c\/span\u003e\n            \u003cdiv class=\"mj-timeline-content\"\u003e\n              \u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n              \u003cp\u003eAppliquez sur peau propre, laissez poser 10 à 15 minutes (évitez le contour des yeux).\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"mj-timeline-item\"\u003e\n            \u003cspan class=\"mj-timeline-number\"\u003e3\u003c\/span\u003e\n            \u003cdiv class=\"mj-timeline-content\"\u003e\n              \u003ch3\u003eRincez et révélez\u003c\/h3\u003e\n              \u003cp\u003eRincez à l'eau tiède en massant délicatement pour exfolier et révéler une peau nette et lumineuse.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"mj-usage-block\"\u003e\n        \u003cdiv class=\"mj-usage-header\"\u003e\n          \u003cspan class=\"mj-usage-icon\"\u003e💇\u003c\/span\u003e\n          \u003ch3\u003ePour les cheveux\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mj-timeline\"\u003e\n          \u003cdiv class=\"mj-timeline-item\"\u003e\n            \u003cspan class=\"mj-timeline-number\"\u003e1\u003c\/span\u003e\n            \u003cdiv class=\"mj-timeline-content\"\u003e\n              \u003ch3\u003ePréparez le soin\u003c\/h3\u003e\n              \u003cp\u003ePréparez une pâte avec de l'eau tiède jusqu'à consistance crémeuse.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"mj-timeline-item\"\u003e\n            \u003cspan class=\"mj-timeline-number\"\u003e2\u003c\/span\u003e\n            \u003cdiv class=\"mj-timeline-content\"\u003e\n              \u003ch3\u003eAppliquez et posez\u003c\/h3\u003e\n              \u003cp\u003eRépartissez sur le cuir chevelu et les longueurs. Laissez agir 20 à 30 minutes sous une serviette.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"mj-timeline-item\"\u003e\n            \u003cspan class=\"mj-timeline-number\"\u003e3\u003c\/span\u003e\n            \u003cdiv class=\"mj-timeline-content\"\u003e\n              \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n              \u003cp\u003eConvient à tous types de cheveux, notamment pour apaiser et purifier le cuir chevelu.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"mj-tip\"\u003e\n      \u003cspan class=\"mj-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Toujours effectuer un test de tolérance sur une petite zone avant la première utilisation.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003eComposition et pureté\u003c\/h2\u003e\n    \u003cdiv class=\"mj-composition-box\"\u003e\n      \u003cdiv class=\"mj-composition-main\"\u003e\n        \u003cspan class=\"mj-composition-percent\"\u003e100%\u003c\/span\u003e\n        \u003cdiv class=\"mj-composition-text\"\u003e\n          \u003ch3\u003ePoudre de racine de Manjistha bio\u003c\/h3\u003e\n          \u003cp\u003e\u003cem\u003eRubia Cordifolia\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-composition-badges\"\u003e\n        \u003cspan class=\"mj-comp-badge\"\u003e🚫 Sans conservateur\u003c\/span\u003e\n        \u003cspan class=\"mj-comp-badge\"\u003e🎨 Sans colorant\u003c\/span\u003e\n        \u003cspan class=\"mj-comp-badge\"\u003e✅ Sans ajout\u003c\/span\u003e\n        \u003cspan class=\"mj-comp-badge\"\u003e🏆 Qualité premium\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003eOrigine et fabrication responsable\u003c\/h2\u003e\n    \u003cdiv class=\"mj-origin-card\"\u003e\n      \u003cdiv class=\"mj-origin-content\"\u003e\n        \u003cp\u003eRécoltée \u003cstrong\u003een Inde\u003c\/strong\u003e, selon la tradition ayurvédique millénaire, la poudre de manjistha AyurVana est obtenue par \u003cstrong\u003eséchage doux et broyage fin\u003c\/strong\u003e, garantissant l'intégrité des actifs précieux de la plante.\u003c\/p\u003e\n        \u003cp\u003eLa marque s'engage pour une \u003cstrong\u003eagriculture éthique\u003c\/strong\u003e, respectueuse des producteurs locaux et de l'environnement, perpétuant un savoir-faire ancestral dans le respect de la nature.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-origin-icons\"\u003e\n        \u003cdiv class=\"mj-origin-icon-item\"\u003e\n          \u003cspan\u003e🌍\u003c\/span\u003e\n          \u003cspan\u003eÉthique\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mj-origin-icon-item\"\u003e\n          \u003cspan\u003e🌱\u003c\/span\u003e\n          \u003cspan\u003eDurable\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mj-origin-icon-item\"\u003e\n          \u003cspan\u003e🤝\u003c\/span\u003e\n          \u003cspan\u003eÉquitable\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"mj-section\"\u003e\n    \u003ch2\u003ePourquoi choisir AyurVana  pour votre Manjistha ?\u003c\/h2\u003e\n    \u003cdiv class=\"mj-grid-compact\"\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🌿 Qualité certifiée bio\u003c\/h3\u003e\n        \u003cp\u003eSécurité et efficacité maximales garanties\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🔄 Polyvalence d'usage\u003c\/h3\u003e\n        \u003cp\u003eVisage, cheveux, rituels ayurvédiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e💎 Formule 100% pure\u003c\/h3\u003e\n        \u003cp\u003eSans aucun additif ni conservateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🇮🇳 Origine contrôlée\u003c\/h3\u003e\n        \u003cp\u003eRécoltée éthiquement en Inde\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🐰 Convient aux végans\u003c\/h3\u003e\n        \u003cp\u003eSans test sur animaux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mj-card\"\u003e\n        \u003ch3\u003e🏭 Made in France\u003c\/h3\u003e\n        \u003cp\u003eConditionné avec soin en France\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"mj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mj-cta-box\"\u003e\n      \u003cp\u003e🕉️ Offrez à votre peau et vos cheveux le meilleur de l'ayurvéda avec la poudre de Manjistha AyurVana — pour une beauté naturelle, saine et rayonnante jour après jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mj-disclaimer\"\u003eLes compléments alimentaires et produits cosmétiques ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --mj-cream: #FAF6F1;\n  --mj-white: #ffffff;\n  --mj-primary: #C4413D;\n  --mj-primary-dark: #9A322F;\n  --mj-primary-light: #FCEEED;\n  --mj-secondary: #2B7A5B;\n  --mj-secondary-light: #E8F5EF;\n  --mj-accent: #E8A63D;\n  --mj-kraft: #B8956B;\n\n  \/* Textes *\/\n  --mj-text: #1a1a1a;\n  --mj-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --mj-border: #e0e0e0;\n  --mj-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --mj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --mj-radius: 20px;\n  --mj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mj-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--mj-primary) 0%, var(--mj-primary-dark) 40%, var(--mj-secondary) 100%);\n  border-radius: var(--mj-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(--mj-shadow-lg);\n}\n\n.mj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 25c-8 0-15 7-15 15h30c0-8-7-15-15-15z' fill='%23ffffff' fill-opacity='0.06'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.mj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === BADGES === *\/\n.mj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mj-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(--mj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.mj-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.mj-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.mj-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mj-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.mj-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(--mj-primary), var(--mj-accent));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.25rem;\n}\n\n.mj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mj-card {\n  background: var(--mj-white);\n  border-radius: var(--mj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mj-shadow-lg);\n  border-color: var(--mj-primary);\n}\n\n.mj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === USAGE GRID === *\/\n.mj-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.mj-usage-block {\n  background: var(--mj-white);\n  border-radius: var(--mj-radius);\n  padding: 1.5rem;\n  box-shadow: var(--mj-shadow);\n}\n\n.mj-usage-header {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  margin-bottom: 1.25rem;\n  padding-bottom: 1rem;\n  border-bottom: 2px solid var(--mj-primary-light);\n}\n\n.mj-usage-icon {\n  font-size: 28px;\n}\n\n.mj-usage-header h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--mj-primary-dark);\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.mj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: .75rem;\n}\n\n.mj-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mj-timeline-number {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: linear-gradient(135deg, var(--mj-primary), var(--mj-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 14px;\n}\n\n.mj-timeline-content {\n  flex: 1;\n  background: var(--mj-primary-light);\n  padding: .875rem 1rem;\n  border-radius: var(--mj-radius-sm);\n}\n\n.mj-timeline-content h3 {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--mj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mj-timeline-content p {\n  font-size: 13px;\n  color: var(--mj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mj-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mj-secondary-light);\n  border-radius: var(--mj-radius-sm);\n  padding: 1rem 1.25rem;\n  border-left: 4px solid var(--mj-secondary);\n}\n\n.mj-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mj-tip p {\n  font-size: 14px;\n  color: var(--mj-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mj-composition-box {\n  background: var(--mj-white);\n  border-radius: var(--mj-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mj-shadow);\n  text-align: center;\n}\n\n.mj-composition-main {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n  padding-bottom: 1.5rem;\n  border-bottom: 2px dashed var(--mj-border);\n}\n\n.mj-composition-percent {\n  font-size: clamp(48px, 10vw, 72px);\n  font-weight: 900;\n  background: linear-gradient(135deg, var(--mj-primary), var(--mj-secondary));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  line-height: 1;\n}\n\n.mj-composition-text {\n  text-align: left;\n}\n\n.mj-composition-text h3 {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--mj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mj-composition-text p {\n  font-size: 14px;\n  color: var(--mj-text-light);\n  margin: 0;\n  font-style: italic;\n}\n\n.mj-composition-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .625rem;\n}\n\n.mj-comp-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 8px 14px;\n  background: var(--mj-secondary-light);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-secondary);\n}\n\n\/* === ORIGIN CARD === *\/\n.mj-origin-card {\n  background: var(--mj-white);\n  border-radius: var(--mj-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mj-shadow);\n  border-left: 4px solid var(--mj-accent);\n}\n\n.mj-origin-content p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--mj-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.mj-origin-content p:last-child {\n  margin-bottom: 1.5rem;\n}\n\n.mj-origin-icons {\n  display: flex;\n  justify-content: center;\n  gap: 2rem;\n  padding-top: 1rem;\n  border-top: 1px solid var(--mj-border);\n}\n\n.mj-origin-icon-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .25rem;\n}\n\n.mj-origin-icon-item span:first-child {\n  font-size: 28px;\n}\n\n.mj-origin-icon-item span:last-child {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--mj-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n\/* === CTA FINAL === *\/\n.mj-cta-box {\n  background: linear-gradient(135deg, var(--mj-secondary) 0%, var(--mj-primary-dark) 100%);\n  border-radius: var(--mj-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mj-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.mj-disclaimer {\n  font-size: 12px;\n  color: var(--mj-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  .mj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .mj-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  \n  .mj-grid-compact .mj-card {\n    padding: .875rem;\n  }\n  \n  .mj-grid-compact .mj-card h3 {\n    font-size: 13px;\n    margin-bottom: .35rem;\n  }\n  \n  .mj-grid-compact .mj-card p {\n    font-size: 11px;\n  }\n  \n  .mj-card {\n    padding: 1.125rem;\n  }\n  \n  .mj-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .mj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mj-radius-sm);\n  }\n  \n  .mj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .mj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  \/* Usage grid mobile *\/\n  .mj-usage-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .mj-usage-block {\n    padding: 1.125rem;\n  }\n  \n  .mj-usage-header {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .mj-usage-header h3 {\n    font-size: 16px;\n  }\n  \n  .mj-timeline-number {\n    width: 30px;\n    height: 30px;\n    font-size: 13px;\n  }\n  \n  .mj-timeline-content {\n    padding: .75rem .875rem;\n  }\n  \n  .mj-timeline-content h3 {\n    font-size: 13px;\n  }\n  \n  .mj-timeline-content p {\n    font-size: 12px;\n  }\n  \n  \/* Composition mobile *\/\n  .mj-composition-main {\n    flex-direction: column;\n    gap: .75rem;\n  }\n  \n  .mj-composition-text {\n    text-align: center;\n  }\n  \n  .mj-comp-badge {\n    padding: 6px 12px;\n    font-size: 12px;\n  }\n  \n  \/* Origin mobile *\/\n  .mj-origin-icons {\n    gap: 1.25rem;\n  }\n  \n  .mj-origin-icon-item span:first-child {\n    font-size: 24px;\n  }\n  \n  \/* Tip mobile *\/\n  .mj-tip {\n    padding: .875rem 1rem;\n  }\n  \n  .mj-tip-icon {\n    font-size: 20px;\n  }\n  \n  .mj-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mj-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .mj-card:nth-child(1) { animation-delay: .05s; }\n  .mj-card:nth-child(2) { animation-delay: .1s; }\n  .mj-card:nth-child(3) { animation-delay: .15s; }\n  .mj-card:nth-child(4) { animation-delay: .2s; }\n  .mj-card:nth-child(5) { animation-delay: .25s; }\n  .mj-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  .mj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755097088157,"sku":"AY9960","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-de-manjistha-bio-garance-indienne-100g-ayur-vana-ingredients.webp?v=1769351941"},{"product_id":"lait-corps-a-la-centella-bio-tube-de-75-ml-ayurvana","title":"Lait Corps à la Centella Bio 75 ml - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lait Corps à la Centella Bio 75 ml - Ayur-Vana\nPalette détectée:\n  - Primaire: #b5a064 (doré\/kaki du packaging, couleur dominante du tube)\n  - Secondaire: #6a9e3a (vert frais de la Centella\/plante)\n  - Accent: #c45a2d (touches orangées des motifs paisley)\nAmbiance: Ayurvédique, naturel\/bio, chaleureux, motifs indiens paisley, univers végétal et traditionnel\nPréfixe CSS: ct\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Lait Corps à la Centella Bio Ayur-Vana : hydratation et régénération naturelle\"\n  2. \"Pourquoi choisir la Centella Asiatica pour votre peau ?\"\n  3. \"Un lait corps hydratant à la texture légère et non grasse\"\n  4. \"Composition certifiée bio\"\n  5. \"Conseils d'utilisation\"\n  6. \"Fabriqué en France, dans le respect de votre peau\"\n--\u003e\n\n\u003cdiv class=\"ct-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ct-hero\"\u003e\n    \u003cdiv class=\"ct-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ct-hero-content\"\u003e\n      \u003cdiv class=\"ct-badges-top\"\u003e\n        \u003cspan class=\"ct-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"ct-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"ct-badge\"\u003e🧴 Tube 75 ml\u003c\/span\u003e\n        \u003cspan class=\"ct-badge\"\u003e🐅 Centella Asiatica\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ct-hero-title\"\u003eLait Corps à la Centella Bio\u003c\/span\u003e\n      \u003cp class=\"ct-subtitle\"\u003eAyur-Vana — L'héritage ayurvédique au service de votre peau\u003c\/p\u003e\n      \u003cp class=\"ct-description\"\u003eHydratation profonde, régénération naturelle et texture fondante pour une peau douce, souple et confortablement nourrie au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"ct-section\"\u003e\n    \u003ch2\u003eLait Corps à la Centella Bio Ayur-Vana : hydratation et régénération naturelle\u003c\/h2\u003e\n    \u003cp class=\"ct-section-intro\"\u003eUn soin corporel bio qui associe les trésors millénaires de l'Ayurvéda à une formulation certifiée, pour une peau profondément hydratée et revitalisée.\u003c\/p\u003e\n    \u003cdiv class=\"ct-grid-compact\"\u003e\n      \u003cdiv class=\"ct-card\"\u003e\n        \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n        \u003cp\u003eNourrit et hydrate durablement les peaux déshydratées et fragilisées\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ct-card\"\u003e\n        \u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n        \u003cp\u003eFormulé avec des ingrédients d'origine naturelle et biologique certifiés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ct-card\"\u003e\n        \u003ch3\u003e✨ Confort immédiat\u003c\/h3\u003e\n        \u003cp\u003eTexture fondante qui pénètre rapidement sans film gras\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ct-card\"\u003e\n        \u003ch3\u003e🕉️ Héritage ayurvédique\u003c\/h3\u003e\n        \u003cp\u003eInspiré de la pharmacopée indienne traditionnelle millénaire\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"ct-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la Centella Asiatica pour votre peau ?\u003c\/h2\u003e\n    \u003cp class=\"ct-section-intro\"\u003eAussi appelée \u003cem\u003eGotu Kola\u003c\/em\u003e ou herbe du tigre, la Centella Asiatica est l'une des plantes les plus précieuses de la pharmacopée ayurvédique, utilisée depuis des millénaires en Inde et en Asie.\u003c\/p\u003e\n    \u003cdiv class=\"ct-grid\"\u003e\n      \u003cdiv class=\"ct-card\"\u003e\n        \u003ch3\u003e🔬 Régénérante\u003c\/h3\u003e\n        \u003cp\u003eElle stimule la synthèse du collagène et favorise le renouvellement cellulaire pour une peau visiblement revitalisée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ct-card\"\u003e\n        \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n        \u003cp\u003eElle calme les irritations et les sensations d'inconfort, idéale pour les peaux réactives et sensibles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ct-card\"\u003e\n        \u003ch3\u003e💪 Raffermissante\u003c\/h3\u003e\n        \u003cp\u003eElle contribue à maintenir la fermeté et l'élasticité de la peau pour un toucher tonique et rebondi\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ct-tip\"\u003e\n      \u003cspan class=\"ct-tip-icon\"\u003e🐅\u003c\/span\u003e\n      \u003cp\u003eSelon la légende, les tigres blessés se roulaient dans la Centella pour accélérer la cicatrisation de leurs plaies — d'où son surnom d'\u003cstrong\u003eherbe du tigre\u003c\/strong\u003e. En l'intégrant dans ce lait bio, Ayur-Vana vous permet de profiter pleinement de ses bienfaits à chaque application.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"ct-section\"\u003e\n    \u003ch2\u003eUn lait corps hydratant à la texture légère et non grasse\u003c\/h2\u003e\n    \u003cdiv class=\"ct-testimonial\"\u003e\n      \u003cp class=\"ct-testimonial-text\"\u003e\"Si vous avez déjà été déçu par des laits corporels trop lourds ou collants, celui-ci devrait vous réconcilier. Sa texture fluide et fondante pénètre rapidement sans laisser de film gras. Votre peau est immédiatement douce, souple et confortablement hydratée. C'est un allié précieux même pour les peaux très sèches, grâce à sa formule riche en actifs nourrissants.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"ct-section\"\u003e\n    \u003ch2\u003eComposition certifiée bio\u003c\/h2\u003e\n    \u003cp class=\"ct-section-intro\"\u003eDes ingrédients d'origine naturelle et biologique, soigneusement sélectionnés pour votre peau. Sans parabènes, sans silicones, sans colorants artificiels.\u003c\/p\u003e\n    \u003cdiv class=\"ct-grid\"\u003e\n      \u003cdiv class=\"ct-card\"\u003e\n        \u003ch3\u003e🌿 Centella Asiatica bio\u003c\/h3\u003e\n        \u003cp\u003eActif principal du soin : régénère, apaise et revitalise la peau en profondeur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ct-card\"\u003e\n        \u003ch3\u003e🥥 Huile de coco\u003c\/h3\u003e\n        \u003cp\u003eNourrit en profondeur et adoucit la peau pour un toucher soyeux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ct-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eProtège et restaure le film hydrolipidique, barrière naturelle de la peau\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ct-card\"\u003e\n        \u003ch3\u003e🪴 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eHydrate intensément et apaise les peaux réactives grâce à ses polysaccharides\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ct-card\"\u003e\n        \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n        \u003cp\u003eRetient l'eau dans les couches supérieures de l'épiderme pour une hydratation longue durée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ct-tip\"\u003e\n      \u003cspan class=\"ct-tip-icon\"\u003e🛡️\u003c\/span\u003e\n      \u003cp\u003eCertifié \u003cstrong\u003eCosmétique Bio\u003c\/strong\u003e, ce soin respecte les peaux les plus sensibles tout autant que l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"ct-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"ct-timeline\"\u003e\n      \u003cdiv class=\"ct-timeline-item\"\u003e\n        \u003cdiv class=\"ct-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ct-timeline-content\"\u003e\n          \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n          \u003cp\u003eAppliquez chaque jour sur une peau propre et sèche, de préférence après la douche ou le bain lorsque la peau est encore tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ct-timeline-item\"\u003e\n        \u003cdiv class=\"ct-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ct-timeline-content\"\u003e\n          \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n          \u003cp\u003eEffectuez des mouvements circulaires jusqu'à pénétration complète du lait. Insistez sur les zones sèches : coudes, genoux et jambes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ct-timeline-item\"\u003e\n        \u003cdiv class=\"ct-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ct-timeline-content\"\u003e\n          \u003ch3\u003eIntensifiez si besoin\u003c\/h3\u003e\n          \u003cp\u003ePour un résultat optimal, utilisez-le matin et soir lors des périodes de froid ou de sécheresse cutanée. Votre peau reste douce toute la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"ct-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eFabriqué en France, dans le respect de votre peau\u003c\/h2\u003e\n    \u003cdiv class=\"ct-grid-compact\"\u003e\n      \u003cdiv class=\"ct-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eConçu et fabriqué en France par Ayur-Vana\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ct-card\"\u003e\n        \u003ch3\u003e🕉️ Esprit Ayurvéda\u003c\/h3\u003e\n        \u003cp\u003eSoins inspirés de la tradition ayurvédique indienne\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ct-card\"\u003e\n        \u003ch3\u003e🧴 Format pratique\u003c\/h3\u003e\n        \u003cp\u003eTube 75 ml compact, se glisse facilement dans votre sac\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ct-card\"\u003e\n        \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n        \u003cp\u003eCosmétique authentique, efficace et respectueuse de l'environnement\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ct-cta-box\"\u003e\n      \u003cp\u003e🌿 Votre peau mérite des actifs de qualité : offrez-lui le meilleur de la nature avec la Centella. Une hydratation profonde, un geste simple, un résultat visible.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ct-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --ct-cream: #faf8f2;\n  --ct-white: #ffffff;\n  --ct-primary: #b5a064;\n  --ct-primary-dark: #7a6b3a;\n  --ct-primary-light: #f5f0e0;\n  --ct-secondary: #6a9e3a;\n  --ct-accent: #c45a2d;\n  --ct-text: #1a1a1a;\n  --ct-text-light: #5a5a5a;\n  --ct-border: #e8e2d0;\n  --ct-shadow: 0 4px 24px rgba(122, 107, 58, .08);\n  --ct-shadow-lg: 0 12px 48px rgba(122, 107, 58, .15);\n  --ct-radius: 20px;\n  --ct-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ct-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ct-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ct-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7a6b3a 0%, #b5a064 45%, #6a9e3a 100%);\n  border-radius: var(--ct-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(--ct-shadow-lg);\n}\n\n.ct-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 15% 25%, rgba(255,255,255,.12) 0%, transparent 50%),\n    radial-gradient(circle at 85% 75%, rgba(255,255,255,.08) 0%, transparent 50%),\n    radial-gradient(circle at 50% 50%, rgba(196,90,45,.1) 0%, transparent 40%);\n  opacity: .6;\n}\n\n.ct-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ct-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.ct-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.ct-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(13px, 2vw, 16px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ct-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ct-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(--ct-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ct-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ct-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ct-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ct-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.ct-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(--ct-primary), var(--ct-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ct-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ct-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ct-card {\n  background: var(--ct-white);\n  border-radius: var(--ct-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ct-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ct-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ct-shadow-lg);\n  border-color: var(--ct-primary);\n}\n\n.ct-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ct-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ct-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ct-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ct-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.ct-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ct-grid-compact .ct-card {\n  padding: 1rem;\n}\n\n.ct-grid-compact .ct-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ct-grid-compact .ct-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ct-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ct-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ct-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ct-primary), var(--ct-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.ct-timeline-content {\n  flex: 1;\n  background: var(--ct-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ct-radius-sm);\n  box-shadow: var(--ct-shadow);\n}\n\n.ct-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ct-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ct-timeline-content p {\n  font-size: 14px;\n  color: var(--ct-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ct-testimonial {\n  background: var(--ct-white);\n  border-radius: var(--ct-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ct-shadow);\n  border-left: 4px solid var(--ct-primary);\n}\n\n.ct-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ct-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ct-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ct-primary-light);\n  border-radius: var(--ct-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ct-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ct-tip p {\n  font-size: 14px;\n  color: var(--ct-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ct-cta-box {\n  background: linear-gradient(135deg, var(--ct-primary) 0%, var(--ct-primary-dark) 100%);\n  border-radius: var(--ct-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.ct-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.ct-disclaimer {\n  font-size: 12px;\n  color: var(--ct-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  .ct-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ct-card {\n    padding: 1.125rem;\n  }\n\n  .ct-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ct-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ct-radius-sm);\n  }\n\n  .ct-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ct-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  \/* Grille compacte : 2 colonnes serrées *\/\n  .ct-grid-compact {\n    gap: .625rem;\n  }\n\n  .ct-grid-compact .ct-card {\n    padding: .75rem;\n  }\n\n  \/* Timeline mobile *\/\n  .ct-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ct-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ct-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ct-timeline-content p {\n    font-size: 13px;\n  }\n\n  \/* Testimonial mobile *\/\n  .ct-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ct-testimonial-text {\n    font-size: 14px;\n  }\n\n  \/* Tip mobile *\/\n  .ct-tip {\n    padding: .875rem 1rem;\n  }\n\n  .ct-tip-icon {\n    font-size: 20px;\n  }\n\n  .ct-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ct-card {\n    animation: ctFadeInUp .5s ease backwards;\n  }\n  .ct-card:nth-child(1) { animation-delay: .05s; }\n  .ct-card:nth-child(2) { animation-delay: .1s; }\n  .ct-card:nth-child(3) { animation-delay: .15s; }\n  .ct-card:nth-child(4) { animation-delay: .2s; }\n  .ct-card:nth-child(5) { animation-delay: .25s; }\n  .ct-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ctFadeInUp {\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  .ct-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755098300573,"sku":"AY9953","price":14.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-corps-a-la-centella-bio-75-ml-ayur-vana-lifestyle.webp?v=1770994757"},{"product_id":"gommage-visage-au-triphala-cosmos-organic-tube-de-75-ml-ayurvana","title":"Gommage Visage au Triphala Cosmos Organic - 75 ml - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gommage Visage au Triphala Cosmos Organic - 75 ml - AyurVana\nPalette détectée:\n  - Primaire: #7AAC2D (vert olive\/naturel du bandeau packaging)\n  - Secondaire: #C4A44A (doré\/ocre des motifs paisley)\n  - Accent: #E8963A (orange des fruits\/gouttes décoratives)\nAmbiance: Naturel\/bio, ayurvédique, motifs indiens paisley, univers végétal et authentique, tons chauds et terreux\nPréfixe CSS: gv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Gommage visage au Triphala bio : l'exfoliation douce inspirée de l'Ayurvéda\"\n  2. \"Le Triphala : trois fruits ayurvédiques au service de votre peau\"\n  3. \"Une formulation bio et des actifs soigneusement sélectionnés\"\n  4. \"Comment utiliser ce gommage visage bio ?\"\n  5. \"Pourquoi choisir ce gommage plutôt qu'un autre ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gv-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"gv-hero\"\u003e\n    \u003cdiv class=\"gv-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gv-hero-content\"\u003e\n      \u003cdiv class=\"gv-badges-top\"\u003e\n        \u003cspan class=\"gv-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"gv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"gv-badge\"\u003e🍃 100% végétal\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gv-hero-title\"\u003eGommage visage au Triphala\u003c\/span\u003e\n      \u003cp class=\"gv-subtitle\"\u003eL'exfoliation douce inspirée de l'Ayurvéda\u003c\/p\u003e\n      \u003cp class=\"gv-description\"\u003eTrois fruits sacrés de la tradition indienne réunis dans un soin bio certifié pour révéler l'éclat naturel de votre peau. Tube de 75 ml.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"gv-section\"\u003e\n    \u003ch2\u003eGommage visage au Triphala bio : l'exfoliation douce inspirée de l'Ayurvéda\u003c\/h2\u003e\n    \u003cp class=\"gv-section-intro\"\u003eVotre peau a besoin de respirer. Pollution, stress, accumulation de cellules mortes… Au quotidien, votre visage fait face à de nombreuses agressions qui ternissent son éclat.\u003c\/p\u003e\n    \u003cdiv class=\"gv-highlight-box\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003eGommage Visage au Triphala Cosmos Organic\u003c\/strong\u003e d'AyurVana est un soin exfoliant certifié bio qui puise dans la \u003cstrong\u003esagesse millénaire de l'Ayurvéda\u003c\/strong\u003e pour offrir à votre peau une seconde jeunesse, naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"gv-section\"\u003e\n    \u003ch2\u003eLe Triphala : trois fruits ayurvédiques au service de votre peau\u003c\/h2\u003e\n    \u003cp class=\"gv-section-intro\"\u003eLe Triphala est bien plus qu'un simple ingrédient cosmétique. Ce mélange ancestral réunit \u003cstrong\u003etrois fruits précieux\u003c\/strong\u003e de la tradition indienne :\u003c\/p\u003e\n    \u003cdiv class=\"gv-grid\"\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e🍈 Amalaki (Amla)\u003c\/h3\u003e\n        \u003cp\u003eExceptionnellement riche en \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e, il aide à protéger la peau du stress oxydatif et favorise un teint lumineux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e🌰 Bibhitaki\u003c\/h3\u003e\n        \u003cp\u003eReconnu pour ses propriétés \u003cstrong\u003epurifiantes\u003c\/strong\u003e, il contribue à désincruster les pores en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e🌿 Haritaki\u003c\/h3\u003e\n        \u003cp\u003eApprécié pour son action \u003cstrong\u003etonifiante\u003c\/strong\u003e, il soutient le renouvellement cellulaire et affine le grain de peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gv-tip\"\u003e\n      \u003cspan class=\"gv-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eEnsemble, ces trois fruits forment un \u003cstrong\u003epuissant trio antioxydant et détoxifiant\u003c\/strong\u003e qui transforme un simple gommage pour le visage en véritable rituel de soin.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"gv-section\"\u003e\n    \u003ch2\u003eUne formulation bio et des actifs soigneusement sélectionnés\u003c\/h2\u003e\n    \u003cp class=\"gv-section-intro\"\u003eCertifié \u003cstrong\u003eCosmos Organic par Ecocert\u003c\/strong\u003e, ce gommage visage est formulé sans parabènes, sans silicones et sans ingrédients controversés.\u003c\/p\u003e\n    \u003cdiv class=\"gv-grid-compact\"\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e🪴 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eApaise, hydrate en profondeur et favorise la régénération cutanée après l'exfoliation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n        \u003cp\u003eNourrit la peau et renforce sa barrière protectrice naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e🍋 Huile essentielle de citron\u003c\/h3\u003e\n        \u003cp\u003eTonifie l'épiderme et apporte une agréable sensation de fraîcheur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e🧪 Gomme xanthane\u003c\/h3\u003e\n        \u003cp\u003eAgent de texture d'origine naturelle pour une consistance idéale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gv-tip\"\u003e\n      \u003cspan class=\"gv-tip-icon\"\u003e💚\u003c\/span\u003e\n      \u003cp\u003eLe résultat ? Un gommage du visage à la fois \u003cstrong\u003eefficace et respectueux\u003c\/strong\u003e, qui convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les peaux sensibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"gv-section\"\u003e\n    \u003ch2\u003eComment utiliser ce gommage visage bio ?\u003c\/h2\u003e\n    \u003cp class=\"gv-section-intro\"\u003ePour profiter pleinement des bienfaits de ce soin, appliquez-le \u003cstrong\u003eune à deux fois par semaine\u003c\/strong\u003e en suivant ces étapes simples :\u003c\/p\u003e\n    \u003cdiv class=\"gv-timeline\"\u003e\n      \u003cdiv class=\"gv-timeline-item\"\u003e\n        \u003cdiv class=\"gv-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gv-timeline-content\"\u003e\n          \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n          \u003cp\u003eSur une peau propre et humide, déposez une noisette de produit du bout des doigts.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-timeline-item\"\u003e\n        \u003cdiv class=\"gv-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gv-timeline-content\"\u003e\n          \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n          \u003cp\u003eEffectuez des \u003cstrong\u003emouvements circulaires\u003c\/strong\u003e, en insistant sur la zone T (front, nez, menton) et en évitant le contour des yeux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-timeline-item\"\u003e\n        \u003cdiv class=\"gv-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gv-timeline-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède pour éliminer toutes les particules exfoliantes et les impuretés délogées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-timeline-item\"\u003e\n        \u003cdiv class=\"gv-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"gv-timeline-content\"\u003e\n          \u003ch3\u003eHydratez\u003c\/h3\u003e\n          \u003cp\u003eSéchez votre visage en tamponnant doucement, puis appliquez votre crème hydratante habituelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gv-tip\"\u003e\n      \u003cspan class=\"gv-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eSi vous cherchez une alternative naturelle au gommage visage maison, ce soin vous offre la \u003cstrong\u003epraticité d'une formulation prête à l'emploi\u003c\/strong\u003e avec la garantie d'ingrédients biologiques dosés avec précision.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"gv-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce gommage plutôt qu'un autre ?\u003c\/h2\u003e\n    \u003cdiv class=\"gv-grid\"\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e🚫 Sans microbilles plastiques\u003c\/h3\u003e\n        \u003cp\u003eContrairement aux exfoliants conventionnels, ce gommage mise sur des \u003cstrong\u003eparticules exfoliantes d'origine végétale\u003c\/strong\u003e respectueuses de l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduit selon des \u003cstrong\u003eprocédés écoresponsables\u003c\/strong\u003e, alliant efficacité cosmétique et engagement environnemental.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gv-card\"\u003e\n        \u003ch3\u003e✨ Résultats dès la 1ère application\u003c\/h3\u003e\n        \u003cp\u003eDouceur, souplesse et éclat retrouvés. Grain de peau visiblement affiné, pores désincrustés, teint plus uniforme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gv-tip\"\u003e\n      \u003cspan class=\"gv-tip-icon\"\u003e📏\u003c\/span\u003e\n      \u003cp\u003eLe tube de \u003cstrong\u003e75 ml\u003c\/strong\u003e offre plusieurs semaines d'utilisation grâce à sa texture concentrée — une base idéale pour vos soins quotidiens.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA + PRÉCAUTIONS --\u003e\n  \u003csection class=\"gv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"gv-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre peau le rituel ayurvédique qu'elle mérite.\u003cbr\u003eUn gommage bio, naturel et efficace pour un teint éclatant de santé.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gv-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdetails class=\"gv-accordion-item\"\u003e\n        \u003csummary class=\"gv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"gv-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Conservez à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --gv-cream: #faf8f3;\n  --gv-white: #ffffff;\n  --gv-primary: #7AAC2D;\n  --gv-primary-dark: #4a6e1b;\n  --gv-primary-light: #f0f6e4;\n  --gv-secondary: #C4A44A;\n  --gv-accent: #E8963A;\n  --gv-text: #1a1a1a;\n  --gv-text-light: #5a5a5a;\n  --gv-border: #e4dfd5;\n  --gv-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gv-radius: 20px;\n  --gv-radius-sm: 12px;\n}\n\n.gv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gv-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4a6e1b 0%, #7AAC2D 40%, #C4A44A 100%);\n  border-radius: var(--gv-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(--gv-shadow-lg);\n}\n\n.gv-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(circle at 15% 25%, rgba(255,255,255,.12) 0%, transparent 50%),\n    radial-gradient(circle at 85% 75%, rgba(255,255,255,.08) 0%, transparent 40%),\n    radial-gradient(circle at 50% 10%, rgba(232,150,58,.15) 0%, transparent 30%),\n    radial-gradient(circle at 90% 20%, rgba(196,164,74,.1) 0%, transparent 25%);\n  opacity: 1;\n}\n\n.gv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gv-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.gv-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.gv-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 560px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.gv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gv-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(--gv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gv-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.gv-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(--gv-primary), var(--gv-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gv-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.gv-highlight-box {\n  background: linear-gradient(135deg, var(--gv-primary-light) 0%, #faf6e8 100%);\n  border-radius: var(--gv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  text-align: center;\n  border: 2px solid rgba(122,172,45,.15);\n}\n\n.gv-highlight-box p {\n  font-size: clamp(15px, 2.5vw, 18px);\n  color: var(--gv-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.gv-card {\n  background: var(--gv-white);\n  border-radius: var(--gv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gv-shadow-lg);\n  border-color: var(--gv-primary);\n}\n\n.gv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gv-grid-compact .gv-card {\n  padding: 1rem;\n}\n\n.gv-grid-compact .gv-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gv-grid-compact .gv-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gv-primary), var(--gv-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.gv-timeline-content {\n  flex: 1;\n  background: var(--gv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gv-radius-sm);\n  box-shadow: var(--gv-shadow);\n}\n\n.gv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gv-timeline-content p {\n  font-size: 14px;\n  color: var(--gv-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gv-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gv-primary-light);\n  border-radius: var(--gv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gv-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gv-tip p {\n  font-size: 14px;\n  color: var(--gv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gv-cta-box {\n  background: linear-gradient(135deg, var(--gv-primary) 0%, var(--gv-primary-dark) 100%);\n  border-radius: var(--gv-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gv-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\/* === ACCORDÉON === *\/\n.gv-accordion {\n  background: var(--gv-white);\n  border-radius: var(--gv-radius);\n  box-shadow: var(--gv-shadow);\n  overflow: hidden;\n}\n\n.gv-accordion-item {\n  border-bottom: 1px solid var(--gv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gv-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.gv-accordion-header:hover {\n  background: var(--gv-primary-light);\n}\n\n.gv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gv-primary);\n  transition: transform .2s ease;\n}\n\n.gv-accordion-item[open] .gv-accordion-header::after {\n  content: '−';\n}\n\n.gv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gv-accordion-content p {\n  margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .gv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gv-card {\n    padding: 1.125rem;\n  }\n\n  .gv-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gv-radius-sm);\n  }\n\n  .gv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gv-grid-compact {\n    gap: .625rem;\n  }\n\n  .gv-grid-compact .gv-card {\n    padding: .75rem;\n  }\n\n  .gv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gv-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gv-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gv-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gv-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .gv-highlight-box p {\n    font-size: 14px;\n  }\n\n  .gv-tip {\n    padding: .875rem 1rem;\n  }\n\n  .gv-tip-icon {\n    font-size: 20px;\n  }\n\n  .gv-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gv-card {\n    animation: gvFadeInUp .5s ease backwards;\n  }\n  .gv-card:nth-child(1) { animation-delay: .05s; }\n  .gv-card:nth-child(2) { animation-delay: .1s; }\n  .gv-card:nth-child(3) { animation-delay: .15s; }\n  .gv-card:nth-child(4) { animation-delay: .2s; }\n  .gv-card:nth-child(5) { animation-delay: .25s; }\n  .gv-card:nth-child(6) { animation-delay: .3s; }\n\n  .gv-timeline-item {\n    animation: gvFadeInUp .5s ease backwards;\n  }\n  .gv-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .gv-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .gv-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .gv-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes gvFadeInUp {\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  .gv-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755098366109,"sku":"AY9949","price":15.79,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ayur-vana_triphala_gommage-455069.jpg?v=1732720504"},{"product_id":"gel-soin-corps-au-shatavari-tube-de-75-ml-ayurvana","title":"Gel Corps Bio Shatavari - Apaise et Hydrate la Peau - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel Corps Bio Shatavari - Ayur-Vana\nPalette détectée:\n  - Primaire: #C47BA0 (rose mauve du packaging, bandeau supérieur)\n  - Secondaire: #4A8C5C (vert sauge des illustrations botaniques)\n  - Accent: #D4A043 (doré\/ocre des motifs paisley)\n  - Fond packaging: #F5EDD4 (crème vanille chaud)\nAmbiance: Ayurvédique, naturel\/bio, féminin doux, oriental raffiné, motifs paisley\nPréfixe CSS: sv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Gel Corps Bio au Shatavari Ayur-Vana : le soin ayurvédique hydratant et apaisant\"\n  2. \"Les bienfaits du Shatavari pour la peau\"\n  3. \"Une composition bio d'exception\"\n  4. \"Comment utiliser ce gel hydratant pour le corps ?\"\n  5. \"Pourquoi choisir ce gel corps bio Ayur-Vana ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"sv-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"sv-hero\"\u003e\n    \u003cdiv class=\"sv-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sv-hero-content\"\u003e\n      \u003cdiv class=\"sv-badges-top\"\u003e\n        \u003cspan class=\"sv-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"sv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"sv-badge\"\u003e🧴 Tube 75 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sv-hero-title\"\u003eGel Corps Bio Shatavari\u003c\/span\u003e\n      \u003cp class=\"sv-subtitle\"\u003eAyur-Vana — Soin ayurvédique certifié bio\u003c\/p\u003e\n      \u003cp class=\"sv-description\"\u003eUn gel hydratant et apaisant qui puise dans la sagesse millénaire de l'Ayurvéda. Shatavari, aloe vera bio et eaux florales précieuses pour une peau douce, souple et réconfortée au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"sv-section\"\u003e\n    \u003ch2\u003eGel Corps Bio au Shatavari Ayur-Vana : le soin ayurvédique hydratant et apaisant\u003c\/h2\u003e\n    \u003cp class=\"sv-section-intro\"\u003eVous cherchez un gel hydratant corps à la fois naturel, efficace et respectueux de votre peau ?\u003c\/p\u003e\n    \u003cdiv class=\"sv-highlight-box\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003eGel Soin Corps au Shatavari d'Ayur-Vana\u003c\/strong\u003e est un soin certifié \u003cstrong\u003eCOSMOS Organic\u003c\/strong\u003e qui puise dans la sagesse de l'Ayurvéda pour offrir à votre peau une hydratation profonde et un véritable confort au quotidien. Fabriqué en France, ce gel réunit des actifs biologiques soigneusement sélectionnés dans un tube de 75 ml pratique et généreux.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"sv-section\"\u003e\n    \u003ch2\u003eLes bienfaits du Shatavari pour la peau\u003c\/h2\u003e\n    \u003cp class=\"sv-section-intro\"\u003eLe \u003cstrong\u003eShatavari\u003c\/strong\u003e (\u003cem\u003eAsparagus racemosus\u003c\/em\u003e) est une plante emblématique de la médecine ayurvédique, traditionnellement utilisée pour ses propriétés régénérantes, apaisantes et nourrissantes.\u003c\/p\u003e\n    \u003cdiv class=\"sv-grid\"\u003e\n      \u003cdiv class=\"sv-card\"\u003e\n        \u003ch3\u003e🌸 Apaise les peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eSoulage les peaux sensibles, sèches ou inconfortables grâce à ses vertus adoucissantes reconnues en Ayurvéda.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sv-card\"\u003e\n        \u003ch3\u003e💧 Hydratation \u0026amp; souplesse\u003c\/h3\u003e\n        \u003cp\u003eFavorise l'hydratation en profondeur et la souplesse cutanée pour une peau douce et confortable toute la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sv-card\"\u003e\n        \u003ch3\u003e✨ Renouvellement cutané\u003c\/h3\u003e\n        \u003cp\u003eSoutient le renouvellement naturel de la peau pour un teint plus frais et une texture affinée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sv-tip\"\u003e\n      \u003cspan class=\"sv-tip-icon\"\u003e🪷\u003c\/span\u003e\n      \u003cp\u003eAssocié à un \u003cstrong\u003egel aloe vera bio\u003c\/strong\u003e et à des eaux florales précieuses, le Shatavari déploie ici tout son potentiel pour prendre soin de vous en douceur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"sv-section\"\u003e\n    \u003ch2\u003eUne composition bio d'exception\u003c\/h2\u003e\n    \u003cp class=\"sv-section-intro\"\u003eCe gel corps aloe vera bio a été formulé sans compromis sur la qualité. Découvrez ses principaux actifs :\u003c\/p\u003e\n    \u003cdiv class=\"sv-grid\"\u003e\n      \u003cdiv class=\"sv-card\"\u003e\n        \u003ch3\u003e🌱 Extrait de Shatavari bio\u003c\/h3\u003e\n        \u003cp\u003eActif phare aux vertus revitalisantes et harmonisantes, cœur de la formule ayurvédique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sv-card\"\u003e\n        \u003ch3\u003e🫧 Gel d'aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eHydratant incontournable, il apaise et répare les peaux fragilisées en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sv-card\"\u003e\n        \u003ch3\u003e🌼 Eau florale d'hamamélis bio\u003c\/h3\u003e\n        \u003cp\u003eTonifiante et adoucissante, idéale pour les peaux réactives en quête de confort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sv-card\"\u003e\n        \u003ch3\u003e🌹 Eau florale de rose de Damas bio\u003c\/h3\u003e\n        \u003cp\u003eRégénérante, elle apporte fraîcheur et éclat à votre peau au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sv-card\"\u003e\n        \u003ch3\u003e🍊 HE de mandarine verte bio\u003c\/h3\u003e\n        \u003cp\u003eUne touche aromatique délicatement relaxante pour un moment de bien-être sensoriel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sv-card\"\u003e\n        \u003ch3\u003e🍃 HE d'orange douce bio\u003c\/h3\u003e\n        \u003cp\u003eUn parfum enveloppant et apaisant qui transforme le soin en rituel de détente.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sv-accordion\"\u003e\n      \u003cdetails class=\"sv-accordion-item\"\u003e\n        \u003csummary class=\"sv-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"sv-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua, Hamamelis Virginiana Leaf Water*, Glycerin**, Citrus Reticulata Blanchii Peel Oil*, Asparagus Racemosus Root Extract*, Benzyl Alcohol, Aloe Barbadensis Leaf Juice Powder*, Citrus Sinensis Peel Oil Expressed*, Chrysanthemum Parthenium Extract*, Limonene, Xanthan Gum, Dehydroacetic Acid, Citric Acid, Potassium Sorbate, Sodium Benzoate, Linalool.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique \/ ** Transformés à partir d'ingrédients biologiques.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sv-accordion-item\"\u003e\n        \u003csummary class=\"sv-accordion-header\"\u003e🚫 Formulé sans\u003c\/summary\u003e\n        \u003cdiv class=\"sv-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe soin est formulé \u003cstrong\u003esans parabène, sans silicone et sans conservateurs synthétiques\u003c\/strong\u003e. 98 % des ingrédients sont d'origine naturelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"sv-section\"\u003e\n    \u003ch2\u003eComment utiliser ce gel hydratant pour le corps ?\u003c\/h2\u003e\n    \u003cdiv class=\"sv-timeline\"\u003e\n      \u003cdiv class=\"sv-timeline-item\"\u003e\n        \u003cdiv class=\"sv-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sv-timeline-content\"\u003e\n          \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n          \u003cp\u003eAppliquez une noisette de gel sur une peau propre et sèche, de préférence après la douche ou le bain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sv-timeline-item\"\u003e\n        \u003cdiv class=\"sv-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sv-timeline-content\"\u003e\n          \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n          \u003cp\u003eEffectuez des mouvements circulaires jusqu'à absorption complète. Sa texture légère et non grasse pénètre rapidement, sans laisser de film collant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sv-timeline-item\"\u003e\n        \u003cdiv class=\"sv-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sv-timeline-content\"\u003e\n          \u003ch3\u003eIntégrez-le à votre routine\u003c\/h3\u003e\n          \u003cp\u003eUtilisez-le quotidiennement sur l'ensemble du corps, y compris sur les zones sujettes à la sécheresse : coudes, genoux, jambes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sv-tip\"\u003e\n      \u003cspan class=\"sv-tip-icon\"\u003e☀️\u003c\/span\u003e\n      \u003cp\u003eC'est également un excellent soin \u003cstrong\u003eaprès-soleil\u003c\/strong\u003e pour apaiser et réconforter la peau exposée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"sv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir ce gel corps bio Ayur-Vana ?\u003c\/h2\u003e\n    \u003cdiv class=\"sv-grid-compact\"\u003e\n      \u003cdiv class=\"sv-card\"\u003e\n        \u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eCertifié par Ecocert, garantie de qualité biologique rigoureuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sv-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France dans le respect des normes les plus exigeantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sv-card\"\u003e\n        \u003ch3\u003e🧬 Formule clean\u003c\/h3\u003e\n        \u003cp\u003eComposition transparente, sans ingrédients controversés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sv-card\"\u003e\n        \u003ch3\u003e🪷 Actif ayurvédique\u003c\/h3\u003e\n        \u003cp\u003eGel aloe vera bio enrichi d'un actif ayurvédique rare et puissant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sv-card\"\u003e\n        \u003ch3\u003e🤍 Tous types de peau\u003c\/h3\u003e\n        \u003cp\u003eConvient à toutes les peaux, y compris les plus sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sv-card\"\u003e\n        \u003ch3\u003e🧴 Format pratique\u003c\/h3\u003e\n        \u003cp\u003eTube de 75 ml généreux et nomade, parfait au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sv-cta-box\"\u003e\n      \u003cp\u003eEn choisissant ce soin, vous offrez à votre peau le meilleur de la nature et de la tradition ayurvédique. Ce n'est pas un simple gel hydratant corps : c'est un véritable \u003cstrong\u003erituel de bien-être\u003c\/strong\u003e à intégrer dans votre routine quotidienne. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"sv-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sv-cream: #FBF7EF;\n  --sv-white: #ffffff;\n  --sv-primary: #C47BA0;\n  --sv-primary-dark: #9B5578;\n  --sv-primary-light: #F5E6EF;\n  --sv-secondary: #4A8C5C;\n  --sv-accent: #D4A043;\n  --sv-text: #1a1a1a;\n  --sv-text-light: #5a5a5a;\n  --sv-border: #e8ddd0;\n  --sv-shadow: 0 4px 24px rgba(156,85,120,.08);\n  --sv-shadow-lg: 0 12px 48px rgba(156,85,120,.15);\n  --sv-radius: 20px;\n  --sv-radius-sm: 12px;\n}\n\n.sv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sv-hero {\n  position: relative;\n  background: linear-gradient(135deg, #C47BA0 0%, #9B5578 40%, #6B3A54 100%);\n  border-radius: var(--sv-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(--sv-shadow-lg);\n}\n\n.sv-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(ellipse 80px 80px at 15% 25%, rgba(212,160,67,.12) 0%, transparent 70%),\n    radial-gradient(ellipse 60px 90px at 85% 20%, rgba(255,255,255,.08) 0%, transparent 70%),\n    radial-gradient(ellipse 100px 60px at 50% 80%, rgba(74,140,92,.1) 0%, transparent 70%),\n    radial-gradient(circle 40px at 75% 65%, rgba(212,160,67,.08) 0%, transparent 70%),\n    radial-gradient(circle 30px at 25% 75%, rgba(255,255,255,.06) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.sv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sv-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.sv-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.sv-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sv-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(--sv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sv-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.sv-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(--sv-primary), var(--sv-accent));\n  border-radius: 2px;\n}\n\n.sv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sv-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sv-highlight-box {\n  background: var(--sv-white);\n  border-radius: var(--sv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sv-shadow);\n  border-left: 4px solid var(--sv-accent);\n}\n\n.sv-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--sv-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.sv-card {\n  background: var(--sv-white);\n  border-radius: var(--sv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sv-shadow-lg);\n  border-color: var(--sv-primary);\n}\n\n.sv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.sv-grid-compact .sv-card {\n  padding: 1rem;\n}\n\n.sv-grid-compact .sv-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sv-grid-compact .sv-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.sv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sv-primary), var(--sv-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.sv-timeline-content {\n  flex: 1;\n  background: var(--sv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sv-radius-sm);\n  box-shadow: var(--sv-shadow);\n}\n\n.sv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sv-timeline-content p {\n  font-size: 14px;\n  color: var(--sv-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sv-testimonial {\n  background: var(--sv-white);\n  border-radius: var(--sv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sv-shadow);\n  border-left: 4px solid var(--sv-primary);\n}\n\n.sv-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sv-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sv-accordion {\n  background: var(--sv-white);\n  border-radius: var(--sv-radius);\n  box-shadow: var(--sv-shadow);\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.sv-accordion-item {\n  border-bottom: 1px solid var(--sv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sv-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.sv-accordion-header:hover {\n  background: var(--sv-primary-light);\n}\n\n.sv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sv-primary);\n  transition: transform .2s ease;\n}\n\n.sv-accordion-item[open] .sv-accordion-header::after {\n  content: '−';\n}\n\n.sv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sv-accordion-content p {\n  margin: 0 0 .5rem 0;\n}\n\n.sv-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.sv-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sv-primary-light);\n  border-radius: var(--sv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sv-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sv-tip p {\n  font-size: 14px;\n  color: var(--sv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sv-cta-box {\n  background: linear-gradient(135deg, var(--sv-primary) 0%, var(--sv-primary-dark) 100%);\n  border-radius: var(--sv-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sv-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.sv-disclaimer {\n  font-size: 12px;\n  color: var(--sv-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  .sv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sv-card {\n    padding: 1.125rem;\n  }\n\n  .sv-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sv-radius-sm);\n  }\n\n  .sv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sv-grid-compact {\n    gap: .625rem;\n  }\n\n  .sv-grid-compact .sv-card {\n    padding: .75rem;\n  }\n\n  .sv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sv-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sv-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sv-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .sv-testimonial {\n    padding: 1.25rem;\n  }\n\n  .sv-testimonial-text {\n    font-size: 14px;\n  }\n\n  .sv-highlight-box {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sv-card {\n    animation: svFadeInUp .5s ease backwards;\n  }\n  .sv-card:nth-child(1) { animation-delay: .05s; }\n  .sv-card:nth-child(2) { animation-delay: .1s; }\n  .sv-card:nth-child(3) { animation-delay: .15s; }\n  .sv-card:nth-child(4) { animation-delay: .2s; }\n  .sv-card:nth-child(5) { animation-delay: .25s; }\n  .sv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes svFadeInUp {\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  .sv-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755098759325,"sku":"AY9952","price":14.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-soin-corps-shatavari-tube-75ml-ayurvana-2-391862.jpg?v=1771063563"},{"product_id":"creme-de-nuit-au-tulsi-tube-de-75-ml-ayurvana","title":"Crème de Nuit Tulsi : Soin Bio Anti-âge et Hydratant - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème de Nuit Tulsi Bio AyurVana\nPalette détectée:\n  - Primaire: #C8703A (orange cuivré\/terracotta du bandeau packaging)\n  - Secondaire: #6B8E4E (vert feuille du Tulsi)\n  - Accent: #8B6BAE (violet\/mauve des fleurs de Tulsi et motifs paisley)\n  - Fond: #F8F3E8 (crème\/ivoire du tube)\nAmbiance: Ayurvédique, naturel\/bio, chaleureux, féminin sophistiqué, inspiré de l'Inde avec motifs paisley\nPréfixe CSS: tl\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Crème de Nuit au Tulsi Bio AyurVana : le soin anti-âge d'inspiration ayurvédique\"\n  2. \"Pourquoi le Tulsi est-il si précieux pour votre peau ?\"\n  3. \"Les bienfaits concrets de cette crème de nuit hydratante\"\n  4. \"Composition certifiée bio\"\n  5. \"Comment utiliser cette crème de nuit anti-âge ?\"\n  6. \"À qui s'adresse ce soin ?\"\n  7. \"Qualité et engagements AyurVana\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"tl-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"tl-hero\"\u003e\n    \u003cdiv class=\"tl-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tl-hero-content\"\u003e\n      \u003cdiv class=\"tl-badges-top\"\u003e\n        \u003cspan class=\"tl-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"tl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"tl-badge\"\u003e🧴 Tube 75 ml\u003c\/span\u003e\n        \u003cspan class=\"tl-badge\"\u003e✨ Anti-âge\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"tl-hero-title\"\u003eCrème de Nuit Tulsi Bio AyurVana\u003c\/span\u003e\n      \u003cp class=\"tl-subtitle\"\u003eLe secret ayurvédique pour une peau régénérée au réveil\u003c\/p\u003e\n      \u003cp class=\"tl-description\"\u003eNutrition profonde, protection antioxydante et hydratation longue durée — le Basilic Sacré sublime votre peau pendant votre sommeil.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"tl-section\"\u003e\n    \u003ch2\u003eCrème de Nuit au Tulsi Bio AyurVana : le soin anti-âge d'inspiration ayurvédique\u003c\/h2\u003e\n    \u003cp class=\"tl-section-intro\"\u003eVotre peau travaille activement pendant votre sommeil. C'est précisément à ce moment qu'elle se régénère le mieux.\u003c\/p\u003e\n    \u003cdiv class=\"tl-highlight-box\"\u003e\n      \u003cp\u003eLa \u003cstrong\u003ecrème de nuit au Tulsi AyurVana\u003c\/strong\u003e a été conçue pour accompagner ce processus naturel, en apportant à votre visage une nutrition profonde et une protection antioxydante tout au long de la nuit. Certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, cette \u003cstrong\u003ecrème de nuit anti-âge\u003c\/strong\u003e bio en tube de 75 ml conjugue les bienfaits ancestraux de l'Ayurvéda et la rigueur d'une fabrication française.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"tl-section\"\u003e\n    \u003ch2\u003ePourquoi le Tulsi est-il si précieux pour votre peau ?\u003c\/h2\u003e\n    \u003cdiv class=\"tl-tulsi-card\"\u003e\n      \u003cdiv class=\"tl-tulsi-header\"\u003e\n        \u003cspan class=\"tl-tulsi-emoji\"\u003e🌱\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eTulsi — Basilic Sacré\u003c\/h3\u003e\n          \u003cp class=\"tl-tulsi-latin\"\u003e\u003cem\u003eOcimum sanctum\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp\u003eLe \u003cstrong\u003eTulsi\u003c\/strong\u003e est l'une des plantes les plus vénérées de la tradition ayurvédique indienne. Ses feuilles regorgent d'antioxydants puissants — acide rosmarinique, eugénol, flavonoïdes — qui aident à neutraliser les radicaux libres responsables du vieillissement cutané prématuré.\u003c\/p\u003e\n      \u003cp\u003eIntégré dans une \u003cstrong\u003ecrème hydratante nuit\u003c\/strong\u003e, le Tulsi favorise le renouvellement cellulaire et aide la peau à retrouver son éclat naturel au réveil.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"tl-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets de cette crème de nuit hydratante\u003c\/h2\u003e\n    \u003cdiv class=\"tl-grid\"\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e🛡️ Action anti-âge ciblée\u003c\/h3\u003e\n        \u003cp\u003eLes antioxydants du Tulsi, associés à la vitamine E, contribuent à atténuer les ridules et à préserver la fermeté de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e💧 Hydratation longue durée\u003c\/h3\u003e\n        \u003cp\u003eL'aloe vera et l'huile de jojoba maintiennent un niveau d'hydratation optimal toute la nuit, sans sensation de lourdeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e🧈 Nutrition et réparation\u003c\/h3\u003e\n        \u003cp\u003eLe beurre de karité bio nourrit en profondeur et soutient la barrière cutanée fragilisée par les agressions quotidiennes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e🌸 Apaisement\u003c\/h3\u003e\n        \u003cp\u003eLes propriétés calmantes du Tulsi et de l'aloe vera soulagent les peaux réactives et sujettes aux rougeurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e☀️ Teint frais au réveil\u003c\/h3\u003e\n        \u003cp\u003eEn stimulant la régénération nocturne, cette crème vous aide à retrouver une peau visiblement reposée et lumineuse chaque matin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"tl-section\"\u003e\n    \u003ch2\u003eComposition certifiée bio\u003c\/h2\u003e\n    \u003cp class=\"tl-section-intro\"\u003eFormulée \u003cstrong\u003esans parabènes, sans silicones et sans colorants artificiels\u003c\/strong\u003e — votre peau et l'environnement sont respectés.\u003c\/p\u003e\n    \u003cdiv class=\"tl-grid\"\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e🌿 Tulsi (Basilic Sacré) bio\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant, purifiant et régénérant — l'ingrédient star de cette formule ayurvédique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e🪴 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eHydratant et apaisant, il calme les peaux sensibles et maintient l'équilibre hydrique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eNourrissant et protecteur, il renforce la barrière cutanée pendant la nuit.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e🫒 Huile de jojoba bio\u003c\/h3\u003e\n        \u003cp\u003eRééquilibrant et émollient, elle régule le sébum sans obstruer les pores.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant cellulaire puissant, elle protège la peau du stress oxydatif nocturne.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"tl-section\"\u003e\n    \u003ch2\u003eComment utiliser cette crème de nuit anti-âge ?\u003c\/h2\u003e\n    \u003cdiv class=\"tl-timeline\"\u003e\n      \u003cdiv class=\"tl-timeline-item\"\u003e\n        \u003cdiv class=\"tl-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"tl-timeline-content\"\u003e\n          \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n          \u003cp\u003eChaque soir, sur une peau propre et sèche, prélevez une noisette de crème.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-timeline-item\"\u003e\n        \u003cdiv class=\"tl-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"tl-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez délicatement\u003c\/h3\u003e\n          \u003cp\u003eÉtalez sur le visage et le cou en massant par mouvements circulaires ascendants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-timeline-item\"\u003e\n        \u003cdiv class=\"tl-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"tl-timeline-content\"\u003e\n          \u003ch3\u003eInsistez sur les zones ciblées\u003c\/h3\u003e\n          \u003cp\u003eContour des yeux, sillons nasogéniens, front — les zones les plus marquées méritent une attention particulière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-timeline-item\"\u003e\n        \u003cdiv class=\"tl-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"tl-timeline-content\"\u003e\n          \u003ch3\u003eLaissez agir toute la nuit\u003c\/h3\u003e\n          \u003cp\u003eLa texture fondante pénètre rapidement sans laisser de film gras, pour un confort immédiat.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tl-tip\"\u003e\n      \u003cspan class=\"tl-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eUtilisée régulièrement, elle s'intègre parfaitement dans votre routine beauté nocturne pour des résultats visibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"tl-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce soin ?\u003c\/h2\u003e\n    \u003cdiv class=\"tl-grid-compact\"\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e🌺 Peaux matures\u003c\/h3\u003e\n        \u003cp\u003eAction anti-âge ciblée sur les ridules et la fermeté.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e😴 Peaux fatiguées\u003c\/h3\u003e\n        \u003cp\u003eRégénération nocturne pour un teint reposé au réveil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e🏜️ Peaux déshydratées\u003c\/h3\u003e\n        \u003cp\u003eHydratation profonde et nutrition longue durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-card\"\u003e\n        \u003ch3\u003e⚖️ Peaux mixtes\u003c\/h3\u003e\n        \u003cp\u003eL'huile de jojoba régule le sébum sans obstruer les pores.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"tl-section-intro\" style=\"margin-top:1.25rem;\"\u003eSi vous recherchez la \u003cstrong\u003emeilleure crème de nuit anti-âge\u003c\/strong\u003e alliant naturalité et efficacité, ce soin est fait pour vous.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"tl-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eQualité et engagements AyurVana\u003c\/h2\u003e\n    \u003cdiv class=\"tl-cta-box\"\u003e\n      \u003cp\u003eFabriquée en France, la \u003cstrong\u003ecrème de nuit Tulsi AyurVana\u003c\/strong\u003e reflète un engagement sincère pour une cosmétique bio responsable. Chaque ingrédient est rigoureusement sélectionné pour sa qualité et son origine, dans le respect des principes ayurvédiques et des normes européennes les plus strictes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"tl-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis dermatologique. En cas de doute ou de peau à problèmes spécifiques, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --tl-cream: #FBF7F0;\n  --tl-white: #ffffff;\n  --tl-primary: #C8703A;\n  --tl-primary-dark: #9E5528;\n  --tl-primary-light: #FDF1E8;\n  --tl-secondary: #6B8E4E;\n  --tl-secondary-light: #EEF5E7;\n  --tl-accent: #8B6BAE;\n  --tl-accent-light: #F3EDF8;\n  --tl-text: #1a1a1a;\n  --tl-text-light: #5a5a5a;\n  --tl-border: #e8ddd0;\n  --tl-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --tl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --tl-radius: 20px;\n  --tl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tl-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tl-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tl-premium *, .tl-premium *::before, .tl-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.tl-hero {\n  position: relative;\n  background: linear-gradient(135deg, #C8703A 0%, #A85D2F 40%, #8B6BAE 100%);\n  border-radius: var(--tl-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(--tl-shadow-lg);\n}\n\n.tl-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(circle at 15% 25%, rgba(255,255,255,.12) 0%, transparent 50%),\n    radial-gradient(circle at 85% 75%, rgba(255,255,255,.08) 0%, transparent 40%),\n    radial-gradient(circle at 50% 10%, rgba(255,255,255,.06) 0%, transparent 30%);\n  opacity: 1;\n}\n\n.tl-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.tl-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.15;\n}\n\n.tl-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.01em;\n}\n\n.tl-description {\n  color: rgba(255,255,255,.82);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.tl-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.tl-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(--tl-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.tl-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.tl-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tl-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--tl-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.tl-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(--tl-primary), var(--tl-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.tl-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--tl-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.tl-section-intro strong {\n  color: var(--tl-primary-dark);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.tl-highlight-box {\n  background: var(--tl-white);\n  border-radius: var(--tl-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--tl-shadow);\n  border-left: 4px solid var(--tl-secondary);\n}\n\n.tl-highlight-box p {\n  font-size: clamp(14px, 2.3vw, 16px);\n  color: var(--tl-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n.tl-highlight-box strong {\n  color: var(--tl-primary-dark);\n}\n\n\/* === TULSI SPECIAL CARD === *\/\n.tl-tulsi-card {\n  background: var(--tl-white);\n  border-radius: var(--tl-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--tl-shadow);\n  border: 2px solid var(--tl-secondary-light);\n}\n\n.tl-tulsi-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n  padding-bottom: 1rem;\n  border-bottom: 2px solid var(--tl-secondary-light);\n}\n\n.tl-tulsi-emoji {\n  font-size: 40px;\n  flex-shrink: 0;\n}\n\n.tl-tulsi-header h3 {\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 800;\n  color: var(--tl-secondary);\n  margin: 0;\n}\n\n.tl-tulsi-latin {\n  font-size: 14px;\n  color: var(--tl-text-light);\n  margin: 4px 0 0 0;\n}\n\n.tl-tulsi-card p {\n  font-size: clamp(14px, 2.3vw, 16px);\n  color: var(--tl-text);\n  line-height: 1.8;\n  margin: 0 0 .75rem 0;\n}\n\n.tl-tulsi-card p:last-child {\n  margin-bottom: 0;\n}\n\n.tl-tulsi-card strong {\n  color: var(--tl-primary-dark);\n}\n\n\/* === CARDS === *\/\n.tl-card {\n  background: var(--tl-white);\n  border-radius: var(--tl-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--tl-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.tl-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--tl-shadow-lg);\n  border-color: var(--tl-primary);\n}\n\n.tl-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--tl-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.tl-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--tl-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.tl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.tl-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.tl-grid-compact .tl-card {\n  padding: 1rem;\n}\n\n.tl-grid-compact .tl-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.tl-grid-compact .tl-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tl-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.tl-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.tl-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--tl-primary), var(--tl-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.tl-timeline-content {\n  flex: 1;\n  background: var(--tl-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--tl-radius-sm);\n  box-shadow: var(--tl-shadow);\n}\n\n.tl-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--tl-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.tl-timeline-content p {\n  font-size: 14px;\n  color: var(--tl-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.tl-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--tl-primary-light);\n  border-radius: var(--tl-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.tl-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.tl-tip p {\n  font-size: 14px;\n  color: var(--tl-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.tl-cta-box {\n  background: linear-gradient(135deg, var(--tl-primary) 0%, var(--tl-primary-dark) 100%);\n  border-radius: var(--tl-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.tl-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.tl-cta-box strong {\n  color: #fff;\n}\n\n\/* === DISCLAIMER === *\/\n.tl-disclaimer {\n  font-size: 12px;\n  color: var(--tl-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  .tl-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .tl-card {\n    padding: 1.125rem;\n  }\n\n  .tl-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .tl-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--tl-radius-sm);\n  }\n\n  .tl-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .tl-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .tl-grid-compact {\n    gap: .625rem;\n  }\n\n  .tl-grid-compact .tl-card {\n    padding: .75rem;\n  }\n\n  .tl-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .tl-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .tl-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .tl-timeline-content p {\n    font-size: 13px;\n  }\n\n  .tl-tulsi-emoji {\n    font-size: 32px;\n  }\n\n  .tl-tulsi-header h3 {\n    font-size: 17px;\n  }\n\n  .tl-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .tl-tulsi-card {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .tl-card {\n    animation: tl-fadeInUp .5s ease backwards;\n  }\n  .tl-card:nth-child(1) { animation-delay: .05s; }\n  .tl-card:nth-child(2) { animation-delay: .1s; }\n  .tl-card:nth-child(3) { animation-delay: .15s; }\n  .tl-card:nth-child(4) { animation-delay: .2s; }\n  .tl-card:nth-child(5) { animation-delay: .25s; }\n  .tl-card:nth-child(6) { animation-delay: .3s; }\n\n  .tl-timeline-item {\n    animation: tl-fadeInUp .5s ease backwards;\n  }\n  .tl-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .tl-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .tl-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .tl-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes tl-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  .tl-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755099021469,"sku":"AY9948","price":22.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-de-nuit-tulsi-tube-75ml-ayurvana-316319.jpg?v=1732720066"},{"product_id":"creme-de-jour-visage-au-triphala-cosmos-organic-tube-de-75-ml-ayurvana","title":"Crème de jour Visage au Triphala - 75 Ml - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème de jour Visage au Triphala - 75 Ml - AyurVana\nPalette détectée:\n  - Primaire: #6B8E3A (vert olive\/végétal du packaging)\n  - Secondaire: #C4953A (doré\/ambré des fruits et motifs paisley)\n  - Accent: #8B6914 (brun doré des fruits séchés)\nAmbiance: Ayurvédique, naturel\/bio, végétal, chaleureux avec touches orientales (motifs paisley), certification Cosmos Organic. Univers bien-être naturel haut de gamme.\nPréfixe CSS: tp\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Crème de jour au Triphala bio : le soin ayurvédique qui protège et revitalise votre visage\"\n  2. \"Le Triphala : un trio de fruits aux vertus exceptionnelles\"\n  3. \"Les bienfaits concrets de cette crème de jour\"\n  4. \"Comment bien appliquer votre crème de jour au Triphala ?\"\n  5. \"Composition complète (INCI)\"\n  6. \"Pourquoi adopter cette crème AyurVana au quotidien ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"tp-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"tp-hero\"\u003e\n    \u003cdiv class=\"tp-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tp-hero-content\"\u003e\n      \u003cdiv class=\"tp-badges-top\"\u003e\n        \u003cspan class=\"tp-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"tp-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n        \u003cspan class=\"tp-badge\"\u003e🧴 75 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"tp-hero-title\"\u003eCrème de jour visage au Triphala\u003c\/span\u003e\n      \u003cp class=\"tp-subtitle\"\u003eAyurVana — Le meilleur de l'Ayurvéda pour votre peau\u003c\/p\u003e\n      \u003cp class=\"tp-description\"\u003eUn soin bio anti-âge qui allie hydratation longue durée, protection antioxydante et texture légère grâce au pouvoir ancestral du Triphala.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"tp-section\"\u003e\n    \u003ch2\u003eCrème de jour au Triphala bio : le soin ayurvédique qui protège et revitalise votre visage\u003c\/h2\u003e\n    \u003cp class=\"tp-section-intro\"\u003eVous cherchez une \u003cstrong\u003ecrème de jour visage\u003c\/strong\u003e naturelle, capable d'hydrater en profondeur tout en luttant contre les premiers signes de l'âge ?\u003c\/p\u003e\n    \u003cdiv class=\"tp-highlight-box\"\u003e\n      \u003cp\u003eLa \u003cstrong\u003eCrème de Jour Visage au Triphala\u003c\/strong\u003e d'\u003cstrong\u003eAyurVana\u003c\/strong\u003e puise dans la sagesse millénaire de l'Ayurvéda pour offrir à votre peau un soin complet, certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e. Formulée en France avec des ingrédients biologiques rigoureusement sélectionnés, elle s'adresse à toutes celles et ceux qui souhaitent prendre soin de leur peau au quotidien sans compromis sur la qualité ni sur l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"tp-section\"\u003e\n    \u003ch2\u003eLe Triphala : un trio de fruits aux vertus exceptionnelles\u003c\/h2\u003e\n    \u003cp class=\"tp-section-intro\"\u003eLe \u003cstrong\u003eTriphala\u003c\/strong\u003e est l'un des piliers de la médecine ayurvédique. Il associe trois fruits précieux :\u003c\/p\u003e\n    \u003cdiv class=\"tp-grid\"\u003e\n      \u003cdiv class=\"tp-card\"\u003e\n        \u003ch3\u003e🍈 Amla (Emblica officinalis)\u003c\/h3\u003e\n        \u003cp\u003eNaturellement riche en vitamine C et en antioxydants, il aide à protéger la peau du stress oxydatif et favorise un \u003cstrong\u003eteint lumineux\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tp-card\"\u003e\n        \u003ch3\u003e🌰 Bibhitaki (Terminalia bellirica)\u003c\/h3\u003e\n        \u003cp\u003eReconnu pour ses propriétés purifiantes et astringentes, il contribue à \u003cstrong\u003eresserrer le grain de peau\u003c\/strong\u003e visiblement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tp-card\"\u003e\n        \u003ch3\u003e🌱 Haritaki (Terminalia chebula)\u003c\/h3\u003e\n        \u003cp\u003eApprécié pour ses vertus régénérantes, il soutient le renouvellement cellulaire et aide à \u003cstrong\u003epréserver la fermeté cutanée\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tp-tip\"\u003e\n      \u003cspan class=\"tp-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eCette synergie fait de cette crème un véritable soin \u003cstrong\u003eanti-âge\u003c\/strong\u003e d'origine naturelle. Si vous recherchez la \u003cstrong\u003emeilleure crème de jour anti-âge\u003c\/strong\u003e respectueuse de votre peau et de la planète, le Triphala est un actif à découvrir absolument.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"tp-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets de cette crème de jour\u003c\/h2\u003e\n    \u003cdiv class=\"tp-grid-compact\"\u003e\n      \u003cdiv class=\"tp-card\"\u003e\n        \u003ch3\u003e💧 Hydratation longue durée\u003c\/h3\u003e\n        \u003cp\u003eSa formule enrichie en actifs végétaux nourrit la peau dès l'application et maintient un confort optimal tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tp-card\"\u003e\n        \u003ch3\u003e⏳ Action anti-âge naturelle\u003c\/h3\u003e\n        \u003cp\u003eLes antioxydants du Triphala atténuent les ridules et préviennent les signes de fatigue, pour un visage visiblement plus frais.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tp-card\"\u003e\n        \u003ch3\u003e☁️ Texture légère et non grasse\u003c\/h3\u003e\n        \u003cp\u003ePénètre rapidement sans film gras : une base idéale avant le maquillage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tp-card\"\u003e\n        \u003ch3\u003e🌿 Certification bio\u003c\/h3\u003e\n        \u003cp\u003eSans parabènes, sans silicones, sans sulfates. Une composition transparente et respectueuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"tp-section\"\u003e\n    \u003ch2\u003eComment bien appliquer votre crème de jour au Triphala ?\u003c\/h2\u003e\n    \u003cdiv class=\"tp-timeline\"\u003e\n      \u003cdiv class=\"tp-timeline-item\"\u003e\n        \u003cdiv class=\"tp-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"tp-timeline-content\"\u003e\n          \u003ch3\u003eNettoyez votre visage\u003c\/h3\u003e\n          \u003cp\u003eChaque matin, commencez par nettoyer et sécher votre visage soigneusement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tp-timeline-item\"\u003e\n        \u003cdiv class=\"tp-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"tp-timeline-content\"\u003e\n          \u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n          \u003cp\u003eUne petite quantité suffit pour couvrir l'ensemble du visage et du cou.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tp-timeline-item\"\u003e\n        \u003cdiv class=\"tp-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"tp-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez en mouvements circulaires\u003c\/h3\u003e\n          \u003cp\u003eEffectuez de légers mouvements circulaires ascendants. Insistez doucement sur les zones les plus sèches ou marquées : contour des yeux, pommettes, front.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tp-timeline-item\"\u003e\n        \u003cdiv class=\"tp-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"tp-timeline-content\"\u003e\n          \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n          \u003cp\u003ePour un soin encore plus complet, associez-la à un sérum visage appliqué au préalable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tp-tip\"\u003e\n      \u003cspan class=\"tp-tip-icon\"\u003e☀️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pensez à compléter votre routine avec une protection solaire si vous vous exposez. Cette \u003cstrong\u003ecrème de jour anti-âge\u003c\/strong\u003e nourrit et protège votre peau des agressions quotidiennes, mais ne contient pas de filtre UV.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"tp-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"tp-accordion\"\u003e\n      \u003cdetails class=\"tp-accordion-item\" open\u003e\n        \u003csummary class=\"tp-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n        \u003cdiv class=\"tp-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua, Olea Europaea Fruit Oil*, Butyrospermum Parkii Butter*, Glycerin, Cetearyl Alcohol, Emblica Officinalis Fruit Extract*, Terminalia Bellirica Fruit Extract*, Terminalia Chebula Fruit Extract*, Glyceryl Stearate, Sodium Cetearyl Sulfate, Parfum, Benzyl Alcohol, Tocopherol, Dehydroacetic Acid, Citric Acid. \u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"tp-accordion-item\"\u003e\n        \u003csummary class=\"tp-accordion-header\"\u003e🌾 Actifs clés\u003c\/summary\u003e\n        \u003cdiv class=\"tp-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eHuile d'olive bio\u003c\/strong\u003e — nourrit et protège le film hydrolipidique. \u003cstrong\u003eBeurre de karité bio\u003c\/strong\u003e — adoucit et répare les peaux les plus sèches. \u003cstrong\u003eExtraits de Triphala bio\u003c\/strong\u003e (Amla, Bibhitaki, Haritaki) — antioxydants puissants pour un soin anti-âge naturel. \u003cstrong\u003eVitamine E (Tocophérol)\u003c\/strong\u003e — protection antioxydante complémentaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"tp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi adopter cette crème AyurVana au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"tp-cta-box\"\u003e\n      \u003cp\u003eFabriquée en France par \u003cstrong\u003eAyurVana\u003c\/strong\u003e, spécialiste reconnu des soins inspirés de la tradition ayurvédique, cette crème de jour allie efficacité et naturalité. Son tube de \u003cstrong\u003e75 ml\u003c\/strong\u003e est généreux et vous accompagne pendant plusieurs semaines de soin. Si vous hésitez entre plusieurs soins et cherchez la \u003cstrong\u003emeilleure crème de jour anti-âge\u003c\/strong\u003e d'origine naturelle, celle-ci mérite toute votre attention.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"tp-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis dermatologique. En cas de doute ou de réaction cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --tp-cream: #faf7f0;\n  --tp-white: #ffffff;\n  --tp-primary: #6B8E3A;\n  --tp-primary-dark: #3d5a1a;\n  --tp-primary-light: #eef4e4;\n  --tp-secondary: #C4953A;\n  --tp-accent: #8B6914;\n  --tp-text: #1a1a1a;\n  --tp-text-light: #5a5a5a;\n  --tp-border: #e0ddd5;\n  --tp-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --tp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --tp-radius: 20px;\n  --tp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d5a1a 0%, #6B8E3A 40%, #C4953A 100%);\n  border-radius: var(--tp-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(--tp-shadow-lg);\n}\n\n.tp-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(circle at 15% 25%, rgba(255,255,255,.08) 0%, transparent 50%),\n    radial-gradient(circle at 85% 75%, rgba(196,149,58,.15) 0%, transparent 50%),\n    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.tp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.tp-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.tp-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.tp-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.2vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.tp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.tp-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(--tp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.tp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.tp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--tp-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.tp-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(--tp-primary), var(--tp-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.tp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--tp-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.tp-highlight-box {\n  background: var(--tp-white);\n  border-radius: var(--tp-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--tp-shadow);\n  border-left: 4px solid var(--tp-secondary);\n}\n\n.tp-highlight-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--tp-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.tp-card {\n  background: var(--tp-white);\n  border-radius: var(--tp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--tp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.tp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--tp-shadow-lg);\n  border-color: var(--tp-primary);\n}\n\n.tp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--tp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.tp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--tp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.tp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.tp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.tp-grid-compact .tp-card {\n  padding: 1rem;\n}\n\n.tp-grid-compact .tp-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.tp-grid-compact .tp-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.tp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.tp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--tp-primary), var(--tp-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.tp-timeline-content {\n  flex: 1;\n  background: var(--tp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--tp-radius-sm);\n  box-shadow: var(--tp-shadow);\n}\n\n.tp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--tp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.tp-timeline-content p {\n  font-size: 14px;\n  color: var(--tp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.tp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--tp-primary-light);\n  border-radius: var(--tp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.tp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.tp-tip p {\n  font-size: 14px;\n  color: var(--tp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.tp-accordion {\n  background: var(--tp-white);\n  border-radius: var(--tp-radius);\n  box-shadow: var(--tp-shadow);\n  overflow: hidden;\n}\n\n.tp-accordion-item {\n  border-bottom: 1px solid var(--tp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.tp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.tp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--tp-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.tp-accordion-header:hover {\n  background: var(--tp-primary-light);\n}\n\n.tp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.tp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--tp-primary);\n  transition: transform .2s ease;\n}\n\n.tp-accordion-item[open] .tp-accordion-header::after {\n  content: '−';\n}\n\n.tp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--tp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.tp-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.tp-cta-box {\n  background: linear-gradient(135deg, var(--tp-primary) 0%, var(--tp-primary-dark) 100%);\n  border-radius: var(--tp-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.tp-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.tp-disclaimer {\n  font-size: 12px;\n  color: var(--tp-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  .tp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .tp-card {\n    padding: 1.125rem;\n  }\n\n  .tp-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .tp-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--tp-radius-sm);\n  }\n\n  .tp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .tp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .tp-grid-compact {\n    gap: .625rem;\n  }\n\n  .tp-grid-compact .tp-card {\n    padding: .75rem;\n  }\n\n  .tp-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .tp-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .tp-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .tp-timeline-content p {\n    font-size: 13px;\n  }\n\n  .tp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .tp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .tp-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .tp-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .tp-card {\n    animation: tpFadeInUp .5s ease backwards;\n  }\n  .tp-card:nth-child(1) { animation-delay: .05s; }\n  .tp-card:nth-child(2) { animation-delay: .1s; }\n  .tp-card:nth-child(3) { animation-delay: .15s; }\n  .tp-card:nth-child(4) { animation-delay: .2s; }\n  .tp-card:nth-child(5) { animation-delay: .25s; }\n  .tp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes tpFadeInUp {\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  .tp-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755099414685,"sku":"AY9947","price":24.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme_de_jour_triphala_ayurvana-351649.jpg?v=1732720052"},{"product_id":"henne-neutre-soin-100-bio-et-vegetale-2-x-50-g-les-couleurs-de-jeanne","title":"Soin Naturel Henné Neutre - 100% Bio et Végétal - Les Couleurs de Jeanne","description":"\u003cdiv class=\"hn-premium\"\u003e\n\n  \u003cdiv class=\"hn-hero\"\u003e\n    \u003cdiv class=\"hn-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hn-hero-content\"\u003e\n      \u003cdiv class=\"hn-badges-top\"\u003e\n        \u003cspan class=\"hn-badge\"\u003e🌿 100% bio et végétal\u003c\/span\u003e\n        \u003cspan class=\"hn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"hn-badge\"\u003e🐰 Cruelty Free \u0026amp; Vegan\u003c\/span\u003e\n        \u003cspan class=\"hn-badge\"\u003e✨ Certifié COSMOS Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hn-hero-title\"\u003eSoin naturel henné neutre\u003c\/span\u003e\n      \u003cp class=\"hn-subtitle\"\u003eLes Couleurs de Jeanne\u003c\/p\u003e\n      \u003cp class=\"hn-description\"\u003eUn masque capillaire 100 % bio à base de Cassia auriculata pour sublimer vos cheveux sans les colorer. Brillance, volume et force dès la première application.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"hn-section\"\u003e\n    \u003ch2\u003eHenné neutre bio : le soin végétal qui sublime vos cheveux sans les colorer\u003c\/h2\u003e\n    \u003cp class=\"hn-section-intro\"\u003eVous rêvez de cheveux plus brillants, plus souples et visiblement renforcés, sans recourir à la coloration ?\u003c\/p\u003e\n    \u003cdiv class=\"hn-testimonial\"\u003e\n      \u003cp class=\"hn-testimonial-text\"\u003eLe henné neutre Les Couleurs de Jeanne est le soin capillaire 100 % bio et végétal qu'il vous faut. Issu exclusivement de la feuille de Cassia auriculata biologique, ce masque au henné neutre agit en profondeur sur la fibre capillaire tout en respectant votre couleur naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hn-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un henné neutre pour vos cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"hn-section-intro\"\u003eContrairement au henné colorant (Lawsonia inermis), le henné neutre ne modifie absolument pas la teinte de vos cheveux. Il s'agit d'un véritable soin de fond, plébiscité depuis des siècles dans les rituels capillaires traditionnels.\u003c\/p\u003e\n    \u003cdiv class=\"hn-grid\"\u003e\n      \u003cdiv class=\"hn-card\"\u003e\n        \u003ch3\u003e✨ Brillance intense\u003c\/h3\u003e\n        \u003cp\u003eLe henné neutre gaine chaque fibre capillaire et lui confère un éclat naturel visible dès la première application.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hn-card\"\u003e\n        \u003ch3\u003e💨 Volume et souplesse\u003c\/h3\u003e\n        \u003cp\u003eVos cheveux retrouvent du corps et du mouvement, même les plus fins ou raplaplas.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hn-card\"\u003e\n        \u003ch3\u003e💪 Renforcement de la fibre\u003c\/h3\u003e\n        \u003cp\u003eIl comble les écailles abîmées et rend le cheveu plus résistant à la casse et aux agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hn-card\"\u003e\n        \u003ch3\u003e🧴 Assainissement du cuir chevelu\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés purifiantes aident à réguler l'excès de sébum et à apaiser les irritations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hn-card\"\u003e\n        \u003ch3\u003e🛡️ Action contre les poux\u003c\/h3\u003e\n        \u003cp\u003eLe henné neutre gaine le cheveu et rend le cuir chevelu moins accueillant pour les parasites. Un soin complémentaire naturel et efficace.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hn-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Pour toute la famille\u003c\/h3\u003e\n        \u003cp\u003eAdapté à tous les types de cheveux — secs, gras, normaux, bouclés, lisses ou crépus — ce soin convient à toute la famille.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hn-section\"\u003e\n    \u003ch2\u003eComposition – un seul ingrédient, une efficacité prouvée\u003c\/h2\u003e\n    \u003cp class=\"hn-section-intro\"\u003eLa formule de ce henné neutre est d'une simplicité exemplaire :\u003c\/p\u003e\n    \u003cdiv class=\"hn-composition-card\"\u003e\n      \u003cdiv class=\"hn-composition-inner\"\u003e\n        \u003cspan class=\"hn-composition-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eCassia auriculata leaf powder*\u003c\/h3\u003e\n          \u003cp\u003ePoudre de feuilles de Cassia, broyée finement pour une application homogène.\u003c\/p\u003e\n          \u003cp class=\"hn-composition-note\"\u003e*Ingrédient issu de l'Agriculture Biologique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hn-composition-badges\"\u003e\n        \u003cspan class=\"hn-composition-badge\"\u003eCOSMOS Organic\u003c\/span\u003e\n        \u003cspan class=\"hn-composition-badge\"\u003eCruelty Free\u003c\/span\u003e\n        \u003cspan class=\"hn-composition-badge\"\u003eVegan\u003c\/span\u003e\n        \u003cspan class=\"hn-composition-badge\"\u003e0 additif chimique\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hn-section\"\u003e\n    \u003ch2\u003eComment préparer et appliquer votre masque au henné neutre ?\u003c\/h2\u003e\n    \u003cdiv class=\"hn-timeline\"\u003e\n      \u003cdiv class=\"hn-timeline-item\"\u003e\n        \u003cdiv class=\"hn-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hn-timeline-content\"\u003e\n          \u003ch3\u003ePréparation\u003c\/h3\u003e\n          \u003cp\u003eVersez les 100 g de poudre (2 sachets) dans un bol non métallique. Ajoutez progressivement 300 ml d'eau tiède en remuant jusqu'à obtenir une pâte lisse et homogène, sans grumeaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hn-timeline-item\"\u003e\n        \u003cdiv class=\"hn-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hn-timeline-content\"\u003e\n          \u003ch3\u003eApplication\u003c\/h3\u003e\n          \u003cp\u003eSur cheveux secs, répartissez la pâte en couche épaisse, des racines jusqu'aux pointes. Coiffez la charlotte fournie pour maintenir la chaleur et l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hn-timeline-item\"\u003e\n        \u003cdiv class=\"hn-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"hn-timeline-content\"\u003e\n          \u003ch3\u003eTemps de pose\u003c\/h3\u003e\n          \u003cp\u003eLaissez agir 30 minutes pour un résultat optimal.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hn-timeline-item\"\u003e\n        \u003cdiv class=\"hn-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"hn-timeline-content\"\u003e\n          \u003ch3\u003eRinçage\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment, puis utilisez le shampooing fixateur et le baume 2-en-1 Les Couleurs de Jeanne pour prolonger les effets du soin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hn-tip\"\u003e\n      \u003cspan class=\"hn-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e réalisez un soin préparateur à l'argile la veille pour ouvrir les écailles du cheveu et maximiser l'absorption. Les résultats sur vos cheveux avant et après le henné neutre sont souvent spectaculaires dès la première utilisation.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hn-section\"\u003e\n    \u003ch2\u003eContenu du kit\u003c\/h2\u003e\n    \u003cdiv class=\"hn-grid-compact\"\u003e\n      \u003cdiv class=\"hn-card\"\u003e\n        \u003ch3\u003e📦 2 sachets de 50 g\u003c\/h3\u003e\n        \u003cp\u003ePoudre de henné neutre bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hn-card\"\u003e\n        \u003ch3\u003e🧤 1 paire de gants\u003c\/h3\u003e\n        \u003cp\u003ePour une application propre\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hn-card\"\u003e\n        \u003ch3\u003e🧢 1 charlotte\u003c\/h3\u003e\n        \u003cp\u003eMaintient chaleur et humidité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hn-card\"\u003e\n        \u003ch3\u003e📋 1 notice détaillée\u003c\/h3\u003e\n        \u003cp\u003eGuide pas à pas inclus\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hn-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"hn-accordion\"\u003e\n      \u003cdetails class=\"hn-accordion-item\"\u003e\n        \u003csummary class=\"hn-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"hn-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas utiliser sur des cheveux décolorés ou méchés. En cas de doute, effectuez un test sur une mèche discrète 48 heures avant l'application complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hn-accordion-item\"\u003e\n        \u003csummary class=\"hn-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"hn-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe soin capillaire naturel ne remplace en aucun cas un traitement dermatologique. Consultez un professionnel de santé en cas de problème persistant au niveau du cuir chevelu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"hn-disclaimer\"\u003eCe produit est un soin capillaire cosmétique et ne constitue pas un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --hn-cream: #faf6f2;\n  --hn-white: #ffffff;\n  --hn-primary: #c97b7b;\n  --hn-primary-dark: #8b4a4a;\n  --hn-primary-light: #f9efef;\n  --hn-secondary: #d4a089;\n  --hn-accent: #e8b4a0;\n  --hn-text: #1a1a1a;\n  --hn-text-light: #5a5a5a;\n  --hn-border: #e8ddd5;\n  --hn-shadow: 0 4px 24px rgba(139,74,74,.08);\n  --hn-shadow-lg: 0 12px 48px rgba(139,74,74,.15);\n  --hn-radius: 20px;\n  --hn-radius-sm: 12px;\n}\n\n.hn-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hn-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hn-hero {\n  position: relative;\n  background: linear-gradient(135deg, #c97b7b 0%, #d4a089 40%, #e8b4a0 70%, #f0c8b8 100%);\n  border-radius: var(--hn-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(--hn-shadow-lg);\n}\n\n.hn-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.hn-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hn-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.hn-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(--hn-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.hn-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.hn-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,.15);\n  line-height: 1.1;\n}\n\n.hn-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.hn-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.hn-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hn-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hn-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.hn-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(--hn-primary), var(--hn-secondary));\n  border-radius: 2px;\n}\n\n.hn-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hn-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.hn-card {\n  background: var(--hn-white);\n  border-radius: var(--hn-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hn-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hn-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hn-shadow-lg);\n  border-color: var(--hn-primary);\n}\n\n.hn-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hn-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hn-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hn-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hn-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.hn-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.hn-grid-compact .hn-card {\n  padding: 1rem;\n}\n\n.hn-grid-compact .hn-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.hn-grid-compact .hn-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION CARD === *\/\n.hn-composition-card {\n  background: var(--hn-white);\n  border-radius: var(--hn-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hn-shadow);\n  border: 2px solid var(--hn-primary-light);\n}\n\n.hn-composition-inner {\n  display: flex;\n  gap: 1.25rem;\n  align-items: flex-start;\n  margin-bottom: 1.25rem;\n}\n\n.hn-composition-icon {\n  font-size: 40px;\n  flex-shrink: 0;\n}\n\n.hn-composition-inner h3 {\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--hn-primary-dark);\n  margin: 0 0 .5rem 0;\n  font-style: italic;\n}\n\n.hn-composition-inner p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--hn-text-light);\n  margin: 0 0 .35rem 0;\n  line-height: 1.6;\n}\n\n.hn-composition-note {\n  font-size: 13px !important;\n  font-style: italic;\n  color: var(--hn-text-light) !important;\n}\n\n.hn-composition-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  padding-top: 1rem;\n  border-top: 1px solid var(--hn-border);\n}\n\n.hn-composition-badge {\n  display: inline-flex;\n  padding: 6px 14px;\n  background: var(--hn-primary-light);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--hn-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.hn-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.hn-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.hn-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--hn-primary), var(--hn-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(201,123,123,.3);\n}\n\n.hn-timeline-content {\n  flex: 1;\n  background: var(--hn-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--hn-radius-sm);\n  box-shadow: var(--hn-shadow);\n}\n\n.hn-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--hn-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hn-timeline-content p {\n  font-size: 14px;\n  color: var(--hn-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.hn-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--hn-primary-light);\n  border-radius: var(--hn-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.hn-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.hn-tip p {\n  font-size: 14px;\n  color: var(--hn-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.hn-testimonial {\n  background: var(--hn-white);\n  border-radius: var(--hn-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hn-shadow);\n  border-left: 4px solid var(--hn-primary);\n}\n\n.hn-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hn-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hn-accordion {\n  background: var(--hn-white);\n  border-radius: var(--hn-radius);\n  box-shadow: var(--hn-shadow);\n  overflow: hidden;\n}\n\n.hn-accordion-item {\n  border-bottom: 1px solid var(--hn-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hn-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hn-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hn-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.hn-accordion-header:hover {\n  background: var(--hn-primary-light);\n}\n\n.hn-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hn-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--hn-primary);\n  transition: transform .2s ease;\n}\n\n.hn-accordion-item[open] .hn-accordion-header::after {\n  content: '−';\n}\n\n.hn-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hn-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.hn-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.hn-disclaimer {\n  font-size: 12px;\n  color: var(--hn-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  .hn-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .hn-card {\n    padding: 1.125rem;\n  }\n\n  .hn-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .hn-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hn-radius-sm);\n  }\n\n  .hn-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .hn-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .hn-grid-compact {\n    gap: .625rem;\n  }\n\n  .hn-grid-compact .hn-card {\n    padding: .75rem;\n  }\n\n  .hn-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .hn-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .hn-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .hn-timeline-content p {\n    font-size: 13px;\n  }\n\n  .hn-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .hn-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .hn-testimonial {\n    padding: 1.25rem;\n  }\n\n  .hn-testimonial-text {\n    font-size: 14px;\n  }\n\n  .hn-composition-inner {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    gap: .75rem;\n  }\n\n  .hn-composition-badges {\n    justify-content: center;\n  }\n\n  .hn-tip {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    gap: .5rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .hn-card {\n    animation: hnFadeInUp .5s ease backwards;\n  }\n  .hn-card:nth-child(1) { animation-delay: .05s; }\n  .hn-card:nth-child(2) { animation-delay: .1s; }\n  .hn-card:nth-child(3) { animation-delay: .15s; }\n  .hn-card:nth-child(4) { animation-delay: .2s; }\n  .hn-card:nth-child(5) { animation-delay: .25s; }\n  .hn-card:nth-child(6) { animation-delay: .3s; }\n\n  .hn-timeline-item {\n    animation: hnFadeInUp .5s ease backwards;\n  }\n  .hn-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .hn-timeline-item:nth-child(2) { animation-delay: .12s; }\n  .hn-timeline-item:nth-child(3) { animation-delay: .19s; }\n  .hn-timeline-item:nth-child(4) { animation-delay: .26s; }\n}\n\n@keyframes hnFadeInUp {\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  .hn-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755174322333,"sku":"CJ0030","price":12.25,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-naturel-henne-neutre-100-bio-et-vegetal-les-couleurs-de-packshothd.webp?v=1773084623"},{"product_id":"shampoing-fixateur-couleurs-revelateur-eclat-bio-lescouleursdejeanne","title":"Shampoing Fixateur \u0026 Révélateur d'Éclat Bio - 230 ml - Les Couleurs de Jeanne","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shampoing Fixateur \u0026 Révélateur D'éclat Bio - Les Couleurs de Jeanne\nPalette détectée:\n  - Primaire: #C42A3C (rouge framboise\/bordeaux du packaging et du logo)\n  - Secondaire: #E8A0A0 (rose pâle des touches décoratives)\n  - Accent: #8B1A2B (bordeaux foncé pour les textes)\nAmbiance: Féminin, naturel\/bio, doux et élégant, esprit français artisanal, clean beauty\nPréfixe CSS: cj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Conseil d'utilisation\"\n  2. \"Composition\"\n  3. \"Origine et fabrication\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cj-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"cj-hero\"\u003e\n    \u003cdiv class=\"cj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cj-hero-content\"\u003e\n      \u003cdiv class=\"cj-badges-top\"\u003e\n        \u003cspan class=\"cj-badge\"\u003e🌿 Certifié BIO Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e🚫 Sans sulfates\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cj-hero-title\"\u003eShampoing fixateur \u0026amp; révélateur d'éclat bio\u003c\/span\u003e\n      \u003cp class=\"cj-subtitle\"\u003eLes Couleurs de Jeanne — 230 ml\u003c\/p\u003e\n      \u003cp class=\"cj-description\"\u003eSublimez la brillance de vos cheveux naturels ou colorés grâce à une formule bio d'exception, enrichie en aloe vera, calendula et camomille. Couleur prolongée, éclat révélé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION : Bienfaits clés (avant les H2 source, enrichissement commercial) --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003e✨ Pourquoi ce shampoing va transformer vos cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eUne synergie d'actifs naturels pour des cheveux éclatants de santé et de couleur, lavage après lavage.\u003c\/p\u003e\n    \u003cdiv class=\"cj-grid\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🎨 Fixateur de couleur\u003c\/h3\u003e\n        \u003cp\u003eProlonge l'intensité et la tenue de votre couleur naturelle ou de votre coloration végétale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e💎 Révélateur d'éclat\u003c\/h3\u003e\n        \u003cp\u003eRévèle la brillance et la vitalité de vos cheveux dès le premier shampooing.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🛡️ Protection capillaire\u003c\/h3\u003e\n        \u003cp\u003eProtège la fibre capillaire contre les agressions extérieures et renforce sa structure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n        \u003cp\u003eNourrit en profondeur sans alourdir grâce à sa base lavante douce dérivée de sucre et de coco.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌱 100% clean beauty\u003c\/h3\u003e\n        \u003cp\u003eSans sulfates, parabènes, silicones ni colorants artificiels. Que du bon pour vos cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n        \u003cp\u003eFlacon recyclable de 230 ml, ingrédients bio et fabrication à faible impact écologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #1 : Conseil d'utilisation --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"cj-timeline\"\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n          \u003cp\u003eHumidifiez abondamment vos cheveux à l'eau tiède pour ouvrir les écailles du cheveu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez une noix de shampoing\u003c\/h3\u003e\n          \u003cp\u003eDéposez une noix de shampoing fixateur \u0026amp; révélateur d'éclat BIO dans le creux de votre main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n          \u003cp\u003eMassez le cuir chevelu en mouvements circulaires puis étirez sur les longueurs. Laissez agir quelques instants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau claire. Pour maximiser l'effet fixateur et révélateur d'éclat, complétez avec l'après-shampoing de la même gamme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cj-tip\"\u003e\n      \u003cspan class=\"cj-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Utilisez régulièrement pour prolonger la durée de votre couleur et maintenir l'éclat naturel de vos cheveux au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 : Composition --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eUne sélection d'ingrédients d'origine naturelle et biologique, soigneusement choisis pour sublimer vos cheveux.\u003c\/p\u003e\n    \u003cdiv class=\"cj-grid\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌵 Extrait d'aloe vera\u003c\/h3\u003e\n        \u003cp\u003eHydrate et protège le cuir chevelu en profondeur, pour une base saine et apaisée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🫒 Huile de jojoba\u003c\/h3\u003e\n        \u003cp\u003eRégénère et revitalise les cheveux ternes en restaurant leur film lipidique naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌼 Extraits de calendula et camomille\u003c\/h3\u003e\n        \u003cp\u003eApaisent le cuir chevelu sensible et illuminent les cheveux de reflets dorés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌾 Protéines de blé hydrolysées\u003c\/h3\u003e\n        \u003cp\u003eRenforcent la structure capillaire de l'intérieur et améliorent la résistance du cheveu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🥥 Base lavante douce sucre \u0026amp; coco\u003c\/h3\u003e\n        \u003cp\u003eNettoie en douceur sans dessécher ni agresser la fibre capillaire. Mousse onctueuse et agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cj-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"cj-card cj-card-clean\"\u003e\n        \u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n        \u003cp\u003eDoux pour le cuir chevelu\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card cj-card-clean\"\u003e\n        \u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n        \u003cp\u003eFormule saine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card cj-card-clean\"\u003e\n        \u003ch3\u003e🚫 Sans silicones\u003c\/h3\u003e\n        \u003cp\u003eCheveux qui respirent\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card cj-card-clean\"\u003e\n        \u003ch3\u003e🚫 Sans colorants\u003c\/h3\u003e\n        \u003cp\u003e100% naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 : Origine et fabrication --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eUn savoir-faire français, engagé pour la planète et vos cheveux.\u003c\/p\u003e\n    \u003cdiv class=\"cj-accordion\"\u003e\n      \u003cdetails class=\"cj-accordion-item\" open\u003e\n        \u003csummary class=\"cj-accordion-header\"\u003e🇫🇷 Fabrication française\u003c\/summary\u003e\n        \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n          \u003cp\u003eLe shampoing fixateur \u0026amp; révélateur d'éclat BIO est fabriqué en France, dans le respect des normes environnementales et sociales les plus strictes. L'ensemble du processus de fabrication est conçu pour minimiser l'impact écologique, garantissant un produit à la fois efficace et écoresponsable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cj-accordion-item\"\u003e\n        \u003csummary class=\"cj-accordion-header\"\u003e🌿 Engagement Les Couleurs de Jeanne\u003c\/summary\u003e\n        \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n          \u003cp\u003eLes Couleurs de Jeanne s'engage à utiliser des ingrédients de haute qualité, issus de l'agriculture biologique, et à promouvoir des pratiques durables et respectueuses de la nature. Chaque produit reflète cette philosophie de soin authentique et responsable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cj-accordion-item\"\u003e\n        \u003csummary class=\"cj-accordion-header\"\u003e♻️ Packaging écoresponsable\u003c\/summary\u003e\n        \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n          \u003cp\u003eEmballé dans un flacon recyclable de 230 ml, ce shampoing est idéal pour une utilisation quotidienne tout en respectant l'environnement. Un format pratique et durable.\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=\"cj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"cj-cta-box\"\u003e\n      \u003cp\u003e🌸 Offrez à vos cheveux le soin qu'ils méritent. Profitez d'une chevelure éclatante de santé et de couleur avec le shampoing fixateur \u0026amp; révélateur d'éclat BIO Les Couleurs de Jeanne.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cj-disclaimer\"\u003eComplément capillaire. Les résultats peuvent varier selon la nature des cheveux et la fréquence d'utilisation.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cj-cream: #FDF6F7;\n  --cj-white: #ffffff;\n  --cj-primary: #C42A3C;\n  --cj-primary-dark: #8B1A2B;\n  --cj-primary-light: #FBEAED;\n  --cj-secondary: #E8A0A0;\n  --cj-accent: #D94F63;\n  --cj-text: #1a1a1a;\n  --cj-text-light: #5a5a5a;\n  --cj-border: #F0D4D8;\n  --cj-shadow: 0 4px 24px rgba(196,42,60,.08);\n  --cj-shadow-lg: 0 12px 48px rgba(139,26,43,.15);\n  --cj-radius: 20px;\n  --cj-radius-sm: 12px;\n}\n\n.cj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #C42A3C 0%, #D94F63 45%, #E8A0A0 100%);\n  border-radius: var(--cj-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(--cj-shadow-lg);\n}\n\n.cj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background:\n    radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.cj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cj-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.cj-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.cj-description {\n  color: rgba(255,255,255,.88);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.cj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cj-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(--cj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cj-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.cj-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(--cj-primary), var(--cj-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cj-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cj-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.6;\n}\n\n\/* === CARDS === *\/\n.cj-card {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cj-shadow-lg);\n  border-color: var(--cj-primary);\n}\n\n.cj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cj-card-clean {\n  background: var(--cj-primary-light);\n  border: 2px solid var(--cj-border);\n}\n\n.cj-card-clean:hover {\n  border-color: var(--cj-primary);\n  background: var(--cj-white);\n}\n\n\/* === GRILLES === *\/\n.cj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cj-grid-compact .cj-card {\n  padding: 1rem;\n}\n\n.cj-grid-compact .cj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cj-grid-compact .cj-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cj-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cj-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cj-primary), var(--cj-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.cj-timeline-content {\n  flex: 1;\n  background: var(--cj-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cj-radius-sm);\n  box-shadow: var(--cj-shadow);\n}\n\n.cj-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cj-timeline-content p {\n  font-size: 14px;\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cj-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cj-primary-light);\n  border-radius: var(--cj-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cj-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cj-tip p {\n  font-size: 14px;\n  color: var(--cj-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cj-accordion {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  box-shadow: var(--cj-shadow);\n  overflow: hidden;\n}\n\n.cj-accordion-item {\n  border-bottom: 1px solid var(--cj-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cj-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cj-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cj-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.cj-accordion-header:hover {\n  background: var(--cj-primary-light);\n}\n\n.cj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cj-primary);\n  transition: transform .2s ease;\n}\n\n.cj-accordion-item[open] .cj-accordion-header::after {\n  content: '−';\n}\n\n.cj-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cj-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cj-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.cj-cta-box {\n  background: linear-gradient(135deg, var(--cj-primary) 0%, var(--cj-primary-dark) 100%);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.cj-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.cj-disclaimer {\n  font-size: 12px;\n  color: var(--cj-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  .cj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cj-card {\n    padding: 1.125rem;\n  }\n\n  .cj-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cj-radius-sm);\n  }\n\n  .cj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cj-grid-compact {\n    gap: .625rem;\n  }\n\n  .cj-grid-compact .cj-card {\n    padding: .75rem;\n  }\n\n  .cj-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cj-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cj-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cj-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cj-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cj-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cj-tip {\n    padding: .875rem 1rem;\n  }\n\n  .cj-tip-icon {\n    font-size: 20px;\n  }\n\n  .cj-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cj-card {\n    animation: cjFadeInUp .5s ease backwards;\n  }\n  .cj-card:nth-child(1) { animation-delay: .05s; }\n  .cj-card:nth-child(2) { animation-delay: .1s; }\n  .cj-card:nth-child(3) { animation-delay: .15s; }\n  .cj-card:nth-child(4) { animation-delay: .2s; }\n  .cj-card:nth-child(5) { animation-delay: .25s; }\n  .cj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cjFadeInUp {\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  .cj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755175141533,"sku":"CJ0040","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-fixateur-revelateur-declat-bio-230-ml-les-couleurs-lifestyle_ec7c3cfd-2ad3-47e9-88fd-4d12fb24b711.webp?v=1771593238"},{"product_id":"masque-reparateur-a-largile-bio-150-g-les-couleurs-de-jeanne","title":"Masque Préparateur à l'Argile Bio - 150ml - Les Couleurs de Jeanne","description":"\u003cdiv class=\"cj-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cj-hero\"\u003e\n\u003cdiv class=\"cj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cj-hero-content\"\u003e\n\u003cdiv class=\"cj-badges-top\"\u003e\n\u003cspan class=\"cj-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e \u003cspan class=\"cj-badge\"\u003e🐰 Crueltyfree \u0026amp; Vegan\u003c\/span\u003e \u003cspan class=\"cj-badge\"\u003e🧴 150 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cj-hero-title\"\u003eMasque préparateur à l'argile bio\u003c\/span\u003e\n\u003cp class=\"cj-subtitle\"\u003eLes Couleurs de Jeanne\u003c\/p\u003e\n\u003cp class=\"cj-description\"\u003ePurifiez votre cuir chevelu et préparez vos cheveux à recevoir une coloration végétale avec ce soin détox à l'argile. Idéal pour la transition entre coloration chimique et coloration naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003ePropriétés des Ingrédients\u003c\/h2\u003e\n\u003cp class=\"cj-section-intro\"\u003eTrois actifs naturels et bio soigneusement sélectionnés pour assainir, nourrir et préparer vos cheveux en profondeur.\u003c\/p\u003e\n\u003cdiv class=\"cj-grid\"\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🪨 Argile verte, illite, kaolin\u003c\/h3\u003e\n\u003cp\u003eAssainissent le cuir chevelu et régulent le pH des cheveux pour une base parfaitement nettoyée et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eApporte nutrition et douceur aux cheveux, même les plus fragiles, sans les alourdir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🌳 Bourgeons de tilleul bio\u003c\/h3\u003e\n\u003cp\u003eAdoucissent et hydratent les cheveux pour les laisser souples, soyeux et prêts à recevoir la couleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003eMode d'Emploi\u003c\/h2\u003e\n\u003cdiv class=\"cj-timeline\"\u003e\n\u003cdiv class=\"cj-timeline-item\"\u003e\n\u003cdiv class=\"cj-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-content\"\u003e\n\u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n\u003cp\u003eSur cheveux secs ou humides, répartissez le masque uniformément des racines jusqu'aux pointes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-item\"\u003e\n\u003cdiv class=\"cj-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser 10 à 15 minutes\u003c\/h3\u003e\n\u003cp\u003eLe temps de pose permet à l'argile de purifier le cuir chevelu et d'éliminer les résidus et impuretés en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-item\"\u003e\n\u003cdiv class=\"cj-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-content\"\u003e\n\u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment, puis complétez par un shampooing fixateur et un baume révélateur d'éclat pour prolonger les effets du masque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003eConseils d'Utilisation\u003c\/h2\u003e\n\u003cdiv class=\"cj-grid-compact\"\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e📅 Fréquence recommandée\u003c\/h3\u003e\n\u003cp\u003e2 fois par semaine pendant 3 semaines avant la coloration végétale pour des résultats optimaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e💆 Tous types de cheveux\u003c\/h3\u003e\n\u003cp\u003eConvient à tous types de cheveux, même les plus fragiles et sensibilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-tip\"\u003e\n\u003cspan class=\"cj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce transition :\u003c\/strong\u003e si vous passez d'une coloration chimique à une coloration végétale, ce masque est votre allié indispensable pour détoxifier la fibre capillaire et favoriser l'adhérence de la couleur naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003ePourquoi Choisir le Masque Préparateur à l'Argile Bio - Les Couleurs de Jeanne ?\u003c\/h2\u003e\n\u003cdiv class=\"cj-grid\"\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🧹 Détox en profondeur\u003c\/h3\u003e\n\u003cp\u003eÉlimine les résidus chimiques et les impuretés accumulés pour retrouver un cuir chevelu sain et purifié.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🎨 Meilleure adhérence couleur\u003c\/h3\u003e\n\u003cp\u003ePrépare la fibre capillaire à recevoir la coloration végétale pour un résultat plus intense et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e✅ Certifié bio \u0026amp; éthique\u003c\/h3\u003e\n\u003cp\u003eCertifié COSMOS Organic et Crueltyfree \u0026amp; Vegan, ce soin respecte vos cheveux, votre peau et la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"cj-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eIngrédients\u003c\/h2\u003e\n\u003cdiv class=\"cj-accordion\"\u003e\n\u003cdetails class=\"cj-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"cj-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n\u003cp\u003eAqua (Water), Illite, Kaolin, Aloe Barbadensis Leaf Juice Powder*, Tilia Tomentosa Bud Extract*, Montmorillonite, Glycine Soja Oil, Parfum (Fragrance), Tocopherol.\u003c\/p\u003e\n\u003cp style=\"margin-top: .5rem; font-style: italic;\"\u003e*Issu de l'Agriculture Biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cj-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ce produit est un cosmétique capillaire — usage externe uniquement.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --cj-cream: #f7f5f0;\n  --cj-white: #ffffff;\n  --cj-primary: #5A8C3C;\n  --cj-primary-dark: #3d6628;\n  --cj-primary-light: #e8f2de;\n  --cj-secondary: #7DB34A;\n  --cj-accent: #C45A3C;\n  --cj-text: #1a1a1a;\n  --cj-text-light: #5a5a5a;\n  --cj-border: #e0e0e0;\n  --cj-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --cj-radius: 20px;\n  --cj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d6628 0%, #5A8C3C 40%, #7DB34A 100%);\n  border-radius: var(--cj-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(--cj-shadow-lg);\n}\n\n.cj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.cj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cj-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.cj-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.cj-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cj-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(--cj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cj-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.cj-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(--cj-primary), var(--cj-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cj-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cj-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.cj-card {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cj-shadow-lg);\n  border-color: var(--cj-primary);\n}\n\n.cj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cj-grid-compact .cj-card {\n  padding: 1rem;\n}\n\n.cj-grid-compact .cj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cj-grid-compact .cj-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cj-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cj-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cj-primary), var(--cj-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.cj-timeline-content {\n  flex: 1;\n  background: var(--cj-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cj-radius-sm);\n  box-shadow: var(--cj-shadow);\n}\n\n.cj-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cj-timeline-content p {\n  font-size: 14px;\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cj-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cj-primary-light);\n  border-radius: var(--cj-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cj-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cj-tip p {\n  font-size: 14px;\n  color: var(--cj-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cj-accordion {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  box-shadow: var(--cj-shadow);\n  overflow: hidden;\n}\n\n.cj-accordion-item {\n  border-bottom: 1px solid var(--cj-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cj-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cj-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cj-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.cj-accordion-header:hover {\n  background: var(--cj-primary-light);\n}\n\n.cj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cj-primary);\n  transition: transform .2s ease;\n}\n\n.cj-accordion-item[open] .cj-accordion-header::after {\n  content: '−';\n}\n\n.cj-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cj-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cj-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cj-disclaimer {\n  font-size: 12px;\n  color: var(--cj-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  .cj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cj-card {\n    padding: 1.125rem;\n  }\n\n  .cj-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cj-radius-sm);\n  }\n\n  .cj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cj-grid-compact {\n    gap: .625rem;\n  }\n\n  .cj-grid-compact .cj-card {\n    padding: .75rem;\n  }\n\n  .cj-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cj-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cj-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cj-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cj-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cj-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cj-card {\n    animation: cjFadeInUp .5s ease backwards;\n  }\n  .cj-card:nth-child(1) { animation-delay: .05s; }\n  .cj-card:nth-child(2) { animation-delay: .1s; }\n  .cj-card:nth-child(3) { animation-delay: .15s; }\n  .cj-card:nth-child(4) { animation-delay: .2s; }\n  .cj-card:nth-child(5) { animation-delay: .25s; }\n  .cj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cjFadeInUp {\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  .cj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755175501981,"sku":"CJ0035","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-preparateur-a-largile-bio-150ml-les-couleurs-de-jeann-lifestyle.webp?v=1770624162"},{"product_id":"coloration-chatain-brun-100-vegetale-2-x-50-g-les-couleurs-de-jeanne","title":"Coloration Végétale pour Cheveux - Teinte Brun - Les Couleurs de Jeanne","description":"\u003cdiv class=\"cj-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"cj-hero\"\u003e\n    \u003cdiv class=\"cj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cj-hero-content\"\u003e\n      \u003cdiv class=\"cj-badges-top\"\u003e\n        \u003cspan class=\"cj-badge\"\u003e🌿 100 % bio et végétale\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e🧡 Certifiée Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cj-hero-title\"\u003eColoration végétale brun\u003c\/span\u003e\n      \u003cp class=\"cj-subtitle\"\u003eLes Couleurs de Jeanne\u003c\/p\u003e\n      \u003cp class=\"cj-description\"\u003eUne coloration 100 % naturelle à base de plantes bio pour un brun profond, lumineux et une couverture parfaite des cheveux blancs — sans ammoniaque, sans peroxyde, sans compromis.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eColoration végétale brun : une couleur intense, 100 % naturelle\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eVous cherchez une \u003cstrong\u003ecoloration végétale pour cheveux\u003c\/strong\u003e qui couvre efficacement vos cheveux blancs sans les abîmer ? La \u003cstrong\u003ecoloration brun Les Couleurs de Jeanne\u003c\/strong\u003e est formulée exclusivement à partir de poudres de plantes certifiées bio. Elle offre un brun profond, riche et lumineux, tout en respectant la fibre capillaire et le cuir chevelu. Fini les compromis entre couleur et santé de vos cheveux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette coloration végétale pour cheveux blancs ?\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eContrairement aux colorations chimiques, cette formule \u003cstrong\u003e100 % bio et végétale\u003c\/strong\u003e ne contient ni ammoniaque, ni peroxyde, ni parabène, ni PPD. Elle agit en gainant le cheveu plutôt qu'en l'agressant. Résultat : vos cheveux sont colorés, mais aussi plus épais, plus brillants et visiblement renforcés après chaque application.\u003c\/p\u003e\n    \u003cdiv class=\"cj-grid\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e✨ Couverture des cheveux blancs\u003c\/h3\u003e\n        \u003cp\u003eEfficace même sur 100 % de cheveux blancs, avec un résultat brun aux reflets naturels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e💆 Soin capillaire intégré\u003c\/h3\u003e\n        \u003cp\u003eLes plantes comme l'amla et le cassia fortifient et apportent du volume à chaque application.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌱 Certifiée Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eUne garantie de qualité biologique stricte, sans substances nocives pour vous ou l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eConçue et conditionnée en France dans le respect de l'environnement et des normes les plus exigeantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eRésultats selon votre base naturelle\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eLe rendu final d'une \u003cstrong\u003ecoloration végétale sur cheveux blancs\u003c\/strong\u003e varie selon votre couleur de départ. Voici ce que vous pouvez attendre :\u003c\/p\u003e\n    \u003cdiv class=\"cj-grid\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🟤 Base châtain\u003c\/h3\u003e\n        \u003cp\u003eVous obtenez un brun profond et homogène aux reflets chauds, plein de richesse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🤍 50 % de cheveux blancs\u003c\/h3\u003e\n        \u003cp\u003eLa teinte se dépose de manière nuancée, créant un joli contraste naturel et subtil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e⚪ 100 % de cheveux blancs\u003c\/h3\u003e\n        \u003cp\u003eLe résultat tire vers un brun aux reflets aubergine, caractéristique de l'indigo sur cheveux très clairs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cj-tip\"\u003e\n      \u003cspan class=\"cj-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce pour éviter les reflets verts après coloration végétale :\u003c\/strong\u003e si vous avez beaucoup de cheveux blancs, réalisez d'abord une pré-coloration au henné cuivré, puis appliquez la teinte brun. Cette technique en deux étapes garantit un brun chaleureux sans aucun reflet indésirable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eComposition – des ingrédients 100 % végétaux\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eChaque boîte contient \u003cstrong\u003e2 sachets de 50 g\u003c\/strong\u003e de poudre de plantes finement broyées :\u003c\/p\u003e\n    \u003cdiv class=\"cj-grid\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌀 Indigofera Tinctoria (Indigo)\u003c\/h3\u003e\n        \u003cp\u003eApporte la base bleu-brun, clé de la profondeur et de la richesse de la teinte.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌺 Lawsonia Inermis (Henné)\u003c\/h3\u003e\n        \u003cp\u003eFixe la couleur durablement et renforce la fibre capillaire de l'intérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🍋 Emblica Officinalis (Amla)\u003c\/h3\u003e\n        \u003cp\u003eRiche en vitamine C, il booste la brillance et la vitalité de vos cheveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌿 Eclipta Alba\u003c\/h3\u003e\n        \u003cp\u003ePlante ayurvédique qui favorise la santé du cuir chevelu et la pousse saine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🛡️ Cassia Obovata\u003c\/h3\u003e\n        \u003cp\u003eGaine et protège le cheveu sans le colorer, pour un effet soin supplémentaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eComment appliquer cette coloration végétale ?\u003c\/h2\u003e\n    \u003cdiv class=\"cj-timeline\"\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003ePréparation\u003c\/h3\u003e\n          \u003cp\u003eMélangez la poudre avec de l'eau chaude (60-80 °C) jusqu'à obtenir une pâte épaisse et lisse. Laissez reposer 10 minutes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eApplication\u003c\/h3\u003e\n          \u003cp\u003eSur cheveux propres et essorés, appliquez mèche par mèche des racines aux pointes à l'aide d'un pinceau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eTemps de pose\u003c\/h3\u003e\n          \u003cp\u003eEntre 1 h et 3 h selon l'intensité souhaitée. Plus le temps de pose est long, plus la couleur sera profonde.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eRinçage\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède, sans shampooing. Attendez \u003cstrong\u003e48 heures\u003c\/strong\u003e avant le prochain lavage pour que les pigments végétaux se fixent pleinement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cj-tip\"\u003e\n      \u003cspan class=\"cj-tip-icon\"\u003e📏\u003c\/span\u003e\n      \u003cp\u003eUn sachet suffit généralement pour des cheveux mi-longs. Les deux sachets conviennent pour des cheveux longs ou très épais.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"cj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eEngagements Les Couleurs de Jeanne\u003c\/h2\u003e\n    \u003cdiv class=\"cj-grid-compact\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌾 Agriculture bio\u003c\/h3\u003e\n        \u003cp\u003ePlantes cultivées sans pesticides, récoltées durablement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e♻️ Packaging recyclable\u003c\/h3\u003e\n        \u003cp\u003eEmballages éco-conçus et entièrement recyclables.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient d'origine animale, aucun test sur les animaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌍 Respect de la planète\u003c\/h3\u003e\n        \u003cp\u003eColorez vos cheveux en conscience, sans impact négatif sur votre santé ni l'environnement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cj-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute ou d'allergie connue, réalisez un test cutané 48 h avant la première utilisation.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cj-cream: #faf6f1;\n  --cj-white: #ffffff;\n  --cj-primary: #c67a38;\n  --cj-primary-dark: #7a3e12;\n  --cj-primary-light: #fdf0e4;\n  --cj-secondary: #4a2e1a;\n  --cj-accent: #d4943c;\n  --cj-text: #1a1a1a;\n  --cj-text-light: #5a5a5a;\n  --cj-border: #e8ddd2;\n  --cj-shadow: 0 4px 24px rgba(122,62,18,.08);\n  --cj-shadow-lg: 0 12px 48px rgba(122,62,18,.15);\n  --cj-radius: 20px;\n  --cj-radius-sm: 12px;\n}\n\n.cj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7a3e12 0%, #c67a38 50%, #d4943c 100%);\n  border-radius: var(--cj-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(--cj-shadow-lg);\n}\n\n.cj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.cj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cj-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.cj-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.cj-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.cj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cj-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(--cj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cj-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.cj-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(--cj-primary), var(--cj-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cj-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cj-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cj-card {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cj-shadow-lg);\n  border-color: var(--cj-primary);\n}\n\n.cj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cj-grid-compact .cj-card {\n  padding: 1rem;\n}\n\n.cj-grid-compact .cj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cj-grid-compact .cj-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cj-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cj-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cj-primary), var(--cj-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.cj-timeline-content {\n  flex: 1;\n  background: var(--cj-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cj-radius-sm);\n  box-shadow: var(--cj-shadow);\n}\n\n.cj-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cj-timeline-content p {\n  font-size: 14px;\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cj-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cj-primary-light);\n  border-radius: var(--cj-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cj-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cj-tip p {\n  font-size: 14px;\n  color: var(--cj-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.cj-disclaimer {\n  font-size: 12px;\n  color: var(--cj-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  .cj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cj-card {\n    padding: 1.125rem;\n  }\n\n  .cj-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cj-radius-sm);\n  }\n\n  .cj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cj-grid-compact {\n    gap: .625rem;\n  }\n\n  .cj-grid-compact .cj-card {\n    padding: .75rem;\n  }\n\n  .cj-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cj-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cj-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cj-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cj-tip {\n    padding: .875rem 1rem;\n  }\n\n  .cj-tip-icon {\n    font-size: 20px;\n  }\n\n  .cj-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cj-card {\n    animation: cjFadeInUp .5s ease backwards;\n  }\n  .cj-card:nth-child(1) { animation-delay: .05s; }\n  .cj-card:nth-child(2) { animation-delay: .1s; }\n  .cj-card:nth-child(3) { animation-delay: .15s; }\n  .cj-card:nth-child(4) { animation-delay: .2s; }\n  .cj-card:nth-child(5) { animation-delay: .25s; }\n  .cj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cjFadeInUp {\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  .cj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755175927965,"sku":"CJ0010","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/coloration-vegetale-pour-cheveux-teinte-brun-les-couleurs-de-packshothd.webp?v=1773249182"},{"product_id":"coloration-chatain-fonce-100-vegetale-2-x-50-g-les-couleurs-de-jeanne","title":"Coloration Végétale pour Cheveux - Châtain foncé - Les Couleurs de Jeanne","description":"\u003cdiv class=\"cj-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"cj-hero\"\u003e\n    \u003cdiv class=\"cj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cj-hero-content\"\u003e\n      \u003cdiv class=\"cj-badges-top\"\u003e\n        \u003cspan class=\"cj-badge\"\u003e🌿 100 % végétale\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e🏅 Bio Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cj-hero-title\"\u003eColoration végétale châtain foncé\u003c\/span\u003e\n      \u003cp class=\"cj-subtitle\"\u003eLes Couleurs de Jeanne\u003c\/p\u003e\n      \u003cp class=\"cj-description\"\u003eUne couleur intense et lumineuse, formulée à partir de 3 plantes tinctoriales biologiques. Couvre 100 % des cheveux blancs tout en gainant et sublimant votre chevelure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eColoration végétale châtain foncé : une couleur intense, 100 % naturelle\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eVous cherchez une \u003cstrong\u003ecoloration naturelle pour cheveux\u003c\/strong\u003e qui allie couleur profonde et respect absolu de votre fibre capillaire ?\u003c\/p\u003e\n    \u003cdiv class=\"cj-grid-compact\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🎨 Couleur profonde\u003c\/h3\u003e\n        \u003cp\u003eUn châtain foncé riche et lumineux aux reflets naturels, jamais artificiel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌱 Certifiée Bio\u003c\/h3\u003e\n        \u003cp\u003eCosmos Organic, formulée exclusivement à partir de poudres de plantes tinctoriales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e💆 Soin capillaire\u003c\/h3\u003e\n        \u003cp\u003ePrend soin de vos cheveux en profondeur à chaque application.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e✨ Résultat unique\u003c\/h3\u003e\n        \u003cp\u003eLe rendu s'adapte à votre base naturelle pour un résultat personnalisé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une coloration naturelle des cheveux ?\u003c\/h2\u003e\n    \u003cdiv class=\"cj-grid\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🚫 Zéro substance nocive\u003c\/h3\u003e\n        \u003cp\u003eLes colorations chimiques fragilisent la fibre capillaire : ammoniaque, peroxyde, résorcine… Avec cette coloration végétale, vous faites le choix inverse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e💪 Plus vous colorez, plus vos cheveux sont beaux\u003c\/h3\u003e\n        \u003cp\u003eLes poudres de plantes \u003cstrong\u003egainent le cheveu\u003c\/strong\u003e, lui apportent volume, brillance et souplesse application après application.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🤍 Couverture totale des cheveux blancs\u003c\/h3\u003e\n        \u003cp\u003eCouvre efficacement \u003cstrong\u003etous les cheveux blancs\u003c\/strong\u003e, que vous en ayez 50 % ou 100 %. Le rendu varie légèrement selon votre base pour un résultat jamais artificiel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eComposition : seulement 3 plantes, rien de plus\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eLa force de cette coloration réside dans la simplicité absolue de sa formule.\u003c\/p\u003e\n    \u003cdiv class=\"cj-grid\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌺 Henné (Lawsonia Inermis)\u003c\/h3\u003e\n        \u003cp\u003ePigment végétal cuivré qui apporte chaleur et éclat à la couleur tout en gainant le cheveu de la racine aux pointes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e💙 Indigo (Indigofera Tinctoria)\u003c\/h3\u003e\n        \u003cp\u003ePlante tinctoriale aux reflets bleutés qui, combinée au henné, crée des nuances châtain profondes et intenses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🍋 Amla (Emblica Officinalis)\u003c\/h3\u003e\n        \u003cp\u003eFruit indien réputé pour fortifier les cheveux, réguler le sébum et intensifier la tenue de la couleur dans le temps.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cj-tip\"\u003e\n      \u003cspan class=\"cj-tip-icon\"\u003e🛡️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans ammoniaque, sans parabènes, sans conservateurs, sans colorants de synthèse.\u003c\/strong\u003e Poudres issues de l'agriculture biologique et de filières équitables. Fabriqué en France, emballages éco-responsables.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eComment appliquer cette coloration végétale ?\u003c\/h2\u003e\n    \u003cdiv class=\"cj-timeline\"\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003ePréparez la pâte\u003c\/h3\u003e\n          \u003cp\u003eVersez la poudre dans un bol (évitez le métal) et ajoutez progressivement de l'eau tiède en mélangeant jusqu'à obtenir une consistance crémeuse, type yaourt.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez sur cheveux secs\u003c\/h3\u003e\n          \u003cp\u003eSur cheveux non lavés, mèche par mèche, de la racine jusqu'aux pointes. Protégez votre front et vos oreilles avec un corps gras.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eLaissez poser 1 à 2 heures\u003c\/h3\u003e\n          \u003cp\u003eSous un film ou une charlotte. Plus le temps de pose est long, plus la couleur sera intense et couvrante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eÀ l'eau claire, sans shampoing. Appliquez un après-shampoing doux pour faciliter le démêlage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cj-tip\"\u003e\n      \u003cspan class=\"cj-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e la couleur continue de se développer pendant 48 à 72 heures après l'application. Attendez ce délai avant de juger le résultat final. Évitez le shampoing pendant les deux premiers jours pour une tenue optimale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eContenu et format\u003c\/h2\u003e\n    \u003cdiv class=\"cj-grid-compact\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e📦 2 sachets de 50 g\u003c\/h3\u003e\n        \u003cp\u003eSoit 100 g de poudre au total dans chaque coffret.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e💇 Cheveux mi-longs\u003c\/h3\u003e\n        \u003cp\u003eQuantité idéale pour une chevelure mi-longue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e➕ Cheveux longs ou épais\u003c\/h3\u003e\n        \u003cp\u003ePrévoyez un coffret supplémentaire pour une couverture homogène.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌿 Éco-responsable\u003c\/h3\u003e\n        \u003cp\u003eEmballages respectueux de l'environnement, fabrication française.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"cj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eBon à savoir\u003c\/h2\u003e\n    \u003cdiv class=\"cj-accordion\"\u003e\n      \u003cdetails class=\"cj-accordion-item\"\u003e\n        \u003csummary class=\"cj-accordion-header\"\u003e🧪 Test préalable recommandé\u003c\/summary\u003e\n        \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n          \u003cp\u003eComme pour toute coloration naturelle des cheveux, il est recommandé de réaliser un test sur une mèche avant la première utilisation, afin de vérifier le rendu et de s'assurer de l'absence de réaction cutanée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cj-accordion-item\"\u003e\n        \u003csummary class=\"cj-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit ne remplace pas un avis dermatologique en cas de sensibilité avérée du cuir chevelu. Évitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cj-accordion-item\"\u003e\n        \u003csummary class=\"cj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez les sachets de poudre dans un endroit sec, à l'abri de la lumière et de l'humidité. Une fois la pâte préparée, utilisez-la immédiatement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cj-disclaimer\"\u003eLes résultats peuvent varier selon la nature, la couleur de base et l'état des cheveux. Les colorations végétales ne permettent pas d'éclaircir les cheveux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cj-cream: #faf6f1;\n  --cj-white: #ffffff;\n  --cj-primary: #c46a2e;\n  --cj-primary-dark: #8b4513;\n  --cj-primary-light: #fdf0e6;\n  --cj-secondary: #d4883e;\n  --cj-accent: #e8a04c;\n  --cj-text: #1a1a1a;\n  --cj-text-light: #5a5a5a;\n  --cj-border: #e8ddd2;\n  --cj-shadow: 0 4px 24px rgba(139, 69, 19, .08);\n  --cj-shadow-lg: 0 12px 48px rgba(139, 69, 19, .15);\n  --cj-radius: 20px;\n  --cj-radius-sm: 12px;\n}\n\n.cj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8b4513 0%, #c46a2e 50%, #d4883e 100%);\n  border-radius: var(--cj-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(--cj-shadow-lg);\n}\n\n.cj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n              repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n  opacity: .6;\n}\n\n.cj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cj-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.cj-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .03em;\n  text-transform: uppercase;\n}\n\n.cj-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cj-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(--cj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cj-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.cj-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(--cj-primary), var(--cj-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.cj-card {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cj-shadow-lg);\n  border-color: var(--cj-primary);\n}\n\n.cj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cj-grid-compact .cj-card {\n  padding: 1rem;\n}\n\n.cj-grid-compact .cj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cj-grid-compact .cj-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cj-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cj-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cj-primary), var(--cj-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.cj-timeline-content {\n  flex: 1;\n  background: var(--cj-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cj-radius-sm);\n  box-shadow: var(--cj-shadow);\n}\n\n.cj-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cj-timeline-content p {\n  font-size: 14px;\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cj-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cj-primary-light);\n  border-radius: var(--cj-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cj-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cj-tip p {\n  font-size: 14px;\n  color: var(--cj-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cj-testimonial {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cj-shadow);\n  border-left: 4px solid var(--cj-primary);\n}\n\n.cj-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cj-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cj-accordion {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  box-shadow: var(--cj-shadow);\n  overflow: hidden;\n}\n\n.cj-accordion-item {\n  border-bottom: 1px solid var(--cj-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cj-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cj-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cj-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.cj-accordion-header:hover {\n  background: var(--cj-primary-light);\n}\n\n.cj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cj-primary);\n  transition: transform .2s ease;\n}\n\n.cj-accordion-item[open] .cj-accordion-header::after {\n  content: '−';\n}\n\n.cj-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cj-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cj-accordion-content p {\n  margin: 0;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cj-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cj-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === DISCLAIMER === *\/\n.cj-disclaimer {\n  font-size: 12px;\n  color: var(--cj-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  .cj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cj-card {\n    padding: 1.125rem;\n  }\n\n  .cj-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cj-radius-sm);\n  }\n\n  .cj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cj-grid-compact {\n    gap: .625rem;\n  }\n\n  .cj-grid-compact .cj-card {\n    padding: .75rem;\n  }\n\n  .cj-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cj-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cj-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cj-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cj-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cj-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cj-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cj-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cj-card {\n    animation: cjFadeInUp .5s ease backwards;\n  }\n  .cj-card:nth-child(1) { animation-delay: .05s; }\n  .cj-card:nth-child(2) { animation-delay: .1s; }\n  .cj-card:nth-child(3) { animation-delay: .15s; }\n  .cj-card:nth-child(4) { animation-delay: .2s; }\n  .cj-card:nth-child(5) { animation-delay: .25s; }\n  .cj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cjFadeInUp {\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  .cj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755178516637,"sku":"CJ0005","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/coloration-vegetale-pour-cheveux-chatain-fonce-les-couleurs--packshothd.webp?v=1773076086"},{"product_id":"coloration-chatain-100-vegetale-2-x-50-g-les-couleurs-de-jeanne","title":"Coloration Végétale pour Cheveux - Teinte Châtain - Les Couleurs de Jeanne","description":"\u003cdiv class=\"cj-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"cj-hero\"\u003e\n\u003cdiv class=\"cj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cj-hero-content\"\u003e\n\u003cdiv class=\"cj-badges-top\"\u003e\n\u003cspan class=\"cj-badge\"\u003e🌿 100% Végétale\u003c\/span\u003e \u003cspan class=\"cj-badge\"\u003e✨ Cosmos Natural\u003c\/span\u003e \u003cspan class=\"cj-badge\"\u003e🐰 Vegan \u0026amp; Cruelty Free\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cj-hero-title\"\u003eColoration Végétale Châtain\u003c\/span\u003e\n\u003cp class=\"cj-subtitle\"\u003eLes Couleurs de Jeanne\u003c\/p\u003e\n\u003cp class=\"cj-description\"\u003eBien plus qu'une coloration : un véritable soin capillaire aux plantes tinctoriales qui colore, renforce et sublime votre chevelure en une seule application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTRODUCTION --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003cdiv class=\"cj-intro-card\"\u003e\n\u003cp\u003eFormulée exclusivement à partir de \u003cstrong\u003epoudres de plantes tinctoriales\u003c\/strong\u003e, cette coloration naturelle offre une teinte châtain lumineuse aux reflets chauds et naturels. Elle couvre efficacement tous les cheveux blancs tout en respectant la santé de votre fibre capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003ePour qui est faite cette coloration châtain clair ?\u003c\/h2\u003e\n\u003cp class=\"cj-section-intro\"\u003eCette coloration naturelle s'adapte à différentes bases capillaires et délivre des résultats variables selon votre couleur de départ :\u003c\/p\u003e\n\u003cdiv class=\"cj-grid\"\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🟤 Cheveux châtains naturels\u003c\/h3\u003e\n\u003cp\u003eIntensifie votre couleur et apporte des reflets châtain clair lumineux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e⚪ 50% de cheveux blancs\u003c\/h3\u003e\n\u003cp\u003eOffre une couverture homogène avec des nuances châtain chaleureuses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🤍 100% cheveux blancs\u003c\/h3\u003e\n\u003cp\u003eDélivre un châtain cuivré intense et éclatant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🌾 Cheveux blonds foncés\u003c\/h3\u003e\n\u003cp\u003eFonce légèrement la teinte en apportant de la profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-tip\"\u003e\n\u003cspan class=\"cj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe résultat final dépend toujours de votre couleur naturelle de départ : plus vos cheveux sont clairs ou blancs, plus la teinte sera visible et vibrante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003eLes bienfaits des plantes tinctoriales pour vos cheveux\u003c\/h2\u003e\n\u003cp class=\"cj-section-intro\"\u003eContrairement aux colorations chimiques qui pénètrent et fragilisent la fibre capillaire, cette coloration agit en gainant chaque cheveu. Les plantes tinctoriales déposent leurs pigments à la surface, créant une véritable enveloppe protectrice.\u003c\/p\u003e\n\u003cdiv class=\"cj-grid\"\u003e\n\u003cdiv class=\"cj-card cj-card-highlight\"\u003e\n\u003ch3\u003e🌿 Henné neutre (Cassia obovata)\u003c\/h3\u003e\n\u003cp\u003eRenforce la structure du cheveu, apporte brillance et volume sans modifier la couleur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card cj-card-highlight\"\u003e\n\u003ch3\u003e🎨 Plantes colorantes\u003c\/h3\u003e\n\u003cp\u003eLibèrent des pigments naturels qui s'accrochent à la kératine pour une couleur durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card cj-card-highlight\"\u003e\n\u003ch3\u003e💪 Action gainante\u003c\/h3\u003e\n\u003cp\u003eLes cheveux fins paraissent plus épais, les cheveux abîmés retrouvent de la matière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-result-box\"\u003e\n\u003cp\u003e✨ Après chaque application, vos cheveux sont non seulement colorés, mais également \u003cstrong\u003eplus forts, plus brillants et plus faciles à coiffer\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003eUne formule certifiée et engagée\u003c\/h2\u003e\n\u003cp class=\"cj-section-intro\"\u003eLa marque Les Couleurs de Jeanne s'engage pour une beauté responsable. Cette coloration végétale répond aux exigences les plus strictes :\u003c\/p\u003e\n\u003cdiv class=\"cj-grid-compact\"\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Natural\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine naturelle contrôlés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🐰 Cruelty Free \u0026amp; Vegan\u003c\/h3\u003e\n\u003cp\u003eAucun test sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🚫 Sans PPD\u003c\/h3\u003e\n\u003cp\u003eSans substance allergisante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🌱 100% Clean\u003c\/h3\u003e\n\u003cp\u003eSans colorants ni conservateurs chimiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"cj-ingredients-box\"\u003e\n\u003cdiv class=\"cj-ingredient-list\"\u003e\n\u003cspan class=\"cj-ingredient\"\u003eCassia Obovata Leaf Powder \u003cem\u003e(Henné neutre)\u003c\/em\u003e\u003c\/span\u003e \u003cspan class=\"cj-ingredient\"\u003eLawsonia Inermis Leaf Powder \u003cem\u003e(Henné)\u003c\/em\u003e\u003c\/span\u003e \u003cspan class=\"cj-ingredient\"\u003eIndigofera Tinctoria Leaf Powder \u003cem\u003e(Indigo)\u003c\/em\u003e\u003c\/span\u003e \u003cspan class=\"cj-ingredient\"\u003eEmblica Officinalis Fruit Powder \u003cem\u003e(Amla)\u003c\/em\u003e\u003c\/span\u003e \u003cspan class=\"cj-ingredient\"\u003eAcacia Concinna Fruit Powder \u003cem\u003e(Shikakai)\u003c\/em\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-badge-large\"\u003e🌿 100% d'ingrédients d'origine naturelle\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003eComment appliquer votre coloration végétale châtain ?\u003c\/h2\u003e\n\u003cdiv class=\"cj-timeline\"\u003e\n\u003cdiv class=\"cj-timeline-item\"\u003e\n\u003cspan class=\"cj-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"cj-timeline-content\"\u003e\n\u003ch3\u003ePréparez vos cheveux (la veille)\u003c\/h3\u003e\n\u003cp\u003eRéalisez un masque à l'argile pour éliminer les résidus de silicones et autres dépôts qui pourraient empêcher les pigments de bien adhérer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-item\"\u003e\n\u003cspan class=\"cj-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"cj-timeline-content\"\u003e\n\u003ch3\u003ePréparez la pâte colorante\u003c\/h3\u003e\n\u003cp\u003eMélangez les 100g de poudre avec environ 300ml d'eau tiède jusqu'à obtenir une pâte lisse comme un yaourt épais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-item\"\u003e\n\u003cspan class=\"cj-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"cj-timeline-content\"\u003e\n\u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n\u003cp\u003eSur cheveux secs et démêlés, appliquez en couche épaisse, mèche par mèche, des racines aux pointes. Couvrez avec un film plastique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-item\"\u003e\n\u003cspan class=\"cj-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"cj-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser 1h à 1h30\u003c\/h3\u003e\n\u003cp\u003eLe temps de pose varie selon l'intensité souhaitée. Pour une couverture optimale des cheveux blancs, privilégiez un temps plus long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-item\"\u003e\n\u003cspan class=\"cj-timeline-number\"\u003e5\u003c\/span\u003e\n\u003cdiv class=\"cj-timeline-content\"\u003e\n\u003ch3\u003eRincez avec soin\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau claire jusqu'à ce que l'eau soit limpide, puis utilisez le baume fixateur d'éclat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-warning-box\"\u003e\n\u003cspan class=\"cj-warning-icon\"\u003e⏳\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eConseil crucial pour un résultat optimal\u003c\/strong\u003e\n\u003cp\u003eÉvitez tout shampooing pendant 72 heures après l'application. Les pigments végétaux continuent de s'oxyder et de se fixer pendant ce temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n\u003cdiv class=\"cj-accordion\"\u003e\n\u003cdetails class=\"cj-accordion-item\"\u003e\n\u003csummary class=\"cj-accordion-header\"\u003e⚠️ Test cutané obligatoire\u003c\/summary\u003e\n\u003cdiv class=\"cj-accordion-content\"\u003e\n\u003cp\u003eEffectuez un test dans le pli du coude 48 heures avant la première utilisation pour vérifier l'absence de réaction allergique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cj-accordion-item\"\u003e\n\u003csummary class=\"cj-accordion-header\"\u003e🧪 Cheveux colorés chimiquement\u003c\/summary\u003e\n\u003cdiv class=\"cj-accordion-content\"\u003e\n\u003cp\u003eN'appliquez pas cette coloration végétale sur des cheveux ayant reçu une coloration chimique récente (moins de 3 mois). Les interactions entre pigments synthétiques et naturels peuvent donner des résultats imprévisibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cj-accordion-item\"\u003e\n\u003csummary class=\"cj-accordion-header\"\u003e💡 Cheveux décolorés ou méchés\u003c\/summary\u003e\n\u003cdiv class=\"cj-accordion-content\"\u003e\n\u003cp\u003eLa coloration végétale prendra plus intensément sur les zones décolorées, créant potentiellement des différences de teinte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cj-accordion-item\"\u003e\n\u003csummary class=\"cj-accordion-header\"\u003e👕 Protection des surfaces\u003c\/summary\u003e\n\u003cdiv class=\"cj-accordion-content\"\u003e\n\u003cp\u003eProtégez vos vêtements et surfaces : les poudres de plantes tachent durablement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003eContenu du coffret\u003c\/h2\u003e\n\u003cdiv class=\"cj-grid-compact\"\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e📦 2 sachets de 50g\u003c\/h3\u003e\n\u003cp\u003e100g de poudre colorante au total\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🧤 1 paire de gants\u003c\/h3\u003e\n\u003cp\u003eProtection pour l'application\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e📖 1 notice détaillée\u003c\/h3\u003e\n\u003cp\u003eGuide d'utilisation complet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e💇 Quantité idéale\u003c\/h3\u003e\n\u003cp\u003ePour cheveux mi-longs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-tip\"\u003e\n\u003cspan class=\"cj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eCheveux longs ou très épais ?\u003c\/strong\u003e Prévoyez deux coffrets pour une couverture optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #8 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003ePourquoi choisir une coloration naturelle pour cheveux ?\u003c\/h2\u003e\n\u003cp class=\"cj-section-intro\"\u003ePasser à la coloration naturelle représente un véritable choix de santé capillaire. Voici ce qui change concrètement :\u003c\/p\u003e\n\u003cdiv class=\"cj-grid\"\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🌸 Respect du cuir chevelu\u003c\/h3\u003e\n\u003cp\u003ePlus de démangeaisons ni d'irritations liées aux agents chimiques agressifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e💪 Cheveux renforcés\u003c\/h3\u003e\n\u003cp\u003eAu lieu de s'affiner, vos cheveux gagnent en matière et en résistance coloration après coloration\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🎨 Couleur évolutive\u003c\/h3\u003e\n\u003cp\u003eLa teinte s'estompe progressivement et harmonieusement, sans effet racine marqué\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🤰 Grossesse \u0026amp; allaitement\u003c\/h3\u003e\n\u003cp\u003eL'absence de substances chimiques nocives permet de continuer à se colorer (avis médical recommandé)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #9 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003eQuestions fréquentes sur la coloration végétale châtain\u003c\/h2\u003e\n\u003cdiv class=\"cj-accordion\"\u003e\n\u003cdetails class=\"cj-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"cj-accordion-header\"\u003e⏱️ Combien de temps tient la couleur ?\u003c\/summary\u003e\n\u003cdiv class=\"cj-accordion-content\"\u003e\n\u003cp\u003eLa coloration végétale est permanente dans le sens où elle ne s'efface pas au lavage. Elle s'estompe très progressivement au fil des semaines, sans démarcation visible. Comptez environ \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e entre deux applications pour maintenir une couleur éclatante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cj-accordion-item\"\u003e\n\u003csummary class=\"cj-accordion-header\"\u003e☀️ Puis-je éclaircir mes cheveux avec cette coloration ?\u003c\/summary\u003e\n\u003cdiv class=\"cj-accordion-content\"\u003e\n\u003cp\u003eNon, les colorations végétales ne peuvent pas éclaircir les cheveux. Elles déposent des pigments qui foncent ou nuancent votre couleur naturelle. Pour obtenir un châtain clair sur une base foncée, la coloration végétale ne convient pas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cj-accordion-item\"\u003e\n\u003csummary class=\"cj-accordion-header\"\u003e🦊 Mes cheveux vont-ils devenir roux ?\u003c\/summary\u003e\n\u003cdiv class=\"cj-accordion-content\"\u003e\n\u003cp\u003eLa teinte Châtain des Couleurs de Jeanne est formulée pour offrir un châtain équilibré. L'indigo présent dans la composition neutralise les reflets trop cuivrés du henné. Sur cheveux très blancs, des reflets chauds peuvent apparaître, ce qui fait partie du charme naturel de cette coloration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"cj-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"cj-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à vos cheveux une coloration qui les sublime tout en les renforçant.\u003cbr\u003e\u003cstrong\u003e2 x 50g de poudres tinctoriales certifiées Cosmos Natural\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cj-disclaimer\"\u003eLes résultats peuvent varier selon la nature et la couleur de base des cheveux. Photos non contractuelles.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --cj-cream: #FAF7F3;\n  --cj-white: #ffffff;\n  --cj-primary: #E07830;\n  --cj-primary-dark: #B85D20;\n  --cj-primary-light: #FFF4ED;\n  --cj-secondary: #8B5A3C;\n  --cj-accent: #C65D35;\n  --cj-text: #2D2A26;\n  --cj-text-light: #6B6560;\n  --cj-border: #E8E2DC;\n  --cj-shadow: 0 4px 24px rgba(139,90,60,.08);\n  --cj-shadow-lg: 0 12px 48px rgba(139,90,60,.15);\n  --cj-radius: 20px;\n  --cj-radius-sm: 12px;\n}\n\n.cj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #E07830 0%, #C65D35 50%, #8B5A3C 100%);\n  border-radius: var(--cj-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(--cj-shadow-lg);\n}\n\n.cj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23fff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .15;\n}\n\n.cj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cj-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(--cj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cj-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.cj-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.cj-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.cj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cj-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.cj-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(--cj-primary), var(--cj-secondary));\n  border-radius: 2px;\n}\n\n.cj-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cj-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === INTRO CARD === *\/\n.cj-intro-card {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cj-shadow);\n  text-align: center;\n  border-left: 4px solid var(--cj-primary);\n}\n\n.cj-intro-card p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cj-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === GRILLES === *\/\n.cj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.cj-card {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cj-shadow-lg);\n  border-color: var(--cj-primary);\n}\n\n.cj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cj-card-highlight {\n  background: linear-gradient(135deg, var(--cj-primary-light) 0%, var(--cj-white) 100%);\n  border: 2px solid var(--cj-primary);\n}\n\n.cj-grid-compact .cj-card {\n  padding: 1rem;\n}\n\n.cj-grid-compact .cj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cj-grid-compact .cj-card p {\n  font-size: 12px;\n}\n\n\/* === TIP BOX === *\/\n.cj-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cj-primary-light);\n  border-radius: var(--cj-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cj-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cj-tip p {\n  font-size: 14px;\n  color: var(--cj-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === RESULT BOX === *\/\n.cj-result-box {\n  background: linear-gradient(135deg, var(--cj-secondary) 0%, var(--cj-primary-dark) 100%);\n  border-radius: var(--cj-radius-sm);\n  padding: 1.25rem 1.5rem;\n  margin-top: 1.5rem;\n  text-align: center;\n}\n\n.cj-result-box p {\n  color: white;\n  font-size: clamp(14px, 2.5vw, 16px);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === INGREDIENTS BOX === *\/\n.cj-ingredients-box {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cj-shadow);\n  text-align: center;\n}\n\n.cj-ingredient-list {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .75rem;\n  margin-bottom: 1.5rem;\n}\n\n.cj-ingredient {\n  display: inline-block;\n  background: var(--cj-primary-light);\n  padding: .5rem 1rem;\n  border-radius: 999px;\n  font-size: 13px;\n  color: var(--cj-primary-dark);\n  font-weight: 600;\n}\n\n.cj-ingredient em {\n  font-weight: 400;\n  color: var(--cj-text-light);\n}\n\n.cj-badge-large {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--cj-primary) 0%, var(--cj-accent) 100%);\n  color: white;\n  padding: .75rem 1.5rem;\n  border-radius: 999px;\n  font-size: 15px;\n  font-weight: 700;\n}\n\n\/* === TIMELINE === *\/\n.cj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cj-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cj-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--cj-primary), var(--cj-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 18px;\n  box-shadow: 0 4px 12px rgba(224,120,48,.3);\n}\n\n.cj-timeline-content {\n  flex: 1;\n  background: var(--cj-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--cj-radius-sm);\n  box-shadow: var(--cj-shadow);\n}\n\n.cj-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.cj-timeline-content p {\n  font-size: 14px;\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === WARNING BOX === *\/\n.cj-warning-box {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: linear-gradient(135deg, #FFF8E6 0%, #FFF4ED 100%);\n  border: 2px solid var(--cj-primary);\n  border-radius: var(--cj-radius-sm);\n  padding: 1.25rem 1.5rem;\n  margin-top: 1.5rem;\n}\n\n.cj-warning-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.cj-warning-box strong {\n  display: block;\n  color: var(--cj-primary-dark);\n  font-size: 15px;\n  margin-bottom: .25rem;\n}\n\n.cj-warning-box p {\n  font-size: 14px;\n  color: var(--cj-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cj-accordion {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  box-shadow: var(--cj-shadow);\n  overflow: hidden;\n}\n\n.cj-accordion-item {\n  border-bottom: 1px solid var(--cj-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cj-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cj-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cj-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.cj-accordion-header:hover {\n  background: var(--cj-primary-light);\n}\n\n.cj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cj-primary);\n  transition: transform .2s ease;\n}\n\n.cj-accordion-item[open] .cj-accordion-header::after {\n  content: '−';\n}\n\n.cj-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cj-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 0;\n}\n\n.cj-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.cj-cta-box {\n  background: linear-gradient(135deg, var(--cj-primary) 0%, var(--cj-primary-dark) 100%);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.cj-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23fff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.cj-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cj-disclaimer {\n  font-size: 12px;\n  color: var(--cj-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  .cj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .cj-card {\n    padding: 1.125rem;\n  }\n  \n  .cj-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .cj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cj-radius-sm);\n  }\n  \n  .cj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .cj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .cj-grid-compact {\n    gap: .625rem;\n  }\n  \n  .cj-grid-compact .cj-card {\n    padding: .75rem;\n  }\n  \n  .cj-timeline-number {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  \n  .cj-timeline-content {\n    padding: 1rem 1.125rem;\n  }\n  \n  .cj-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .cj-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .cj-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .cj-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .cj-intro-card {\n    padding: 1.25rem;\n  }\n  \n  .cj-ingredient {\n    font-size: 12px;\n    padding: .4rem .75rem;\n  }\n  \n  .cj-badge-large {\n    font-size: 13px;\n    padding: .6rem 1.25rem;\n  }\n  \n  .cj-warning-box {\n    flex-direction: column;\n    gap: .75rem;\n    padding: 1rem;\n  }\n  \n  .cj-warning-icon {\n    font-size: 24px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cj-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .cj-card:nth-child(1) { animation-delay: .05s; }\n  .cj-card:nth-child(2) { animation-delay: .1s; }\n  .cj-card:nth-child(3) { animation-delay: .15s; }\n  .cj-card:nth-child(4) { animation-delay: .2s; }\n  .cj-card:nth-child(5) { animation-delay: .25s; }\n  .cj-card:nth-child(6) { animation-delay: .3s; }\n  \n  .cj-timeline-item {\n    animation: fadeInLeft .5s ease backwards;\n  }\n  .cj-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .cj-timeline-item:nth-child(2) { animation-delay: .2s; }\n  .cj-timeline-item:nth-child(3) { animation-delay: .3s; }\n  .cj-timeline-item:nth-child(4) { animation-delay: .4s; }\n  .cj-timeline-item:nth-child(5) { animation-delay: .5s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n  from { opacity: 0; transform: translateX(-20px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .cj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755178877085,"sku":"CJ0060","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/coloration-vegetale-pour-cheveux-teinte-chatain-les-couleurs-lifestyle.webp?v=1769505649"},{"product_id":"coloration-cuivre-dore-100-bio-et-vegetale-2-x-50-g-les-couleurs-de-jeanne","title":"Coloration Végétale pour Cheveux - Teinte Cuivré Doré - Les Couleurs de Jeanne","description":"\u003cdiv class=\"cj-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"cj-hero\"\u003e\n    \u003cdiv class=\"cj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cj-hero-content\"\u003e\n      \u003cdiv class=\"cj-badges-top\"\u003e\n        \u003cspan class=\"cj-badge\"\u003e🌿 100 % végétale\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e🏅 Certifiée COSMOS Natural\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e🐰 Vegan \u0026amp; non testée sur animaux\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cj-hero-title\"\u003eColoration Végétale Cuivré Doré\u003c\/span\u003e\n      \u003cp class=\"cj-subtitle\"\u003eLes Couleurs de Jeanne\u003c\/p\u003e\n      \u003cp class=\"cj-description\"\u003eUne teinte chaude et lumineuse, 100 % à base de plantes tinctoriales. Couleur intense, cheveux gainés et fortifiés — 2 sachets de 50 g pour cheveux mi-longs à longs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eColoration végétale Cuivré Doré – Une teinte lumineuse 100 % naturelle\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eVous rêvez d'une coloration naturelle pour cheveux qui offre des reflets chauds et lumineux sans agresser votre fibre capillaire ?\u003c\/p\u003e\n    \u003cdiv class=\"cj-grid-compact\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌱 100 % végétale\u003c\/h3\u003e\n        \u003cp\u003eFormulée exclusivement à partir de plantes tinctoriales, sans aucun additif chimique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e✨ Couleur intense\u003c\/h3\u003e\n        \u003cp\u003eDes nuances cuivrées dorées lumineuses qui subliment votre chevelure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e💪 Soin gainant\u003c\/h3\u003e\n        \u003cp\u003eGaine et fortifie le cheveu de la racine aux pointes à chaque application.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e⬜ Couvre les cheveux blancs\u003c\/h3\u003e\n        \u003cp\u003eCouverture efficace même à 100 % de cheveux blancs, pour un résultat homogène et naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cj-tip\"\u003e\n      \u003cspan class=\"cj-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003eFormat de \u003cstrong\u003e2 sachets de 50 g\u003c\/strong\u003e : convient aux cheveux mi-longs à longs et permet une à deux applications selon la longueur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une coloration naturelle des cheveux ?\u003c\/h2\u003e\n    \u003cdiv class=\"cj-grid\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🛡️ Protège la fibre capillaire\u003c\/h3\u003e\n        \u003cp\u003eContrairement aux colorations chimiques, elle n'altère pas la structure interne du cheveu. Les pigments végétaux agissent par dépôt et créent un film protecteur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e💎 Volume et brillance\u003c\/h3\u003e\n        \u003cp\u003eLe film végétal enrobe chaque cheveu, apportant volume, brillance et douceur. Votre chevelure est colorée \u003cstrong\u003eet\u003c\/strong\u003e soignée en même temps.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌞 Reflets modulables\u003c\/h3\u003e\n        \u003cp\u003ePlus le temps de pose est long, plus les reflets dorés s'intensifient. Particulièrement flatteuse sur les bases blondes à châtain clair.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eComposition détaillée – Des plantes et rien d'autre\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eNi ammoniaque, ni peroxyde, ni conservateur de synthèse. Uniquement des plantes issues de l'agriculture biologique.\u003c\/p\u003e\n    \u003cdiv class=\"cj-grid-compact\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌿 Henné (Lawsonia Inermis)\u003c\/h3\u003e\n        \u003cp\u003eApporte les pigments cuivrés caractéristiques et gaine le cheveu en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🍃 Indigo (Indigofera Tinctoria)\u003c\/h3\u003e\n        \u003cp\u003eNuance et stabilise la couleur pour éviter un cuivré trop vif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e✨ Cassia (Cassia Italica)\u003c\/h3\u003e\n        \u003cp\u003eRenforce la brillance et unifie la teinte sur l'ensemble de la chevelure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🍋 Amla (Phyllanthus Emblica)\u003c\/h3\u003e\n        \u003cp\u003eRevitalise le cuir chevelu, aide à fixer les pigments et apporte de la souplesse.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cj-tip\"\u003e\n      \u003cspan class=\"cj-tip-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cp\u003eFormule \u003cstrong\u003e100 % bio et vegan\u003c\/strong\u003e, sans aucun additif chimique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eComment appliquer cette coloration naturelle sur cheveux blancs ou colorés ?\u003c\/h2\u003e\n    \u003cdiv class=\"cj-timeline\"\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003ePréparation\u003c\/h3\u003e\n          \u003cp\u003eVersez un sachet de 50 g dans un bol non métallique. Ajoutez progressivement de l'eau chaude (environ 80 °C) en remuant jusqu'à obtenir une pâte lisse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eApplication\u003c\/h3\u003e\n          \u003cp\u003eSur cheveux propres, secs ou légèrement humides, appliquez mèche par mèche à l'aide d'un pinceau. Insistez sur les racines et les zones les plus blanches.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eTemps de pose\u003c\/h3\u003e\n          \u003cp\u003eCouvrez avec un bonnet ou un film alimentaire. Laissez agir \u003cstrong\u003e1 heure minimum\u003c\/strong\u003e pour un reflet léger, jusqu'à \u003cstrong\u003e3 heures\u003c\/strong\u003e pour une couleur profonde et une couverture optimale des cheveux blancs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eRinçage\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment à l'eau tiède jusqu'à ce que l'eau soit claire, puis effectuez votre shampoing doux habituel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cj-tip\"\u003e\n      \u003cspan class=\"cj-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e La couleur continue de s'oxyder pendant 48 heures. Évitez de laver vos cheveux durant ce délai pour un résultat plus intense et durable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eRésultat selon votre base de départ\u003c\/h2\u003e\n    \u003cdiv class=\"cj-grid\"\u003e\n      \u003cdiv class=\"cj-card cj-result-card\"\u003e\n        \u003ch3\u003e👱‍♀️ Base blonde\u003c\/h3\u003e\n        \u003cp\u003eCuivré doré lumineux et chaud. La teinte se révèle avec éclat sur les bases claires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card cj-result-card\"\u003e\n        \u003ch3\u003e🔀 50 % de cheveux blancs\u003c\/h3\u003e\n        \u003cp\u003eMélange subtil de mèches cuivrées et de reflets dorés, effet naturel garanti.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card cj-result-card\"\u003e\n        \u003ch3\u003e⬜ 100 % de cheveux blancs\u003c\/h3\u003e\n        \u003cp\u003eCuivré intense et uniforme sur l'ensemble de la chevelure.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"cj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eEngagements qualité\u003c\/h2\u003e\n    \u003cdiv class=\"cj-grid-compact\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌍 Agriculture biologique\u003c\/h3\u003e\n        \u003cp\u003eDes plantes récoltées dans le respect de normes environnementales strictes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🏅 COSMOS Natural\u003c\/h3\u003e\n        \u003cp\u003eCertification reconnue garantissant une formule véritablement naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eUn savoir-faire français pour une qualité irréprochable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🐰 Cruelty Free\u003c\/h3\u003e\n        \u003cp\u003eGaranti sans tests sur les animaux, un choix responsable pour la planète.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cj-cta-box\"\u003e\n      \u003cp\u003e🌿 En optant pour cette coloration végétale, vous faites un choix responsable pour votre santé et pour la planète. Des cheveux sublimés, une conscience tranquille.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cj-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de sensibilité du cuir chevelu, réalisez un test cutané 48 heures avant la première application.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cj-cream: #fdf8f5;\n  --cj-white: #ffffff;\n  --cj-primary: #c26a45;\n  --cj-primary-dark: #8b3a1f;\n  --cj-primary-light: #f8ece5;\n  --cj-secondary: #d4956a;\n  --cj-accent: #e8a96d;\n  --cj-text: #1a1a1a;\n  --cj-text-light: #5a5a5a;\n  --cj-border: #e8ddd6;\n  --cj-shadow: 0 4px 24px rgba(139, 58, 31, .07);\n  --cj-shadow-lg: 0 12px 48px rgba(139, 58, 31, .13);\n  --cj-radius: 20px;\n  --cj-radius-sm: 12px;\n}\n\n.cj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8b3a1f 0%, #c26a45 45%, #d4956a 100%);\n  border-radius: var(--cj-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(--cj-shadow-lg);\n}\n\n.cj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n              repeating-conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(255,255,255,.02) 5deg, transparent 10deg);\n  opacity: .6;\n}\n\n.cj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cj-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(--cj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cj-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  line-height: 1.1;\n}\n\n.cj-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.cj-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 620px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.cj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cj-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.cj-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(--cj-primary), var(--cj-secondary));\n  border-radius: 2px;\n}\n\n.cj-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cj-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cj-card {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cj-shadow-lg);\n  border-color: var(--cj-primary);\n}\n\n.cj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === RESULT CARDS === *\/\n.cj-result-card {\n  border-top: 4px solid var(--cj-primary);\n}\n\n\/* === GRILLES === *\/\n.cj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cj-grid-compact .cj-card {\n  padding: 1rem;\n}\n\n.cj-grid-compact .cj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cj-grid-compact .cj-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cj-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cj-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cj-primary), var(--cj-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.cj-timeline-content {\n  flex: 1;\n  background: var(--cj-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cj-radius-sm);\n  box-shadow: var(--cj-shadow);\n}\n\n.cj-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cj-timeline-content p {\n  font-size: 14px;\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cj-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cj-primary-light);\n  border-radius: var(--cj-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cj-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cj-tip p {\n  font-size: 14px;\n  color: var(--cj-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cj-cta-box {\n  background: linear-gradient(135deg, var(--cj-primary) 0%, var(--cj-primary-dark) 100%);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.cj-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.cj-disclaimer {\n  font-size: 12px;\n  color: var(--cj-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  .cj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cj-card {\n    padding: 1.125rem;\n  }\n\n  .cj-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cj-radius-sm);\n  }\n\n  .cj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cj-grid-compact {\n    gap: .625rem;\n  }\n\n  .cj-grid-compact .cj-card {\n    padding: .75rem;\n  }\n\n  .cj-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cj-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cj-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cj-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cj-result-card {\n    border-top-width: 3px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cj-card {\n    animation: cjFadeInUp .5s ease backwards;\n  }\n  .cj-card:nth-child(1) { animation-delay: .05s; }\n  .cj-card:nth-child(2) { animation-delay: .1s; }\n  .cj-card:nth-child(3) { animation-delay: .15s; }\n  .cj-card:nth-child(4) { animation-delay: .2s; }\n  .cj-card:nth-child(5) { animation-delay: .25s; }\n  .cj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cjFadeInUp {\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  .cj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755179663517,"sku":"CJ0015","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/coloration-vegetale-pour-cheveux-teinte-cuivre-dore-les-coul-packshothd.webp?v=1775758458"},{"product_id":"coloration-cuivre-rouge-100-bio-et-vegetale-2-x-50-g-les-couleurs-de-jeanne","title":"Coloration Végétale pour Cheveux - Teinte Cuivré Rouge - Les Couleurs de Jeanne","description":"\u003cdiv class=\"cj-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"cj-hero\"\u003e\n    \u003cdiv class=\"cj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cj-hero-content\"\u003e\n      \u003cdiv class=\"cj-badges-top\"\u003e\n        \u003cspan class=\"cj-badge\"\u003e🌿 100 % bio et végétale\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e✨ Certifiée Cosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cj-hero-title\"\u003eColoration végétale cuivré rouge\u003c\/span\u003e\n      \u003cp class=\"cj-subtitle\"\u003eLes Couleurs de Jeanne — 2 × 50 g\u003c\/p\u003e\n      \u003cp class=\"cj-description\"\u003eDes reflets cuivrés flamboyants, une couverture parfaite des cheveux blancs et des cheveux sublimés à chaque application. 100 % poudres de plantes, 0 % compromis.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eColoration végétale cuivré rouge : une teinte flamboyante, 100 % bio\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eVous rêvez d'une coloration cheveux naturelle qui allie intensité, éclat et respect de votre fibre capillaire ? La Coloration Cuivré Rouge des Couleurs de Jeanne est formulée exclusivement à partir de poudres de plantes certifiées Cosmos Organic.\u003c\/p\u003e\n    \u003cdiv class=\"cj-grid-compact\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🔥 Reflets intenses\u003c\/h3\u003e\n        \u003cp\u003eDes nuances cuivrées profondes et un rouge flamboyant qui captent la lumière\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e💪 Cheveux renforcés\u003c\/h3\u003e\n        \u003cp\u003eVisiblement plus forts et gainés après chaque application\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🚫 Zéro chimie\u003c\/h3\u003e\n        \u003cp\u003eNi ammoniaque, ni peroxyde, ni parabène — coloration en douceur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e✨ Éclat durable\u003c\/h3\u003e\n        \u003cp\u003eUn rendu lumineux qui s'intensifie au fil des jours\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une coloration 100 % végétale ?\u003c\/h2\u003e\n    \u003cdiv class=\"cj-grid\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🤍 Couverture complète des cheveux blancs\u003c\/h3\u003e\n        \u003cp\u003eUn résultat homogène, même sur les zones les plus résistantes. Idéale comme coloration naturelle sur cheveux blancs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e💎 Brillance et vitalité\u003c\/h3\u003e\n        \u003cp\u003eLes plantes tinctoriales nourrissent la chevelure en profondeur et apportent un éclat naturel impossible à obtenir avec des produits synthétiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌱 Revitalisation capillaire\u003c\/h3\u003e\n        \u003cp\u003eÀ chaque pose, vos cheveux gagnent en épaisseur, en souplesse et en résistance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🎨 Teinte riche et durable\u003c\/h3\u003e\n        \u003cp\u003eLes pigments végétaux se fixent progressivement et s'intensifient au fil des jours.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🛡️ Sans danger pour le cuir chevelu\u003c\/h3\u003e\n        \u003cp\u003eAucune sensation de brûlure ni d'irritation, même sur les peaux les plus sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eComposition détaillée — INCI\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eCette coloration naturelle des cheveux est composée à 100 % de poudres de plantes biologiques :\u003c\/p\u003e\n    \u003cdiv class=\"cj-grid\"\u003e\n      \u003cdiv class=\"cj-card cj-card-ingredient\"\u003e\n        \u003ch3\u003e🌺 Lawsonia Inermis (Henné)\u003c\/h3\u003e\n        \u003cp\u003ePigment principal responsable des reflets cuivrés et rouges intenses. Il gaine le cheveu et renforce sa structure en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card cj-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Indigofera Tinctoria (Indigo)\u003c\/h3\u003e\n        \u003cp\u003eApporte de la profondeur à la teinte et contribue à une brillance naturelle remarquable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card cj-card-ingredient\"\u003e\n        \u003ch3\u003e🍋 Phyllanthus Emblica (Amla)\u003c\/h3\u003e\n        \u003cp\u003eRiche en vitamine C, ce fruit nourrit le cheveu, stimule la pousse et aide à fixer les pigments durablement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card cj-card-ingredient\"\u003e\n        \u003ch3\u003e👑 Eclipta Alba (Bhringaraj)\u003c\/h3\u003e\n        \u003cp\u003eSurnommé le « roi des cheveux » en Ayurvéda, il fortifie les racines et aide à prévenir la chute.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cj-tip\"\u003e\n      \u003cspan class=\"cj-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eContenu du coffret :\u003c\/strong\u003e 2 sachets de 50 g de poudre végétale (100 g au total), suffisants pour les cheveux mi-longs à longs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eComment appliquer cette coloration végétale ?\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003ePour obtenir un résultat optimal avec cette coloration naturelle pour cheveux blancs ou colorés, suivez ces étapes :\u003c\/p\u003e\n    \u003cdiv class=\"cj-timeline\"\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003ePréparez le mélange\u003c\/h3\u003e\n          \u003cp\u003eVersez la poudre dans un récipient non métallique et ajoutez de l'eau chaude (environ 70 °C) en mélangeant jusqu'à obtenir une pâte lisse, semblable à un yaourt épais.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eLaissez reposer 20 à 30 minutes\u003c\/h3\u003e\n          \u003cp\u003eCe temps de repos permet aux pigments naturels de se libérer pleinement pour une coloration plus intense.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur cheveux propres et secs, mèche par mèche, des racines jusqu'aux pointes pour une couverture uniforme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eLaissez poser 1 à 3 heures\u003c\/h3\u003e\n          \u003cp\u003eEnveloppez vos cheveux dans un film alimentaire ou une charlotte. Plus le temps de pose est long, plus la teinte sera intense.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède jusqu'à ce que l'eau soit claire. Évitez le shampooing pendant 24 à 48 heures : les pigments continuent de se fixer.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cj-tip\"\u003e\n      \u003cspan class=\"cj-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour des reflets encore plus chauds, ajoutez une cuillère à café de vinaigre de cidre à votre mélange.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"cj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eFabrication française et engagement bio\u003c\/h2\u003e\n    \u003cdiv class=\"cj-cta-box\"\u003e\n      \u003cp\u003e🇫🇷 Les Couleurs de Jeanne conçoivent leurs colorations des cheveux naturelles en France, dans le respect d'un savoir-faire artisanal. Chaque lot est certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et \u003cstrong\u003eVegan\u003c\/strong\u003e, sans aucun test sur les animaux. En choisissant cette coloration, vous prenez soin de vos cheveux tout en réduisant votre impact environnemental.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cj-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de doute ou de sensibilité particulière, réalisez un test dans le pli du coude 48 heures avant la première application.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cj-cream: #faf5f0;\n  --cj-white: #ffffff;\n  --cj-primary: #b5432a;\n  --cj-primary-dark: #7a2d1a;\n  --cj-primary-light: #f8ece8;\n  --cj-secondary: #d4763e;\n  --cj-accent: #e8935a;\n  --cj-text: #1a1a1a;\n  --cj-text-light: #5a5a5a;\n  --cj-border: #e8ddd4;\n  --cj-shadow: 0 4px 24px rgba(122,45,26,.08);\n  --cj-shadow-lg: 0 12px 48px rgba(122,45,26,.15);\n  --cj-radius: 20px;\n  --cj-radius-sm: 12px;\n}\n\n.cj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7a2d1a 0%, #b5432a 45%, #d4763e 100%);\n  border-radius: var(--cj-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(--cj-shadow-lg);\n}\n\n.cj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n              repeating-conic-gradient(from 0deg, transparent 0deg 8deg, rgba(255,255,255,.02) 8deg 10deg);\n  opacity: .6;\n}\n\n.cj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cj-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.15;\n}\n\n.cj-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.cj-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.cj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cj-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(--cj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cj-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.cj-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(--cj-primary), var(--cj-secondary));\n  border-radius: 2px;\n}\n\n.cj-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cj-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cj-card {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cj-shadow-lg);\n  border-color: var(--cj-primary);\n}\n\n.cj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cj-card-ingredient {\n  border-left: 4px solid var(--cj-secondary);\n  text-align: left;\n}\n\n\/* === GRILLES === *\/\n.cj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cj-grid-compact .cj-card {\n  padding: 1rem;\n}\n\n.cj-grid-compact .cj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cj-grid-compact .cj-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cj-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cj-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cj-primary), var(--cj-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.cj-timeline-content {\n  flex: 1;\n  background: var(--cj-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cj-radius-sm);\n  box-shadow: var(--cj-shadow);\n}\n\n.cj-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cj-timeline-content p {\n  font-size: 14px;\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cj-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cj-primary-light);\n  border-radius: var(--cj-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cj-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cj-tip p {\n  font-size: 14px;\n  color: var(--cj-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cj-cta-box {\n  background: linear-gradient(135deg, var(--cj-primary) 0%, var(--cj-primary-dark) 100%);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.cj-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.cj-disclaimer {\n  font-size: 12px;\n  color: var(--cj-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  .cj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cj-card {\n    padding: 1.125rem;\n  }\n\n  .cj-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cj-radius-sm);\n  }\n\n  .cj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cj-grid-compact {\n    gap: .625rem;\n  }\n\n  .cj-grid-compact .cj-card {\n    padding: .75rem;\n  }\n\n  .cj-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cj-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cj-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cj-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cj-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cj-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cj-card {\n    animation: cjFadeInUp .5s ease backwards;\n  }\n  .cj-card:nth-child(1) { animation-delay: .05s; }\n  .cj-card:nth-child(2) { animation-delay: .1s; }\n  .cj-card:nth-child(3) { animation-delay: .15s; }\n  .cj-card:nth-child(4) { animation-delay: .2s; }\n  .cj-card:nth-child(5) { animation-delay: .25s; }\n  .cj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cjFadeInUp {\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  .cj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755180023965,"sku":"CJ0020","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/coloration-vegetale-pour-cheveux-teinte-cuivre-rouge-les-cou-packshothd_6c111d08-8ef9-4539-a301-af39f1e8af67.webp?v=1772966473"},{"product_id":"coloration-blond-venitien-100-vegetale-2-x-50-g-les-couleurs-de-jeanne","title":"Coloration Végétale pour Cheveux - Teinte Blond Vénitien - Les Couleurs de Jeanne","description":"\u003cdiv class=\"jn-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"jn-hero\"\u003e\n\u003cdiv class=\"jn-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"jn-hero-content\"\u003e\n\u003cdiv class=\"jn-badges-top\"\u003e\n\u003cspan class=\"jn-badge\"\u003e🌿 100% végétale\u003c\/span\u003e \u003cspan class=\"jn-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"jn-badge\"\u003e✨ COSMOS Natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"jn-hero-title\"\u003eColoration Végétale Blond Vénitien\u003c\/span\u003e\n\u003cp class=\"jn-subtitle\"\u003eLes Couleurs de Jeanne\u003c\/p\u003e\n\u003cp class=\"jn-description\"\u003eSublimez votre chevelure avec des reflets dorés cuivrés lumineux, grâce à un mélange unique de plantes tinctoriales qui colorent tout en prenant soin de vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"jn-section\"\u003e\n\u003ch2\u003ePourquoi choisir une coloration végétale pour vos cheveux ?\u003c\/h2\u003e\n\u003cp class=\"jn-section-intro\"\u003eContrairement aux colorations chimiques, la coloration végétale enrobe la fibre capillaire plutôt que de la pénétrer avec des agents oxydants. Résultat : volume, brillance et vitalité à chaque application.\u003c\/p\u003e\n\u003cdiv class=\"jn-grid\"\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🚫 Sans ingrédients controversés\u003c\/h3\u003e\n\u003cp\u003eZéro ammoniaque, parabènes ou PPD pour respecter votre cuir chevelu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e💆 Soin des cheveux fragiles\u003c\/h3\u003e\n\u003cp\u003eIdéale pour les chevelures sensibilisées ou abîmées par les colorations chimiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eUne routine capillaire plus respectueuse de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e✨ Reflets authentiques\u003c\/h3\u003e\n\u003cp\u003eUne couleur naturelle et des nuances uniques impossibles à reproduire chimiquement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"jn-section\"\u003e\n\u003ch2\u003eLa teinte Blond Vénitien : pour qui ?\u003c\/h2\u003e\n\u003cp class=\"jn-section-intro\"\u003eLe Blond Vénitien est une nuance chaude et ensoleillée qui apporte des reflets dorés cuivrés illuminant naturellement la chevelure.\u003c\/p\u003e\n\u003cdiv class=\"jn-grid\"\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e☀️ Base blonde naturelle\u003c\/h3\u003e\n\u003cp\u003eParfait pour réchauffer votre couleur avec des nuances dorées subtiles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🧡 Reflets cuivrés\u003c\/h3\u003e\n\u003cp\u003eApporte des touches cuivrées délicates sans excès ni artificialité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e👩🦳 Premiers cheveux blancs\u003c\/h3\u003e\n\u003cp\u003eCouvre vos cheveux blancs avec une teinte lumineuse et naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-tip\"\u003e\n\u003cspan class=\"jn-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e Sur cheveux très clairs ou blancs, le résultat sera plus prononcé. Sur cheveux châtains ou plus foncés, les reflets seront visibles principalement à la lumière naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"jn-section\"\u003e\n\u003ch2\u003eColoration végétale pour cheveux blancs : une couverture efficace ?\u003c\/h2\u003e\n\u003cp class=\"jn-section-intro\"\u003eOui ! Les plantes tinctoriales déposent leurs pigments autour du cheveu, permettant de couvrir les cheveux blancs avec une teinte naturelle et des reflets harmonieux.\u003c\/p\u003e\n\u003cdiv class=\"jn-grid-compact\"\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e50% cheveux blancs\u003c\/h3\u003e\n\u003cp\u003eBlond doré lumineux avec effet \"mèches naturelles\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e100% cheveux blancs\u003c\/h3\u003e\n\u003cp\u003eCouleur intense avec reflets cuivrés dorés bien visibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-tip\"\u003e\n\u003cspan class=\"jn-tip-icon\"\u003e⏱️\u003c\/span\u003e\n\u003cp\u003ePour une couverture optimale, laissez poser au moins \u003cstrong\u003e45 minutes à 1 heure\u003c\/strong\u003e. Prolongez si vos cheveux sont particulièrement résistants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"jn-section\"\u003e\n\u003ch2\u003eLes bienfaits des plantes contenues dans cette coloration\u003c\/h2\u003e\n\u003cp class=\"jn-section-intro\"\u003eChaque ingrédient a été choisi pour ses propriétés colorantes ET soignantes.\u003c\/p\u003e\n\u003cdiv class=\"jn-grid\"\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🌿 Cassia (henné neutre)\u003c\/h3\u003e\n\u003cp\u003eRenforce la fibre capillaire, apporte brillance et volume sans modifier la couleur de base\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🧡 Curcuma\u003c\/h3\u003e\n\u003cp\u003eApporte les reflets dorés cuivrés caractéristiques et apaise le cuir chevelu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🌾 Rhubarbe\u003c\/h3\u003e\n\u003cp\u003eContribue aux nuances blondes et dorées, renforce l'éclat naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🌼 Camomille\u003c\/h3\u003e\n\u003cp\u003eÉclaircit délicatement et illumine les cheveux blonds tout en adoucissant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🍇 Amla\u003c\/h3\u003e\n\u003cp\u003eFruit ayurvédique riche en vitamine C, fortifie et prévient la chute\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🌱 Brahmi\u003c\/h3\u003e\n\u003cp\u003eStimule la pousse et renforce les racines pour des cheveux plus épais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"jn-section\"\u003e\n\u003ch2\u003eComment appliquer cette coloration végétale ?\u003c\/h2\u003e\n\u003cdiv class=\"jn-timeline\"\u003e\n\u003cdiv class=\"jn-timeline-item\"\u003e\n\u003cspan class=\"jn-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"jn-timeline-content\"\u003e\n\u003ch3\u003ePréparation (la veille)\u003c\/h3\u003e\n\u003cp\u003eRéalisez un soin préparateur à l'argile pour débarrasser vos cheveux des résidus de silicones\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-timeline-item\"\u003e\n\u003cspan class=\"jn-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"jn-timeline-content\"\u003e\n\u003ch3\u003eMélange de la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez 100g de poudre dans un récipient non métallique, ajoutez 300ml d'eau tiède progressivement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-timeline-item\"\u003e\n\u003cspan class=\"jn-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"jn-timeline-content\"\u003e\n\u003ch3\u003eApplication généreuse\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur cheveux secs et propres, mèche par mèche, jusqu'aux pointes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-timeline-item\"\u003e\n\u003cspan class=\"jn-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"jn-timeline-content\"\u003e\n\u003ch3\u003eTemps de pose\u003c\/h3\u003e\n\u003cp\u003eCouvrez avec la charlotte fournie et laissez poser 30 min à 1h selon l'intensité souhaitée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-timeline-item\"\u003e\n\u003cspan class=\"jn-timeline-number\"\u003e5\u003c\/span\u003e\n\u003cdiv class=\"jn-timeline-content\"\u003e\n\u003ch3\u003eRinçage et finition\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment, utilisez le shampooing fixateur puis le baume 2-en-1 pour révéler la brillance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"jn-section\"\u003e\n\u003ch2\u003eConseils pour un résultat optimal et durable\u003c\/h2\u003e\n\u003cdiv class=\"jn-grid-compact\"\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e⏳ 72h sans lavage\u003c\/h3\u003e\n\u003cp\u003eLes pigments continuent de se fixer après l'application\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🧴 Évitez les sulfates\u003c\/h3\u003e\n\u003cp\u003eIls font dégorger la couleur plus rapidement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e☀️ Protection solaire\u003c\/h3\u003e\n\u003cp\u003eProtégez vos cheveux du soleil prolongé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🔄 Toutes les 4-6 semaines\u003c\/h3\u003e\n\u003cp\u003eRenouvelez pour entretenir la couleur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"jn-section\"\u003e\n\u003ch2\u003eCheveux verts après coloration végétale : comment éviter ce problème ?\u003c\/h2\u003e\n\u003cp class=\"jn-section-intro\"\u003eCe phénomène rare peut survenir dans des cas spécifiques. Voici comment l'éviter :\u003c\/p\u003e\n\u003cdiv class=\"jn-grid\"\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e⚠️ Cause principale\u003c\/h3\u003e\n\u003cp\u003eApplication sur cheveux traités avec des colorations chimiques contenant des sels métalliques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e⏰ Délai recommandé\u003c\/h3\u003e\n\u003cp\u003eAttendez au moins 4 à 6 semaines après une coloration chimique avant de passer au végétal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🧪 Test préalable\u003c\/h3\u003e\n\u003cp\u003eRéalisez un test sur une mèche cachée avant la première application complète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"jn-section\"\u003e\n\u003ch2\u003eContenu du kit de coloration\u003c\/h2\u003e\n\u003cdiv class=\"jn-grid-compact\"\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e📦 2 × 50g de poudre\u003c\/h3\u003e\n\u003cp\u003e100g au total de poudre colorante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🧤 1 paire de gants\u003c\/h3\u003e\n\u003cp\u003eProtection des mains incluse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🎀 1 charlotte\u003c\/h3\u003e\n\u003cp\u003eOptimise le temps de pose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e📋 1 notice détaillée\u003c\/h3\u003e\n\u003cp\u003eInstructions complètes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-tip\"\u003e\n\u003cspan class=\"jn-tip-icon\"\u003e📏\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eQuantité recommandée :\u003c\/strong\u003e 100g suffisent pour des cheveux courts à mi-longs. Pour des cheveux très longs ou épais, prévoyez deux coffrets.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"jn-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"jn-ingredients-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eCassia auriculata leaf powder*\u003c\/strong\u003e, Rheum emodi root extract, \u003cstrong\u003eEmblica officinalis fruit powder*\u003c\/strong\u003e, \u003cstrong\u003eLawsonia inermis leaf extract*\u003c\/strong\u003e, \u003cstrong\u003eChamomilla recutita flower powder*\u003c\/strong\u003e, \u003cstrong\u003eCurcuma longa root powder*\u003c\/strong\u003e, \u003cstrong\u003eBacopa monnieri leaf powder*\u003c\/strong\u003e, \u003cstrong\u003eTerminalia chebula fruit powder*\u003c\/strong\u003e, \u003cstrong\u003eAzadirachta indica leaf extract*\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"jn-inci-note\"\u003e*Ingrédients issus de l'Agriculture Biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 10 --\u003e\n\u003csection class=\"jn-section\"\u003e\n\u003ch2\u003eCertifications et engagements qualité\u003c\/h2\u003e\n\u003cdiv class=\"jn-grid-compact\"\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🏅 COSMOS Natural\u003c\/h3\u003e\n\u003cp\u003eFormule respectueuse de l'environnement et de votre santé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free \u0026amp; Vegan\u003c\/h3\u003e\n\u003cp\u003eAucun test sur animaux, aucun ingrédient animal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eSavoir-faire artisanal et contrôles qualité rigoureux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jn-card\"\u003e\n\u003ch3\u003e🌿 100% végétale\u003c\/h3\u003e\n\u003cp\u003eUniquement des plantes, rien d'autre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"jn-section\"\u003e\n\u003cdiv class=\"jn-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à vos cheveux une couleur lumineuse et des soins naturels en un seul geste. Le Blond Vénitien vous attend pour révéler tout l'éclat de votre chevelure !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"jn-disclaimer\"\u003eComme pour tout produit cosmétique, nous vous recommandons d'effectuer un test cutané 48 heures avant la première utilisation, particulièrement si vous avez la peau sensible ou êtes sujette aux allergies.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --jn-cream: #FDF8F0;\n  --jn-white: #ffffff;\n  --jn-primary: #F5A623;\n  --jn-primary-dark: #C4820F;\n  --jn-primary-light: #FEF5E7;\n  --jn-secondary: #D4956A;\n  --jn-accent: #E8C547;\n  --jn-text: #1a1a1a;\n  --jn-text-light: #5a5a5a;\n  --jn-border: #e8e0d5;\n  --jn-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --jn-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --jn-radius: 20px;\n  --jn-radius-sm: 12px;\n}\n\n.jn-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--jn-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.jn-hero {\n  position: relative;\n  background: linear-gradient(135deg, #F5A623 0%, #D4956A 50%, #E8C547 100%);\n  border-radius: var(--jn-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(--jn-shadow-lg);\n}\n\n.jn-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.jn-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.jn-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.jn-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(--jn-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.jn-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.jn-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.jn-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.jn-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.jn-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jn-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--jn-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.jn-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(--jn-primary), var(--jn-secondary));\n  border-radius: 2px;\n}\n\n.jn-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--jn-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.jn-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.jn-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.jn-card {\n  background: var(--jn-white);\n  border-radius: var(--jn-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--jn-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.jn-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--jn-shadow-lg);\n  border-color: var(--jn-primary);\n}\n\n.jn-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--jn-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.jn-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--jn-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.jn-grid-compact .jn-card {\n  padding: 1rem;\n}\n\n.jn-grid-compact .jn-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.jn-grid-compact .jn-card p {\n  font-size: 12px;\n}\n\n.jn-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.jn-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.jn-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--jn-primary), var(--jn-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(245, 166, 35, .3);\n}\n\n.jn-timeline-content {\n  flex: 1;\n  background: var(--jn-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--jn-radius-sm);\n  box-shadow: var(--jn-shadow);\n}\n\n.jn-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--jn-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.jn-timeline-content p {\n  font-size: 14px;\n  color: var(--jn-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.jn-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--jn-primary-light);\n  border-radius: var(--jn-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--jn-primary);\n}\n\n.jn-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.jn-tip p {\n  font-size: 14px;\n  color: var(--jn-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.jn-accordion {\n  background: var(--jn-white);\n  border-radius: var(--jn-radius);\n  box-shadow: var(--jn-shadow);\n  overflow: hidden;\n}\n\n.jn-accordion-item {\n  border-bottom: 1px solid var(--jn-border);\n  margin: 0;\n  padding: 0;\n}\n\n.jn-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.jn-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--jn-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.jn-accordion-header:hover {\n  background: var(--jn-primary-light);\n}\n\n.jn-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.jn-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--jn-primary);\n  transition: transform .2s ease;\n}\n\n.jn-accordion-item[open] .jn-accordion-header::after {\n  content: '−';\n}\n\n.jn-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--jn-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.jn-accordion-content p {\n  margin: 0;\n}\n\n.jn-ingredients-box {\n  background: var(--jn-white);\n  border-radius: var(--jn-radius);\n  padding: clamp(1.5rem, 4vw, 2rem);\n  box-shadow: var(--jn-shadow);\n  text-align: center;\n}\n\n.jn-ingredients-box p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--jn-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n.jn-inci-note {\n  margin-top: 1rem !important;\n  font-style: italic;\n  color: var(--jn-text-light) !important;\n  font-size: 13px !important;\n}\n\n.jn-cta-box {\n  background: linear-gradient(135deg, var(--jn-primary) 0%, var(--jn-primary-dark) 100%);\n  border-radius: var(--jn-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.jn-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.jn-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.jn-disclaimer {\n  font-size: 12px;\n  color: var(--jn-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .jn-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .jn-card {\n    padding: 1.125rem;\n  }\n  \n  .jn-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .jn-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--jn-radius-sm);\n  }\n  \n  .jn-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .jn-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .jn-grid-compact {\n    gap: .625rem;\n  }\n  \n  .jn-grid-compact .jn-card {\n    padding: .75rem;\n  }\n  \n  .jn-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .jn-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .jn-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .jn-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .jn-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .jn-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .jn-tip {\n    padding: .875rem 1rem;\n  }\n  \n  .jn-tip-icon {\n    font-size: 20px;\n  }\n  \n  .jn-tip p {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .jn-card {\n    animation: jnFadeInUp .5s ease backwards;\n  }\n  .jn-card:nth-child(1) { animation-delay: .05s; }\n  .jn-card:nth-child(2) { animation-delay: .1s; }\n  .jn-card:nth-child(3) { animation-delay: .15s; }\n  .jn-card:nth-child(4) { animation-delay: .2s; }\n  .jn-card:nth-child(5) { animation-delay: .25s; }\n  .jn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes jnFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .jn-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755181203613,"sku":"CJ0055","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/coloration-vegetale-pour-cheveux-teinte-blond-venitien-les-c-lifestyle.webp?v=1769504778"},{"product_id":"coloration-blond-clair-100-vegetale-2-x-50-g-les-couleurs-de-jeanne","title":"Coloration Végétale pour Cheveux - Teinte Blond Clair - Les Couleurs de Jeanne","description":"\u003cdiv class=\"cj-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"cj-hero\"\u003e\n    \u003cdiv class=\"cj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cj-hero-content\"\u003e\n      \u003cdiv class=\"cj-badges-top\"\u003e\n        \u003cspan class=\"cj-badge\"\u003e🌿 100 % végétale\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e🏅 Cosmos Natural\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n        \u003cspan class=\"cj-badge\"\u003e🌾 87 % bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cj-hero-title\"\u003eColoration végétale Blond Clair\u003c\/span\u003e\n      \u003cp class=\"cj-subtitle\"\u003eLes Couleurs de Jeanne\u003c\/p\u003e\n      \u003cp class=\"cj-description\"\u003eUn blond clair lumineux aux reflets dorés, une couleur intense qui couvre tous les cheveux blancs tout en prenant soin de votre chevelure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eColoration végétale Blond Clair – Les Couleurs de Jeanne\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eVous rêvez d'un \u003cstrong\u003eblond clair lumineux\u003c\/strong\u003e sans compromettre la santé de vos cheveux ? La coloration végétale Blond Clair de Les Couleurs de Jeanne est formulée à 100 % d'ingrédients d'origine végétale.\u003c\/p\u003e\n    \u003cdiv class=\"cj-grid-compact\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌼 Couleur intense\u003c\/h3\u003e\n        \u003cp\u003eDes reflets dorés naturels sans nuance orangée pour un blond clair éclatant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🤍 Cheveux blancs couverts\u003c\/h3\u003e\n        \u003cp\u003eCouverture efficace de tous les cheveux blancs dès la première application.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e💛 Reflets dorés\u003c\/h3\u003e\n        \u003cp\u003eDes nuances lumineuses et naturelles qui subliment votre chevelure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌱 100 % végétale\u003c\/h3\u003e\n        \u003cp\u003eFormulée exclusivement à partir d'ingrédients d'origine naturelle et végétale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une coloration naturelle pour cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eContrairement aux colorations chimiques qui fragilisent la fibre capillaire, cette coloration naturelle agit comme un véritable soin. Elle enveloppe chaque cheveu d'un film protecteur végétal qui gaine, renforce et apporte de la brillance.\u003c\/p\u003e\n    \u003cdiv class=\"cj-grid\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e💪 Cheveux renforcés\u003c\/h3\u003e\n        \u003cp\u003eVos cheveux sont plus forts, plus souples et visiblement plus sains après chaque application.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n        \u003cp\u003eUn film protecteur végétal qui gaine le cheveu et lui apporte un éclat incomparable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌍 Choix responsable\u003c\/h3\u003e\n        \u003cp\u003eCertifiée Cosmos Natural par Cosmécert, cruelty-free et vegan. Un geste pour vos cheveux et pour la planète.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eContenu du kit de coloration\u003c\/h2\u003e\n    \u003cdiv class=\"cj-grid-compact\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e📦 2 sachets de poudre\u003c\/h3\u003e\n        \u003cp\u003e50 g chacun, soit 100 g au total pour une application complète.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🧤 1 paire de gants\u003c\/h3\u003e\n        \u003cp\u003eGants de protection pour une application propre et confortable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🧢 1 charlotte\u003c\/h3\u003e\n        \u003cp\u003ePour maintenir la chaleur pendant le temps de pose et optimiser la couleur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e📋 1 notice détaillée\u003c\/h3\u003e\n        \u003cp\u003eAvec tous les conseils d'application pour un résultat professionnel à la maison.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eComposition – Des ingrédients naturels et biologiques\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003e87 % des ingrédients sont issus de l'agriculture biologique, et 100 % sont d'origine naturelle.\u003c\/p\u003e\n    \u003cdiv class=\"cj-grid\"\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌿 Cassia auriculata\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eHenné neutre\u003c\/strong\u003e – Renforce la fibre capillaire, apporte volume et brillance sans colorer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌼 Chamomilla recutita\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eCamomille\u003c\/strong\u003e – Ravive les reflets blonds, illumine naturellement la chevelure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🍇 Emblica officinalis\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eAmla\u003c\/strong\u003e – Antioxydant puissant qui protège le cheveu et stimule la brillance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌺 Lawsonia inermis\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eHenné\u003c\/strong\u003e – Pigment naturel qui assure la tenue de la couleur et la couverture des cheveux blancs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌾 Rheum emodi\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eRhubarbe\u003c\/strong\u003e – Apporte les nuances dorées caractéristiques du blond clair.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🍃 Bacopa monnieri\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eBacopa\u003c\/strong\u003e – Fortifie les cheveux et favorise un cuir chevelu sain.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🌳 Azadirachta indica\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eNeem\u003c\/strong\u003e – Purifie et assainit le cuir chevelu en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-card\"\u003e\n        \u003ch3\u003e🫐 Terminalia chebula\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eTerminalia\u003c\/strong\u003e – Améliore la fixation naturelle des pigments pour une couleur durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eComment appliquer cette coloration naturelle sur cheveux blancs ?\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eL'application est simple, même si vous débutez avec la coloration naturelle des cheveux blancs.\u003c\/p\u003e\n    \u003cdiv class=\"cj-timeline\"\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003ePréparez le mélange\u003c\/h3\u003e\n          \u003cp\u003eMélangez les 100 g de poudre avec 300 ml d'eau tiède. Remuez jusqu'à obtenir une pâte lisse et homogène, sans grumeaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur cheveux propres et secs, mèche par mèche, en insistant sur les racines et les zones blanches.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n          \u003cp\u003eCouvrez avec la charlotte fournie et laissez poser \u003cstrong\u003e30 minutes à 1 heure\u003c\/strong\u003e selon l'intensité souhaitée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cj-timeline-item\"\u003e\n        \u003cdiv class=\"cj-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cj-timeline-content\"\u003e\n          \u003ch3\u003eRincez et révélez\u003c\/h3\u003e\n          \u003cp\u003eRincez abondamment, puis utilisez un shampooing fixateur et un baume 2-en-1 pour révéler toute la brillance.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"cj-section\"\u003e\n    \u003ch2\u003eNos conseils pour un résultat optimal\u003c\/h2\u003e\n    \u003cdiv class=\"cj-accordion\"\u003e\n      \u003cdetails class=\"cj-accordion-item\"\u003e\n        \u003csummary class=\"cj-accordion-header\"\u003e🧖‍♀️ Masque préparateur à l'argile\u003c\/summary\u003e\n        \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéalisez un masque préparateur à l'argile avant la coloration : il ouvre les écailles du cheveu et permet une meilleure absorption des pigments végétaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cj-accordion-item\"\u003e\n        \u003csummary class=\"cj-accordion-header\"\u003e⏳ 72 heures sans shampooing\u003c\/summary\u003e\n        \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n          \u003cp\u003eÉvitez tout shampooing et produit coiffant pendant les 72 heures suivant l'application. La couleur continue de se fixer et de s'intensifier durant cette période.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cj-accordion-item\"\u003e\n        \u003csummary class=\"cj-accordion-header\"\u003e🤍 Cheveux très blancs ou très clairs\u003c\/summary\u003e\n        \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n          \u003cp\u003eSi vous avez des cheveux très blancs ou très clairs, n'hésitez pas à prolonger le temps de pose jusqu'à une heure pour une couverture complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cj-accordion-item\"\u003e\n        \u003csummary class=\"cj-accordion-header\"\u003e⚠️ Test de sensibilité\u003c\/summary\u003e\n        \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n          \u003cp\u003eEffectuez toujours un test de sensibilité 48 heures avant la première utilisation pour prévenir tout risque de réaction.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"cj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eÀ qui s'adresse cette coloration végétale Blond Clair ?\u003c\/h2\u003e\n    \u003cp class=\"cj-section-intro\"\u003eCette coloration naturelle pour cheveux blancs est idéale si vous souhaitez retrouver un blond clair naturel, couvrir vos premiers cheveux blancs ou simplement raviver vos reflets dorés.\u003c\/p\u003e\n    \u003cdiv class=\"cj-cta-box\"\u003e\n      \u003cp\u003eSans ammoniaque · Sans peroxyde · Sans PPD\u003cbr\u003eVotre chevelure retrouve éclat, force et vitalité, coloration après coloration. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cj-disclaimer\"\u003eLes résultats peuvent varier selon la nature et la couleur de base des cheveux. Effectuez toujours un test préalable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cj-cream: #faf6ef;\n  --cj-white: #ffffff;\n  --cj-primary: #d4a418;\n  --cj-primary-dark: #8b6914;\n  --cj-primary-light: #fdf5dd;\n  --cj-secondary: #e8b92e;\n  --cj-accent: #c4872a;\n  --cj-text: #1a1a1a;\n  --cj-text-light: #5a5a5a;\n  --cj-border: #e8e0d0;\n  --cj-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --cj-radius: 20px;\n  --cj-radius-sm: 12px;\n}\n\n.cj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8b6914 0%, #d4a418 50%, #e8b92e 100%);\n  border-radius: var(--cj-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(--cj-shadow-lg);\n}\n\n.cj-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n              repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.03) 30px, rgba(255,255,255,.03) 60px);\n  opacity: 1;\n}\n\n.cj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cj-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.cj-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.cj-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cj-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(--cj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cj-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.cj-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(--cj-primary), var(--cj-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.cj-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cj-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cj-card {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cj-shadow-lg);\n  border-color: var(--cj-primary);\n}\n\n.cj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cj-grid-compact .cj-card {\n  padding: 1rem;\n}\n\n.cj-grid-compact .cj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cj-grid-compact .cj-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cj-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cj-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cj-primary), var(--cj-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.cj-timeline-content {\n  flex: 1;\n  background: var(--cj-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cj-radius-sm);\n  box-shadow: var(--cj-shadow);\n}\n\n.cj-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cj-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cj-timeline-content p {\n  font-size: 14px;\n  color: var(--cj-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cj-testimonial {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cj-shadow);\n  border-left: 4px solid var(--cj-primary);\n}\n\n.cj-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cj-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cj-accordion {\n  background: var(--cj-white);\n  border-radius: var(--cj-radius);\n  box-shadow: var(--cj-shadow);\n  overflow: hidden;\n}\n\n.cj-accordion-item {\n  border-bottom: 1px solid var(--cj-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cj-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cj-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cj-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.cj-accordion-header:hover {\n  background: var(--cj-primary-light);\n}\n\n.cj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cj-primary);\n  transition: transform .2s ease;\n}\n\n.cj-accordion-item[open] .cj-accordion-header::after {\n  content: '−';\n}\n\n.cj-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cj-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cj-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.cj-cta-box {\n  background: linear-gradient(135deg, var(--cj-primary) 0%, var(--cj-primary-dark) 100%);\n  border-radius: var(--cj-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.cj-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.cj-disclaimer {\n  font-size: 12px;\n  color: var(--cj-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .cj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cj-card {\n    padding: 1.125rem;\n  }\n\n  .cj-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cj-radius-sm);\n  }\n\n  .cj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cj-grid-compact {\n    gap: .625rem;\n  }\n\n  .cj-grid-compact .cj-card {\n    padding: .75rem;\n  }\n\n  .cj-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cj-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cj-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cj-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cj-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cj-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cj-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cj-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cj-card {\n    animation: cjFadeInUp .5s ease backwards;\n  }\n  .cj-card:nth-child(1) { animation-delay: .05s; }\n  .cj-card:nth-child(2) { animation-delay: .1s; }\n  .cj-card:nth-child(3) { animation-delay: .15s; }\n  .cj-card:nth-child(4) { animation-delay: .2s; }\n  .cj-card:nth-child(5) { animation-delay: .25s; }\n  .cj-card:nth-child(6) { animation-delay: .3s; }\n  .cj-card:nth-child(7) { animation-delay: .35s; }\n  .cj-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes cjFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755181629597,"sku":"CJ0025","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/coloration-vegetale-pour-cheveux-teinte-blond-clair-les-coul-packshothd.webp?v=1772966607"},{"product_id":"baume-a-barbe-a-lhuile-de-ricin-bio-pot-kraft-40-g-comme-avant-comme-avant","title":"Baume à Barbe à l'Huile de Ricin Bio - 40 g - Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Baume à Barbe à l'Huile de Ricin Bio\nPalette détectée:\n  - Primaire: #8B7355 (brun kraft\/carton naturel du packaging)\n  - Secondaire: #6B8E5A (vert olive\/sauge des labels et variante menthe)\n  - Accent: #D4A574 (beige doré\/crème du baume)\nAmbiance: Naturel, bio, artisanal, masculin épuré, slow cosmétique\nPréfixe CSS: bb\n--\u003e\n\n\u003cdiv class=\"bb-premium\"\u003e\n  \n  \u003cdiv class=\"bb-hero\"\u003e\n    \u003cdiv class=\"bb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bb-hero-content\"\u003e\n      \u003cdiv class=\"bb-badges-top\"\u003e\n        \u003cspan class=\"bb-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e\n        \u003cspan class=\"bb-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n        \u003cspan class=\"bb-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"bb-hero-title\"\u003eBaume à barbe\u003cbr\u003eà l'huile de ricin\u003c\/span\u003e\n      \u003cp class=\"bb-subtitle\"\u003eLe soin naturel pour une barbe nourrie et disciplinée\u003c\/p\u003e\n      \u003cp class=\"bb-description\"\u003eSeulement 4 ingrédients bio pour discipliner, nourrir et assouplir votre barbe sans effet gras\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"bb-section\"\u003e\n    \u003ch2\u003e✨ Pourquoi choisir ce baume à barbe ?\u003c\/h2\u003e\n    \u003cdiv class=\"bb-grid\"\u003e\n      \u003cdiv class=\"bb-card\"\u003e\n        \u003ch3\u003e🧔 Discipline naturelle\u003c\/h3\u003e\n        \u003cp\u003eStructurez votre barbe sans effet carton ni résidu. Fini les poils rebelles et les frisottis incontrôlables.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bb-card\"\u003e\n        \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n        \u003cp\u003eL'huile de ricin pénètre en profondeur pour des poils plus souples, moins cassants et agréables au toucher.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bb-card\"\u003e\n        \u003ch3\u003e🌟 Fini non gras\u003c\/h3\u003e\n        \u003cp\u003eTexture huileuse à l'application qui se fond rapidement. Résultat mat et naturel, jamais brillant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bb-card\"\u003e\n        \u003ch3\u003e😌 Apaise les irritations\u003c\/h3\u003e\n        \u003cp\u003eLe beurre de karité calme les démangeaisons fréquentes sous la barbe. Votre peau respire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bb-card\"\u003e\n        \u003ch3\u003e📈 Favorise la densité\u003c\/h3\u003e\n        \u003cp\u003eL'acide ricinoléique stimule les follicules pour une barbe plus dense et fournie sur le long terme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bb-card\"\u003e\n        \u003ch3\u003e🍃 100% naturel\u003c\/h3\u003e\n        \u003cp\u003eZéro silicone, zéro parabène, zéro parfum synthétique. Que des actifs bruts et efficaces.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bb-section\"\u003e\n    \u003ch2\u003e🧪 Composition pure et bio\u003c\/h2\u003e\n    \u003cdiv class=\"bb-grid\"\u003e\n      \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n        \u003ch3\u003e🌰 Huile de ricin bio\u003c\/h3\u003e\n        \u003cp\u003eIngrédient star riche en acide ricinoléique. Nourrit, fortifie et stimule la pousse des poils.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n        \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n        \u003cp\u003ePénètre la fibre capillaire pour une hydratation longue durée et une douceur incomparable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eApaise la peau, répare les poils abîmés et protège des agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n        \u003ch3\u003e🌵 Cire de candelilla\u003c\/h3\u003e\n        \u003cp\u003eAlternative végane à la cire d'abeille. Apporte tenue et discipline sans effet lourd.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bb-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"bb-steps\"\u003e\n      \u003cdiv class=\"bb-step\"\u003e\n        \u003cspan class=\"bb-step-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"bb-step-content\"\u003e\n          \u003ch3\u003ePrélevez\u003c\/h3\u003e\n          \u003cp\u003eUne noisette suffit pour une barbe courte à moyenne, un peu plus pour les barbes fournies.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bb-step\"\u003e\n        \u003cspan class=\"bb-step-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"bb-step-content\"\u003e\n          \u003ch3\u003eRéchauffez\u003c\/h3\u003e\n          \u003cp\u003eFrottez vos mains jusqu'à ce que le baume devienne fluide et transparent.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bb-step\"\u003e\n        \u003cspan class=\"bb-step-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"bb-step-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eMassez de l'intérieur vers l'extérieur, en commençant par la peau sous la barbe.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bb-step\"\u003e\n        \u003cspan class=\"bb-step-number\"\u003e4\u003c\/span\u003e\n        \u003cdiv class=\"bb-step-content\"\u003e\n          \u003ch3\u003eStructurez\u003c\/h3\u003e\n          \u003cp\u003ePeignez ou brossez pour répartir uniformément et donner la forme souhaitée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bb-tip\"\u003e\n      \u003cp\u003e\u003cstrong\u003e💡 Conseil d'expert :\u003c\/strong\u003e Appliquez sur barbe légèrement humide après la douche pour une absorption maximale, ou sur barbe sèche pour plus de tenue.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bb-section\"\u003e\n    \u003ch2\u003e👤 Pour qui est fait ce baume à barbe bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"bb-grid-compact\"\u003e\n      \u003cdiv class=\"bb-card\"\u003e\n        \u003ch3\u003e〰️ Barbes rebelles\u003c\/h3\u003e\n        \u003cp\u003ePoils qui frisent, bouclent ou partent dans tous les sens\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bb-card\"\u003e\n        \u003ch3\u003e🔥 Peaux irritées\u003c\/h3\u003e\n        \u003cp\u003eDémangeaisons ou sécheresse sous la barbe\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bb-card\"\u003e\n        \u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n        \u003cp\u003eZéro parfum synthétique, zéro ingrédient douteux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bb-card\"\u003e\n        \u003ch3\u003e🌍 Éco-responsables\u003c\/h3\u003e\n        \u003cp\u003eCosmétiques écologiques et éthiques\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bb-section\"\u003e\n    \u003ch2\u003e🏆 Les engagements\u003c\/h2\u003e\n    \u003cdiv class=\"bb-grid-compact\"\u003e\n      \u003cdiv class=\"bb-card\"\u003e\n        \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eFormulation bio certifiée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bb-card\"\u003e\n        \u003ch3\u003e🐌 Slow Cosmétique\u003c\/h3\u003e\n        \u003cp\u003eApproche raisonnée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bb-card\"\u003e\n        \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n        \u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bb-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eArtisanal près de Marseille\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bb-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"bb-accordion\"\u003e\n      \u003cdetails class=\"bb-accordion-item\"\u003e\n        \u003csummary class=\"bb-accordion-header\"\u003e🆚 Huile ou baume à barbe ?\u003c\/summary\u003e\n        \u003cdiv class=\"bb-accordion-content\"\u003e\n          \u003cp\u003eL'huile à barbe nourrit et fait briller, mais offre peu de tenue. Ce baume nourrit tout autant grâce à l'huile de ricin et de coco, mais apporte en plus une discipline naturelle grâce à la cire de candelilla et au beurre de karité. Pour une barbe courte et docile, l'huile peut suffire. Pour une barbe plus longue ou rebelle, le baume devient indispensable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bb-accordion-item\"\u003e\n        \u003csummary class=\"bb-accordion-header\"\u003e🧔 Convient aux barbes de 3 jours ?\u003c\/summary\u003e\n        \u003cdiv class=\"bb-accordion-content\"\u003e\n          \u003cp\u003eAbsolument. Même sur une barbe naissante, ce baume hydrate la peau et assouplit les poils dès les premiers centimètres. Utilisez simplement une quantité réduite et insistez sur le massage de la peau pour prévenir les démangeaisons liées à la repousse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bb-accordion-item\"\u003e\n        \u003csummary class=\"bb-accordion-header\"\u003e👃 Ce baume a-t-il un parfum ?\u003c\/summary\u003e\n        \u003cdiv class=\"bb-accordion-content\"\u003e\n          \u003cp\u003eCette version est sans huiles essentielles ajoutées, ce qui la rend idéale pour les peaux sensibles ou ceux qui préfèrent les soins neutres. L'odeur est très légère, naturelle, liée aux ingrédients bruts.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bb-accordion-item\"\u003e\n        \u003csummary class=\"bb-accordion-header\"\u003e⚠️ Peaux sensibles ?\u003c\/summary\u003e\n        \u003cdiv class=\"bb-accordion-content\"\u003e\n          \u003cp\u003eOui, la formule minimaliste et 100% naturelle convient aux peaux réactives. En cas de doute, effectuez un test sur une petite zone 24 à 48 heures avant la première utilisation complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bb-accordion-item\"\u003e\n        \u003csummary class=\"bb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"bb-accordion-content\"\u003e\n          \u003cp\u003eConservez à l'abri de la chaleur et de l'humidité. Le pot kraft recyclable protège le baume de la lumière. Durée de vie : 12 mois après ouverture.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"bb-cta-box\"\u003e\n      \u003cp\u003e🧔 \u003cstrong\u003eVotre barbe mérite un soin à la hauteur de vos exigences.\u003c\/strong\u003e\u003cbr\u003e4 ingrédients bio, 2 à 3 mois d'utilisation, 0 compromis.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --bb-cream: #FAF8F5;\n  --bb-white: #ffffff;\n  --bb-primary: #8B7355;\n  --bb-primary-dark: #5D4E3A;\n  --bb-primary-light: #F5F0EB;\n  --bb-secondary: #6B8E5A;\n  --bb-accent: #D4A574;\n  --bb-text: #1a1a1a;\n  --bb-text-light: #5a5a5a;\n  --bb-border: #e8e4df;\n  --bb-shadow: 0 4px 24px rgba(93, 78, 58, .08);\n  --bb-shadow-lg: 0 12px 48px rgba(93, 78, 58, .15);\n  --bb-radius: 20px;\n  --bb-radius-sm: 12px;\n}\n\n.bb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.bb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5D4E3A 0%, #8B7355 50%, #6B8E5A 100%);\n  border-radius: var(--bb-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(--bb-shadow-lg);\n}\n\n.bb-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%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.bb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n  margin-bottom: 1.5rem;\n}\n\n.bb-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(--bb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.bb-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.bb-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.bb-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.6;\n}\n\n.bb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bb-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.bb-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(--bb-primary), var(--bb-secondary));\n  border-radius: 2px;\n}\n\n.bb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.bb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.bb-card {\n  background: var(--bb-white);\n  border-radius: var(--bb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bb-shadow-lg);\n  border-color: var(--bb-primary);\n}\n\n.bb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.bb-card-ingredient {\n  background: linear-gradient(145deg, var(--bb-white) 0%, var(--bb-primary-light) 100%);\n}\n\n.bb-grid-compact .bb-card {\n  padding: 1rem;\n}\n\n.bb-grid-compact .bb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.bb-grid-compact .bb-card p {\n  font-size: 12px;\n}\n\n.bb-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 700px;\n  margin: 0 auto 1.5rem;\n}\n\n.bb-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--bb-white);\n  border-radius: var(--bb-radius);\n  padding: 1.25rem;\n  box-shadow: var(--bb-shadow);\n  transition: all .3s ease;\n}\n\n.bb-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-step-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  min-width: 40px;\n  background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-secondary) 100%);\n  color: white;\n  font-weight: 900;\n  font-size: 18px;\n  border-radius: 50%;\n}\n\n.bb-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--bb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bb-step-content p {\n  font-size: 14px;\n  color: var(--bb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.bb-tip {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: linear-gradient(135deg, var(--bb-secondary) 0%, #5A7D4A 100%);\n  border-radius: var(--bb-radius);\n  padding: 1.25rem;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.bb-tip-icon {\n  font-size: 24px;\n}\n\n.bb-tip p {\n  color: white;\n  font-size: 14px;\n  margin: 0;\n  line-height: 1.6;\n}\n\n.bb-accordion {\n  background: var(--bb-white);\n  border-radius: var(--bb-radius);\n  box-shadow: var(--bb-shadow);\n  overflow: hidden;\n}\n\n.bb-accordion-item {\n  border-bottom: 1px solid var(--bb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.bb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.bb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--bb-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.bb-accordion-header:hover {\n  background: var(--bb-primary-light);\n}\n\n.bb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.bb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--bb-primary);\n  transition: transform .2s ease;\n}\n\n.bb-accordion-item[open] .bb-accordion-header::after {\n  content: '−';\n}\n\n.bb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--bb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.bb-accordion-content p {\n  margin: 0;\n}\n\n.bb-cta-box {\n  background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-primary-dark) 100%);\n  border-radius: var(--bb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.bb-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n  pointer-events: none;\n}\n\n.bb-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n@media (max-width: 767px) {\n  .bb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .bb-card {\n    padding: 1.125rem;\n  }\n  \n  .bb-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .bb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bb-radius-sm);\n  }\n  \n  .bb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .bb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .bb-grid-compact {\n    gap: .625rem;\n  }\n  \n  .bb-grid-compact .bb-card {\n    padding: .75rem;\n  }\n  \n  .bb-step {\n    padding: 1rem;\n  }\n  \n  .bb-step-number {\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    font-size: 16px;\n  }\n  \n  .bb-tip {\n    padding: 1rem;\n    flex-direction: column;\n    gap: .5rem;\n    text-align: center;\n  }\n  \n  .bb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .bb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .bb-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .bb-card:nth-child(1) { animation-delay: .05s; }\n  .bb-card:nth-child(2) { animation-delay: .1s; }\n  .bb-card:nth-child(3) { animation-delay: .15s; }\n  .bb-card:nth-child(4) { animation-delay: .2s; }\n  .bb-card:nth-child(5) { animation-delay: .25s; }\n  .bb-card:nth-child(6) { animation-delay: .3s; }\n  \n  .bb-step {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .bb-step:nth-child(1) { animation-delay: .1s; }\n  .bb-step:nth-child(2) { animation-delay: .2s; }\n  .bb-step:nth-child(3) { animation-delay: .3s; }\n  .bb-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .bb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755183202461,"sku":"NBAICAV0037","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-a-barbe-a-lhuile-de-ricin-bio-40-g-comme-avant-ingredients_921d67d4-2f0f-4c49-a6a0-19cf881c837b.jpg?v=1767954001"},{"product_id":"creme-solide-au-beurre-de-karite-bio-pot-kraft-50-g-comme-avant","title":"Crème Solide au Beurre de Karité - 50 g - Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème Solide au Beurre de Karité - Comme Avant\nPalette détectée:\n  - Primaire: #C9A96E (kraft\/beige doré du packaging)\n  - Secondaire: #E8D9B8 (jaune crème du produit solide)\n  - Accent: #8B7355 (brun chaud naturel)\nAmbiance: Naturel, bio, artisanal, minimaliste, chaleureux, éco-responsable\nPréfixe CSS: csk\n--\u003e\n\n\u003cdiv class=\"csk-premium\"\u003e\n  \n  \u003cdiv class=\"csk-hero\"\u003e\n    \u003cdiv class=\"csk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"csk-hero-content\"\u003e\n      \u003cdiv class=\"csk-badges-top\"\u003e\n        \u003cspan class=\"csk-badge\"\u003e🌿 Bio Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"csk-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n        \u003cspan class=\"csk-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"csk-hero-title\"\u003eCrème solide au beurre de karité\u003c\/span\u003e\n      \u003cp class=\"csk-subtitle\"\u003e4 ingrédients. 0 compromis.\u003c\/p\u003e\n      \u003cp class=\"csk-description\"\u003eUne crème multi-usage 100% naturelle qui nourrit, répare et protège votre peau en profondeur. Pour le visage, le corps et les cheveux.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"csk-section\"\u003e\n    \u003ch2\u003e✨ Pourquoi elle est différente\u003c\/h2\u003e\n    \u003cdiv class=\"csk-grid\"\u003e\n      \u003cdiv class=\"csk-card\"\u003e\n        \u003ch3\u003e🧴 4 ingrédients seulement\u003c\/h3\u003e\n        \u003cp\u003eContre 20 à 40 dans les crèmes classiques. Ici, pas d'eau, pas de conservateurs, pas d'additifs superflus.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-card\"\u003e\n        \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n        \u003cp\u003eLe beurre de karité pénètre en profondeur pour nourrir les couches supérieures de l'épiderme durablement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-card\"\u003e\n        \u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n        \u003cp\u003eForme un film protecteur sans étouffer la peau, idéal contre le froid et les agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-card\"\u003e\n        \u003ch3\u003e🌡️ Texture fondante\u003c\/h3\u003e\n        \u003cp\u003eAu contact de la chaleur corporelle, elle se transforme en un baume onctueux et pénétrant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-card\"\u003e\n        \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n        \u003cp\u003eSans eau, ultra-concentrée : un pot de 50g dure plusieurs mois en utilisation quotidienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-card\"\u003e\n        \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n        \u003cp\u003eEmballage en pot kraft recyclable et compostable, sans aucun plastique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"csk-section\"\u003e\n    \u003ch2\u003e🌱 Composition minimaliste\u003c\/h2\u003e\n    \u003cdiv class=\"csk-grid\"\u003e\n      \u003cdiv class=\"csk-card csk-card-ingredient\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eL'ingrédient star, riche en vitamines A, D, E et F. Hydrate intensément, apaise et redonne souplesse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-card csk-card-ingredient\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n        \u003cp\u003eGorgée d'antioxydants et d'acides gras, elle nourrit et protège les peaux fragiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-card csk-card-ingredient\"\u003e\n        \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n        \u003cp\u003eSource de vitamine E, elle favorise la régénération cellulaire naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-card csk-card-ingredient\"\u003e\n        \u003ch3\u003e🌵 Cire de candelilla\u003c\/h3\u003e\n        \u003cp\u003eAlternative végétale à la cire d'abeille, elle confère texture solide et barrière protectrice.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"csk-sans-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003e❌ Ce que vous ne trouverez pas :\u003c\/strong\u003e eau, conservateurs, parfums synthétiques, silicones, parabènes, huiles minérales, paraffine ou vaseline.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"csk-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"csk-usage-grid\"\u003e\n      \u003cdiv class=\"csk-usage-card\"\u003e\n        \u003cdiv class=\"csk-usage-number\"\u003e1\u003c\/div\u003e\n        \u003ch3\u003e👩 Visage\u003c\/h3\u003e\n        \u003cp\u003eFrottez légèrement entre vos paumes jusqu'à ce qu'elle fonde. Appliquez sur visage propre et sec, matin et soir. Une petite quantité suffit.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-usage-card\"\u003e\n        \u003cdiv class=\"csk-usage-number\"\u003e2\u003c\/div\u003e\n        \u003ch3\u003e🦵 Corps\u003c\/h3\u003e\n        \u003cp\u003eAprès la douche, sur peau légèrement humide. Massez coudes, genoux, talons et mains abîmées. Idéale en hiver.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-usage-card\"\u003e\n        \u003cdiv class=\"csk-usage-number\"\u003e3\u003c\/div\u003e\n        \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n        \u003cp\u003eEn masque nourrissant avant shampooing. Appliquez sur longueurs et pointes, laissez poser 1h minimum ou toute la nuit.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-usage-card\"\u003e\n        \u003cdiv class=\"csk-usage-number\"\u003e4\u003c\/div\u003e\n        \u003ch3\u003e💋 Zones fragiles\u003c\/h3\u003e\n        \u003cp\u003eLèvres gercées, cuticules sèches, petites irritations : cette crème polyvalente s'adapte à tous vos besoins.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"csk-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"csk-grid\"\u003e\n      \u003cdiv class=\"csk-card\"\u003e\n        \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient irritant ou allergisant. Formulation épurée parfaitement tolérée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-card\"\u003e\n        \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n        \u003cp\u003eNutrition intense sans effet gras persistant, confort retrouvé dès la première application.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-card\"\u003e\n        \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n        \u003cp\u003eLe beurre de karité aide à maintenir l'élasticité et la souplesse de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-card\"\u003e\n        \u003ch3\u003e👶 Enfants\u003c\/h3\u003e\n        \u003cp\u003eParfaite pour protéger les petites joues du froid hivernal. Toute la famille peut l'utiliser.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-card\"\u003e\n        \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n        \u003cp\u003eComposition irréprochable et traçabilité totale pour une cosmétique sans compromis.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-card\"\u003e\n        \u003ch3\u003e✈️ Voyageurs\u003c\/h3\u003e\n        \u003cp\u003eFormat solide pratique, pas de risque de fuite. Passe en cabine sans problème.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"csk-section\"\u003e\n    \u003ch2\u003e🏅 Certifications \u0026amp; engagements\u003c\/h2\u003e\n    \u003cdiv class=\"csk-grid-compact\"\u003e\n      \u003cdiv class=\"csk-card\"\u003e\n        \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eFormulation bio contrôlée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-card\"\u003e\n        \u003ch3\u003e🐌 Slow Cosmétique\u003c\/h3\u003e\n        \u003cp\u003eSains, écologiques, raisonnables\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-card\"\u003e\n        \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n        \u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"csk-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n        \u003cp\u003eFabrication 100% française\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"csk-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"csk-accordion\"\u003e\n      \u003cdetails class=\"csk-accordion-item\"\u003e\n        \u003csummary class=\"csk-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"csk-accordion-content\"\u003e\n          \u003cp\u003eGardez-la à l'abri de la chaleur et de la lumière directe. En été ou dans un pays chaud, elle peut ramollir légèrement mais retrouvera sa texture ferme à température ambiante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"csk-accordion-item\"\u003e\n        \u003csummary class=\"csk-accordion-header\"\u003e❓ Elle laisse un film gras ?\u003c\/summary\u003e\n        \u003cdiv class=\"csk-accordion-content\"\u003e\n          \u003cp\u003eEn utilisant une quantité adaptée et en massant bien, la crème pénètre parfaitement sans résidu désagréable. Sur le visage, attendez quelques minutes avant le maquillage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"csk-accordion-item\"\u003e\n        \u003csummary class=\"csk-accordion-header\"\u003e🔬 Peau à tendance acnéique ?\u003c\/summary\u003e\n        \u003cdiv class=\"csk-accordion-content\"\u003e\n          \u003cp\u003eLe beurre de karité est considéré comme peu comédogène et convient généralement aux peaux à imperfections. Chaque peau étant unique, testez d'abord sur une petite zone.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"csk-accordion-item\"\u003e\n        \u003csummary class=\"csk-accordion-header\"\u003e💊 Différence avec les crèmes en pharmacie ?\u003c\/summary\u003e\n        \u003cdiv class=\"csk-accordion-content\"\u003e\n          \u003cp\u003eLes crèmes en pharmacie contiennent souvent de l'eau (donc conservateurs), émulsifiants et parfums. Cette crème solide se distingue par sa composition ultra-courte et 100% naturelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"csk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"csk-cta-box\"\u003e\n      \u003cp\u003e🌿 Un couteau suisse de la beauté naturelle : crème visage, soin corps, baume à lèvres et masque capillaire en un seul produit. Fabriqué artisanalement en France, respectueux de votre peau et de la planète.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --csk-cream: #FAF7F2;\n  --csk-white: #ffffff;\n  --csk-primary: #C9A96E;\n  --csk-primary-dark: #8B7355;\n  --csk-primary-light: #F5EDE0;\n  --csk-secondary: #E8D9B8;\n  --csk-accent: #A67C52;\n  --csk-text: #1a1a1a;\n  --csk-text-light: #5a5a5a;\n  --csk-border: #e0e0e0;\n  --csk-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --csk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --csk-radius: 20px;\n  --csk-radius-sm: 12px;\n}\n\n.csk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--csk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.csk-hero {\n  position: relative;\n  background: linear-gradient(135deg, #C9A96E 0%, #A67C52 50%, #8B7355 100%);\n  border-radius: var(--csk-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(--csk-shadow-lg);\n}\n\n.csk-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.csk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.csk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.csk-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(--csk-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.csk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.csk-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.csk-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.02em;\n}\n\n.csk-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 18px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.csk-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.csk-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--csk-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.csk-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(--csk-primary), var(--csk-accent));\n  border-radius: 2px;\n}\n\n.csk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.csk-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.csk-card {\n  background: var(--csk-white);\n  border-radius: var(--csk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--csk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.csk-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--csk-shadow-lg);\n  border-color: var(--csk-primary);\n}\n\n.csk-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--csk-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.csk-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--csk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.csk-card-ingredient {\n  background: linear-gradient(135deg, var(--csk-white) 0%, var(--csk-primary-light) 100%);\n}\n\n.csk-grid-compact .csk-card {\n  padding: 1rem;\n}\n\n.csk-grid-compact .csk-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.csk-grid-compact .csk-card p {\n  font-size: 12px;\n}\n\n.csk-sans-box {\n  background: var(--csk-white);\n  border-radius: var(--csk-radius-sm);\n  padding: 1.25rem 1.5rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--csk-accent);\n  text-align: center;\n}\n\n.csk-sans-box p {\n  margin: 0;\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--csk-text-light);\n  line-height: 1.6;\n}\n\n.csk-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.25rem;\n}\n\n.csk-usage-card {\n  background: var(--csk-white);\n  border-radius: var(--csk-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--csk-shadow);\n  text-align: center;\n  position: relative;\n  transition: all .3s ease;\n}\n\n.csk-usage-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--csk-shadow-lg);\n}\n\n.csk-usage-number {\n  position: absolute;\n  top: -12px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 32px;\n  height: 32px;\n  background: linear-gradient(135deg, var(--csk-primary), var(--csk-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 14px;\n  box-shadow: 0 4px 12px rgba(201, 169, 110, .4);\n}\n\n.csk-usage-card h3 {\n  font-size: clamp(15px, 2.5vw, 17px);\n  font-weight: 800;\n  color: var(--csk-primary-dark);\n  margin: .5rem 0 .75rem 0;\n}\n\n.csk-usage-card p {\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--csk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.csk-accordion {\n  background: var(--csk-white);\n  border-radius: var(--csk-radius);\n  box-shadow: var(--csk-shadow);\n  overflow: hidden;\n}\n\n.csk-accordion-item {\n  border-bottom: 1px solid var(--csk-border);\n  margin: 0;\n  padding: 0;\n}\n\n.csk-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.csk-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--csk-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.csk-accordion-header:hover {\n  background: var(--csk-primary-light);\n}\n\n.csk-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.csk-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--csk-primary);\n  transition: transform .2s ease;\n}\n\n.csk-accordion-item[open] .csk-accordion-header::after {\n  content: '−';\n}\n\n.csk-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--csk-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.csk-accordion-content p {\n  margin: 0;\n}\n\n.csk-cta-box {\n  background: linear-gradient(135deg, var(--csk-primary) 0%, var(--csk-primary-dark) 100%);\n  border-radius: var(--csk-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.csk-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.csk-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .csk-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .csk-usage-grid {\n    grid-template-columns: 1fr;\n    gap: 1.5rem;\n  }\n  \n  .csk-card {\n    padding: 1.125rem;\n  }\n  \n  .csk-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .csk-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--csk-radius-sm);\n  }\n  \n  .csk-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .csk-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .csk-grid-compact {\n    gap: .625rem;\n  }\n  \n  .csk-grid-compact .csk-card {\n    padding: .75rem;\n  }\n  \n  .csk-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .csk-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .csk-badges-top {\n    gap: 8px;\n  }\n  \n  .csk-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .csk-card,\n  .csk-usage-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .csk-card:nth-child(1), .csk-usage-card:nth-child(1) { animation-delay: .05s; }\n  .csk-card:nth-child(2), .csk-usage-card:nth-child(2) { animation-delay: .1s; }\n  .csk-card:nth-child(3), .csk-usage-card:nth-child(3) { animation-delay: .15s; }\n  .csk-card:nth-child(4), .csk-usage-card:nth-child(4) { animation-delay: .2s; }\n  .csk-card:nth-child(5) { animation-delay: .25s; }\n  .csk-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  .csk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755185791133,"sku":"NBAICAV0004","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solide-au-beurre-de-karite-50-g-comme-avant-ingredients.jpg?v=1767900068"},{"product_id":"repulsif-moustique-solide-comme-avant-au-beurre-de-murumuru-stick-80-g-comme-avant","title":"Répulsif Moustique Solide au Beurre de Murumuru – Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Répulsif Moustique Solide au Beurre de Murumuru – Comme Avant\nPalette détectée:\n  - Primaire: #8B7355 (brun kraft\/carton du packaging)\n  - Secondaire: #6B8E5A (vert nature\/herbe des photos lifestyle)\n  - Accent: #C4A76C (doré chaud\/beurre murumuru)\nAmbiance: Naturel, authentique, artisanal, éco-responsable. Packaging kraft minimaliste, univers outdoor\/nature, esprit zéro déchet. Tons chauds et terreux avec touches de verdure.\nPréfixe CSS: rm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Répulsif moustique solide au beurre de murumuru : la protection naturelle qui prend soin de votre peau\"\n  2. \"Pourquoi ce répulsif naturel pour moustique est différent\"\n  3. \"Les bienfaits de chaque ingrédient, en détail\"\n  4. \"Comment utiliser votre stick répulsif au quotidien\"\n  5. \"Pour qui est fait ce répulsif à moustique naturel ?\"\n  6. \"Répulsif naturel ou chimique : comment faire le bon choix ?\"\n  7. \"Astuces pour renforcer votre protection contre les moustiques\"\n  8. \"Composition complète (INCI)\"\n  9. \"Origine et fabrication responsable\"\n  10. \"Questions fréquentes sur le répulsif moustique naturel Comme Avant\"\n  11. \"Notre avis sur le répulsif moustique solide Comme Avant\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"rm-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"rm-hero\"\u003e\n    \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"rm-hero-content\"\u003e\n      \u003cdiv class=\"rm-badges-top\"\u003e\n        \u003cspan class=\"rm-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n        \u003cspan class=\"rm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"rm-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n        \u003cspan class=\"rm-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rm-hero-title\"\u003eRépulsif moustique solide au beurre de murumuru\u003c\/span\u003e\n      \u003cp class=\"rm-subtitle\"\u003eComme Avant — Stick 80 g\u003c\/p\u003e\n      \u003cp class=\"rm-description\"\u003eUn stick anti-moustiques 100 % naturel qui protège efficacement contre le moustique tigre tout en nourrissant votre peau. Fini les sprays chimiques : adoptez le geste solide, écologique et sain pour toute la famille.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"rm-section\"\u003e\n    \u003ch2\u003eRépulsif moustique solide au beurre de murumuru : la protection naturelle qui prend soin de votre peau\u003c\/h2\u003e\n    \u003cp class=\"rm-section-intro\"\u003eVous en avez assez des sprays chimiques qui laissent une sensation désagréable sur la peau et un arrière-goût de culpabilité écologique ?\u003c\/p\u003e\n    \u003cdiv class=\"rm-grid-compact\"\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e🛡️ Double action\u003c\/h3\u003e\n        \u003cp\u003eRépulsif efficace + baume nourrissant en un seul geste\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e🌱 Formule propre\u003c\/h3\u003e\n        \u003cp\u003eHuiles essentielles + beurre de murumuru bio, c'est tout\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e🦟 Anti moustique tigre\u003c\/h3\u003e\n        \u003cp\u003eEucalyptus citronné reconnu contre \u003cem\u003eAedes albopictus\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e📦 Zéro plastique\u003c\/h3\u003e\n        \u003cp\u003eEmballage carton recyclable, aucun déchet superflu\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"rm-section\"\u003e\n    \u003ch2\u003ePourquoi ce répulsif naturel pour moustique est différent\u003c\/h2\u003e\n    \u003cdiv class=\"rm-card rm-card-wide\"\u003e\n      \u003cp\u003eLa plupart des répulsifs conventionnels reposent sur des molécules de synthèse comme le DEET, souvent irritantes et controversées. À l'inverse, ce \u003cstrong\u003erépulsif anti-moustique naturel\u003c\/strong\u003e mise sur une synergie d'ingrédients d'origine biologique dont l'efficacité répulsive est reconnue depuis des siècles.\u003c\/p\u003e\n      \u003cp style=\"margin-top:.75rem\"\u003eCe qui le distingue véritablement, c'est son \u003cstrong\u003eformat solide\u003c\/strong\u003e : pas de flacon en plastique, pas de risque de fuite dans votre sac, pas de gaz propulseur. Vous appliquez, vous êtes protégé, et votre peau est nourrie.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rm-grid\" style=\"margin-top:1.25rem\"\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e🧴 Sprays classiques\u003c\/h3\u003e\n        \u003cp\u003eS'évaporent rapidement, laissent la peau sèche, emballage plastique, DEET controversé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n        \u003ch3\u003e✅ Ce stick solide\u003c\/h3\u003e\n        \u003cp\u003eLe beurre de murumuru forme un film protecteur qui \u003cstrong\u003eprolonge l'action répulsive\u003c\/strong\u003e tout en maintenant une hydratation confortable. Protection + soin, les deux à la fois.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"rm-section\"\u003e\n    \u003ch2\u003eLes bienfaits de chaque ingrédient, en détail\u003c\/h2\u003e\n    \u003cp class=\"rm-section-intro\"\u003eSeulement 5 ingrédients, tous d'origine naturelle, chacun avec un rôle précis.\u003c\/p\u003e\n    \u003cdiv class=\"rm-grid\"\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e🥥 Beurre de murumuru bio\u003c\/h3\u003e\n        \u003cp\u003eIssu d'un palmier amazonien, exceptionnellement riche en acide laurique et en acides gras essentiels. Pénètre sans film gras, nourrit en profondeur et forme une \u003cstrong\u003ebarrière protectrice naturelle\u003c\/strong\u003e sur l'épiderme. Peau douce et souple, même après plusieurs applications.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e🍋 Huile essentielle de citronnelle\u003c\/h3\u003e\n        \u003cp\u003eLe répulsif naturel le plus emblématique. Son parfum citronné frais \u003cstrong\u003emasque les odeurs corporelles\u003c\/strong\u003e qui attirent les moustiques et perturbe leurs récepteurs olfactifs. Première ligne de défense de la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e🌸 Huile essentielle de géranium rosat\u003c\/h3\u003e\n        \u003cp\u003eContient du citronellol et du géraniol, deux molécules dont l'action répulsive sur les insectes piqueurs a été \u003cstrong\u003edocumentée par de nombreuses études\u003c\/strong\u003e. Apporte une note florale agréable qui adoucit le parfum global.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e🌿 Huile essentielle d'eucalyptus citronné\u003c\/h3\u003e\n        \u003cp\u003eRiche en PMD (para-menthane-3,8-diol), considérée comme l'une des \u003cstrong\u003ealternatives naturelles les plus performantes face au DEET\u003c\/strong\u003e. C'est elle qui fait de ce stick un répulsif moustique tigre crédible, même en zones à forte pression.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e🌾 Amidon de maïs bio\u003c\/h3\u003e\n        \u003cp\u003eStabilise la texture solide du stick et absorbe l'excès de sébum. Résultat : un \u003cstrong\u003efini sec et mat\u003c\/strong\u003e, sans sensation collante. Le confort d'application au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"rm-section\"\u003e\n    \u003ch2\u003eComment utiliser votre stick répulsif au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"rm-timeline\"\u003e\n      \u003cdiv class=\"rm-timeline-item\"\u003e\n        \u003cdiv class=\"rm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"rm-timeline-content\"\u003e\n          \u003ch3\u003eTestez d'abord\u003c\/h3\u003e\n          \u003cp\u003eAvant la première utilisation, appliquez le produit sur une petite zone de peau (intérieur du poignet) et attendez 24 heures. Indispensable si vous êtes sensible aux huiles essentielles ou allergique aux fruits à coque.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-timeline-item\"\u003e\n        \u003cdiv class=\"rm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"rm-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez directement\u003c\/h3\u003e\n          \u003cp\u003ePassez le stick sur les zones exposées — bras, jambes, chevilles, nuque, épaules — en effectuant de légers mouvements circulaires. Le beurre de murumuru fond doucement et dépose un voile protecteur homogène.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-timeline-item\"\u003e\n        \u003cdiv class=\"rm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"rm-timeline-content\"\u003e\n          \u003ch3\u003eRenouvelez toutes les 2 heures\u003c\/h3\u003e\n          \u003cp\u003eAppliquez plus fréquemment si vous transpirez beaucoup, si vous vous baignez ou si la chaleur est intense. C'est la clé d'une protection continue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-timeline-item\"\u003e\n        \u003cdiv class=\"rm-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"rm-timeline-content\"\u003e\n          \u003ch3\u003eEn soirée, anticipez\u003c\/h3\u003e\n          \u003cp\u003eSur la terrasse ou au camping, appliquez le stick avant de vous installer. Les moustiques sont particulièrement actifs au crépuscule : c'est le moment où votre répulsif est le plus précieux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rm-tip\"\u003e\n      \u003cspan class=\"rm-tip-icon\"\u003e👶\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eConvient aux adultes et aux enfants à partir de 6 mois\u003c\/strong\u003e en raison de la présence d'huiles essentielles. Pour les femmes enceintes ou allaitantes, demandez conseil à votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"rm-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce répulsif à moustique naturel ?\u003c\/h2\u003e\n    \u003cp class=\"rm-section-intro\"\u003eCe stick s'adresse à toutes les personnes qui souhaitent se protéger des moustiques sans recourir aux produits chimiques.\u003c\/p\u003e\n    \u003cdiv class=\"rm-grid\"\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e✈️ En vacances\u003c\/h3\u003e\n        \u003cp\u003eCamping, randonnée ou tropiques : son format compact de 80 g se glisse dans n'importe quel bagage \u003cstrong\u003esans risque de fuite\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e🌅 Au jardin ou en terrasse\u003c\/h3\u003e\n        \u003cp\u003eUn geste rapide avant l'apéritif suffit à passer une soirée tranquille, sans être harcelé — moustique commun comme \u003cstrong\u003emoustique tigre\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧‍👦 Pour les familles\u003c\/h3\u003e\n        \u003cp\u003eFormule douce et naturelle, \u003cstrong\u003eutilisable dès 6 mois\u003c\/strong\u003e. Un allié rassurant pour protéger les plus petits en plein air.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e🏃 Pour les sportifs\u003c\/h3\u003e\n        \u003cp\u003eCourse en forêt, yoga extérieur, escalade… Le fini sec et non gras permet d'appliquer \u003cstrong\u003esans que les mains glissent\u003c\/strong\u003e ni que la peau colle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e♻️ Adeptes du zéro déchet\u003c\/h3\u003e\n        \u003cp\u003eEmballage carton recyclable, \u003cstrong\u003eabsence totale de plastique\u003c\/strong\u003e : un choix cohérent avec une démarche éco-responsable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"rm-section\"\u003e\n    \u003ch2\u003eRépulsif naturel ou chimique : comment faire le bon choix ?\u003c\/h2\u003e\n    \u003cdiv class=\"rm-card rm-card-wide\"\u003e\n      \u003cp\u003eLes huiles essentielles de citronnelle, de géranium et surtout d'eucalyptus citronné ont fait l'objet de \u003cstrong\u003enombreuses études confirmant leur activité répulsive\u003c\/strong\u003e. L'eucalyptus citronné, en particulier, est le seul répulsif naturel recommandé par certaines agences de santé comme alternative crédible aux molécules de synthèse.\u003c\/p\u003e\n      \u003cp style=\"margin-top:.75rem\"\u003eCependant, leur durée d'action est généralement plus courte, d'où la nécessité de \u003cstrong\u003erenouveler l'application régulièrement\u003c\/strong\u003e (toutes les 2 heures).\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rm-grid\" style=\"margin-top:1.25rem\"\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e🚫 0 % parabène\u003c\/h3\u003e\n        \u003cp\u003eAucun conservateur de synthèse dans la formule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e🚫 0 % silicone\u003c\/h3\u003e\n        \u003cp\u003eRien de nocif pour votre peau ni l'environnement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e🚫 0 % DEET\u003c\/h3\u003e\n        \u003cp\u003eZéro molécule controversée, pour un usage familial serein\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rm-tip\"\u003e\n      \u003cspan class=\"rm-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePour une utilisation quotidienne, en famille, le profil de tolérance d'un répulsif naturel pèse lourd face aux sprays chimiques. Vous ne saturez pas votre peau de substances controversées et ne rejetez rien de nocif dans l'environnement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"rm-section\"\u003e\n    \u003ch2\u003eAstuces pour renforcer votre protection contre les moustiques\u003c\/h2\u003e\n    \u003cp class=\"rm-section-intro\"\u003eMême le meilleur répulsif moustique naturel gagne à être combiné avec quelques bonnes habitudes.\u003c\/p\u003e\n    \u003cdiv class=\"rm-grid-compact\"\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e👕 Vêtements couvrants\u003c\/h3\u003e\n        \u003cp\u003ePortez-les à l'aube et au crépuscule. Appliquez le stick sur les zones restées à découvert.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e💧 Eaux stagnantes\u003c\/h3\u003e\n        \u003cp\u003eÉliminez coupelles, gouttières bouchées, jouets oubliés : les moustiques tigres pondent dans quelques millilitres d'eau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e🛏️ Moustiquaire\u003c\/h3\u003e\n        \u003cp\u003eLa nuit, surtout pour les enfants en bas âge, en complément du stick appliqué en soirée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rm-card\"\u003e\n        \u003ch3\u003e🌡️ Conservation\u003c\/h3\u003e\n        \u003cp\u003eRangez votre stick à l'abri de la chaleur excessive (au-dessus de 35 °C, le beurre peut ramollir). Un placard frais fait l'affaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #8 --\u003e\n  \u003csection class=\"rm-section\"\u003e\n    \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"rm-accordion\"\u003e\n      \u003cdetails class=\"rm-accordion-item\"\u003e\n        \u003csummary class=\"rm-accordion-header\"\u003e🧾 Liste INCI complète\u003c\/summary\u003e\n        \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n          \u003cul class=\"rm-inci-list\"\u003e\n            \u003cli\u003e\n\u003cstrong\u003eAstrocaryum murumuru seed butter*\u003c\/strong\u003e — Beurre de murumuru biologique\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eZea mays starch*\u003c\/strong\u003e — Amidon de maïs biologique\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eCymbopogon schoenanthus oil\u003c\/strong\u003e — Huile essentielle de citronnelle\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003ePelargonium graveolens flower oil\u003c\/strong\u003e — Huile essentielle de géranium rosat\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eEucalyptus citriodora oil\u003c\/strong\u003e — Huile essentielle d'eucalyptus citronné\u003c\/li\u003e\n          \u003c\/ul\u003e\n          \u003cp style=\"margin-top:.75rem\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n          \u003cp style=\"margin-top:.5rem\"\u003e\u003cstrong\u003eSans parabène, sans silicone, sans conservateur de synthèse, sans DEET, sans plastique.\u003c\/strong\u003e Formule vegan, non testée sur les animaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #9 --\u003e\n  \u003csection class=\"rm-section\"\u003e\n    \u003ch2\u003eOrigine et fabrication responsable\u003c\/h2\u003e\n    \u003cdiv class=\"rm-card rm-card-wide\"\u003e\n      \u003cp\u003eCe répulsif moustique solide est fabriqué en \u003cstrong\u003eFrance, près de Marseille\u003c\/strong\u003e, par la marque \u003cstrong\u003eComme Avant\u003c\/strong\u003e. Depuis sa création, cette entreprise s'est engagée dans une démarche radicale de transparence et de respect environnemental :\u003c\/p\u003e\n      \u003cdiv class=\"rm-grid-compact\" style=\"margin-top:1rem\"\u003e\n        \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n          \u003ch3\u003e🌿 Ingrédients\u003c\/h3\u003e\n          \u003cp\u003e100 % d'origine naturelle\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n          \u003ch3\u003e📦 Emballages\u003c\/h3\u003e\n          \u003cp\u003eCarton recyclable uniquement\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n          \u003ch3\u003e🏭 Production\u003c\/h3\u003e\n          \u003cp\u003eLocale et artisanale\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n          \u003ch3\u003e✅ Qualité\u003c\/h3\u003e\n          \u003cp\u003ePetites séries, contrôle rigoureux\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #10 --\u003e\n  \u003csection class=\"rm-section\"\u003e\n    \u003ch2\u003eRéponses à vos interrogations\u003c\/h2\u003e\n    \u003cdiv class=\"rm-accordion\"\u003e\n      \u003cdetails class=\"rm-accordion-item\"\u003e\n        \u003csummary class=\"rm-accordion-header\"\u003e🦟 Ce répulsif fonctionne-t-il contre le moustique tigre ?\u003c\/summary\u003e\n        \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n          \u003cp\u003eL'huile essentielle d'eucalyptus citronné, présente dans la formule, est reconnue pour son action répulsive sur de nombreuses espèces de moustiques, y compris le moustique tigre (\u003cem\u003eAedes albopictus\u003c\/em\u003e). Pour une efficacité optimale, pensez à renouveler l'application toutes les 2 heures.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rm-accordion-item\"\u003e\n        \u003csummary class=\"rm-accordion-header\"\u003e😊 Peut-on l'utiliser sur le visage ?\u003c\/summary\u003e\n        \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n          \u003cp\u003eIl est préférable de ne pas appliquer le stick directement sur le visage en raison de la concentration en huiles essentielles. Vous pouvez en revanche l'appliquer sur la nuque, le cou et le décolleté, en évitant soigneusement le contour des yeux et des muqueuses.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rm-accordion-item\"\u003e\n        \u003csummary class=\"rm-accordion-header\"\u003e⏳ Combien de temps dure un stick de 80 g ?\u003c\/summary\u003e\n        \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn utilisation quotidienne (2 à 3 applications par jour sur les zones exposées), un stick dure en moyenne \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e. De quoi couvrir largement vos vacances d'été.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rm-accordion-item\"\u003e\n        \u003csummary class=\"rm-accordion-header\"\u003e💧 Ce produit peut-il remplacer une crème hydratante ?\u003c\/summary\u003e\n        \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n          \u003cp\u003eGrâce au beurre de murumuru, le stick dépose un voile nourrissant sur la peau. Cependant, il reste avant tout un répulsif à moustique naturel et ne se substitue pas à votre soin hydratant habituel si votre peau est très sèche.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rm-accordion-item\"\u003e\n        \u003csummary class=\"rm-accordion-header\"\u003e🤰 Peut-on l'utiliser pendant la grossesse ?\u003c\/summary\u003e\n        \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit contient des huiles essentielles. Par précaution, demandez l'avis de votre médecin ou sage-femme avant utilisation si vous êtes enceinte ou allaitante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #11 --\u003e\n  \u003csection class=\"rm-section\"\u003e\n    \u003ch2\u003eNotre avis sur le répulsif moustique solide Comme Avant\u003c\/h2\u003e\n    \u003cdiv class=\"rm-testimonial\"\u003e\n      \u003cp class=\"rm-testimonial-text\"\u003e\"Si vous cherchez une solution simple, naturelle et agréable contre les moustiques, ce stick risque fort de vous plaire. L'application est franchement facile : il glisse bien sur la peau, sans sensation de gras ni d'effet collant. Dès les premières utilisations, on remarque que la peau reste douce et confortable, même après plusieurs passages dans la journée.\u003c\/p\u003e\n      \u003cp class=\"rm-testimonial-text\"\u003eLe parfum est subtil, un peu citronné mais pas entêtant : c'est vraiment le genre d'odeur qu'on peut supporter tout l'été, même si on est sensible. Vous n'aurez pas ce côté piquant qu'on retrouve parfois dans les sprays classiques, et personne ne vous reprochera d'avoir envahi la pièce.\u003c\/p\u003e\n      \u003cp class=\"rm-testimonial-text\"\u003eC'est aussi le genre de produit qu'on n'hésite pas à passer sur les bras des enfants avant une soirée dehors. On apprécie de ne pas avoir à s'inquiéter des ingrédients : ici, c'est 100 % naturel, rien d'agressif pour la peau ou l'environnement, et ça se sent.\u003c\/p\u003e\n      \u003cp class=\"rm-testimonial-text\"\u003eCôté efficacité, c'est rassurant : tant que vous pensez à renouveler l'application (toutes les 2 heures environ), les moustiques vous laissent vraiment tranquille, même en pleine saison. Et puis, pas de mauvaise surprise dans le sac ou la valise : le stick ne coule pas, il tient bien, il ne prend pas de place.\u003c\/p\u003e\n      \u003cp class=\"rm-testimonial-text\"\u003eBref, si vous aimez les solutions simples, propres, qui respectent la peau et la planète, ce répulsif a tout pour devenir un réflexe chaque fois que vous partez en balade, en vacances ou tout simplement sur votre terrasse. C'est le genre de petit geste naturel qu'on adopte très facilement, pour soi ou pour toute la famille.\"\u003c\/p\u003e\n      \u003cp class=\"rm-testimonial-author\"\u003e— Pauline, cheffe de produit chez Naturellement Bio\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL + DISCLAIMER --\u003e\n  \u003csection class=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"rm-cta-box\"\u003e\n      \u003cp\u003e🦟 Protégez-vous naturellement cet été avec un geste simple, sain et zéro déchet. Votre peau — et la planète — vous remercient.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"rm-disclaimer\"\u003eCe produit cosmétique n'est pas un médicament et ne saurait remplacer un traitement médical. En cas de réaction allergique, cessez immédiatement l'utilisation et consultez un professionnel de santé. Tenir hors de portée des enfants de moins de 3 ans.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --rm-cream: #faf7f2;\n  --rm-white: #ffffff;\n  --rm-primary: #8B7355;\n  --rm-primary-dark: #5C4A33;\n  --rm-primary-light: #f3ede4;\n  --rm-secondary: #6B8E5A;\n  --rm-secondary-light: #e8f0e4;\n  --rm-accent: #C4A76C;\n  --rm-text: #1a1a1a;\n  --rm-text-light: #5a5a5a;\n  --rm-border: #e0d8ce;\n  --rm-shadow: 0 4px 24px rgba(92,74,51,.08);\n  --rm-shadow-lg: 0 12px 48px rgba(92,74,51,.15);\n  --rm-radius: 20px;\n  --rm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--rm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5C4A33 0%, #8B7355 40%, #6B8E5A 100%);\n  border-radius: var(--rm-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(--rm-shadow-lg);\n}\n\n.rm-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,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(196,167,108,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(107,142,90,.08) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.rm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.rm-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.15;\n}\n\n.rm-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.rm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.rm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.rm-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(--rm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.rm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--rm-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.rm-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(--rm-primary), var(--rm-secondary));\n  border-radius: 2px;\n}\n\n.rm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--rm-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.6;\n}\n\n\/* === CARDS === *\/\n.rm-card {\n  background: var(--rm-white);\n  border-radius: var(--rm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--rm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.rm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--rm-shadow-lg);\n  border-color: var(--rm-primary);\n}\n\n.rm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--rm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.rm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--rm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.rm-card-wide {\n  text-align: left;\n}\n\n.rm-card-wide p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--rm-text);\n  line-height: 1.7;\n}\n\n.rm-card-highlight {\n  border-color: var(--rm-secondary);\n  background: var(--rm-secondary-light);\n}\n\n.rm-card-highlight:hover {\n  border-color: var(--rm-secondary);\n}\n\n.rm-card-nested {\n  background: var(--rm-primary-light);\n  box-shadow: none;\n  border: 1px solid var(--rm-border);\n}\n\n.rm-card-nested:hover {\n  transform: translateY(-3px);\n  border-color: var(--rm-primary);\n}\n\n\/* === GRILLES === *\/\n.rm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.rm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.rm-grid-compact .rm-card {\n  padding: 1rem;\n}\n\n.rm-grid-compact .rm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.rm-grid-compact .rm-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.rm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.rm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--rm-primary), var(--rm-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.rm-timeline-content {\n  flex: 1;\n  background: var(--rm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--rm-radius-sm);\n  box-shadow: var(--rm-shadow);\n}\n\n.rm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--rm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.rm-timeline-content p {\n  font-size: 14px;\n  color: var(--rm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rm-testimonial {\n  background: var(--rm-white);\n  border-radius: var(--rm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--rm-shadow);\n  border-left: 4px solid var(--rm-secondary);\n}\n\n.rm-testimonial-text {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--rm-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0 0 .75rem 0;\n}\n\n.rm-testimonial-text:last-of-type {\n  margin-bottom: 0;\n}\n\n.rm-testimonial-author {\n  font-size: 14px;\n  color: var(--rm-secondary);\n  font-weight: 700;\n  font-style: italic;\n  margin: 1.25rem 0 0 0;\n  padding-top: 1rem;\n  border-top: 1px solid var(--rm-border);\n}\n\n\/* === ACCORDÉON === *\/\n.rm-accordion {\n  background: var(--rm-white);\n  border-radius: var(--rm-radius);\n  box-shadow: var(--rm-shadow);\n  overflow: hidden;\n}\n\n.rm-accordion-item {\n  border-bottom: 1px solid var(--rm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.rm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.rm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--rm-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.rm-accordion-header:hover {\n  background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.rm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--rm-primary);\n  transition: transform .2s ease;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n  content: '−';\n}\n\n.rm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--rm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.rm-accordion-content p {\n  margin: 0;\n}\n\n.rm-accordion-content ul {\n  margin: 0;\n  padding-left: 0;\n  list-style: none;\n}\n\n\/* === INCI LIST === *\/\n.rm-inci-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.rm-inci-list li {\n  padding: .5rem 0;\n  border-bottom: 1px solid var(--rm-border);\n  font-size: 14px;\n  color: var(--rm-text);\n  line-height: 1.5;\n}\n\n.rm-inci-list li:last-child {\n  border-bottom: none;\n}\n\n\/* === TIP BOX === *\/\n.rm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--rm-secondary-light);\n  border-radius: var(--rm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border: 1px solid rgba(107,142,90,.2);\n}\n\n.rm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.rm-tip p {\n  font-size: 14px;\n  color: var(--rm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.rm-cta-box {\n  background: linear-gradient(135deg, var(--rm-secondary) 0%, #4a6e3a 100%);\n  border-radius: var(--rm-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.rm-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.08) 0%, transparent 60%);\n}\n\n.rm-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.rm-disclaimer {\n  font-size: 12px;\n  color: var(--rm-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.5;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .rm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .rm-card {\n    padding: 1.125rem;\n  }\n\n  .rm-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .rm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--rm-radius-sm);\n  }\n\n  .rm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .rm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .rm-grid-compact {\n    gap: .625rem;\n  }\n\n  .rm-grid-compact .rm-card {\n    padding: .75rem;\n  }\n\n  .rm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .rm-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .rm-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .rm-timeline-content p {\n    font-size: 13px;\n  }\n\n  .rm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .rm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .rm-testimonial {\n    padding: 1.25rem;\n  }\n\n  .rm-testimonial-text {\n    font-size: 14px;\n  }\n\n  .rm-card-wide {\n    padding: 1.125rem;\n  }\n\n  .rm-card-wide p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .rm-card {\n    animation: rmFadeInUp .5s ease backwards;\n  }\n  .rm-card:nth-child(1) { animation-delay: .05s; }\n  .rm-card:nth-child(2) { animation-delay: .1s; }\n  .rm-card:nth-child(3) { animation-delay: .15s; }\n  .rm-card:nth-child(4) { animation-delay: .2s; }\n  .rm-card:nth-child(5) { animation-delay: .25s; }\n  .rm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rmFadeInUp {\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  .rm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755186610333,"sku":"NBAICAV0049","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/repulsif_moustique_solide_beurre_de_murmuru_comme-avant_11zon.jpg?v=1774367125"},{"product_id":"soin-capillaire-prune-peche-vanille-comme-avant","title":"Soin capillaire solide à l'huile de Prune - Pêche \u0026 Vanille - Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin capillaire solide à l'huile de Prune - Pêche \u0026 Vanille\nPalette détectée:\n  - Primaire: #C4A882 (beige\/caramel kraft du packaging)\n  - Secondaire: #E8D5B7 (crème vanille du produit solide)\n  - Accent: #D4A574 (pêche doré, évoquant le parfum)\nAmbiance: Naturel, doux, minimaliste, bio\/éco-responsable, chaleureux et gourmand\nPréfixe CSS: sc\n--\u003e\n\n\u003cdiv class=\"sc-premium\"\u003e\n\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"sc-hero\"\u003e\n    \u003cdiv class=\"sc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sc-hero-content\"\u003e\n      \u003cdiv class=\"sc-badges-top\"\u003e\n        \u003cspan class=\"sc-badge\"\u003e🌿 5 ingrédients seulement\u003c\/span\u003e\n        \u003cspan class=\"sc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"sc-badge\"\u003e🍑 Pêche \u0026amp; Vanille\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sc-hero-title\"\u003eSoin capillaire solide à l'huile de prune\u003c\/span\u003e\n      \u003cp class=\"sc-subtitle\"\u003eLe rituel réparateur aux 5 ingrédients naturels\u003c\/p\u003e\n      \u003cp class=\"sc-description\"\u003eBien plus qu'un après-shampooing : un véritable soin nourrissant qui répare en profondeur vos cheveux avec une formule minimaliste et un parfum envoûtant.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BÉNÉFICES --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003e✨ Les bienfaits pour vos cheveux\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e💪 Renforce la fibre\u003c\/h3\u003e\n        \u003cp\u003eL'huile de prune, riche en oméga 6 et 9, renforce la barrière lipidique du cheveu et lui redonne résistance et élasticité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e💧 Nourrit en profondeur\u003c\/h3\u003e\n        \u003cp\u003eLe beurre de karité bio pénètre au cœur de la fibre capillaire pour une nutrition intense des cheveux secs et cassants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e✨ Apporte brillance\u003c\/h3\u003e\n        \u003cp\u003eL'inuline de chicorée agit comme un démêlant naturel et révèle l'éclat de vos cheveux sans les alourdir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🌸 Parfume délicatement\u003c\/h3\u003e\n        \u003cp\u003eUn accord gourmand pêche \u0026amp; vanille qui enveloppe vos cheveux d'une fragrance douce et chaleureuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🔬 Répare vraiment\u003c\/h3\u003e\n        \u003cp\u003eSans silicone qui \"maquille\" le cheveu : ici vos pointes sont réellement réparées, pas simplement gainées artificiellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🌍 Zéro plastique\u003c\/h3\u003e\n        \u003cp\u003eFormat solide concentré, emballage kraft recyclable. Un geste beauté responsable pour vos cheveux et la planète.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003e🧪 5 ingrédients, pas un de plus\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eBase nourrissante qui pénètre profondément pour réparer les cheveux secs, cassants ou fragilisés par les colorations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🍑 Huile de prune bio\u003c\/h3\u003e\n        \u003cp\u003eL'ingrédient star ! Pressée à froid des noyaux de prune d'Agen, riche en acides gras pour redonner souplesse et éclat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🌾 Alcool cétéarylique\u003c\/h3\u003e\n        \u003cp\u003eAlcool gras végétal (non desséchant) qui facilite l'application et aide les actifs à bien se répartir sur la chevelure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🌱 Inuline de chicorée\u003c\/h3\u003e\n        \u003cp\u003ePrébiotique naturel qui agit comme démêlant. Apporte brillance et douceur sans alourdir le cheveu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🍦 Parfum pêche \u0026amp; vanille\u003c\/h3\u003e\n        \u003cp\u003eAccord gourmand et chaleureux qui parfume délicatement vos cheveux sans agresser le cuir chevelu.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sc-inci-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003eINCI complet :\u003c\/strong\u003e Butyrospermum Parkii Butter*, Prunus Domestica Seed Oil*, Cetearyl Alcohol, Inulin, Parfum.\u003cbr\u003e\u003cem\u003e*ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003e👩‍🦰 Ce soin est fait pour vous si...\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🏜️ Cheveux secs\u003c\/h3\u003e\n        \u003cp\u003eVos cheveux manquent de nutrition et tiraillent après le lavage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e✂️ Pointes abîmées\u003c\/h3\u003e\n        \u003cp\u003eVos pointes sont fourchues, cassantes ou fragilisées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🎨 Cheveux colorés\u003c\/h3\u003e\n        \u003cp\u003eVos colorations ou mèches ont besoin d'être réparées et protégées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e😶‍🌫️ Cheveux ternes\u003c\/h3\u003e\n        \u003cp\u003eVous souhaitez retrouver brillance et éclat naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🚫 Anti-silicone\u003c\/h3\u003e\n        \u003cp\u003eVous cherchez un soin qui respecte vraiment votre fibre capillaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e👶 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eFormule douce adaptée aux enfants dès 3 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sc-note\"\u003e💡 \u003cstrong\u003eCheveux fins ou gras ?\u003c\/strong\u003e Appliquez uniquement sur les longueurs et pointes, en évitant les racines.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003e📖 Comment l'utiliser ?\u003c\/h2\u003e\n    \u003cdiv class=\"sc-usage-container\"\u003e\n      \u003cdiv class=\"sc-usage-block\"\u003e\n        \u003ch3\u003e🚿 En après-shampooing\u003c\/h3\u003e\n        \u003cdiv class=\"sc-steps\"\u003e\n          \u003cdiv class=\"sc-step\"\u003e\n            \u003cspan class=\"sc-step-num\"\u003e1\u003c\/span\u003e\n            \u003cp\u003eEssorez légèrement vos cheveux après le shampooing\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"sc-step\"\u003e\n            \u003cspan class=\"sc-step-num\"\u003e2\u003c\/span\u003e\n            \u003cp\u003eFrottez le soin entre vos mains pour le réchauffer\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"sc-step\"\u003e\n            \u003cspan class=\"sc-step-num\"\u003e3\u003c\/span\u003e\n            \u003cp\u003eAppliquez sur les longueurs et pointes en lissant\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"sc-step\"\u003e\n            \u003cspan class=\"sc-step-num\"\u003e4\u003c\/span\u003e\n            \u003cp\u003eLaissez poser 2-3 minutes puis rincez\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-usage-block\"\u003e\n        \u003ch3\u003e🧖‍♀️ En masque intensif\u003c\/h3\u003e\n        \u003cdiv class=\"sc-steps\"\u003e\n          \u003cdiv class=\"sc-step\"\u003e\n            \u003cspan class=\"sc-step-num\"\u003e1\u003c\/span\u003e\n            \u003cp\u003eAppliquez généreusement sur cheveux humides\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"sc-step\"\u003e\n            \u003cspan class=\"sc-step-num\"\u003e2\u003c\/span\u003e\n            \u003cp\u003eEnroulez dans une serviette chaude\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"sc-step\"\u003e\n            \u003cspan class=\"sc-step-num\"\u003e3\u003c\/span\u003e\n            \u003cp\u003eLaissez poser 15-20 minutes\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"sc-step\"\u003e\n            \u003cspan class=\"sc-step-num\"\u003e4\u003c\/span\u003e\n            \u003cp\u003eRincez soigneusement à l'eau tiède\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sc-note\"\u003e💡 \u003cstrong\u003eAstuce cheveux très secs :\u003c\/strong\u003e Frottez légèrement le soin sur vos pointes sèches comme un sérum sans rinçage (quantité infime).\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- AVANTAGES FORMAT SOLIDE --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003e🌿 Pourquoi choisir ce soin capillaire solide ?\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid-compact\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e💎 Plus concentré\u003c\/h3\u003e\n        \u003cp\u003eSans eau ajoutée, les actifs sont en plus grande proportion\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🛡️ Mieux conservé\u003c\/h3\u003e\n        \u003cp\u003ePas de conservateurs controversés nécessaires\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n        \u003cp\u003e50 g = environ 2 flacons de soin liquide\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e✈️ Idéal voyage\u003c\/h3\u003e\n        \u003cp\u003eCompact, léger, aucun risque de fuite\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003e📋 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid-compact\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n        \u003cp\u003e50 g de soin concentré\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e⏱️ Durée d'utilisation\u003c\/h3\u003e\n        \u003cp\u003e2-3 mois (2x\/semaine, cheveux mi-longs)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n        \u003cp\u003eArtisanale à Marseille\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e📦 Emballage\u003c\/h3\u003e\n        \u003cp\u003eBoîte kraft recyclable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CERTIFICATIONS --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003e🏅 Certifications \u0026amp; engagements\u003c\/h2\u003e\n    \u003cdiv class=\"sc-certifs\"\u003e\n      \u003cdiv class=\"sc-certif\"\u003e\n        \u003cspan class=\"sc-certif-icon\"\u003e🐌\u003c\/span\u003e\n        \u003cspan class=\"sc-certif-label\"\u003eSlow Cosmétique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-certif\"\u003e\n        \u003cspan class=\"sc-certif-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"sc-certif-label\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-certif\"\u003e\n        \u003cspan class=\"sc-certif-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"sc-certif-label\"\u003eVegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-certif\"\u003e\n        \u003cspan class=\"sc-certif-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"sc-certif-label\"\u003eMade in France\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ACCORDÉON FAQ --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"sc-accordion\"\u003e\n      \u003cdetails class=\"sc-accordion-item\"\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e🧴 Ce soin remplace-t-il un masque capillaire ?\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content\"\u003e\n          \u003cp\u003eOui, il peut s'utiliser comme un après-shampooing quotidien ou comme un masque plus intensif en augmentant le temps de pose. Sa formule riche en beurre de karité et huile de prune le rend aussi nourrissant qu'un masque classique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sc-accordion-item\"\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e🎨 Puis-je l'utiliser sur cheveux colorés ?\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content\"\u003e\n          \u003cp\u003eAbsolument. La formule sans sulfate et sans silicone respecte les colorations tout en réparant les cheveux fragilisés par les traitements chimiques. L'huile de prune aide même à prolonger l'éclat de votre couleur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sc-accordion-item\"\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e🍑 Le parfum pêche vanille est-il persistant ?\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content\"\u003e\n          \u003cp\u003eLe parfum reste subtil et s'estompe progressivement après le séchage. Vous profiterez d'une délicate note gourmande pendant quelques heures, sans que ce soit entêtant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sc-accordion-item\"\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e👶 Convient-il aux enfants ?\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content\"\u003e\n          \u003cp\u003eOui, la formule douce et naturelle convient à toute la famille, y compris aux enfants à partir de 3 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sc-accordion-item\"\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e🧊 Comment le conserver ?\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content\"\u003e\n          \u003cp\u003eConservez votre soin solide au sec entre deux utilisations. La boîte kraft fournie est parfaite pour cela. Évitez de le laisser dans l'eau stagnante de votre douche.\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=\"sc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"sc-cta-box\"\u003e\n      \u003cp\u003e🍑 Offrez à vos cheveux un soin authentique formulé avec seulement 5 ingrédients naturels et bio. Ce soin capillaire solide nourrit, répare et parfume votre chevelure d'une délicate note pêche \u0026amp; vanille, tout en respectant la planète.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sc-cream: #FAF7F2;\n  --sc-white: #ffffff;\n  --sc-primary: #C4A882;\n  --sc-primary-dark: #8B7355;\n  --sc-primary-light: #F5EDE3;\n  --sc-secondary: #E8D5B7;\n  --sc-accent: #D4A574;\n  --sc-text: #1a1a1a;\n  --sc-text-light: #5a5a5a;\n  --sc-border: #e8e0d5;\n  --sc-shadow: 0 4px 24px rgba(139,115,85,.08);\n  --sc-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n  --sc-radius: 20px;\n  --sc-radius-sm: 12px;\n}\n\n.sc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #D4A574 0%, #C4A882 40%, #8B7355 100%);\n  border-radius: var(--sc-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(--sc-shadow-lg);\n}\n\n.sc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.sc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.sc-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(--sc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.sc-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.sc-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.sc-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sc-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.sc-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(--sc-accent), var(--sc-primary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.sc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.sc-card {\n  background: var(--sc-white);\n  border-radius: var(--sc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sc-shadow-lg);\n  border-color: var(--sc-primary);\n}\n\n.sc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sc-card-ingredient {\n  border-left: 4px solid var(--sc-accent);\n}\n\n.sc-grid-compact .sc-card {\n  padding: 1rem;\n}\n\n.sc-grid-compact .sc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sc-grid-compact .sc-card p {\n  font-size: 12px;\n}\n\n\/* === INCI BOX === *\/\n.sc-inci-box {\n  background: var(--sc-primary-light);\n  border-radius: var(--sc-radius-sm);\n  padding: 1.25rem 1.5rem;\n  margin-top: 1.5rem;\n  text-align: center;\n}\n\n.sc-inci-box p {\n  font-size: 13px;\n  color: var(--sc-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === NOTE === *\/\n.sc-note {\n  background: var(--sc-secondary);\n  border-radius: var(--sc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  text-align: center;\n  font-size: 14px;\n  color: var(--sc-primary-dark);\n}\n\n\/* === USAGE === *\/\n.sc-usage-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.sc-usage-block {\n  background: var(--sc-white);\n  border-radius: var(--sc-radius);\n  padding: 1.5rem;\n  box-shadow: var(--sc-shadow);\n}\n\n.sc-usage-block h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--sc-primary-dark);\n  margin: 0 0 1rem 0;\n  text-align: center;\n}\n\n.sc-steps {\n  display: flex;\n  flex-direction: column;\n  gap: .75rem;\n}\n\n.sc-step {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n\n.sc-step-num {\n  width: 32px;\n  height: 32px;\n  background: linear-gradient(135deg, var(--sc-accent), var(--sc-primary));\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: 14px;\n  flex-shrink: 0;\n}\n\n.sc-step p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--sc-text-light);\n  line-height: 1.5;\n}\n\n\/* === CERTIFICATIONS === *\/\n.sc-certifs {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 1rem;\n}\n\n.sc-certif {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .5rem;\n  background: var(--sc-white);\n  border-radius: var(--sc-radius);\n  padding: 1.25rem 1.5rem;\n  box-shadow: var(--sc-shadow);\n  min-width: 120px;\n  transition: all .3s ease;\n}\n\n.sc-certif:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--sc-shadow-lg);\n}\n\n.sc-certif-icon {\n  font-size: 32px;\n}\n\n.sc-certif-label {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--sc-primary-dark);\n  text-align: center;\n}\n\n\/* === ACCORDÉON === *\/\n.sc-accordion {\n  background: var(--sc-white);\n  border-radius: var(--sc-radius);\n  box-shadow: var(--sc-shadow);\n  overflow: hidden;\n}\n\n.sc-accordion-item {\n  border-bottom: 1px solid var(--sc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sc-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.sc-accordion-header:hover {\n  background: var(--sc-primary-light);\n}\n\n.sc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sc-primary);\n  transition: transform .2s ease;\n}\n\n.sc-accordion-item[open] .sc-accordion-header::after {\n  content: '−';\n}\n\n.sc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.sc-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.sc-cta-box {\n  background: linear-gradient(135deg, var(--sc-accent) 0%, var(--sc-primary-dark) 100%);\n  border-radius: var(--sc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sc-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.sc-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .sc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .sc-grid-compact {\n    gap: .625rem;\n  }\n  \n  .sc-grid-compact .sc-card {\n    padding: .75rem;\n  }\n  \n  .sc-card {\n    padding: 1.125rem;\n  }\n  \n  .sc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .sc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sc-radius-sm);\n  }\n  \n  .sc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .sc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .sc-usage-container {\n    grid-template-columns: 1fr;\n  }\n  \n  .sc-certifs {\n    gap: .75rem;\n  }\n  \n  .sc-certif {\n    padding: 1rem;\n    min-width: 100px;\n  }\n  \n  .sc-certif-icon {\n    font-size: 28px;\n  }\n  \n  .sc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .sc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .sc-badges-top {\n    gap: 8px;\n  }\n  \n  .sc-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .sc-card:nth-child(1) { animation-delay: .05s; }\n  .sc-card:nth-child(2) { animation-delay: .1s; }\n  .sc-card:nth-child(3) { animation-delay: .15s; }\n  .sc-card:nth-child(4) { animation-delay: .2s; }\n  .sc-card:nth-child(5) { animation-delay: .25s; }\n  .sc-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  .sc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755186970781,"sku":"NBAICAV0054","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-capillaire-solide-a-lhuile-de-prune-peche-vanille-comme-ingredients.jpg?v=1768221135"},{"product_id":"soin-capillaire-solide-a-lhuile-de-prune-bio-boite-kraft-50-g-comme-avant","title":"Soin capillaire solide à l'huile de Prune - sans parfum - Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin capillaire solide à l'huile de Prune - Comme Avant\nPalette détectée:\n  - Primaire: #C9A86C (beige doré\/kraft du packaging)\n  - Secondaire: #8B7355 (brun terre naturel)\n  - Accent: #D4A574 (tons prune\/abricot doux)\n  - Background: #F7F3EE (crème naturel)\nAmbiance: Naturel\/bio, slow cosmétique, minimaliste épuré, douceur féminine, éco-responsable\nPréfixe CSS: sc\n--\u003e\n\n\u003cdiv class=\"sc-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"sc-hero\"\u003e\n    \u003cdiv class=\"sc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sc-hero-content\"\u003e\n      \u003cdiv class=\"sc-badges-top\"\u003e\n        \u003cspan class=\"sc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"sc-badge\"\u003e🇫🇷 Fabriqué à Marseille\u003c\/span\u003e\n        \u003cspan class=\"sc-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sc-hero-title\"\u003eSoin capillaire solide à l'huile de prune\u003c\/span\u003e\n      \u003cp class=\"sc-subtitle\"\u003eVersion 2 améliorée • Sans parfum\u003c\/p\u003e\n      \u003cp class=\"sc-description\"\u003eNourrissez vos cheveux en profondeur avec ce soin solide d'exception, formulé avec seulement 5 ingrédients naturels et l'huile de prune du Sud-Ouest français.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BIENFAITS PRINCIPAUX --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003e✨ Les bienfaits pour vos cheveux\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n        \u003cp\u003eL'huile de prune pénètre la fibre capillaire pour l'assouplir et la revitaliser en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e💪 Renforce la fibre\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour les cheveux secs, cassants ou abîmés par les colorations et la chaleur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🌸 Apaise le cuir chevelu\u003c\/h3\u003e\n        \u003cp\u003eParfait pour les cuirs chevelus sensibles ou irrités grâce à sa formule ultra-douce.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🍃 Sans parfum\u003c\/h3\u003e\n        \u003cp\u003eConvient aux personnes sensibles aux huiles essentielles ou qui préfèrent un soin neutre.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- L'HUILE DE PRUNE --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003e🍑 Le trésor de l'huile de prune\u003c\/h2\u003e\n    \u003cdiv class=\"sc-highlight-box\"\u003e\n      \u003cp class=\"sc-highlight-intro\"\u003eExtraite des noyaux de prunes d'Agen, cette huile précieuse est l'ingrédient star de ce soin capillaire.\u003c\/p\u003e\n      \u003cdiv class=\"sc-grid\"\u003e\n        \u003cdiv class=\"sc-card sc-card-light\"\u003e\n          \u003ch3\u003e🌾 Acides gras oléiques\u003c\/h3\u003e\n          \u003cp\u003eNourrit sans alourdir et laisse les cheveux souples et légers.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sc-card sc-card-light\"\u003e\n          \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n          \u003cp\u003eAntioxydant puissant qui protège la fibre des agressions extérieures.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sc-card sc-card-light\"\u003e\n          \u003ch3\u003e🪶 Texture sèche\u003c\/h3\u003e\n          \u003cp\u003ePénètre rapidement sans laisser de film gras sur les cheveux.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sc-card sc-card-light\"\u003e\n          \u003ch3\u003e🇫🇷 Origine française\u003c\/h3\u003e\n          \u003cp\u003eActif local et durable issu de l'économie circulaire du Sud-Ouest.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003e👩 Pour qui est ce soin ?\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🏜️ Cheveux secs\u003c\/h3\u003e\n        \u003cp\u003eEn quête de nutrition profonde et durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e💔 Cheveux abîmés\u003c\/h3\u003e\n        \u003cp\u003eCassants ou fourchus nécessitant une réparation douce.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🌡️ Cuir chevelu sensible\u003c\/h3\u003e\n        \u003cp\u003eRéactif ou irrité par les produits conventionnels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🚫 Intolérance parfums\u003c\/h3\u003e\n        \u003cp\u003ePour éviter les huiles essentielles et fragrances.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🎨 Cheveux colorés\u003c\/h3\u003e\n        \u003cp\u003ePréserve l'éclat et prolonge la tenue de la couleur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e♻️ Adeptes zéro déchet\u003c\/h3\u003e\n        \u003cp\u003eCosmétique éco-responsable sans plastique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003e📖 Comment utiliser ce soin capillaire solide bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"sc-steps\"\u003e\n      \u003cdiv class=\"sc-step\"\u003e\n        \u003cspan class=\"sc-step-num\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"sc-step-content\"\u003e\n          \u003ch3\u003ePréparez vos cheveux\u003c\/h3\u003e\n          \u003cp\u003eAprès votre shampoing, essorez légèrement vos cheveux pour qu'ils restent humides.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-step\"\u003e\n        \u003cspan class=\"sc-step-num\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"sc-step-content\"\u003e\n          \u003ch3\u003eAppliquez le soin\u003c\/h3\u003e\n          \u003cp\u003eFrottez le soin solide directement sur les longueurs et les pointes, en évitant les racines.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-step\"\u003e\n        \u003cspan class=\"sc-step-num\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"sc-step-content\"\u003e\n          \u003ch3\u003eDémêlez délicatement\u003c\/h3\u003e\n          \u003cp\u003eUtilisez vos doigts ou un peigne à dents larges pour répartir le produit uniformément.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-step\"\u003e\n        \u003cspan class=\"sc-step-num\"\u003e4\u003c\/span\u003e\n        \u003cdiv class=\"sc-step-content\"\u003e\n          \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n          \u003cp\u003ePatientez 2 à 5 minutes pour permettre aux actifs de pénétrer la fibre capillaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-step\"\u003e\n        \u003cspan class=\"sc-step-num\"\u003e5\u003c\/span\u003e\n        \u003cdiv class=\"sc-step-content\"\u003e\n          \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n          \u003cp\u003eÀ l'eau tiède ou froide pour refermer les écailles et apporter de la brillance.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sc-tip\"\u003e💡 \u003cstrong\u003eFréquence recommandée :\u003c\/strong\u003e 1 à 2 fois par semaine, ou après chaque shampoing si vos cheveux sont très secs.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003e🧪 Composition minimaliste\u003c\/h2\u003e\n    \u003cp class=\"sc-section-intro\"\u003eSeulement 5 ingrédients pour une formule transparente et certifiée Cosmos Organic.\u003c\/p\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Huile de prune bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003ePrunus Domestica Seed Oil\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eNourrit et protège la fibre capillaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eCocos Nucifera Oil\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eRenforce et apporte brillance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🌵 Huile de jojoba bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eSimmondsia Chinensis Seed Oil\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eRégule et hydrate en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🧴 Alcool gras végétal\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eCetearyl Alcohol\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eAgent démêlant et adoucissant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🌻 Tensioactif doux\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eBehentrimonium Methosulfate\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eDérivé du colza, facilite le démêlage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n        \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eTocopherol\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eAntioxydant naturel protecteur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sc-compo-badges\"\u003e\n      \u003cspan class=\"sc-compo-badge\"\u003e100% origine naturelle\u003c\/span\u003e\n      \u003cspan class=\"sc-compo-badge\"\u003e98% bio\u003c\/span\u003e\n      \u003cspan class=\"sc-compo-badge\"\u003eSans parfum\u003c\/span\u003e\n      \u003cspan class=\"sc-compo-badge\"\u003eSans huile essentielle\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid-compact\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n        \u003cp\u003e50 g (2-3 flacons liquides)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e⏱️ Durée d'utilisation\u003c\/h3\u003e\n        \u003cp\u003e2 à 4 mois selon usage\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n        \u003cp\u003eArtisanale à Marseille\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e📦 Packaging\u003c\/h3\u003e\n        \u003cp\u003eBoîte kraft recyclable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ENGAGEMENTS --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003e💚 Les engagements Comme Avant\u003c\/h2\u003e\n    \u003cdiv class=\"sc-grid\"\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🏠 Artisanat marseillais\u003c\/h3\u003e\n        \u003cp\u003eSavoir-faire local et production à taille humaine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n        \u003cp\u003eGarantie d'une formule bio contrôlée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🐢 Slow Cosmétique\u003c\/h3\u003e\n        \u003cp\u003eBeauté raisonnée et authentique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-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=\"sc-card\"\u003e\n        \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n        \u003cp\u003ePackaging sans plastique, compostable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine France Garantie\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité complète de la fabrication.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ACCORDÉON - INFOS COMPLÉMENTAIRES --\u003e\n  \u003csection class=\"sc-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"sc-accordion\"\u003e\n      \u003cdetails class=\"sc-accordion-item\"\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content\"\u003e\n          \u003cp\u003eLaissez sécher le soin entre chaque utilisation sur un porte-savon aéré ou dans sa boîte ouverte. Évitez de le laisser dans un endroit constamment humide. En voyage, sa boîte kraft est idéale pour le transporter sans risque de coulure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sc-accordion-item\"\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e🎨 Cheveux colorés\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content\"\u003e\n          \u003cp\u003eCe soin convient parfaitement aux cheveux colorés. Sa formule douce et nourrissante aide à préserver l'éclat tout en réparant. L'absence d'agents agressifs permet de prolonger la tenue de votre couleur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sc-accordion-item\"\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e🪶 Cheveux fins\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content\"\u003e\n          \u003cp\u003eAppliquez uniquement sur les longueurs et les pointes. Les cheveux fins apprécieront la légèreté de l'huile de prune qui nourrit sans alourdir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sc-accordion-item\"\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e💆 Utilisation en masque\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content\"\u003e\n          \u003cp\u003eCe soin peut servir de masque léger pour un usage régulier. Pour un soin intensif, prolongez le temps de pose à 10-15 minutes sous une serviette chaude.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sc-accordion-item\"\u003e\n        \u003csummary class=\"sc-accordion-header\"\u003e🤰 Femmes enceintes\u003c\/summary\u003e\n        \u003cdiv class=\"sc-accordion-content\"\u003e\n          \u003cp\u003eCette version sans parfum convient aux femmes enceintes ou allaitantes grâce à l'absence d'huiles essentielles. Un soin neutre pouvant être associé à d'autres produits parfumés.\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=\"sc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"sc-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à vos cheveux un soin authentique, formulé avec des ingrédients d'exception et fabriqué dans le respect de l'environnement. Bien plus qu'un simple cosmétique : un geste de beauté conscient pour vous et pour la planète.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sc-cream: #F7F3EE;\n  --sc-white: #ffffff;\n  --sc-primary: #C9A86C;\n  --sc-primary-dark: #8B7355;\n  --sc-primary-light: #F5EDE3;\n  --sc-secondary: #D4A574;\n  --sc-accent: #A68B5B;\n  --sc-text: #1a1a1a;\n  --sc-text-light: #5a5a5a;\n  --sc-border: #e8e2da;\n  --sc-shadow: 0 4px 24px rgba(139,115,85,.08);\n  --sc-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n  --sc-radius: 20px;\n  --sc-radius-sm: 12px;\n}\n\n.sc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #C9A86C 0%, #D4A574 50%, #8B7355 100%);\n  border-radius: var(--sc-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(--sc-shadow-lg);\n}\n\n.sc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.sc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.sc-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(--sc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.sc-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.sc-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.sc-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sc-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.sc-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(--sc-primary), var(--sc-secondary));\n  border-radius: 2px;\n}\n\n.sc-section-intro {\n  text-align: center;\n  color: var(--sc-text-light);\n  font-size: clamp(14px, 2.5vw, 16px);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.sc-card {\n  background: var(--sc-white);\n  border-radius: var(--sc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sc-shadow-lg);\n  border-color: var(--sc-primary);\n}\n\n.sc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sc-card p em {\n  display: block;\n  font-size: 12px;\n  color: var(--sc-primary);\n  margin-bottom: .35rem;\n}\n\n.sc-card-light {\n  background: var(--sc-primary-light);\n}\n\n.sc-card-ingredient {\n  position: relative;\n}\n\n\/* === GRILLES === *\/\n.sc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sc-grid-compact .sc-card {\n  padding: 1rem;\n}\n\n.sc-grid-compact .sc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sc-grid-compact .sc-card p {\n  font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sc-highlight-box {\n  background: linear-gradient(135deg, var(--sc-primary-light) 0%, rgba(212,165,116,.15) 100%);\n  border-radius: var(--sc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  border: 2px solid var(--sc-primary);\n}\n\n.sc-highlight-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  font-weight: 600;\n  color: var(--sc-primary-dark);\n  margin-bottom: 1.5rem;\n}\n\n\/* === STEPS === *\/\n.sc-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sc-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--sc-white);\n  border-radius: var(--sc-radius);\n  padding: clamp(1rem, 3vw, 1.5rem);\n  box-shadow: var(--sc-shadow);\n  transition: all .3s ease;\n}\n\n.sc-step:hover {\n  transform: translateX(6px);\n  box-shadow: var(--sc-shadow-lg);\n}\n\n.sc-step-num {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sc-primary), var(--sc-secondary));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-weight: 900;\n  font-size: 18px;\n}\n\n.sc-step-content h3 {\n  font-size: clamp(15px, 2.5vw, 17px);\n  font-weight: 800;\n  color: var(--sc-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.sc-step-content p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sc-tip {\n  background: var(--sc-primary-light);\n  border-radius: var(--sc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sc-primary-dark);\n  text-align: center;\n}\n\n\/* === COMPO BADGES === *\/\n.sc-compo-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .75rem;\n  margin-top: 1.5rem;\n}\n\n.sc-compo-badge {\n  padding: 10px 18px;\n  background: linear-gradient(135deg, var(--sc-primary), var(--sc-secondary));\n  color: white;\n  font-size: 13px;\n  font-weight: 700;\n  border-radius: 999px;\n}\n\n\/* === ACCORDÉON === *\/\n.sc-accordion {\n  background: var(--sc-white);\n  border-radius: var(--sc-radius);\n  box-shadow: var(--sc-shadow);\n  overflow: hidden;\n}\n\n.sc-accordion-item {\n  border-bottom: 1px solid var(--sc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sc-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.sc-accordion-header:hover {\n  background: var(--sc-primary-light);\n}\n\n.sc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sc-primary);\n  transition: transform .2s ease;\n}\n\n.sc-accordion-item[open] .sc-accordion-header::after {\n  content: '−';\n}\n\n.sc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.sc-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.sc-cta-box {\n  background: linear-gradient(135deg, var(--sc-primary) 0%, var(--sc-primary-dark) 100%);\n  border-radius: var(--sc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sc-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n}\n\n.sc-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .sc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .sc-card {\n    padding: 1.125rem;\n  }\n  \n  .sc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .sc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sc-radius-sm);\n  }\n  \n  .sc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .sc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .sc-grid-compact {\n    gap: .625rem;\n  }\n  \n  .sc-grid-compact .sc-card {\n    padding: .75rem;\n  }\n  \n  .sc-highlight-box {\n    padding: 1.25rem;\n  }\n  \n  .sc-step {\n    padding: 1rem;\n  }\n  \n  .sc-step-num {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n  \n  .sc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .sc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .sc-compo-badges {\n    gap: .5rem;\n  }\n  \n  .sc-compo-badge {\n    padding: 8px 14px;\n    font-size: 12px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .sc-card:nth-child(1) { animation-delay: .05s; }\n  .sc-card:nth-child(2) { animation-delay: .1s; }\n  .sc-card:nth-child(3) { animation-delay: .15s; }\n  .sc-card:nth-child(4) { animation-delay: .2s; }\n  .sc-card:nth-child(5) { animation-delay: .25s; }\n  .sc-card:nth-child(6) { animation-delay: .3s; }\n  \n  .sc-step {\n    animation: fadeInLeft .5s ease backwards;\n  }\n  .sc-step:nth-child(1) { animation-delay: .1s; }\n  .sc-step:nth-child(2) { animation-delay: .15s; }\n  .sc-step:nth-child(3) { animation-delay: .2s; }\n  .sc-step:nth-child(4) { animation-delay: .25s; }\n  .sc-step:nth-child(5) { 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@keyframes fadeInLeft {\n  from { opacity: 0; transform: translateX(-20px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .sc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755187363997,"sku":"NBAICAV0053","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-capillaire-solide-a-lhuile-de-prune-sans-parfum-comme-a-ingredients.jpg?v=1768220941"},{"product_id":"baume-a-levres-au-beurre-de-karite-bio-stick-13-g-comme-avant","title":"Baume à Lèvres au Beurre de Karité Bio - Comme Avant","description":"\u003cdiv class=\"bl-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"bl-hero\"\u003e\n    \u003cdiv class=\"bl-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bl-hero-content\"\u003e\n      \u003cdiv class=\"bl-badges-top\"\u003e\n        \u003cspan class=\"bl-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"bl-badge\"\u003e🇫🇷 Fabriqué à Marseille\u003c\/span\u003e\n        \u003cspan class=\"bl-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n        \u003cspan class=\"bl-badge\"\u003e♻️ Tube carton zéro plastique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"bl-hero-title\"\u003eBaume à lèvres au beurre de karité bio\u003c\/span\u003e\n      \u003cp class=\"bl-subtitle\"\u003eComme Avant — Stick 13 g\u003c\/p\u003e\n      \u003cp class=\"bl-description\"\u003eSeulement 4 ingrédients d'origine naturelle pour nourrir, réparer et protéger vos lèvres durablement. Sans superflu, sans compromis.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"bl-section\"\u003e\n    \u003ch2\u003eBaume à lèvres au beurre de karité bio : le soin naturel et nourrissant signé Comme Avant\u003c\/h2\u003e\n    \u003cp class=\"bl-section-intro\"\u003eVos lèvres tiraillent, se dessèchent ou gercent au moindre changement de saison ? Le baume à lèvres au beurre de karité bio Comme Avant est pensé exactement pour cela.\u003c\/p\u003e\n    \u003cdiv class=\"bl-grid-compact\"\u003e\n      \u003cdiv class=\"bl-card\"\u003e\n        \u003ch3\u003e🧴 4 ingrédients seulement\u003c\/h3\u003e\n        \u003cp\u003eUne formule ultra courte où chaque composant a un rôle précis, sans aucun superflu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bl-card\"\u003e\n        \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n        \u003cp\u003eRépare, protège et adoucit vos lèvres durablement grâce au karité bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bl-card\"\u003e\n        \u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eAucun parfum synthétique, aucun conservateur controversé, aucun colorant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bl-card\"\u003e\n        \u003ch3\u003e👶 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eConvient parfaitement aux peaux les plus délicates, y compris celles des enfants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"bl-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un baume à lèvres au karité plutôt qu'un baume classique ?\u003c\/h2\u003e\n    \u003cdiv class=\"bl-testimonial\"\u003e\n      \u003cp class=\"bl-testimonial-text\"\u003eLa peau des lèvres est particulièrement fine et dépourvue de glandes sébacées. Elle ne peut donc pas se protéger seule contre le froid, le vent ou la sécheresse. Le beurre de karité biologique, riche en acides gras essentiels et en vitamines A, D, E et F, agit comme un véritable bouclier nourrissant.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bl-grid\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"bl-card\"\u003e\n        \u003ch3\u003e🚫 Pas d'huiles minérales\u003c\/h3\u003e\n        \u003cp\u003eContrairement aux baumes conventionnels à base de dérivés de pétrole, ce baume nourrit réellement la peau au lieu de simplement la recouvrir d'un film occlusif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bl-card\"\u003e\n        \u003ch3\u003e✨ Souplesse durable\u003c\/h3\u003e\n        \u003cp\u003eVos lèvres retrouvent douceur et confort sans effet de dépendance. Elles restent souples plus longtemps entre chaque application.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bl-card\"\u003e\n        \u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n        \u003cp\u003eLe karité bio forme un bouclier nourrissant contre le froid, le vent et la sécheresse, saison après saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"bl-section\"\u003e\n    \u003ch2\u003eComposition minimaliste et transparente\u003c\/h2\u003e\n    \u003cp class=\"bl-section-intro\"\u003eLa force de ce baume lèvres bio réside dans sa formule ultra courte, certifiée Cosmos Organic et labellisée Vegan.\u003c\/p\u003e\n    \u003cdiv class=\"bl-grid\"\u003e\n      \u003cdiv class=\"bl-card bl-card-ingredient\"\u003e\n        \u003ch3\u003e🌰 Beurre de karité bio\u003c\/h3\u003e\n        \u003cp class=\"bl-inci\"\u003eButyrospermum Parkii Butter\u003c\/p\u003e\n        \u003cp\u003eIngrédient phare : nourrit en profondeur, répare les gerçures et apaise les lèvres fragilisées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bl-card bl-card-ingredient\"\u003e\n        \u003ch3\u003e🐝 Cire d'abeille bio\u003c\/h3\u003e\n        \u003cp class=\"bl-inci\"\u003eCera Alba\u003c\/p\u003e\n        \u003cp\u003eForme un film protecteur naturel qui maintient l'hydratation tout en laissant la peau respirer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bl-card bl-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Huile de chanvre bio\u003c\/h3\u003e\n        \u003cp class=\"bl-inci\"\u003eCannabis Sativa Seed Oil\u003c\/p\u003e\n        \u003cp\u003eÉmolliente et riche en oméga-3, elle complète l'action nourrissante et adoucissante du karité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bl-card bl-card-ingredient\"\u003e\n        \u003ch3\u003e🍊 Vitamine E naturelle\u003c\/h3\u003e\n        \u003cp class=\"bl-inci\"\u003eTocopherol\u003c\/p\u003e\n        \u003cp\u003ePuissant antioxydant, elle protège les lèvres des agressions environnementales et préserve la fraîcheur de la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bl-tip\"\u003e\n      \u003cspan class=\"bl-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eAucun parfum synthétique, aucun conservateur controversé, aucun colorant. Ce baume convient parfaitement aux peaux sensibles, y compris celles des enfants.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"bl-section\"\u003e\n    \u003ch2\u003eComment bien utiliser votre baume à lèvres bio ?\u003c\/h2\u003e\n    \u003cp class=\"bl-section-intro\"\u003eAppliquez le stick directement sur vos lèvres dès que vous ressentez un inconfort, aussi souvent que nécessaire.\u003c\/p\u003e\n    \u003cdiv class=\"bl-timeline\"\u003e\n      \u003cdiv class=\"bl-timeline-item\"\u003e\n        \u003cdiv class=\"bl-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"bl-timeline-content\"\u003e\n          \u003ch3\u003e☀️ En soin quotidien\u003c\/h3\u003e\n          \u003cp\u003eUne application matin et soir suffit généralement pour maintenir des lèvres souples et hydratées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bl-timeline-item\"\u003e\n        \u003cdiv class=\"bl-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"bl-timeline-content\"\u003e\n          \u003ch3\u003e🧣 Avant de sortir\u003c\/h3\u003e\n          \u003cp\u003eAppliquez une couche généreuse avant toute exposition au froid, au vent ou au soleil.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bl-timeline-item\"\u003e\n        \u003cdiv class=\"bl-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"bl-timeline-content\"\u003e\n          \u003ch3\u003e💄 Sous un rouge à lèvres\u003c\/h3\u003e\n          \u003cp\u003eUtilisé en base, il lisse la surface des lèvres et améliore la tenue de votre maquillage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bl-timeline-item\"\u003e\n        \u003cdiv class=\"bl-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"bl-timeline-content\"\u003e\n          \u003ch3\u003e🌙 Le soir en masque\u003c\/h3\u003e\n          \u003cp\u003eAppliquez une couche épaisse avant le coucher pour un soin réparateur de nuit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bl-tip\"\u003e\n      \u003cspan class=\"bl-tip-icon\"\u003e👜\u003c\/span\u003e\n      \u003cp\u003eSon format stick de 13 grammes en tube carton se glisse partout : poche, sac à main ou trousse de voyage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"bl-section\"\u003e\n    \u003ch2\u003eUn engagement éco-responsable jusqu'au packaging\u003c\/h2\u003e\n    \u003cdiv class=\"bl-grid-compact\"\u003e\n      \u003cdiv class=\"bl-card\"\u003e\n        \u003ch3\u003e♻️ Tube en carton\u003c\/h3\u003e\n        \u003cp\u003ePackaging 100 % recyclable, sans aucun plastique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bl-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in Marseille\u003c\/h3\u003e\n        \u003cp\u003eFabriqué artisanalement en France, en petites séries.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bl-card\"\u003e\n        \u003ch3\u003e🌱 Fraîcheur optimale\u003c\/h3\u003e\n        \u003cp\u003eProduction en petits lots pour garantir la qualité de chaque baume.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bl-card\"\u003e\n        \u003ch3\u003e🌍 Empreinte réduite\u003c\/h3\u003e\n        \u003cp\u003eUn choix cohérent pour réduire votre impact jusque dans votre routine beauté.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA + DISCLAIMER --\u003e\n  \u003csection class=\"bl-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"bl-cta-box\"\u003e\n      \u003cp\u003e🌿 Stick de 13 g — Certifié Cosmos Organic — Vegan — Fabriqué en France\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"bl-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de lésions persistantes sur les lèvres, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --bl-cream: #f7f3ee;\n  --bl-white: #ffffff;\n  --bl-primary: #b5956a;\n  --bl-primary-dark: #7a6248;\n  --bl-primary-light: #f0e8dd;\n  --bl-secondary: #c4a97d;\n  --bl-accent: #8b7355;\n  --bl-text: #1a1a1a;\n  --bl-text-light: #5a5a5a;\n  --bl-border: #e0d8ce;\n  --bl-shadow: 0 4px 24px rgba(122,98,72,.08);\n  --bl-shadow-lg: 0 12px 48px rgba(122,98,72,.15);\n  --bl-radius: 20px;\n  --bl-radius-sm: 12px;\n}\n\n.bl-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bl-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bl-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8b7355 0%, #b5956a 45%, #c4a97d 100%);\n  border-radius: var(--bl-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(--bl-shadow-lg);\n}\n\n.bl-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.bl-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bl-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.15;\n}\n\n.bl-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.bl-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.bl-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.bl-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(--bl-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bl-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bl-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bl-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bl-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.bl-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(--bl-primary), var(--bl-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.bl-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bl-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.bl-card {\n  background: var(--bl-white);\n  border-radius: var(--bl-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bl-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bl-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bl-shadow-lg);\n  border-color: var(--bl-primary);\n}\n\n.bl-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bl-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bl-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bl-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === INGREDIENT CARD INCI === *\/\n.bl-inci {\n  font-size: 12px !important;\n  font-style: italic;\n  color: var(--bl-primary) !important;\n  margin-bottom: .5rem !important;\n  font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.bl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.bl-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.bl-grid-compact .bl-card {\n  padding: 1rem;\n}\n\n.bl-grid-compact .bl-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.bl-grid-compact .bl-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bl-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.bl-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.bl-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--bl-primary), var(--bl-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.bl-timeline-content {\n  flex: 1;\n  background: var(--bl-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--bl-radius-sm);\n  box-shadow: var(--bl-shadow);\n}\n\n.bl-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--bl-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bl-timeline-content p {\n  font-size: 14px;\n  color: var(--bl-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bl-testimonial {\n  background: var(--bl-white);\n  border-radius: var(--bl-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--bl-shadow);\n  border-left: 4px solid var(--bl-primary);\n}\n\n.bl-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bl-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.bl-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--bl-primary-light);\n  border-radius: var(--bl-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.bl-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.bl-tip p {\n  font-size: 14px;\n  color: var(--bl-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.bl-cta-box {\n  background: linear-gradient(135deg, var(--bl-primary) 0%, var(--bl-primary-dark) 100%);\n  border-radius: var(--bl-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.bl-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.bl-disclaimer {\n  font-size: 12px;\n  color: var(--bl-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .bl-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .bl-card {\n    padding: 1.125rem;\n  }\n\n  .bl-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .bl-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bl-radius-sm);\n  }\n\n  .bl-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .bl-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .bl-grid-compact {\n    gap: .625rem;\n  }\n\n  .bl-grid-compact .bl-card {\n    padding: .75rem;\n  }\n\n  .bl-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .bl-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .bl-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .bl-timeline-content p {\n    font-size: 13px;\n  }\n\n  .bl-testimonial {\n    padding: 1.25rem;\n  }\n\n  .bl-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .bl-card {\n    animation: blFadeInUp .5s ease backwards;\n  }\n  .bl-card:nth-child(1) { animation-delay: .05s; }\n  .bl-card:nth-child(2) { animation-delay: .1s; }\n  .bl-card:nth-child(3) { animation-delay: .15s; }\n  .bl-card:nth-child(4) { animation-delay: .2s; }\n  .bl-card:nth-child(5) { animation-delay: .25s; }\n  .bl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes blFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .bl-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755189461149,"sku":"NBAICAV0046","price":4.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-a-levres-au-beurre-de-karite-bio-comme-avant-packshothd_a2f90aa6-1c17-4c03-bf91-48e989f4cb38.webp?v=1775311529"},{"product_id":"creme-solide-au-beurre-de-karite-noisette-et-manjishta-bio-pot-kraft-50-g-comme-avant","title":"Crème Solide pour Peaux à imperfections à l'huile de Noisette - 50g - Comme avant","description":"\u003cp\u003eDécouvrez la \u003cstrong\u003eCrème Solide au Beurre de Karité Noisette et Manjishta BIO\u003c\/strong\u003e de \u003cem\u003eComme Avant\u003c\/em\u003e, une merveille de la cosmétique naturelle conçue pour chouchouter votre peau en profondeur. Offrez-vous le luxe d'un soin ultra-nourrissant, enrichi aux ingrédients bio les plus fins et conditionné dans un élégant pot kraft de 50 g, pratique et écologique.\u003c\/p\u003e\n\u003cp\u003eCette crème solide, aux vertus exceptionnelles, est formulée à partir de \u003cstrong\u003ebeurre de karité\u003c\/strong\u003e, d'huile de \u003cstrong\u003enoisette\u003c\/strong\u003e et de poudre de \u003cstrong\u003emanjishta\u003c\/strong\u003e, des ingrédients soigneusement choisis pour leurs propriétés bienfaisantes et leur respect de l'environnement. Elle convient parfaitement aux peaux sèches, mixtes et même sujettes aux imperfections, offrant un soin polyvalent et efficace.\u003c\/p\u003e\n\u003cp\u003eLe beurre de karité procure une hydratation intense et longue durée tandis que l'huile de noisette, riche en acides gras essentiels, régule la production de sébum. La poudre de manjishta, un ingrédient ayurvédique réputé, illumine et purifie la peau en douceur.\u003c\/p\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eRien de plus simple !\u003c\/p\u003e\n\u003col\u003e\n\u003cli\u003eRéchauffez la crème solide entre vos mains jusqu’à ce qu’elle devienne suffisamment molle pour en prélever une petite quantité.\u003c\/li\u003e\n\u003cli\u003eAppliquez directement sur le visage, le corps ou les zones nécessitant une hydratation.\u003c\/li\u003e\n\u003cli\u003eMassez délicatement pour faire pénétrer les actifs dans la peau.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003eUtilisée quotidiennement, cette crème vous assure une peau douce, nourrie et éclatante de santé.\u003c\/p\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003eLa \u003cstrong\u003eCrème Solide au Beurre de Karité Noisette et Manjishta BIO\u003c\/strong\u003e est élaborée à partir de quatre ingrédients strictement sélectionnés :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeurre de karité\u003c\/strong\u003e : hydratant, apaisant et riche en vitamines A, D, E et F.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de noisette\u003c\/strong\u003e : régulatrice de sébum et adoucissante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoudre de manjishta\u003c\/strong\u003e : détoxifiante et purifiante, favorisant une peau claire et éclatante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAmidon de maïs\u003c\/strong\u003e : agent de texture, pour une application facile et agréable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eFormule 100% naturelle, sans conservateurs, colorants ou parfums artificiels. Idéale pour les peaux sensibles.\u003c\/p\u003e\n\u003ch2\u003eOrigine et Fabrication\u003c\/h2\u003e\n\u003cp\u003e\u003cem\u003eComme Avant\u003c\/em\u003e est une marque engagée, basée en France, qui met un point d'honneur à proposer des produits respectueux de l’homme et de l’environnement. La \u003cstrong\u003eCrème Solide au Beurre de Karité Noisette et Manjishta BIO\u003c\/strong\u003e est fabriquée artisanalement dans leurs ateliers, garantissant une qualité irréprochable et une traçabilité totale des ingrédients.\u003c\/p\u003e\n\u003cp\u003eChaque pot kraft est conçu pour limiter l'impact environnemental, en utilisant des matériaux recyclables et biodégradables.\u003c\/p\u003e\n\u003cp\u003eFaites le choix d'une beauté authentique et responsable avec la \u003cstrong\u003eCrème Solide au Beurre de Karité Noisette et Manjishta BIO\u003c\/strong\u003e. Votre peau mérite le meilleur de la nature !\u003c\/p\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755189854365,"sku":"NBAICAV0057","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solide-peaux-imperfections-huile-noisette-50g-comme-avant_1_11zon.jpg?v=1759485793"},{"product_id":"creme-solide-au-beurre-de-karite-plantain-et-jujubier-bio-pot-kraft-50-g-comme-avant","title":"Crème Solide au macérât de Plantain - Anti-démangeaisons - Comme Avant","description":"\u003cdiv class=\"cp-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"cp-hero\"\u003e\n    \u003cdiv class=\"cp-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cp-hero-content\"\u003e\n      \u003cdiv class=\"cp-badges-top\"\u003e\n        \u003cspan class=\"cp-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n        \u003cspan class=\"cp-badge\"\u003e🇫🇷 Fabriquée à Marseille\u003c\/span\u003e\n        \u003cspan class=\"cp-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n        \u003cspan class=\"cp-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cp-hero-title\"\u003eCrème solide au macérât de Plantain\u003c\/span\u003e\n      \u003cp class=\"cp-subtitle\"\u003eLe soin bio anti-démangeaisons pour toute la famille\u003c\/p\u003e\n      \u003cp class=\"cp-description\"\u003e6 ingrédients seulement · 100 % d'origine naturelle · Sans huile essentielle · Dès 3 ans, femmes enceintes et allaitantes\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"cp-section\"\u003e\n    \u003ch2\u003eCrème solide au macérât de plantain : le soin bio anti-démangeaisons pour toute la famille\u003c\/h2\u003e\n    \u003cp class=\"cp-section-intro\"\u003eVotre peau tiraille, gratte ou rougit sans prévenir ? La crème solide au macérât de plantain de Comme Avant est formulée précisément pour répondre à ces inconforts du quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"cp-grid-compact\"\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n        \u003ch3\u003e🌱 Certifiée bio\u003c\/h3\u003e\n        \u003cp\u003eLabel Cosmos Organic, vegan et cruelty-free pour une transparence totale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n        \u003ch3\u003e🤲 Artisanale\u003c\/h3\u003e\n        \u003cp\u003eFabriquée à la main près de Marseille en petites séries\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n        \u003ch3\u003e✨ Anti-démangeaisons\u003c\/h3\u003e\n        \u003cp\u003eAlternative saine et efficace aux produits conventionnels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n        \u003ch3\u003e🌍 Zéro déchet\u003c\/h3\u003e\n        \u003cp\u003eFormat solide dans un pot kraft recyclable, doux pour la planète\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"cp-section\"\u003e\n    \u003ch2\u003ePourquoi le macérât de plantain est si efficace contre les démangeaisons\u003c\/h2\u003e\n    \u003cp class=\"cp-section-intro\"\u003eLe macérât huileux de plantain est un trésor de la phytothérapie traditionnelle. Obtenu par macération des feuilles de plantain lancéolé, il concentre des principes actifs reconnus pour leurs vertus apaisantes et réparatrices.\u003c\/p\u003e\n    \u003cdiv class=\"cp-grid\"\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n        \u003ch3\u003e🩹 Sécheresse cutanée\u003c\/h3\u003e\n        \u003cp\u003eApaise les démangeaisons liées à la sécheresse et aux irritations saisonnières\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n        \u003ch3\u003e🦟 Piqûres et rougeurs\u003c\/h3\u003e\n        \u003cp\u003eCalme les inconforts causés par les piqûres d'insectes ou un coup de soleil\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n        \u003ch3\u003e🧴 Peaux réactives\u003c\/h3\u003e\n        \u003cp\u003eConvient aux peaux atopiques ou sujettes à l'eczéma, en complément d'un suivi médical\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n        \u003ch3\u003e🪒 Après-rasage\u003c\/h3\u003e\n        \u003cp\u003eSoulage les sensations d'inconfort après le rasage ou l'épilation\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cp-tip\"\u003e\n      \u003cspan class=\"cp-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eAssocié au \u003cstrong\u003ebeurre de karité bio\u003c\/strong\u003e et à la \u003cstrong\u003epoudre de jujubier\u003c\/strong\u003e, le macérât de plantain forme un trio d'actifs qui apaise, nourrit et purifie la peau en un seul geste.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"cp-section\"\u003e\n    \u003ch2\u003eUne formule courte, transparente et sans compromis\u003c\/h2\u003e\n    \u003cp class=\"cp-section-intro\"\u003eContrairement à une crème anti-démangeaisons conventionnelle qui contient souvent des conservateurs de synthèse ou des parfums, cette crème solide affiche une composition \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, sans huile essentielle ni allergène ajouté. Elle convient aux \u003cstrong\u003eenfants dès 3 ans\u003c\/strong\u003e, aux \u003cstrong\u003efemmes enceintes et allaitantes\u003c\/strong\u003e ainsi qu'aux peaux les plus sensibles.\u003c\/p\u003e\n    \u003cdiv class=\"cp-grid\"\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eButyrospermum Parkii Butter — Nourrit, protège et régénère la peau en profondeur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n        \u003cp\u003eOlea Europaea Fruit Oil — Émolliente et protectrice pour un film lipidique renforcé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n        \u003ch3\u003e🌿 Macérât de plantain bio\u003c\/h3\u003e\n        \u003cp\u003ePlantago Lanceolata Leaf Extract — Apaise et répare les peaux irritées\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n        \u003ch3\u003e🍃 Poudre de jujubier bio\u003c\/h3\u003e\n        \u003cp\u003eZiziphus Jujuba Leaf Extract — Purifie et tonifie la peau naturellement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n        \u003ch3\u003e🕯️ Cire de candelilla\u003c\/h3\u003e\n        \u003cp\u003eEuphorbia Cerifera Cera — Forme un film protecteur non occlusif et vegan\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cp-card\"\u003e\n        \u003ch3\u003e🌾 Amidon de maïs bio\u003c\/h3\u003e\n        \u003cp\u003eZea Mays Starch — Effet matifiant, zéro sensation grasse au toucher\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cp-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. Sans huile de palme, sans plastique, non testé sur les animaux. Contient également de l'huile de tournesol bio (Helianthus Annuus Seed Oil) comme adoucissant.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"cp-section\"\u003e\n    \u003ch2\u003eComment utiliser cette crème solide au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"cp-timeline\"\u003e\n      \u003cdiv class=\"cp-timeline-item\"\u003e\n        \u003cdiv class=\"cp-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cp-timeline-content\"\u003e\n          \u003ch3\u003eFaites chauffer\u003c\/h3\u003e\n          \u003cp\u003ePrenez un peu de crème et faites-la chauffer entre vos paumes pour la ramollir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cp-timeline-item\"\u003e\n        \u003cdiv class=\"cp-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cp-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez\u003c\/h3\u003e\n          \u003cp\u003eÉtalez directement sur la zone concernée : visage, corps, mains, coudes, jambes ou lèvres.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cp-timeline-item\"\u003e\n        \u003cdiv class=\"cp-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cp-timeline-content\"\u003e\n          \u003ch3\u003eMassez\u003c\/h3\u003e\n          \u003cp\u003eMassez doucement jusqu'à absorption complète. La texture fond rapidement et ne laisse aucun effet gras.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cp-timeline-item\"\u003e\n        \u003cdiv class=\"cp-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cp-timeline-content\"\u003e\n          \u003ch3\u003eRenouvelez\u003c\/h3\u003e\n          \u003cp\u003eUtilisez-la en soin localisé sur une zone qui démange ou en crème hydratante quotidienne après la douche.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"cp-section\"\u003e\n    \u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n    \u003cdiv class=\"cp-accordion\"\u003e\n      \u003cdetails class=\"cp-accordion-item\"\u003e\n        \u003csummary class=\"cp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"cp-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le pot à température ambiante, à l'abri de la chaleur et de l'humidité. Durée de vie : \u003cstrong\u003e12 mois après ouverture\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cp-accordion-item\"\u003e\n        \u003csummary class=\"cp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"cp-accordion-content mt-3\"\u003e\n          \u003cp\u003eÉvitez le contact avec les yeux et ne l'appliquez pas sur une plaie ouverte.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cp-accordion-item\"\u003e\n        \u003csummary class=\"cp-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"cp-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit cosmétique ne remplace pas un avis ou un traitement médical, notamment en cas d'eczéma sévère ou d'urticaire persistant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"cp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eFabrication artisanale française et engagement éco-responsable\u003c\/h2\u003e\n    \u003cdiv class=\"cp-cta-box\"\u003e\n      \u003cp\u003eChaque crème est fabriquée \u003cstrong\u003eà la main près de Marseille\u003c\/strong\u003e, en petite série, et conditionnée dans un \u003cstrong\u003epot en kraft recyclable\u003c\/strong\u003e de 50 g. Comme Avant porte la mention \u003cstrong\u003eSlow Cosmétique\u003c\/strong\u003e, garantie d'un cosmétique sincère, sans marketing trompeur. Remplacez plusieurs tubes plastiques par un seul soin multi-usages, sain et durable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cp-cream: #f7f3ee;\n  --cp-white: #ffffff;\n  --cp-primary: #8b9e3c;\n  --cp-primary-dark: #5a6e1a;\n  --cp-primary-light: #f0f3e4;\n  --cp-secondary: #c4a96a;\n  --cp-accent: #a3b04d;\n  --cp-text: #1a1a1a;\n  --cp-text-light: #5a5a5a;\n  --cp-border: #e0ddd6;\n  --cp-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --cp-radius: 20px;\n  --cp-radius-sm: 12px;\n}\n\n.cp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5a6e1a 0%, #8b9e3c 50%, #c4a96a 100%);\n  border-radius: var(--cp-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(--cp-shadow-lg);\n}\n\n.cp-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n              url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  opacity: .05;\n}\n\n.cp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cp-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.cp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cp-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(--cp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cp-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.01em;\n}\n\n.cp-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(13px, 2.2vw, 16px);\n  margin: 0;\n  line-height: 1.6;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === SECTIONS === *\/\n.cp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cp-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.cp-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(--cp-primary), var(--cp-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.cp-card {\n  background: var(--cp-white);\n  border-radius: var(--cp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cp-shadow-lg);\n  border-color: var(--cp-primary);\n}\n\n.cp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cp-grid-compact .cp-card {\n  padding: 1rem;\n}\n\n.cp-grid-compact .cp-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cp-grid-compact .cp-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cp-primary), var(--cp-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.cp-timeline-content {\n  flex: 1;\n  background: var(--cp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cp-radius-sm);\n  box-shadow: var(--cp-shadow);\n}\n\n.cp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cp-timeline-content p {\n  font-size: 14px;\n  color: var(--cp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cp-testimonial {\n  background: var(--cp-white);\n  border-radius: var(--cp-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cp-shadow);\n  border-left: 4px solid var(--cp-primary);\n}\n\n.cp-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cp-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cp-accordion {\n  background: var(--cp-white);\n  border-radius: var(--cp-radius);\n  box-shadow: var(--cp-shadow);\n  overflow: hidden;\n}\n\n.cp-accordion-item {\n  border-bottom: 1px solid var(--cp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cp-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.cp-accordion-header:hover {\n  background: var(--cp-primary-light);\n}\n\n.cp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cp-primary);\n  transition: transform .2s ease;\n}\n\n.cp-accordion-item[open] .cp-accordion-header::after {\n  content: '−';\n}\n\n.cp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cp-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cp-primary-light);\n  border-radius: var(--cp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cp-tip p {\n  font-size: 14px;\n  color: var(--cp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cp-cta-box {\n  background: linear-gradient(135deg, var(--cp-primary) 0%, var(--cp-primary-dark) 100%);\n  border-radius: var(--cp-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.cp-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.cp-disclaimer {\n  font-size: 12px;\n  color: var(--cp-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cp-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .cp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cp-card {\n    padding: 1.125rem;\n  }\n\n  .cp-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cp-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cp-radius-sm);\n  }\n\n  .cp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cp-grid-compact {\n    gap: .625rem;\n  }\n\n  .cp-grid-compact .cp-card {\n    padding: .75rem;\n  }\n\n  .cp-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cp-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cp-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cp-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cp-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cp-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cp-card {\n    animation: cpFadeInUp .5s ease backwards;\n  }\n  .cp-card:nth-child(1) { animation-delay: .05s; }\n  .cp-card:nth-child(2) { animation-delay: .1s; }\n  .cp-card:nth-child(3) { animation-delay: .15s; }\n  .cp-card:nth-child(4) { animation-delay: .2s; }\n  .cp-card:nth-child(5) { animation-delay: .25s; }\n  .cp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cpFadeInUp {\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  .cp-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755190214813,"sku":"NBAICAV0056","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solide-au-macerat-de-plantain-anti-demangeaisons-comme-avant_recto_9_11zon.jpg?v=1759393514"},{"product_id":"creme-solide-au-beurre-de-karite-arnica-et-rose-bio-pot-kraft-50-g-comme-avant","title":"Crème Solide au macérât d'Arnica - Calme et apaise - 50 g - Comme avant","description":"\u003cp\u003eDécouvrez la \u003cstrong\u003eCrème solide au macérât d'Arnica de Comme avant\u003c\/strong\u003e, votre alliée idéale pour une peau douce et nourrie en profondeur. Cette crème solide est spécialement conçue pour répondre aux besoins des peaux sèches, sensibles et déshydratées. Fabriquée à partir d'ingrédients 100% naturels et certifiés bio, elle offre une solution écologique et efficace pour prendre soin de votre peau tout en respectant l'environnement.\u003c\/p\u003e\n\u003cp\u003eLe beurre de Karité est reconnu pour ses propriétés nourrissantes et régénérantes, l'arnica apporte ses vertus apaisantes et anti-inflammatoires, tandis que l'huile essentielle de rose est prisée pour ses effets relaxants et son parfum délicat. C'est un véritable concentré de bienfaits pour votre peau, dans un format pratique et économique.\u003c\/p\u003e\n\u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n\u003cp\u003eLa \u003cstrong\u003eCrème solide au beurre de Karité, arnica et rose BIO\u003c\/strong\u003e s'utilise facilement grâce à sa texture fondante. Il suffit de la faire chauffer légèrement entre vos mains pour qu'elle libère ses actifs nourrissants. Appliquez ensuite sur les zones à hydrater et massez délicatement jusqu'à absorption complète. Utilisée quotidiennement, cette crème vous assure une peau douce, souple et hydratée en profondeur.\u003c\/p\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003eCette crème solide se compose de \u003cstrong\u003equatre ingrédients naturels\u003c\/strong\u003e soigneusement sélectionnés :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eBeurre de Karité Bio : riche en vitamines A, D et E, il nourrit et régénère la peau.\u003c\/li\u003e\n\u003cli\u003eArnica Bio : connue pour ses propriétés anti-inflammatoires et apaisantes.\u003c\/li\u003e\n\u003cli\u003eHuile Essentielle de Rose Bio : apporte une sensation de bien-être et une odeur florale délicate.\u003c\/li\u003e\n\u003cli\u003eCire de Candelilla Bio : offre une texture solide et agréable à utiliser.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLa formulation simple et courte permet de réduire les risques d'allergies et de garantir une tolérance optimale pour toutes les peaux, même les plus sensibles.\u003c\/p\u003e\n\u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n\u003cp\u003eLa \u003cstrong\u003eCrème solide au beurre de Karité, arnica et rose BIO\u003c\/strong\u003e est fabriquée en France, dans le respect des normes environnementales les plus strictes. Chaque ingrédient est sélectionné avec soin pour sa qualité et son origine bio certifiée. Le pot en kraft de 50 g est une solution écologique qui limite les déchets et favorise le recyclage.\u003c\/p\u003e\n\u003cp\u003eOptez pour une routine beauté naturelle et responsable avec cette crème solide, un produit respectueux de votre peau et de la planète. Offrez-vous le luxe d'un soin authentique et efficace, pour une peau éclatante de santé et de beauté.\u003c\/p\u003e\n\u003cp\u003eCommandez dès maintenant la \u003cstrong\u003eCrème solide au beurre de Karité, arnica et rose BIO - en pot kraft 50 g - de Comme avant\u003c\/strong\u003e et découvrez tout le potentiel de la cosmétique naturelle made in France.\u003c\/p\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755190608029,"sku":"NBAICAV0055","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solide-macerat-arnica-comme-avant_11zon.jpg?v=1759485990"},{"product_id":"kajal-incolore-101-3-g-kajal-soultree","title":"Kajal Incolore 101 - Kajal Soultree","description":"\u003cdiv class=\"kj-premium\"\u003e\n  \u003cdiv class=\"kj-hero\"\u003e\n    \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"kj-hero-content\"\u003e\n      \u003cdiv class=\"kj-badges-top\"\u003e\n        \u003cspan class=\"kj-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n        \u003cspan class=\"kj-badge\"\u003e✨ Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"kj-badge\"\u003e🕉️ Ayurvédique\u003c\/span\u003e\n        \u003cspan class=\"kj-badge\"\u003e👁️ Yeux sensibles\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"kj-hero-title\"\u003eKajal Incolore 101 Soultree\u003c\/span\u003e\n      \u003cp class=\"kj-subtitle\"\u003eLe soin ayurvédique qui sublime votre regard\u003c\/p\u003e\n      \u003cp class=\"kj-description\"\u003eBien plus qu'un simple crayon eyeliner : un véritable rituel de beauté formulé à partir d'ingrédients 100% naturels et certifiés bio, pensé pour les yeux les plus sensibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003eUn kajal incolore aux multiples usages\u003c\/h2\u003e\n    \u003cp class=\"kj-section-intro\"\u003eContrairement au kajal noir classique ou au crayon kajal noir traditionnel (comme le célèbre lamar noir kajal), la version incolore 101 mise sur la transparence pour offrir un effet naturel et lumineux. Sa texture fondante glisse sur la peau sans tirer, idéale pour la muqueuse, le ras des cils ou le coin interne de l'œil.\u003c\/p\u003e\n    \u003cdiv class=\"kj-grid\"\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e💄 Base de maquillage\u003c\/h3\u003e\n        \u003cp\u003eAppliquez-le avant votre fard à paupières pour intensifier les pigments et prolonger la tenue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🌙 Soin du soir\u003c\/h3\u003e\n        \u003cp\u003eDéposez une fine couche autour des yeux pour apaiser les paupières fatiguées par les écrans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e✨ Finition lumineuse\u003c\/h3\u003e\n        \u003cp\u003eTracez un trait fin dans le coin interne pour un effet réveillé immédiat.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003eComposition 100 % naturelle et certifiée bio\u003c\/h2\u003e\n    \u003cp class=\"kj-section-intro\"\u003eChaque ingrédient a été sélectionné pour sa pureté et ses bienfaits sur la zone fragile du regard.\u003c\/p\u003e\n    \u003cdiv class=\"kj-grid\"\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🧈 Ghee bio\u003c\/h3\u003e\n        \u003cp\u003eBeurre clarifié qui hydrate intensément et adoucit la peau délicate du contour des yeux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🌰 Huile d'amande douce\u003c\/h3\u003e\n        \u003cp\u003eRiche en vitamine E, elle protège et nourrit la peau en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e❄️ Camphre\u003c\/h3\u003e\n        \u003cp\u003eRafraîchit, apaise les rougeurs et purifie l'œil naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🍯 Miel d'abeilles sauvages bio\u003c\/h3\u003e\n        \u003cp\u003eAux propriétés réparatrices et apaisantes pour un regard reposé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🐝 Cire d'abeille bio\u003c\/h3\u003e\n        \u003cp\u003eAssure la tenue parfaite et la texture onctueuse du stick.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🚫 Formule clean\u003c\/h3\u003e\n        \u003cp\u003eSans parabènes, sans silicones, sans colorants artificiels, sans métaux lourds.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kj-tip\"\u003e\n      \u003cspan class=\"kj-tip-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cp\u003eCe kajal est \u003cstrong\u003evegan-friendly\u003c\/strong\u003e (hors miel et cire), \u003cstrong\u003enon testé sur les animaux\u003c\/strong\u003e et \u003cstrong\u003ecertifié bio\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003eComment appliquer votre kajal incolore ?\u003c\/h2\u003e\n    \u003cp class=\"kj-section-intro\"\u003ePas besoin d'être expert(e) en tuto eyeliner crayon pour réussir votre application.\u003c\/p\u003e\n    \u003cdiv class=\"kj-timeline\"\u003e\n      \u003cdiv class=\"kj-timeline-item\"\u003e\n        \u003cdiv class=\"kj-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"kj-timeline-content\"\u003e\n          \u003ch3\u003eTracez votre ligne\u003c\/h3\u003e\n          \u003cp\u003eDessinez une ligne fine au ras des cils supérieurs ou inférieurs en partant de l'angle externe.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-timeline-item\"\u003e\n        \u003cdiv class=\"kj-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"kj-timeline-content\"\u003e\n          \u003ch3\u003eEstompez en douceur\u003c\/h3\u003e\n          \u003cp\u003ePour un fini naturel, lissez délicatement avec le doigt ou un pinceau biseauté.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-timeline-item\"\u003e\n        \u003cdiv class=\"kj-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"kj-timeline-content\"\u003e\n          \u003ch3\u003eTravaillez la muqueuse\u003c\/h3\u003e\n          \u003cp\u003eSur la muqueuse, déposez une légère pression pour transférer le produit en douceur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kj-tip\"\u003e\n      \u003cspan class=\"kj-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eBien qu'il ne soit pas un crayon eyeliner waterproof, sa formule à base de cires et de beurres végétaux offre une \u003cstrong\u003ebonne tenue tout au long de la journée\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003eUne tradition ayurvédique authentique\u003c\/h2\u003e\n    \u003cdiv class=\"kj-testimonial\"\u003e\n      \u003cp class=\"kj-testimonial-text\"\u003e\"Fabriqué en Inde selon les principes de l'Ayurveda, ce kajal s'inscrit dans une démarche éthique et durable. Soultree travaille directement avec des coopératives locales et privilégie des ingrédients issus de l'agriculture biologique indienne. Vous bénéficiez ainsi d'un produit ancestral, sublimé par un savoir-faire millénaire.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce kajal ?\u003c\/h2\u003e\n    \u003cdiv class=\"kj-grid-compact\"\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e👁️ Yeux sensibles\u003c\/h3\u003e\n        \u003cp\u003ePour les yeux secs ou irrités par les lentilles et les écrans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🌿 Alternative douce\u003c\/h3\u003e\n        \u003cp\u003eUne option naturelle au kajal lamar noir traditionnel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e✨ Maquillage minimaliste\u003c\/h3\u003e\n        \u003cp\u003ePour les amateurs de beauté discrète et lumineuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🍃 Clean beauty\u003c\/h3\u003e\n        \u003cp\u003ePour celles et ceux engagés dans une routine naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"kj-disclaimer\"\u003eCe produit est un cosmétique et ne remplace en aucun cas un avis ou un traitement médical. En cas d'irritation persistante, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"kj-cta-box\"\u003e\n      \u003cp\u003eHésitant(e) sur la teinte idéale ? Testez notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree#quiz-kajal\" style=\"color:#fff;text-decoration:underline;font-weight:800;\"\u003equiz interactif\u003c\/a\u003e et obtenez en deux minutes une recommandation personnalisée parmi toute la gamme Kajal Soultree.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  :root {\n    --kj-cream: #faf6f1;\n    --kj-white: #ffffff;\n    --kj-primary: #c9974a;\n    --kj-primary-dark: #4a2e1f;\n    --kj-primary-light: #f5ebdc;\n    --kj-secondary: #d4a574;\n    --kj-accent: #8b5a2b;\n    --kj-text: #2a1810;\n    --kj-text-light: #6b5544;\n    --kj-border: #e8dcc8;\n    --kj-shadow: 0 4px 24px rgba(74,46,31,.08);\n    --kj-shadow-lg: 0 12px 48px rgba(74,46,31,.18);\n    --kj-radius: 20px;\n    --kj-radius-sm: 12px;\n  }\n\n  .kj-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--kj-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--kj-text);\n  }\n\n  .kj-hero {\n    position: relative;\n    background: linear-gradient(135deg, #4a2e1f 0%, #6b3f25 50%, #c9974a 100%);\n    border-radius: var(--kj-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(--kj-shadow-lg);\n  }\n\n  .kj-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(circle at 20% 30%, rgba(212,165,116,.4) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(201,151,74,.3) 0%, transparent 50%);\n    opacity: .4;\n  }\n\n  .kj-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .kj-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(28px, 7vw, 52px);\n    font-weight: 900;\n    margin: 0 0 1rem 0;\n    letter-spacing: -.04em;\n    text-shadow: 0 4px 20px rgba(0,0,0,.3);\n  }\n\n  .kj-subtitle {\n    color: #f5ebdc;\n    font-size: clamp(16px, 3vw, 22px);\n    font-weight: 600;\n    margin: 0 0 1.25rem 0;\n    font-style: italic;\n  }\n\n  .kj-description {\n    color: rgba(255,255,255,.95);\n    font-size: clamp(14px, 2.2vw, 16px);\n    line-height: 1.7;\n    max-width: 680px;\n    margin: 0 auto;\n  }\n\n  .kj-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .kj-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(--kj-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .kj-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  .kj-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .kj-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--kj-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  .kj-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(--kj-primary), var(--kj-secondary));\n    border-radius: 2px;\n  }\n\n  .kj-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--kj-text-light);\n    margin-bottom: 1.5rem;\n    max-width: 720px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.7;\n  }\n\n  .kj-card {\n    background: var(--kj-white);\n    border-radius: var(--kj-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--kj-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .kj-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--kj-shadow-lg);\n    border-color: var(--kj-primary);\n  }\n\n  .kj-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--kj-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .kj-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--kj-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .kj-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .kj-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .kj-grid-compact .kj-card {\n    padding: 1rem;\n  }\n\n  .kj-grid-compact .kj-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .kj-grid-compact .kj-card p {\n    font-size: 12px;\n  }\n\n  .kj-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  .kj-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .kj-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--kj-primary), var(--kj-accent));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 16px;\n    box-shadow: 0 4px 12px rgba(201,151,74,.3);\n  }\n\n  .kj-timeline-content {\n    flex: 1;\n    background: var(--kj-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--kj-radius-sm);\n    box-shadow: var(--kj-shadow);\n  }\n\n  .kj-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--kj-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .kj-timeline-content p {\n    font-size: 14px;\n    color: var(--kj-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .kj-testimonial {\n    background: var(--kj-white);\n    border-radius: var(--kj-radius);\n    padding: clamp(1.5rem, 4vw, 2.5rem);\n    box-shadow: var(--kj-shadow);\n    border-left: 4px solid var(--kj-primary);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  .kj-testimonial-text {\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--kj-text);\n    line-height: 1.8;\n    font-style: italic;\n    margin: 0;\n  }\n\n  .kj-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--kj-primary-light);\n    border-radius: var(--kj-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.25rem;\n    border-left: 3px solid var(--kj-primary);\n  }\n\n  .kj-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .kj-tip p {\n    font-size: 14px;\n    color: var(--kj-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .kj-cta-box {\n    background: linear-gradient(135deg, var(--kj-primary-dark) 0%, var(--kj-accent) 50%, var(--kj-primary) 100%);\n    border-radius: var(--kj-radius);\n    padding: clamp(1.75rem, 4vw, 3rem);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--kj-shadow-lg);\n  }\n\n  .kj-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,.15);\n    margin: 0;\n    position: relative;\n    z-index: 1;\n  }\n\n  .kj-disclaimer {\n    font-size: 12px;\n    color: var(--kj-text-light);\n    text-align: center;\n    margin-top: 1rem;\n    font-style: italic;\n    max-width: 700px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  @media (max-width: 767px) {\n    .kj-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n    .kj-card {\n      padding: 1.125rem;\n    }\n    .kj-section {\n      margin-bottom: 1.75rem;\n    }\n    .kj-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--kj-radius-sm);\n    }\n    .kj-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n    .kj-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n    .kj-grid-compact {\n      gap: .625rem;\n    }\n    .kj-grid-compact .kj-card {\n      padding: .75rem;\n    }\n    .kj-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n    .kj-timeline-content {\n      padding: .875rem 1rem;\n    }\n    .kj-timeline-content h3 {\n      font-size: 14px;\n    }\n    .kj-timeline-content p {\n      font-size: 13px;\n    }\n    .kj-testimonial {\n      padding: 1.25rem;\n    }\n    .kj-testimonial-text {\n      font-size: 14px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .kj-card {\n      animation: kjFadeInUp .5s ease backwards;\n    }\n    .kj-card:nth-child(1) { animation-delay: .05s; }\n    .kj-card:nth-child(2) { animation-delay: .1s; }\n    .kj-card:nth-child(3) { animation-delay: .15s; }\n    .kj-card:nth-child(4) { animation-delay: .2s; }\n    .kj-card:nth-child(5) { animation-delay: .25s; }\n    .kj-card:nth-child(6) { animation-delay: .3s; }\n  }\n\n  @keyframes kjFadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .kj-premium * {\n      animation-duration: 0.01ms !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755190804637,"sku":"38641023","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal_incolore_1_34488500-74c6-4ea4-8136-13dfc404c477-821993.jpg?v=1732721177"},{"product_id":"kajal-noir-assam-cold-021-3-g-kajal-soultree","title":"Kajal Noir Assam Cold 021 - Kajal Soultree","description":"\u003cdiv class=\"kj-premium\"\u003e\n  \u003cdiv class=\"kj-hero\"\u003e\n    \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"kj-hero-content\"\u003e\n      \u003cdiv class=\"kj-badges-top\"\u003e\n        \u003cspan class=\"kj-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e\n        \u003cspan class=\"kj-badge\"\u003e🕉️ Ayurvédique\u003c\/span\u003e\n        \u003cspan class=\"kj-badge\"\u003e🐰 Cruelty-free\u003c\/span\u003e\n        \u003cspan class=\"kj-badge\"\u003e✨ Noir intense\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"kj-hero-title\"\u003eKajal Noir Assam Cold 021\u003c\/span\u003e\n      \u003cp class=\"kj-subtitle\"\u003eKhôl ayurvédique bio – Soultree\u003c\/p\u003e\n      \u003cp class=\"kj-description\"\u003eLa rencontre entre la tradition ayurvédique indienne et la cosmétique naturelle moderne. Un trait profond, soyeux et lumineux qui sublime le regard tout en respectant la sensibilité du contour de l'œil.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Kajal Noir Assam Cold 021 ?\u003c\/h2\u003e\n    \u003cp class=\"kj-section-intro\"\u003eInspiré des rituels de beauté ancestraux, ce khôl kajal noir se distingue par sa texture fondante et sa pigmentation immédiate. Il ne dessèche pas la paupière et glisse sans tirer sur la peau délicate du contour de l'œil.\u003c\/p\u003e\n    \u003cdiv class=\"kj-grid\"\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🖤 Noir intense\u003c\/h3\u003e\n        \u003cp\u003eUne couleur profonde et durable grâce au charbon activé naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e💧 Texture crémeuse\u003c\/h3\u003e\n        \u003cp\u003eSe travaille facilement, du trait précis au regard smoky envoûtant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e❄️ Effet rafraîchissant\u003c\/h3\u003e\n        \u003cp\u003eLe camphre naturel apaise et soulage les yeux fatigués.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🌱 Formule bio certifiée\u003c\/h3\u003e\n        \u003cp\u003eSans parabènes, sans silicones et non testée sur les animaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003eComposition : la pureté des ingrédients ayurvédiques\u003c\/h2\u003e\n    \u003cp class=\"kj-section-intro\"\u003eChaque ingrédient du kajal Soultree a été choisi pour ses bienfaits sur la peau fragile du contour des yeux.\u003c\/p\u003e\n    \u003cdiv class=\"kj-grid\"\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🧈 Ghee bio\u003c\/h3\u003e\n        \u003cp\u003eBeurre clarifié qui nourrit et hydrate intensément la peau délicate.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🌰 Huile d'amande douce bio\u003c\/h3\u003e\n        \u003cp\u003eAdoucit et protège la peau sensible du contour de l'œil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n        \u003cp\u003eAssure la tenue et la souplesse de la mine pour une application fluide.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e⚫ Charbon activé\u003c\/h3\u003e\n        \u003cp\u003eOffre un noir profond et une longue tenue tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🍃 Camphre naturel\u003c\/h3\u003e\n        \u003cp\u003eEffet apaisant et rafraîchissant immédiat sur les yeux fatigués.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🚫 Sans synthétiques\u003c\/h3\u003e\n        \u003cp\u003eAucun colorant synthétique, aucun conservateur agressif. Une formule clean et minimaliste.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003eComment appliquer votre kajal noir ?\u003c\/h2\u003e\n    \u003cp class=\"kj-section-intro\"\u003ePour profiter pleinement de votre crayon noir kajal, voici quelques gestes simples à adopter.\u003c\/p\u003e\n    \u003cdiv class=\"kj-timeline\"\u003e\n      \u003cdiv class=\"kj-timeline-item\"\u003e\n        \u003cdiv class=\"kj-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"kj-timeline-content\"\u003e\n          \u003ch3\u003eLe trait classique\u003c\/h3\u003e\n          \u003cp\u003eAppliquez le long de la ligne des cils ou sur la ligne d'eau pour un trait net et précis.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-timeline-item\"\u003e\n        \u003cdiv class=\"kj-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"kj-timeline-content\"\u003e\n          \u003ch3\u003eLe regard dramatique\u003c\/h3\u003e\n          \u003cp\u003eÉtirez légèrement vers l'extérieur pour un effet eyeliner qui intensifie le regard.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-timeline-item\"\u003e\n        \u003cdiv class=\"kj-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"kj-timeline-content\"\u003e\n          \u003ch3\u003eL'effet smoky eye\u003c\/h3\u003e\n          \u003cp\u003eEstompez avec un pinceau biseauté pour créer un regard envoûtant et sensuel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-timeline-item\"\u003e\n        \u003cdiv class=\"kj-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"kj-timeline-content\"\u003e\n          \u003ch3\u003eLa retouche\u003c\/h3\u003e\n          \u003cp\u003eRéappliquez en cours de journée pour raviver l'intensité du noir et prolonger la tenue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kj-tip\"\u003e\n      \u003cspan class=\"kj-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e réchauffez légèrement la pointe entre vos doigts avant l'application, la texture devient encore plus fondante et glissante.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003eUne fabrication artisanale et engagée\u003c\/h2\u003e\n    \u003cp class=\"kj-section-intro\"\u003eFabriqué en Inde selon les principes de l'Ayurvéda, le Kajal Noir Assam Cold 021 est issu de l'agriculture biologique et certifié par des organismes indépendants.\u003c\/p\u003e\n    \u003cdiv class=\"kj-grid-compact\"\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🇮🇳 Origine Inde\u003c\/h3\u003e\n        \u003cp\u003eFabrication selon les rituels ancestraux ayurvédiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🌾 Agriculture bio\u003c\/h3\u003e\n        \u003cp\u003eIngrédients certifiés par des organismes indépendants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🤝 Production équitable\u003c\/h3\u003e\n        \u003cp\u003eUne démarche éthique et respectueuse des artisans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🐇 Sans tests animaux\u003c\/h3\u003e\n        \u003cp\u003eCosmétique cruelty-free, respectueuse du vivant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003eAvis et conseils pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"kj-testimonial\"\u003e\n      \u003cp class=\"kj-testimonial-text\"\u003e\"Les utilisatrices apprécient particulièrement la tenue longue durée sans effet desséchant et le confort sur les yeux sensibles, y compris pour les porteuses de lentilles. Un kajal qui sublime le regard sans jamais agresser la peau fragile du contour de l'œil.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kj-accordion\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdetails class=\"kj-accordion-item\"\u003e\n        \u003csummary class=\"kj-accordion-header\"\u003e👁️ Compatible lentilles\u003c\/summary\u003e\n        \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n          \u003cp\u003eSa formule douce et naturelle est appréciée des porteuses de lentilles de contact. Le confort reste optimal toute la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"kj-accordion-item\"\u003e\n        \u003csummary class=\"kj-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de gêne ou de réaction, cessez l'utilisation et consultez un professionnel de santé. Ce produit cosmétique n'a pas vocation thérapeutique et ne remplace en aucun cas un avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"kj-accordion-item\"\u003e\n        \u003csummary class=\"kj-accordion-header\"\u003e🎨 Choisir sa teinte\u003c\/summary\u003e\n        \u003cdiv class=\"kj-accordion-content mt-3\"\u003e\n          \u003cp\u003eVous hésitez entre plusieurs teintes ? Découvrez notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree#quiz-kajal\"\u003e\u003cstrong\u003equiz interactif\u003c\/strong\u003e\u003c\/a\u003e pour trouver la couleur idéale selon votre style, ou explorez l'ensemble de la \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree\" title=\"kajal soultree\"\u003e\u003cstrong\u003ecollection Kajal Soultree\u003c\/strong\u003e\u003c\/a\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"kj-cta-box\"\u003e\n      \u003cp\u003eAvec le Kajal Noir Assam Cold 021, offrez à votre regard la profondeur d'un noir authentique et la douceur d'une formule 100 % naturelle. Un indispensable beauté à glisser dans toutes les trousses. ✨\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  :root {\n    --kj-cream: #faf6f1;\n    --kj-white: #ffffff;\n    --kj-primary: #4a2818;\n    --kj-primary-dark: #2d1810;\n    --kj-primary-light: #f5ede4;\n    --kj-secondary: #c9a06b;\n    --kj-accent: #d4af7a;\n    --kj-text: #1a1a1a;\n    --kj-text-light: #6b5a4d;\n    --kj-border: #e8ddd0;\n    --kj-shadow: 0 4px 24px rgba(74, 40, 24, 0.08);\n    --kj-shadow-lg: 0 12px 48px rgba(74, 40, 24, 0.18);\n    --kj-radius: 20px;\n    --kj-radius-sm: 12px;\n  }\n\n  .kj-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--kj-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--kj-text);\n  }\n\n  .kj-hero {\n    position: relative;\n    background: linear-gradient(135deg, #2d1810 0%, #4a2818 50%, #6b3a24 100%);\n    border-radius: var(--kj-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(--kj-shadow-lg);\n  }\n\n  .kj-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(circle at 20% 30%, var(--kj-secondary) 0%, transparent 40%),\n                      radial-gradient(circle at 80% 70%, var(--kj-accent) 0%, transparent 40%);\n    opacity: .15;\n  }\n\n  .kj-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .kj-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(28px, 7vw, 52px);\n    font-weight: 900;\n    margin: 0 0 1rem 0;\n    letter-spacing: -.04em;\n    text-shadow: 0 4px 20px rgba(0,0,0,.3);\n  }\n\n  .kj-subtitle {\n    color: var(--kj-secondary);\n    font-size: clamp(15px, 2.5vw, 19px);\n    font-weight: 700;\n    margin: 0 0 1.25rem 0;\n    letter-spacing: .05em;\n    text-transform: uppercase;\n  }\n\n  .kj-description {\n    color: rgba(255,255,255,.92);\n    font-size: clamp(14px, 2.3vw, 17px);\n    line-height: 1.7;\n    max-width: 680px;\n    margin: 0 auto;\n  }\n\n  .kj-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .kj-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(--kj-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.15);\n    transition: all .3s ease;\n  }\n\n  .kj-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  .kj-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .kj-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--kj-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  .kj-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(--kj-primary), var(--kj-secondary));\n    border-radius: 2px;\n  }\n\n  .kj-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--kj-text-light);\n    margin-bottom: 1.75rem;\n    max-width: 700px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.7;\n  }\n\n  .kj-card {\n    background: var(--kj-white);\n    border-radius: var(--kj-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--kj-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .kj-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--kj-shadow-lg);\n    border-color: var(--kj-secondary);\n  }\n\n  .kj-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--kj-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .kj-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--kj-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .kj-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .kj-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .kj-grid-compact .kj-card {\n    padding: 1rem;\n  }\n\n  .kj-grid-compact .kj-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .kj-grid-compact .kj-card p {\n    font-size: 12px;\n  }\n\n  .kj-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .kj-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .kj-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--kj-primary), var(--kj-secondary));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 16px;\n    box-shadow: 0 4px 12px rgba(74, 40, 24, 0.25);\n  }\n\n  .kj-timeline-content {\n    flex: 1;\n    background: var(--kj-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--kj-radius-sm);\n    box-shadow: var(--kj-shadow);\n  }\n\n  .kj-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--kj-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .kj-timeline-content p {\n    font-size: 14px;\n    color: var(--kj-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .kj-testimonial {\n    background: var(--kj-white);\n    border-radius: var(--kj-radius);\n    padding: clamp(1.5rem, 4vw, 2.5rem);\n    box-shadow: var(--kj-shadow);\n    border-left: 4px solid var(--kj-secondary);\n  }\n\n  .kj-testimonial-text {\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--kj-text);\n    line-height: 1.8;\n    font-style: italic;\n    margin: 0;\n  }\n\n  .kj-accordion {\n    background: var(--kj-white);\n    border-radius: var(--kj-radius);\n    box-shadow: var(--kj-shadow);\n    overflow: hidden;\n  }\n\n  .kj-accordion-item {\n    border-bottom: 1px solid var(--kj-border);\n    margin: 0;\n    padding: 0;\n  }\n\n  .kj-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .kj-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--kj-primary-dark);\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    list-style: none;\n    transition: background .2s ease;\n  }\n\n  .kj-accordion-header:hover {\n    background: var(--kj-primary-light);\n  }\n\n  .kj-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .kj-accordion-header::after {\n    content: '+';\n    font-size: 22px;\n    font-weight: 400;\n    color: var(--kj-secondary);\n    transition: transform .2s ease;\n  }\n\n  .kj-accordion-item[open] .kj-accordion-header::after {\n    content: '−';\n  }\n\n  .kj-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--kj-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .kj-accordion-content p {\n    margin: 0;\n  }\n\n  .kj-accordion-content a {\n    color: var(--kj-primary);\n    text-decoration: underline;\n  }\n\n  .kj-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--kj-primary-light);\n    border-radius: var(--kj-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.5rem;\n    border-left: 3px solid var(--kj-secondary);\n  }\n\n  .kj-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .kj-tip p {\n    font-size: 14px;\n    color: var(--kj-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .kj-cta-box {\n    background: linear-gradient(135deg, var(--kj-primary) 0%, var(--kj-primary-dark) 100%);\n    border-radius: var(--kj-radius);\n    padding: clamp(1.75rem, 4vw, 3rem);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--kj-shadow-lg);\n  }\n\n  .kj-cta-box::before {\n    content: '';\n    position: absolute;\n    top: -50%; left: -50%;\n    width: 200%; height: 200%;\n    background: radial-gradient(circle, var(--kj-secondary) 0%, transparent 60%);\n    opacity: .12;\n  }\n\n  .kj-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,.2);\n    margin: 0;\n    position: relative;\n    z-index: 1;\n  }\n\n  @media (max-width: 767px) {\n    .kj-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n    .kj-card {\n      padding: 1.125rem;\n    }\n    .kj-section {\n      margin-bottom: 1.75rem;\n    }\n    .kj-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--kj-radius-sm);\n    }\n    .kj-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n    .kj-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n    .kj-grid-compact {\n      gap: .625rem;\n    }\n    .kj-grid-compact .kj-card {\n      padding: .75rem;\n    }\n    .kj-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n    .kj-timeline-content {\n      padding: .875rem 1rem;\n    }\n    .kj-timeline-content h3 {\n      font-size: 14px;\n    }\n    .kj-timeline-content p {\n      font-size: 13px;\n    }\n    .kj-accordion-header {\n      padding: .875rem 1rem;\n      font-size: 14px;\n    }\n    .kj-accordion-content {\n      padding: 0 1rem .875rem;\n      font-size: 13px;\n    }\n    .kj-testimonial {\n      padding: 1.25rem;\n    }\n    .kj-testimonial-text {\n      font-size: 14px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .kj-card {\n      animation: kjFadeInUp .5s ease backwards;\n    }\n    .kj-card:nth-child(1) { animation-delay: .05s; }\n    .kj-card:nth-child(2) { animation-delay: .1s; }\n    .kj-card:nth-child(3) { animation-delay: .15s; }\n    .kj-card:nth-child(4) { animation-delay: .2s; }\n    .kj-card:nth-child(5) { animation-delay: .25s; }\n    .kj-card:nth-child(6) { animation-delay: .3s; }\n  }\n\n  @keyframes kjFadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .kj-premium * {\n      animation-duration: 0.01ms !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755191099549,"sku":"38641021","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal_noir_assam_cold_021-404510.jpg?v=1732721178"},{"product_id":"kajal-violet-bainganee-012-3-g-kajal-soultree","title":"Kajal Violet Bainganee 012 - Kajal Soultree","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Kajal Violet Bainganee 012 - Soultree\nPalette détectée:\n  - Primaire: #5D3A6E (violet profond du produit)\n  - Secondaire: #8B4513 (marron chocolat du packaging)\n  - Accent: #D4A574 (or\/cuivre du corps du kajal)\n  - Fond: #F9F6F2 (crème naturel)\nAmbiance: Luxe ayurvédique, naturel\/bio, féminin sophistiqué, indien traditionnel\nPréfixe CSS: kj\n--\u003e\n\n\u003cdiv class=\"kj-premium\"\u003e\n  \n  \u003cdiv class=\"kj-hero\"\u003e\n    \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"kj-hero-content\"\u003e\n      \u003cdiv class=\"kj-badges-top\"\u003e\n        \u003cspan class=\"kj-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n        \u003cspan class=\"kj-badge\"\u003e✨ Ayurvédique\u003c\/span\u003e\n        \u003cspan class=\"kj-badge\"\u003e🐰 Cruelty-free\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"kj-hero-title\"\u003eKajal Violet Bainganee\u003c\/span\u003e\n      \u003cp class=\"kj-subtitle\"\u003eL'intensité du violet, la sagesse de l'ayurveda\u003c\/p\u003e\n      \u003cp class=\"kj-description\"\u003eUn kajal violet vibrant qui sublime votre regard tout en nourrissant et protégeant vos yeux grâce à sa formulation ancestrale indienne.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003e✨ Pourquoi vous allez l'adorer\u003c\/h2\u003e\n    \u003cdiv class=\"kj-grid\"\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e💜 Couleur intense\u003c\/h3\u003e\n        \u003cp\u003eUn violet profond et vibrant qui captive le regard et tient toute la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🌱 100% naturel \u0026amp; bio\u003c\/h3\u003e\n        \u003cp\u003eFormulé uniquement avec des ingrédients d'origine végétale, certifiés biologiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e👁️ Yeux sensibles\u003c\/h3\u003e\n        \u003cp\u003eConvient parfaitement aux yeux sensibles et aux porteurs de lentilles de contact.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🎨 Multi-usage\u003c\/h3\u003e\n        \u003cp\u003eUtilisez-le comme kajal, eyeliner ou fard à paupières pour un effet smoky irrésistible.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🧴 Texture crémeuse\u003c\/h3\u003e\n        \u003cp\u003eApplication facile et glisse parfaitement sans tirer ni irriter la peau délicate.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🐰 Éthique \u0026amp; responsable\u003c\/h3\u003e\n        \u003cp\u003eNon testé sur les animaux, fabrication respectueuse de l'environnement en Inde.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003e🌿 Ingrédients précieux\u003c\/h2\u003e\n    \u003cdiv class=\"kj-grid\"\u003e\n      \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n        \u003ch3\u003e🌰 Huile de ricin\u003c\/h3\u003e\n        \u003cp\u003eNourrit et protège les cils, favorise leur croissance naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n        \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n        \u003cp\u003eProcure une texture crémeuse et hydratante, tenue longue durée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n        \u003ch3\u003e🥜 Amandes douces\u003c\/h3\u003e\n        \u003cp\u003eRiches en vitamines, apaisent et nourrissent la peau délicate des paupières.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n        \u003ch3\u003e❄️ Camphre\u003c\/h3\u003e\n        \u003cp\u003eSensation rafraîchissante, favorise une bonne circulation sanguine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n        \u003ch3\u003e🌸 Ashwagandha\u003c\/h3\u003e\n        \u003cp\u003eApaisant et protecteur, idéal pour les yeux les plus sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card kj-card-ingredient\"\u003e\n        \u003ch3\u003e🎨 Pigments naturels\u003c\/h3\u003e\n        \u003cp\u003eColorants d'origine végétale pour un violet intense et vibrant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003e💫 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"kj-grid-compact\"\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e👩 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eFormule douce et naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e👓 Porteurs de lentilles\u003c\/h3\u003e\n        \u003cp\u003eCompatible et sans irritation\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🌿 Adeptes du bio\u003c\/h3\u003e\n        \u003cp\u003eIngrédients certifiés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e✨ Looks audacieux\u003c\/h3\u003e\n        \u003cp\u003eCouleur vibrante et unique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"kj-steps\"\u003e\n      \u003cdiv class=\"kj-step\"\u003e\n        \u003cdiv class=\"kj-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"kj-step-content\"\u003e\n          \u003ch3\u003eApplication classique\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur la ligne intérieure et\/ou extérieure de vos yeux pour un regard captivant et profond.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-step\"\u003e\n        \u003cdiv class=\"kj-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"kj-step-content\"\u003e\n          \u003ch3\u003eEffet smoky\u003c\/h3\u003e\n          \u003cp\u003eÉtalez délicatement la couleur sur la paupière avec un pinceau ou votre doigt pour un fard à paupières sophistiqué.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-step\"\u003e\n        \u003cdiv class=\"kj-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"kj-step-content\"\u003e\n          \u003ch3\u003eTrait d'eyeliner\u003c\/h3\u003e\n          \u003cp\u003eTracez une ligne précise le long des cils supérieurs pour définir votre regard avec élégance.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"kj-accordion\"\u003e\n      \u003cdetails class=\"kj-accordion-item\"\u003e\n        \u003csummary class=\"kj-accordion-header\"\u003e🏭 Origine \u0026amp; fabrication\u003c\/summary\u003e\n        \u003cdiv class=\"kj-accordion-content\"\u003e\n          \u003cp\u003eFabriqué par Soultree en Inde, une marque réputée pour ses produits de beauté bios respectant les principes de l'ayurveda. Ingrédients biologiques certifiés et procédés de fabrication respectueux de l'environnement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"kj-accordion-item\"\u003e\n        \u003csummary class=\"kj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"kj-accordion-content\"\u003e\n          \u003cp\u003eConservez votre kajal à l'abri de la chaleur et de l'humidité. Refermez bien le capuchon après chaque utilisation pour préserver la texture crémeuse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"kj-accordion-item\"\u003e\n        \u003csummary class=\"kj-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n        \u003cdiv class=\"kj-accordion-content\"\u003e\n          \u003cp\u003eUsage externe uniquement. En cas d'irritation, cessez l'utilisation. Évitez le contact direct avec l'intérieur de l'œil en cas de sensibilité extrême.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"kj-cta-box\"\u003e\n      \u003cp\u003e🔮 Envie de trouver LA couleur parfaite pour vous ?\u003cbr\u003eRépondez à notre \u003cstrong\u003equiz en ligne\u003c\/strong\u003e et découvrez en 2 minutes le kajal qui révélera votre regard !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --kj-cream: #F9F6F2;\n  --kj-white: #ffffff;\n  --kj-primary: #5D3A6E;\n  --kj-primary-dark: #3D2549;\n  --kj-primary-light: #F3EEF5;\n  --kj-secondary: #8B4513;\n  --kj-accent: #D4A574;\n  --kj-text: #1a1a1a;\n  --kj-text-light: #5a5a5a;\n  --kj-border: #e0e0e0;\n  --kj-shadow: 0 4px 24px rgba(93,58,110,.08);\n  --kj-shadow-lg: 0 12px 48px rgba(93,58,110,.15);\n  --kj-radius: 20px;\n  --kj-radius-sm: 12px;\n}\n\n.kj-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--kj-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.kj-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5D3A6E 0%, #8B4513 50%, #D4A574 100%);\n  border-radius: var(--kj-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(--kj-shadow-lg);\n}\n\n.kj-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%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M30 30c0-11.046 8.954-20 20-20s20 8.954 20 20-8.954 20-20 20-20-8.954-20-20zm0 0c0 11.046-8.954 20-20 20S-10 41.046-10 30s8.954-20 20-20 20 8.954 20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  opacity: .15;\n}\n\n.kj-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.kj-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n  margin-bottom: 1.5rem;\n}\n\n.kj-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(--kj-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.kj-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.kj-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.kj-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.kj-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.kj-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kj-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--kj-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.kj-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(--kj-primary), var(--kj-accent));\n  border-radius: 2px;\n}\n\n.kj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.kj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.kj-card {\n  background: var(--kj-white);\n  border-radius: var(--kj-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kj-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.kj-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kj-shadow-lg);\n  border-color: var(--kj-primary);\n}\n\n.kj-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kj-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.kj-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.kj-grid-compact .kj-card {\n  padding: 1rem;\n}\n\n.kj-grid-compact .kj-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.kj-grid-compact .kj-card p {\n  font-size: 12px;\n}\n\n.kj-card-ingredient {\n  background: linear-gradient(135deg, var(--kj-white) 0%, var(--kj-primary-light) 100%);\n}\n\n.kj-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.kj-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.25rem;\n  background: var(--kj-white);\n  border-radius: var(--kj-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--kj-shadow);\n  transition: all .3s ease;\n}\n\n.kj-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--kj-shadow-lg);\n}\n\n.kj-step-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--kj-primary), var(--kj-secondary));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  box-shadow: 0 4px 16px rgba(93,58,110,.3);\n}\n\n.kj-step-content h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kj-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.kj-step-content p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kj-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.kj-accordion {\n  background: var(--kj-white);\n  border-radius: var(--kj-radius);\n  box-shadow: var(--kj-shadow);\n  overflow: hidden;\n}\n\n.kj-accordion-item {\n  border-bottom: 1px solid var(--kj-border);\n  margin: 0;\n  padding: 0;\n}\n\n.kj-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.kj-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--kj-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.kj-accordion-header:hover {\n  background: var(--kj-primary-light);\n}\n\n.kj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.kj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--kj-primary);\n  transition: transform .2s ease;\n}\n\n.kj-accordion-item[open] .kj-accordion-header::after {\n  content: '−';\n}\n\n.kj-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--kj-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.kj-accordion-content p {\n  margin: 0;\n}\n\n.kj-cta-box {\n  background: linear-gradient(135deg, var(--kj-primary) 0%, var(--kj-primary-dark) 100%);\n  border-radius: var(--kj-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.kj-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: radial-gradient(circle, rgba(212,165,116,.2) 0%, transparent 60%);\n  animation: pulse 4s ease-in-out infinite;\n}\n\n.kj-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n@keyframes pulse {\n  0%, 100% { transform: scale(1); opacity: .5; }\n  50% { transform: scale(1.1); opacity: .8; }\n}\n\n@media (max-width: 767px) {\n  .kj-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .kj-grid-compact {\n    gap: .625rem;\n  }\n  \n  .kj-grid-compact .kj-card {\n    padding: .75rem;\n  }\n  \n  .kj-card {\n    padding: 1.125rem;\n  }\n  \n  .kj-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .kj-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--kj-radius-sm);\n  }\n  \n  .kj-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .kj-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .kj-step {\n    padding: 1rem;\n    gap: 1rem;\n  }\n  \n  .kj-step-number {\n    width: 40px;\n    height: 40px;\n    font-size: 16px;\n  }\n  \n  .kj-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .kj-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .kj-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .kj-card:nth-child(1) { animation-delay: .05s; }\n  .kj-card:nth-child(2) { animation-delay: .1s; }\n  .kj-card:nth-child(3) { animation-delay: .15s; }\n  .kj-card:nth-child(4) { animation-delay: .2s; }\n  .kj-card:nth-child(5) { animation-delay: .25s; }\n  .kj-card:nth-child(6) { animation-delay: .3s; }\n  \n  .kj-step {\n    animation: fadeInLeft .5s ease backwards;\n  }\n  .kj-step:nth-child(1) { animation-delay: .1s; }\n  .kj-step:nth-child(2) { animation-delay: .2s; }\n  .kj-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n  from { opacity: 0; transform: translateX(-20px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .kj-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755191492765,"sku":"38641020","price":13.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal_violet_bainganee-452182.jpg?v=1732721157"},{"product_id":"kajal-noir-assam-011-3-g-kajal-soultree","title":"Kajal Noir Assam 011 - Kajal Soultree","description":"\u003cdiv class=\"kj-premium\"\u003e\n  \u003cdiv class=\"kj-hero\"\u003e\n    \u003cdiv class=\"kj-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"kj-hero-content\"\u003e\n      \u003cdiv class=\"kj-badges-top\"\u003e\n        \u003cspan class=\"kj-badge\"\u003e🌿 100% Naturel \u0026amp; Bio\u003c\/span\u003e\n        \u003cspan class=\"kj-badge\"\u003e🐰 Cruelty-Free\u003c\/span\u003e\n        \u003cspan class=\"kj-badge\"\u003e✨ Ayurvédique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"kj-hero-title\"\u003eKajal Noir Assam 011\u003c\/span\u003e\n      \u003cp class=\"kj-subtitle\"\u003eL'art du regard envoûtant signé Soultree\u003c\/p\u003e\n      \u003cp class=\"kj-description\"\u003eOffrez à votre regard toute la profondeur d'un noir authentique. Inspiré des traditions ayurvédiques millénaires, ce crayon kajal 100% naturel sublime vos yeux tout en prenant soin de la peau délicate de vos paupières.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Kajal Noir Assam 011 ?\u003c\/h2\u003e\n    \u003cp class=\"kj-section-intro\"\u003eContrairement à un eyeliner kajal conventionnel, ce khol kajal noir ne contient ni plomb, ni parabènes, ni silicones, ni colorants artificiels. Sa texture douce et crémeuse glisse sur la peau sans tirer ni irriter, même sur les yeux les plus sensibles ou les porteuses de lentilles de contact. Le résultat ? Un trait intense, velouté et longue tenue, pour un regard envoûtant inspiré des beautés indiennes.\u003c\/p\u003e\n    \u003cdiv class=\"kj-grid\"\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🖤 Noir profond\u003c\/h3\u003e\n        \u003cp\u003eTeinte noire intense issue du charbon de noix de coco pour un trait velouté.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🌸 Formule ayurvédique\u003c\/h3\u003e\n        \u003cp\u003eNourrissante et apaisante, elle respecte la zone fragile du contour de l'œil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eCruelty-free et formulé sans ingrédients synthétiques ni tests animaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e👁️ Yeux sensibles\u003c\/h3\u003e\n        \u003cp\u003eConvient aux peaux délicates et aux porteuses de lentilles de contact.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003eComment utiliser ce crayon noir kajal ?\u003c\/h2\u003e\n    \u003cdiv class=\"kj-timeline\"\u003e\n      \u003cdiv class=\"kj-timeline-item\"\u003e\n        \u003cdiv class=\"kj-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"kj-timeline-content\"\u003e\n          \u003ch3\u003eApplication précise\u003c\/h3\u003e\n          \u003cp\u003eAppliquez le Kajal Noir directement sur la ligne de cils supérieure et inférieure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-timeline-item\"\u003e\n        \u003cdiv class=\"kj-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"kj-timeline-content\"\u003e\n          \u003ch3\u003eModulez l'intensité\u003c\/h3\u003e\n          \u003cp\u003eTracez un trait fin pour un effet naturel ou repassez plusieurs fois pour un look smoky dramatique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-timeline-item\"\u003e\n        \u003cdiv class=\"kj-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"kj-timeline-content\"\u003e\n          \u003ch3\u003eWaterline intense\u003c\/h3\u003e\n          \u003cp\u003eUtilisez-le à l'intérieur de la paupière pour intensifier instantanément votre regard.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-timeline-item\"\u003e\n        \u003cdiv class=\"kj-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"kj-timeline-content\"\u003e\n          \u003ch3\u003eEffet fumé séduisant\u003c\/h3\u003e\n          \u003cp\u003eEstompez légèrement avec un pinceau pour un effet smoky ultra envoûtant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003eComposition 100% naturelle\u003c\/h2\u003e\n    \u003cdiv class=\"kj-grid\"\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🌰 Huile de ricin\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eRicinus communis\u003c\/em\u003e – Hydrate, fortifie les cils et nourrit les paupières.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🧈 Ghee\u003c\/h3\u003e\n        \u003cp\u003eBeurre clarifié, ingrédient ayurvédique purifiant et adoucissant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e❄️ Camphre naturel\u003c\/h3\u003e\n        \u003cp\u003eProcure une sensation de fraîcheur et apaise les yeux fatigués.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🥥 Charbon de noix de coco\u003c\/h3\u003e\n        \u003cp\u003ePigment naturel offrant un noir profond et lumineux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🌰 Huile d'amande douce\u003c\/h3\u003e\n        \u003cp\u003eAdoucit et protège la zone fragile du contour de l'œil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🚫 Zéro synthétique\u003c\/h3\u003e\n        \u003cp\u003eAucun ingrédient d'origine synthétique, aucun test sur animaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003eLes bienfaits du kajal ayurvédique\u003c\/h2\u003e\n    \u003cp class=\"kj-section-intro\"\u003eBien plus qu'un simple eyeliner, le kajal est utilisé depuis des siècles en Inde pour ses vertus protectrices. Le Kajal Noir Assam rafraîchit le regard, aide à apaiser les yeux fatigués par les écrans et embellit naturellement les cils grâce à ses huiles nourrissantes. Une routine beauté complète en un seul geste !\u003c\/p\u003e\n    \u003cdiv class=\"kj-grid-compact\"\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e💆‍♀️ Apaisant\u003c\/h3\u003e\n        \u003cp\u003eSoulage les yeux fatigués par les écrans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e✨ Embellissant\u003c\/h3\u003e\n        \u003cp\u003eSublime naturellement les cils.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🌬️ Rafraîchissant\u003c\/h3\u003e\n        \u003cp\u003eProcure une sensation de fraîcheur immédiate.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kj-card\"\u003e\n        \u003ch3\u003e🛡️ Protecteur\u003c\/h3\u003e\n        \u003cp\u003eTradition millénaire au service du regard.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"kj-disclaimer\"\u003eNote : ce produit cosmétique ne se substitue pas à un avis médical. En cas de gêne oculaire persistante, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\"\u003e\n    \u003ch2\u003eOrigine et engagement Soultree\u003c\/h2\u003e\n    \u003cdiv class=\"kj-testimonial\"\u003e\n      \u003cp class=\"kj-testimonial-text\"\u003e\"Fabriqué en Inde dans le respect des traditions ayurvédiques, le Kajal Noir Assam 011 est issu de la marque Soultree, pionnière du maquillage bio indien. Chaque ingrédient est sélectionné auprès de filières éthiques et durables. Découvrez toute la gamme des \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree\" title=\"kajal soultree\"\u003eKajal Soultree\u003c\/a\u003e pour trouver la teinte qui vous correspond.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"kj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"kj-cta-box\"\u003e\n      \u003cp\u003eVous hésitez sur la couleur idéale ? Laissez-vous guider par notre \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/kajal-soultree#quiz-kajal\"\u003e\u003cstrong\u003equiz interactif\u003c\/strong\u003e\u003c\/a\u003e : en moins de deux minutes, il vous conseille la teinte parfaite selon votre regard et votre carnation. Tentez l'expérience et révélez la beauté unique de vos yeux ! ✨\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  :root {\n    --kj-cream: #faf6f1;\n    --kj-white: #ffffff;\n    --kj-primary: #4a2818;\n    --kj-primary-dark: #2d1810;\n    --kj-primary-light: #f5ede4;\n    --kj-secondary: #c9985a;\n    --kj-accent: #d4a574;\n    --kj-text: #1a1a1a;\n    --kj-text-light: #6b5a4d;\n    --kj-border: #e8dcc9;\n    --kj-shadow: 0 4px 24px rgba(74,40,24,.08);\n    --kj-shadow-lg: 0 12px 48px rgba(74,40,24,.18);\n    --kj-radius: 20px;\n    --kj-radius-sm: 12px;\n  }\n\n  .kj-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--kj-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--kj-text);\n  }\n\n  .kj-hero {\n    position: relative;\n    background: linear-gradient(135deg, #2d1810 0%, #4a2818 50%, #6b3e22 100%);\n    border-radius: var(--kj-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(--kj-shadow-lg);\n  }\n\n  .kj-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(circle at 20% 30%, rgba(201,152,90,.3) 0%, transparent 40%),\n                      radial-gradient(circle at 80% 70%, rgba(212,165,116,.25) 0%, transparent 40%);\n    opacity: .6;\n  }\n\n  .kj-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .kj-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(28px, 7vw, 52px);\n    font-weight: 900;\n    margin: 0 0 1rem 0;\n    letter-spacing: -.04em;\n    text-shadow: 0 4px 20px rgba(0,0,0,.3);\n  }\n\n  .kj-subtitle {\n    color: var(--kj-accent);\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  .kj-description {\n    color: rgba(255,255,255,.92);\n    font-size: clamp(14px, 2.2vw, 17px);\n    line-height: 1.7;\n    max-width: 680px;\n    margin: 0 auto;\n  }\n\n  .kj-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .kj-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(--kj-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.15);\n    transition: all .3s ease;\n  }\n\n  .kj-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  .kj-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .kj-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--kj-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  .kj-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(--kj-primary), var(--kj-secondary));\n    border-radius: 2px;\n  }\n\n  .kj-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--kj-text-light);\n    margin-bottom: 1.5rem;\n    max-width: 720px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.7;\n  }\n\n  .kj-card {\n    background: var(--kj-white);\n    border-radius: var(--kj-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--kj-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .kj-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--kj-shadow-lg);\n    border-color: var(--kj-secondary);\n  }\n\n  .kj-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--kj-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .kj-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--kj-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .kj-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .kj-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .kj-grid-compact .kj-card {\n    padding: 1rem;\n  }\n\n  .kj-grid-compact .kj-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .kj-grid-compact .kj-card p {\n    font-size: 12px;\n  }\n\n  .kj-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  .kj-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .kj-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--kj-primary), var(--kj-secondary));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 16px;\n    box-shadow: 0 4px 12px rgba(74,40,24,.25);\n  }\n\n  .kj-timeline-content {\n    flex: 1;\n    background: var(--kj-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--kj-radius-sm);\n    box-shadow: var(--kj-shadow);\n  }\n\n  .kj-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--kj-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .kj-timeline-content p {\n    font-size: 14px;\n    color: var(--kj-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .kj-testimonial {\n    background: var(--kj-white);\n    border-radius: var(--kj-radius);\n    padding: clamp(1.5rem, 4vw, 2.5rem);\n    box-shadow: var(--kj-shadow);\n    border-left: 4px solid var(--kj-secondary);\n  }\n\n  .kj-testimonial-text {\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--kj-text);\n    line-height: 1.8;\n    font-style: italic;\n    margin: 0;\n  }\n\n  .kj-testimonial-text a {\n    color: var(--kj-primary);\n    font-weight: 700;\n    text-decoration: underline;\n  }\n\n  .kj-disclaimer {\n    font-size: 12px;\n    color: var(--kj-text-light);\n    text-align: center;\n    margin-top: 1.25rem;\n    font-style: italic;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .kj-cta-box {\n    background: linear-gradient(135deg, var(--kj-primary) 0%, var(--kj-primary-dark) 100%);\n    border-radius: var(--kj-radius);\n    padding: clamp(1.75rem, 4vw, 3rem);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--kj-shadow-lg);\n  }\n\n  .kj-cta-box::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -20%;\n    width: 300px;\n    height: 300px;\n    background: radial-gradient(circle, rgba(212,165,116,.2) 0%, transparent 70%);\n    border-radius: 50%;\n  }\n\n  .kj-cta-box p {\n    color: white;\n    font-size: clamp(15px, 2.5vw, 19px);\n    line-height: 1.7;\n    font-weight: 500;\n    text-shadow: 0 2px 12px rgba(0,0,0,.15);\n    margin: 0;\n    position: relative;\n    z-index: 1;\n  }\n\n  .kj-cta-box a {\n    color: var(--kj-accent);\n    text-decoration: underline;\n    font-weight: 700;\n  }\n\n  @media (max-width: 767px) {\n    .kj-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n\n    .kj-card {\n      padding: 1.125rem;\n    }\n\n    .kj-section {\n      margin-bottom: 1.75rem;\n    }\n\n    .kj-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--kj-radius-sm);\n    }\n\n    .kj-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n\n    .kj-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n\n    .kj-grid-compact {\n      gap: .625rem;\n    }\n\n    .kj-grid-compact .kj-card {\n      padding: .75rem;\n    }\n\n    .kj-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n\n    .kj-timeline-content {\n      padding: .875rem 1rem;\n    }\n\n    .kj-timeline-content h3 {\n      font-size: 14px;\n    }\n\n    .kj-timeline-content p {\n      font-size: 13px;\n    }\n\n    .kj-testimonial {\n      padding: 1.25rem;\n    }\n\n    .kj-testimonial-text {\n      font-size: 14px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .kj-card {\n      animation: fadeInUp .5s ease backwards;\n    }\n    .kj-card:nth-child(1) { animation-delay: .05s; }\n    .kj-card:nth-child(2) { animation-delay: .1s; }\n    .kj-card:nth-child(3) { animation-delay: .15s; }\n    .kj-card:nth-child(4) { animation-delay: .2s; }\n    .kj-card:nth-child(5) { animation-delay: .25s; }\n    .kj-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    .kj-premium * {\n      animation-duration: 0.01ms !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e","brand":"KAJAL SOULTREE","offers":[{"title":"Default Title","offer_id":45755191885981,"sku":"38641019","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kajal_noir_assam_011-257569.jpg?v=1732721167"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/cosmetiques-bio-746542.jpg?v=1732719473","url":"https:\/\/www.naturellement-bio.com\/collections\/cosmetique.oembed?page=12","provider":"Naturellement Bio","version":"1.0","type":"link"}