{"title":"Cheveux","description":"\u003cp\u003eCheveux ternes, secs, difficiles à coiffer ou envie de changer de couleur sans agresser votre fibre capillaire ? Les\u003cstrong\u003e produits pour cheveux naturels et bio\u003c\/strong\u003e offrent une alternative respectueuse qui répond à chaque problématique, sans compromis sur l'efficacité.\u003c\/p\u003e\n\u003cp\u003eAvant de vous lancer dans l'exploration de notre gamme, une petite précision s'impose : cette collection se concentre exclusivement sur les soins externes - huiles, masques, colorations, coiffants. Si vous cherchez des compléments alimentaires pour les cheveux, ce n'est pas ici que vous les trouverez. Mais pour tout ce qui touche au soin capillaire naturel appliqué directement sur vos longueurs et votre cuir chevelu, vous êtes au bon endroit.\u003c\/p\u003e\n\u003ch2\u003eIdentifier votre problématique capillaire pour mieux la traiter\u003c\/h2\u003e\n\u003cp\u003eOn ne va pas se mentir : face à l'étendue des soins disponibles, il est facile de se sentir perdu. La clé, c'est de partir de ce qui vous embête vraiment. Pas de la tendance du moment, pas de ce que votre voisine utilise - de votre cheveu à vous.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCheveux secs et cassants\u003c\/strong\u003e : c'est souvent le signe d'un manque de nutrition profonde. Les colorations chimiques répétées, le sèche-cheveux trop chaud, le soleil d'été... tout ça finit par épuiser la fibre. Elle devient poreuse, rêche au toucher, et les pointes fourchent à vitesse grand V. Ce qu'il vous faut : des soins riches en acides gras, des huiles végétales nourrissantes, des masques qui vont vraiment pénétrer.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCheveux gras ou cuir chevelu irrité\u003c\/strong\u003e : là, c'est plutôt une question d'équilibre. Le film hydrolipidique qui protège votre cuir chevelu s'emballe ou, au contraire, réagit mal aux agressions. Paradoxalement, des soins trop décapants aggravent souvent le problème. Mieux vaut miser sur une régulation douce, avec des actifs purifiants mais respectueux.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCheveux fins sans volume\u003c\/strong\u003e : le défi, c'est de leur donner du corps sans les alourdir. Beaucoup de soins conventionnels laissent un film qui plaque tout. Les \u003ca href=\"\/collections\/coiffant\"\u003ecoiffants naturels\u003c\/a\u003e offrent une texture plus légère, une tenue souple qui ne sacrifie pas le mouvement.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eEnvie de colorer sans abîmer\u003c\/strong\u003e : les \u003ca href=\"\/collections\/coloration-vegetale-cheveux\"\u003ecolorations végétales\u003c\/a\u003e fonctionnent différemment des colorations chimiques. Pas d'oxydant qui ouvre la fibre de force - les pigments végétaux se déposent en surface et gainent le cheveu. Résultat : de la couleur ET du soin.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eChute de cheveux ou manque de vitalité\u003c\/strong\u003e : certains actifs naturels comme l'huile de ricin (riche en acide ricinoléique), l'ortie ou la kératine végétale aident à renforcer la fibre et stimuler le cuir chevelu. Attention toutefois : en cas de chute importante ou soudaine, un avis médical reste indispensable.\u003c\/p\u003e\n\u003ch2\u003eConstruire une routine capillaire naturelle adaptée à vos besoins\u003c\/h2\u003e\n\u003cp\u003eMaintenant qu'on a identifié le problème, voyons comment organiser vos soins. Parce qu'appliquer les bons produits dans le désordre, c'est un peu comme mettre la crème solaire après avoir bronzé.\u003c\/p\u003e\n\u003ch3\u003eLe bain d'huile avant-shampoing\u003c\/h3\u003e\n\u003cp\u003eC'est le geste nutrition par excellence, et franchement, ça change tout pour les cheveux assoiffés. Le principe : on applique une huile végétale pure sur cheveux secs, on laisse poser (minimum 30 minutes, idéalement une nuit sous une serviette), puis on shampouine. L'huile a le temps de pénétrer la fibre avant d'être partiellement éliminée au lavage.\u003c\/p\u003e\n\u003cp\u003eQuelles huiles choisir ? L'\u003ca href=\"\/products\/huile-d-argan-100-bio-50-ml-arc-en-sels\"\u003ehuile d'argan bio\u003c\/a\u003e est un classique pour sa richesse en vitamine E. L'\u003ca href=\"\/products\/huile-de-camelia-100-bio-30-ml-arc-en-sels\"\u003ehuile de camélia\u003c\/a\u003e, plus légère, convient aux cheveux fins qui craignent l'effet raplapla. Et l'huile de ricin, épaisse et visqueuse, reste la référence pour fortifier et stimuler la pousse - on la mélange souvent à une huile plus fluide pour faciliter l'application.\u003c\/p\u003e\n\u003ch3\u003eLe soin après-shampoing ou masque\u003c\/h3\u003e\n\u003cp\u003eAprès le shampoing, la fibre capillaire est ouverte, réceptive. C'est le moment idéal pour un soin qui va refermer les écailles et apporter de l'hydratation. La fréquence ? Ça dépend de la porosité de vos cheveux. Un cheveu très poreux (qui absorbe l'eau très vite mais la perd aussi vite) aura besoin de masques plus fréquents qu'un cheveu à faible porosité.\u003c\/p\u003e\n\u003cp\u003eD'ailleurs, petit test maison pour connaître votre porosité : déposez un cheveu propre dans un verre d'eau :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eS'il flotte, faible porosité.\u003c\/li\u003e\n\u003cli\u003eS'il coule rapidement, forte porosité.\u003c\/li\u003e\n\u003cli\u003eS'il reste entre deux eaux, porosité moyenne.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003eSimple, mais utile pour ajuster votre routine !\u003c\/p\u003e\n\u003ch3\u003eLes soins sans rinçage\u003c\/h3\u003e\n\u003cp\u003eLotions démêlantes, sérums pour les pointes, leave-in... Ces produits s'appliquent sur \u003cstrong\u003echeveux essorés ou secs\u003c\/strong\u003e et restent en place. Ils facilitent le coiffage, protègent des agressions quotidiennes et apportent un supplément de nutrition aux zones les plus fragilisées. La \u003ca href=\"\/products\/lotion-demelante-sans-rincage-au-vinaigre-de-framboise-bio-200-ml-centifolia\"\u003elotion démêlante au vinaigre de framboise de Centifolia\u003c\/a\u003e est particulièrement appréciée pour son action gainante et son parfum délicat.\u003c\/p\u003e\n\u003ch3\u003eLes produits coiffants naturels\u003c\/h3\u003e\n\u003cp\u003eCire, laque, gelée volume - le choix dépend du résultat souhaité. Pour un effet texturé et mat, la \u003ca href=\"\/products\/cire-coiffante-bio-40-g-k-pour-karite\"\u003ecire coiffante bio K pour Karité\u003c\/a\u003e fait des merveilles. Pour fixer une coiffure élaborée, la \u003ca href=\"\/products\/laque-fixation-forte-bio-150-ml-k-pour-karite\"\u003elaque fixation forte bio\u003c\/a\u003e de la même marque offre une tenue sérieuse sans effet cartonné. Et pour camoufler quelques racines entre deux colorations, le \u003ca href=\"\/products\/mascara-bio-pour-cheveux-5-nuances-disponibles-15-g-k-pour-karite\"\u003emascara bio pour cheveux\u003c\/a\u003e dépanne avec élégance.\u003c\/p\u003e\n\u003ch3\u003eLa coloration végétale : un rituel à part entière\u003c\/h3\u003e\n\u003cp\u003eOubliez l'application express en 20 minutes. La coloration végétale demande un peu plus de temps et de préparation, mais elle le rend bien. On mélange la poudre avec de l'eau chaude (jamais bouillante), on applique généreusement, on laisse poser entre 30 minutes et 2 heures selon l'intensité souhaitée. Les \u003ca href=\"\/products\/colorations-100-vegetale-les-couleurs-de-jeanne-12-couleurs-2-x-50-g-les-couleurs-de-jeanne\"\u003ecolorations 100% végétales Les Couleurs de Jeanne\u003c\/a\u003e proposent une palette de teintes naturelles, du blond au noir en passant par des nuances cuivrées comme le \u003ca href=\"\/products\/coloration-cuivre-dore-100-bio-et-vegetale-2-x-50-g-les-couleurs-de-jeanne\"\u003ecuivré doré\u003c\/a\u003e.\u003c\/p\u003e\n\u003ch3\u003eLes poudres ayurvédiques\u003c\/h3\u003e\n\u003cp\u003eManjistha, henné neutre, amla, brahmi... Ces poudres issues de la tradition indienne s'utilisent en masque pour renforcer, purifier, et parfois colorer. On les mélange à de l'eau tiède jusqu'à obtenir une pâte onctueuse, on applique sur cheveux humides, on laisse poser 30 minutes à 1 heure, puis on rince abondamment. Une à deux fois par mois suffit pour en voir les bénéfices.\u003c\/p\u003e\n\u003ch2\u003eComment choisir le bon soin capillaire naturel\u003c\/h2\u003e\n\u003cp\u003eEntre nous, le marketing autour du \"naturel\" peut être trompeur. Voici quelques repères pour faire le tri.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eAnalysez votre type de cheveux\u003c\/strong\u003e : fins, épais, bouclés, lisses, colorés chimiquement ou non... Chaque paramètre influence le choix du soin. Un cheveu bouclé, par exemple, est naturellement plus sec car le sébum a du mal à descendre le long des spirales. Il réclame donc plus de nutrition qu'un cheveu lisse.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eComprenez la porosité\u003c\/strong\u003e : on en a parlé plus haut, mais c'est vraiment un critère clé. Un cheveu très poreux absorbera vite les soins mais les perdra aussi vite - il faut des produits qui scellent l'hydratation. Un cheveu peu poreux aura besoin de chaleur ou de temps pour que les actifs pénètrent.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLisez les compositions INCI\u003c\/strong\u003e : c'est la liste d'ingrédients obligatoire sur chaque produit cosmétique. Les actifs sont listés par ordre décroissant de concentration. Cherchez en tête de liste les huiles végétales (Argania Spinosa Kernel Oil pour l'argan, Ricinus Communis Seed Oil pour le ricin), les beurres (Butyrospermum Parkii pour le karité), les protéines végétales.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMéfiez-vous des pièges\u003c\/strong\u003e : certains produits affichent \"naturel\" en gros sur l'étiquette mais contiennent des silicones (noms en -cone ou -xane), des parfums synthétiques (Fragrance ou Parfum sans précision), ou des conservateurs douteux. Un vrai \u003ca href=\"\/collections\/soin-capillaire\"\u003esoin capillaire bio\u003c\/a\u003e certifié n'en contient pas.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRepérez les certifications fiables\u003c\/strong\u003e : Cosmos Organic, Nature \u0026amp; Progrès, Ecocert... Ces labels garantissent un cahier des charges strict sur l'origine des ingrédients et les procédés de fabrication.\u003c\/p\u003e\n\u003ch2\u003eQuel soin pour quelle problématique ?\u003c\/h2\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eProblématique\u003c\/th\u003e\n\u003cth\u003eType de produit recommandé\u003c\/th\u003e\n\u003cth\u003eActifs clés à privilégier\u003c\/th\u003e\n\u003cth\u003eCollection à explorer\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eSécheresse, pointes abîmées\u003c\/td\u003e\n\u003ctd\u003eHuiles végétales, masques nourrissants\u003c\/td\u003e\n\u003ctd\u003eArgan, camélia, beurre de karité\u003c\/td\u003e\n\u003ctd\u003e\u003ca href=\"\/collections\/soin-capillaire\"\u003eSoin capillaire\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eManque de volume\u003c\/td\u003e\n\u003ctd\u003eLotions, mousses texturisantes\u003c\/td\u003e\n\u003ctd\u003eProtéines de blé, bambou\u003c\/td\u003e\n\u003ctd\u003e\u003ca href=\"\/collections\/coiffant\"\u003eCoiffant\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eColoration sans chimie\u003c\/td\u003e\n\u003ctd\u003eColorations végétales, henné\u003c\/td\u003e\n\u003ctd\u003eIndigo, henné, manjistha\u003c\/td\u003e\n\u003ctd\u003e\u003ca href=\"\/collections\/coloration-vegetale-cheveux\"\u003eColoration végétale\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eChute, cheveux fragilisés\u003c\/td\u003e\n\u003ctd\u003eHuiles fortifiantes, lotions stimulantes\u003c\/td\u003e\n\u003ctd\u003eRicin, ortie, kératine végétale\u003c\/td\u003e\n\u003ctd\u003e\u003ca href=\"\/collections\/soin-capillaire\"\u003eSoin capillaire\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eStyling, mise en forme\u003c\/td\u003e\n\u003ctd\u003eCires, laques, gels naturels\u003c\/td\u003e\n\u003ctd\u003eCire d'abeille, gomme arabique\u003c\/td\u003e\n\u003ctd\u003e\u003ca href=\"\/collections\/coiffant\"\u003eCoiffant\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCuir chevelu irrité\u003c\/td\u003e\n\u003ctd\u003eSoins apaisants, huiles légères\u003c\/td\u003e\n\u003ctd\u003eNigelle, calendula, aloe vera\u003c\/td\u003e\n\u003ctd\u003e\u003ca href=\"\/collections\/soin-capillaire\"\u003eSoin capillaire\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch2\u003ePrendre soin de vos cheveux au naturel : par où commencer\u003c\/h2\u003e\n\u003cp\u003eSi vous débutez dans les soins capillaires naturels, inutile de tout révolutionner d'un coup. Identifiez d'abord votre problématique principale - celle qui vous agace le plus au quotidien - et commencez par un ou deux produits ciblés. Une huile pour les bains avant-shampoing, ou un coiffant pour remplacer votre gel habituel.\u003c\/p\u003e\n\u003cp\u003eLaissez à vos cheveux le temps de s'adapter. Le passage au naturel peut provoquer une période de transition, surtout si vous utilisiez des silicones qui gainaient artificiellement la fibre. Quelques semaines de patience, et vous verrez la différence.\u003c\/p\u003e\n\u003cp\u003eExplorez nos sous-collections selon vos besoins, et n'hésitez pas à nous contacter si vous avez des questions. On est là pour ça. Et pour découvrir l'ensemble de \u003ca href=\"\/collections\/cosmetique\"\u003enotre gamme de cosmétiques naturels et bio\u003c\/a\u003e, la collection mère regroupe tous nos soins visage, corps et cheveux.\u003c\/p\u003e\n\u003cp\u003ePour messieurs, notre sélection de \u003ca href=\"\/collections\/homme\"\u003esoins de la barbe\u003c\/a\u003e applique les mêmes principes de naturalité. Et si vous cherchez des soins visage complémentaires, nos \u003ca href=\"\/collections\/serum-et-lotion\"\u003esérums et lotions\u003c\/a\u003e méritent le détour.\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eQuestions fréquentes sur les soins cheveux naturels\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le meilleur soin naturel pour les cheveux secs ?\u003c\/summary\u003e\n\u003cp\u003ePour les cheveux vraiment assoiffés, les huiles végétales en bain avant-shampoing restent ce qu'il y a de plus efficace. L'huile d'argan nourrit en profondeur grâce à sa richesse en vitamine E et en acides gras essentiels. L'huile de camélia, plus légère, pénètre facilement sans alourdir. Et l'huile de ricin, bien qu'épaisse, renforce la fibre sur la durée. Le secret, c'est la régularité : un bain d'huile par semaine pendant un mois, et vous verrez la différence. Complétez avec un masque nourrissant après chaque shampoing pour sceller l'hydratation.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLa coloration végétale couvre-t-elle vraiment les cheveux blancs ?\u003c\/summary\u003e\n\u003cp\u003eOui, mais pas exactement comme une coloration chimique. La coloration végétale dépose des pigments à la surface du cheveu au lieu de pénétrer dans la fibre avec un oxydant. Sur cheveux blancs, le résultat est souvent des reflets lumineux plutôt qu'une couverture opaque et uniforme. Pour un pourcentage de blancs inférieur à 30%, le rendu est généralement très naturel. Au-delà, certaines teintes fonctionnent mieux que d'autres - les châtains et les cuivrés des Couleurs de Jeanne, par exemple, donnent de beaux résultats. Pour un noir profond sur 100% de cheveux blancs, il faudra parfois procéder en deux temps avec un henné préalable.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle huile capillaire choisir pour faire pousser les cheveux ?\u003c\/summary\u003e\n\u003cp\u003eL'huile de ricin est la référence en la matière. Riche en acide ricinoléique, elle stimule la microcirculation au niveau du cuir chevelu et renforce la fibre capillaire, ce qui limite la casse et donne l'impression d'une pousse plus rapide. L'huile de nigelle et l'\u003ca href=\"\/products\/huile-figue-barbarie-bio-najel-80ml\"\u003ehuile de figue de Barbarie\u003c\/a\u003e sont également réputées pour leurs propriétés fortifiantes. Soyons honnêtes : aucune huile ne fera pousser vos cheveux plus vite que leur rythme génétique (environ 1 cm par mois). En revanche, elles évitent la casse et maintiennent un cuir chevelu sain, ce qui favorise une pousse optimale. En cas d'alopécie avérée, consultez un dermatologue.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment utiliser les poudres ayurvédiques pour les cheveux ?\u003c\/summary\u003e\n\u003cp\u003eC'est assez simple une fois qu'on a pris le coup de main. Versez la poudre dans un bol (comptez 50 à 100g selon la longueur de vos cheveux), ajoutez progressivement de l'eau tiède en mélangeant jusqu'à obtenir une pâte lisse, ni trop liquide ni trop épaisse - la consistance d'un yaourt épais. Appliquez sur cheveux humides, section par section, en massant bien le cuir chevelu. Laissez poser 30 minutes à 1 heure sous une charlotte ou un film alimentaire. Rincez abondamment - c'est le plus long, il faut être patient pour éliminer tous les résidus. Une à deux applications par mois suffisent pour profiter des bienfaits sans assécher le cheveu.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes produits coiffants naturels tiennent-ils aussi bien que les conventionnels ?\u003c\/summary\u003e\n\u003cp\u003eRéponse honnête : la tenue est souvent plus souple, moins \"béton\". Et c'est plutôt une bonne nouvelle. Les coiffants naturels comme la cire coiffante K pour Karité ou leur laque bio offrent une fixation sérieuse tout en laissant le cheveu respirer et bouger. Pas d'effet cartonné, pas de résidus qui s'accumulent. Pour un chignon de mariée qui doit tenir 12 heures sous la pluie, un coiffant conventionnel sera peut-être plus adapté. Pour le quotidien, les alternatives naturelles font largement le job, avec en bonus des cheveux qui restent souples au toucher et se recoiffent facilement.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","products":[{"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":"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":"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":"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":"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":"masque-cheveux-soin-brillance-intense-3-en-1-250-ml-centifolia","title":"Masque Cheveux Soin Brillance Intense 3 en 1 - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 98,8 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan \u0026amp; Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ Pot 100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eMasque cheveux soin brillance intense 3 en 1\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eExtrait de framboise bio \u0026amp; kératine végétale : hydratation, protection et brillance exceptionnelle en un seul geste, pour tous les types de cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eMasque Brillance Cheveux 3 en 1 Centifolia : le soin intense qui sublime votre chevelure\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVos cheveux manquent d'éclat, paraissent ternes ou fatigués ? Le \u003cstrong\u003eMasque Cheveux Soin Brillance Intense 3 en 1\u003c\/strong\u003e de Centifolia est le soin capillaire naturel qu'il vous faut.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍇 Framboise bio\u003c\/h3\u003e\n \u003cp\u003eExtrait revitalisant riche en antioxydants pour un éclat lumineux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧬 Kératine végétale\u003c\/h3\u003e\n \u003cp\u003eRenforce la fibre capillaire et forme une barrière protectrice\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eNourrit de l'intérieur pour des cheveux souples et soyeux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Brillance intense\u003c\/h3\u003e\n \u003cp\u003eAdaptée à tous types de cheveux : lisses, bouclés, colorés ou naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi vos cheveux perdent leur brillance ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-testimonial\"\u003e\n \u003cp class=\"cf-testimonial-text\"\u003eLa pollution, le calcaire de l'eau, les appareils chauffants ou encore les colorations répétées agressent la fibre capillaire au quotidien. Les écailles du cheveu se soulèvent, la lumière ne se reflète plus correctement et le résultat est visible : des cheveux ternes et rêches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUn \u003cstrong\u003emasque pour cheveux brillance\u003c\/strong\u003e de qualité agit en lissant ces écailles et en nourrissant la fibre de l'intérieur. C'est précisément ce que propose ce soin Centifolia, avec l'efficacité de la nature et sans aucun ingrédient controversé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs naturels puissants pour une brillance intense\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eComposé à \u003cstrong\u003e98,8 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, ce masque réunit des actifs soigneusement sélectionnés pour sublimer votre chevelure.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍓 Extrait de framboise bio\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants et en vitamine E, il revitalise les cheveux et leur apporte un éclat lumineux dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧬 Kératine végétale\u003c\/h3\u003e\n \u003cp\u003eRenforce la structure interne du cheveu, forme une barrière protectrice et prévient la casse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌺 Huile de camélia bio\u003c\/h3\u003e\n \u003cp\u003eReconnue au Japon pour ses vertus capillaires, elle nourrit en profondeur sans alourdir la chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate intensément, apaise le cuir chevelu et facilite le démêlage au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌲 Eau florale de genévrier bio\u003c\/h3\u003e\n \u003cp\u003ePurifiante et tonifiante, elle aide à rééquilibrer le cuir chevelu en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-highlight\"\u003e\n \u003ch3\u003e🚫 Sans compromis\u003c\/h3\u003e\n \u003cp\u003eSans silicones, sans sulfates, sans parabènes. Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e \u0026amp; \u003cstrong\u003evegan\u003c\/strong\u003e. 96 % des végétaux sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003e3 utilisations pour répondre à tous vos besoins\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCe soin 3 en 1 s'adapte à votre routine et à l'état de vos cheveux :\u003c\/p\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e🧖‍♀️ En masque classique\u003c\/h3\u003e\n \u003cp\u003eAprès le shampooing, appliquez généreusement sur cheveux essorés, laissez poser 5 à 10 minutes puis rincez abondamment. Idéal une à deux fois par semaine pour entretenir la brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e💨 En soin sans rinçage\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de produit et appliquez sur les longueurs et les pointes, sèches ou humides. Parfait pour dessiner les boucles, dompter les frisottis et protéger les cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e🌙 En masque de nuit\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur cheveux secs avant le coucher, enveloppez dans une serviette douce et rincez le lendemain avec un shampooing doux. Ce rituel offre une réparation intense comparable à un masque cheveux maison pour brillance, avec la praticité d'une formule prête à l'emploi.\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=\"cf-section\"\u003e\n \u003ch2\u003eUn engagement éthique, fabriqué en France\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France par Centifolia, spécialiste de la cosméto-botanique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003ePot de 250 ml 100 % recyclé et recyclable, de la formule à l'emballage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification exigeante garantissant la qualité biologique des ingrédients\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eFormule 100 % végane, sans aucun ingrédient d'origine animale ni test sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est fait ce masque ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🎨 Cheveux colorés\u003c\/h3\u003e\n \u003cp\u003eRavive l'éclat de votre coloration et prolonge son intensité au fil des lavages\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏜️ Longueurs desséchées\u003c\/h3\u003e\n \u003cp\u003eHydrate en profondeur les cheveux secs, cassants ou abîmés par les agressions quotidiennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Chevelure naturelle\u003c\/h3\u003e\n \u003cp\u003eSublime les cheveux au naturel en leur apportant douceur, souplesse et brillance miroir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à vos cheveux le meilleur de la nature — une brillance intense, une hydratation profonde et une protection durable en un seul geste.\u003cbr\u003e\u003cstrong\u003eFormat : pot de 250 ml.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #faf5f3;\n --cf-white: #ffffff;\n --cf-primary: #b5234f;\n --cf-primary-dark: #7a1833;\n --cf-primary-light: #fceef2;\n --cf-secondary: #3d2117;\n --cf-accent: #d44872;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #e8ddd8;\n --cf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cf-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cf-secondary) 0%, var(--cf-primary-dark) 40%, var(--cf-primary) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(212,72,114,.25) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(181,35,79,.2) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: .6;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n letter-spacing: .08em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.cf-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.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-card-highlight {\n background: var(--cf-primary-light);\n border: 2px solid var(--cf-primary);\n}\n\n.cf-card-highlight:hover {\n background: var(--cf-white);\n}\n\n\/* === GRILLES === *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-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.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-card {\n padding: 1.125rem;\n }\n\n .cf-section {\n margin-bottom: 1.75rem;\n }\n\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cf-grid-compact {\n gap: .625rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n\n .cf-timeline-content p {\n font-size: 13px;\n }\n\n .cf-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\n font-size: 14px;\n }\n\n .cf-tip {\n padding: .875rem 1rem;\n }\n\n .cf-tip-icon {\n font-size: 20px;\n }\n\n .cf-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":45755220361373,"sku":"CE0453","price":15.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-cheveux-soin-brillance-intense-3-en-1-centifolia-packshothd_55df4851-7c8a-4b04-ad12-2f5a2a367626.webp?v=1775825109"},{"product_id":"huile-seche-infusion-divine-bio-100-ml-florame","title":"Huile Sèche Infusion Divine Bio - 100 ml - Florame","description":"\u003cdiv class=\"id-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"id-hero\"\u003e\n\u003cdiv class=\"id-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"id-hero-content\"\u003e\n\u003cdiv class=\"id-badges-top\"\u003e\n\u003cspan class=\"id-badge\"\u003e🌿 Certifiée COSMOS Organic\u003c\/span\u003e \u003cspan class=\"id-badge\"\u003e🇫🇷 Fabriquée en Provence\u003c\/span\u003e \u003cspan class=\"id-badge\"\u003e🌸 30 huiles bio\u003c\/span\u003e \u003cspan class=\"id-badge\"\u003e🏆 Meilleur Produit Bio 2021\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"id-hero-title\"\u003eHuile Sèche Infusion Divine Bio\u003c\/span\u003e\n\u003cp class=\"id-subtitle\"\u003eFlorame · 100 ml · Visage · Corps · Cheveux\u003c\/p\u003e\n\u003cp class=\"id-description\"\u003eUn élixir multi-usage d'exception né de 30 ans d'expertise en aromathérapie provençale. 30 huiles végétales et essentielles biologiques réunies dans un seul flacon pour sublimer votre beauté naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eHuile Sèche Infusion Divine Bio Florame : 30 huiles précieuses pour sublimer votre peau, votre corps et vos cheveux\u003c\/h2\u003e\n\u003cp class=\"id-section-intro\"\u003eImaginez un seul geste beauté qui nourrit votre visage, enveloppe votre corps de douceur et redonne vie à vos cheveux.\u003c\/p\u003e\n\u003cdiv class=\"id-grid-compact\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e✨ Élixir multi-usage\u003c\/h3\u003e\n\u003cp\u003eUn seul flacon pour le visage, le corps et les cheveux, enrichi de 30 huiles précieuses biologiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🧴 Texture sèche unique\u003c\/h3\u003e\n\u003cp\u003ePénètre instantanément sans film gras, pour une hydratation profonde et un fini satiné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌺 Parfum envoûtant\u003c\/h3\u003e\n\u003cp\u003eDes notes exotiques de fleurs des îles qui persistent délicatement tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🔬 30 ans d'expertise\u003c\/h3\u003e\n\u003cp\u003eLe savoir-faire Florame en aromathérapie provençale concentré dans une formule d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003ePourquoi choisir une huile sèche plutôt qu'une crème ?\u003c\/h2\u003e\n\u003cdiv class=\"id-comparison\"\u003e\n\u003cdiv class=\"id-comparison-col id-comparison-oil\"\u003e\n\u003ch3\u003e🌿 Huile sèche\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePénètre instantanément, fini satiné\u003c\/li\u003e\n\u003cli\u003eDépose directement des acides gras essentiels et vitamines liposolubles\u003c\/li\u003e\n\u003cli\u003eRestaure le film hydrolipidique en profondeur\u003c\/li\u003e\n\u003cli\u003eIdéale pour les peaux très sèches\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-comparison-col id-comparison-cream\"\u003e\n\u003ch3\u003e🧴 Crème classique\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eContient souvent eau et émulsifiants\u003c\/li\u003e\n\u003cli\u003eHydratation plus superficielle\u003c\/li\u003e\n\u003cli\u003eEffleure le film hydrolipidique\u003c\/li\u003e\n\u003cli\u003ePeut laisser un résidu sur la peau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-tip\"\u003e\n\u003cspan class=\"id-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe terme « huile sèche » désigne une huile dont la texture pénètre si rapidement dans la peau qu'elle ne laisse aucune sensation de gras. Vous profitez de tous les bienfaits nourrissants sans les inconvénients d'un toucher huileux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de l'Infusion Divine sur votre peau et vos cheveux\u003c\/h2\u003e\n\u003cdiv class=\"id-grid\"\u003e\n\u003cdiv class=\"id-card id-card-zone\"\u003e\n\u003ch3\u003e🌸 Sur le visage\u003c\/h3\u003e\n\u003cul class=\"id-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNutrition intense sans briller\u003c\/strong\u003e : les huiles d'argan et de jojoba régulent et nourrissent sans surcharger. Teint lumineux et naturel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConfort immédiat\u003c\/strong\u003e : tiraillements et sensations d'inconfort disparaissent dès la première application. Convient aux peaux sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection antioxydante\u003c\/strong\u003e : la vitamine E naturelle aide à protéger la peau des agressions extérieures quotidiennes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card id-card-zone\"\u003e\n\u003ch3\u003e💆 Sur le corps\u003c\/h3\u003e\n\u003cul class=\"id-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePeau satinée et souple\u003c\/strong\u003e : après la douche, un voile soyeux et un parfum délicat qui persiste toute la journée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéparation des zones très sèches\u003c\/strong\u003e : coudes, genoux, talons… les zones rugueuses retrouvent leur douceur.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAbsorption rapide\u003c\/strong\u003e : habillez-vous immédiatement après, sans aucune trace sur vos vêtements.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card id-card-zone\"\u003e\n\u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n\u003cul class=\"id-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eBrillance et vitalité\u003c\/strong\u003e : sur les longueurs et les pointes, l'huile revigore et répare la fibre capillaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDiscipline des frisottis\u003c\/strong\u003e : quelques gouttes suffisent pour dompter les mèches rebelles sans alourdir.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin profond en masque\u003c\/strong\u003e : en bain d'huile la nuit, nourrit intensément les cheveux abîmés ou fragilisés.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eUne composition d'exception : 30 huiles biologiques réunies dans un seul flacon\u003c\/h2\u003e\n\u003cp class=\"id-section-intro\"\u003eFlorame a sélectionné 30 huiles complémentaires, chacune apportant des propriétés spécifiques, pour créer un soin complet et polyvalent.\u003c\/p\u003e\n\u003cdiv class=\"id-composition-block\"\u003e\n\u003ch3 class=\"id-composition-title\"\u003e🌱 Huiles végétales nourrissantes et réparatrices\u003c\/h3\u003e\n\u003cdiv class=\"id-grid-compact\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🫒 Huile de jojoba bio\u003c\/h3\u003e\n\u003cp\u003eRégule le sébum, protège et assouplit la peau sans la graisser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n\u003cp\u003eRiche en antioxydants, aide à maintenir l'élasticité cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n\u003cp\u003eSource de vitamine E, nourrit en profondeur les peaux desséchées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌰 Huile d'argan bio\u003c\/h3\u003e\n\u003cp\u003eTrésor de beauté ancestral, revitalise la peau et renforce les cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-composition-block\"\u003e\n\u003ch3 class=\"id-composition-title\"\u003e🌺 Huiles essentielles et extraits précieux\u003c\/h3\u003e\n\u003cdiv class=\"id-grid-compact\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌸 Frangipanier \u0026amp; tiaré\u003c\/h3\u003e\n\u003cp\u003eParfum exotique délicat et vertus adoucissantes des fleurs des îles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌼 Pétales d'hélichryse rose\u003c\/h3\u003e\n\u003cp\u003ePropriétés régénérantes qui aident à unifier le teint.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌿 Pétales de calendula\u003c\/h3\u003e\n\u003cp\u003eApaisants et protecteurs, ils calment les peaux réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e💙 Pétales de bleuet\u003c\/h3\u003e\n\u003cp\u003eDécongestionnants et rafraîchissants pour un coup d'éclat immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-tip\"\u003e\n\u003cspan class=\"id-tip-icon\"\u003e🌾\u003c\/span\u003e\n\u003cp\u003eLes pétales de fleurs sont visibles à l'intérieur même du flacon, témoignant de la naturalité absolue de ce soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-stats-row\"\u003e\n\u003cdiv class=\"id-stat\"\u003e\n\u003cspan class=\"id-stat-number\"\u003e100 %\u003c\/span\u003e \u003cspan class=\"id-stat-label\"\u003ed'ingrédients d'origine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-stat\"\u003e\n\u003cspan class=\"id-stat-number\"\u003e83 %\u003c\/span\u003e \u003cspan class=\"id-stat-label\"\u003eissus de l'agriculture biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-stat\"\u003e\n\u003cspan class=\"id-stat-number\"\u003e0 %\u003c\/span\u003e \u003cspan class=\"id-stat-label\"\u003eparabènes, silicones, colorants de synthèse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eComment utiliser l'Huile Sèche Infusion Divine au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"id-timeline\"\u003e\n\u003cdiv class=\"id-timeline-item\"\u003e\n\u003cdiv class=\"id-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-content\"\u003e\n\u003ch3\u003e🌸 Soin visage matin et soir\u003c\/h3\u003e\n\u003cp\u003eAprès avoir nettoyé votre visage, déposez \u003cstrong\u003e3 à 4 gouttes\u003c\/strong\u003e au creux de vos paumes et réchauffez-les légèrement. Appliquez par légers tapotements sur le visage, le cou et le décolleté. Utilisez-la seule ou en complément de votre crème de jour pour renforcer l'hydratation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-item\"\u003e\n\u003cdiv class=\"id-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-content\"\u003e\n\u003ch3\u003e💆 Soin corps quotidien\u003c\/h3\u003e\n\u003cp\u003eAppliquez généreusement sur peau propre et sèche, idéalement juste après la douche lorsque la peau est encore légèrement tiède. Massez par mouvements circulaires en insistant sur les zones les plus sèches : jambes, bras, coudes, genoux. La texture pénètre en quelques secondes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-item\"\u003e\n\u003cdiv class=\"id-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-content\"\u003e\n\u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEn touche finale :\u003c\/strong\u003e quelques gouttes sur les longueurs et les pointes sèches pour un effet brillance immédiat et discipliner les frisottis.\u003cbr\u003e\u003cstrong\u003eEn masque de nuit :\u003c\/strong\u003e répartissez une quantité généreuse sur l'ensemble de la chevelure, enveloppez dans une serviette et laissez poser toute la nuit. Rincez le matin avec votre shampooing habituel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003ePour quels types de peau et de cheveux cette huile sèche est-elle adaptée ?\u003c\/h2\u003e\n\u003cp class=\"id-section-intro\"\u003eGrâce à la synergie de ses 30 huiles soigneusement dosées, l'Infusion Divine s'adapte à la plupart des besoins.\u003c\/p\u003e\n\u003cdiv class=\"id-grid\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n\u003cp\u003eSon terrain de prédilection : elle apporte la nutrition profonde dont les peaux déshydratées ont besoin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e✨ Peaux normales\u003c\/h3\u003e\n\u003cp\u003eUn voile protecteur et un éclat naturel sans surcharger l'épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e⚖️ Peaux mixtes (soin ciblé)\u003c\/h3\u003e\n\u003cp\u003eUtilisée uniquement sur les zones sèches du visage (joues, contour des yeux) et sur le corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e💇 Cheveux secs ou abîmés\u003c\/h3\u003e\n\u003cp\u003eRedonne brillance, souplesse et vitalité aux fibres capillaires fragilisées par la chaleur ou les colorations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌟 Cheveux normaux\u003c\/h3\u003e\n\u003cp\u003eEn petite quantité sur les pointes : finition lumineuse et protection contre les agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eUn engagement bio et éthique ancré en Provence\u003c\/h2\u003e\n\u003cdiv class=\"id-provence-block\"\u003e\n\u003cp class=\"id-section-intro\"\u003eFlorame est une maison provençale installée à \u003cstrong\u003eSaint-Rémy-de-Provence\u003c\/strong\u003e depuis 1990. Pionnière de l'aromathérapie biologique en France, la marque cultive un savoir-faire unique dans la distillation des plantes et la formulation de soins naturels certifiés.\u003c\/p\u003e\n\u003cdiv class=\"id-grid\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🏅 Certification COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eGarantie d'un cahier des charges exigeant sur l'origine et la transformation des ingrédients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eChaque flacon est élaboré et conditionné en Provence, à Saint-Rémy-de-Provence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e♻️ Démarche éco-responsable\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de filières durables, emballage en verre recyclable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #8 --\u003e\n\u003csection class=\"id-section\"\u003e\u003c\/section\u003e\n\u003csection class=\"id-section\"\u003e\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"id-section\"\u003e\n\u003cdiv class=\"id-cta-box\"\u003e\n\u003cp\u003e✨ Offrez à votre peau, votre corps et vos cheveux le luxe de 30 huiles biologiques d'exception. L'Infusion Divine, un seul geste pour une beauté sublimée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"id-disclaimer\"\u003eCe produit cosmétique est un soin de beauté et ne saurait remplacer un avis ou un traitement dermatologique. En cas de doute ou de réaction cutanée, consultez un professionnel de santé. Tenir hors de portée des enfants. Évitez le contact avec les yeux.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --id-cream: #FFF9F0;\n --id-white: #ffffff;\n --id-primary: #C6891E;\n --id-primary-dark: #8B5E0F;\n --id-primary-light: #FFF3E0;\n --id-secondary: #D4956B;\n --id-accent: #5B6E8A;\n --id-text: #1a1a1a;\n --id-text-light: #5a5a5a;\n --id-border: #EDE0D0;\n --id-shadow: 0 4px 24px rgba(139, 94, 15, .08);\n --id-shadow-lg: 0 12px 48px rgba(139, 94, 15, .15);\n --id-radius: 20px;\n --id-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.id-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--id-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.id-premium *, .id-premium *::before, .id-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.id-hero {\n position: relative;\n background: linear-gradient(135deg, #8B5E0F 0%, #C6891E 40%, #D4956B 75%, #E8B98A 100%);\n border-radius: var(--id-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(--id-shadow-lg);\n}\n\n.id-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.id-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.id-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.id-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.id-description {\n color: rgba(255,255,255,.85);\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.id-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.id-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(--id-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.id-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.id-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.id-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--id-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.id-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(--id-primary), var(--id-secondary));\n border-radius: 2px;\n}\n\n.id-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--id-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.id-card {\n background: var(--id-white);\n border-radius: var(--id-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--id-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.id-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--id-shadow-lg);\n border-color: var(--id-primary);\n}\n\n.id-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--id-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.id-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--id-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD ZONE (benefits with lists) === *\/\n.id-card-zone {\n text-align: left;\n}\n\n.id-card-zone h3 {\n text-align: center;\n margin-bottom: 1rem;\n font-size: clamp(17px, 3vw, 20px);\n}\n\n.id-benefits-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.id-benefits-list li {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--id-text-light);\n line-height: 1.6;\n padding-left: 1.25rem;\n position: relative;\n}\n\n.id-benefits-list li::before {\n content: '✦';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--id-primary);\n font-size: 12px;\n}\n\n.id-benefits-list li strong {\n color: var(--id-text);\n}\n\n\/* === GRILLES === *\/\n.id-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.id-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.id-grid-compact .id-card {\n padding: 1rem;\n}\n\n.id-grid-compact .id-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.id-grid-compact .id-card p {\n font-size: 12px;\n}\n\n\/* === COMPARISON === *\/\n.id-comparison {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.id-comparison-col {\n background: var(--id-white);\n border-radius: var(--id-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--id-shadow);\n}\n\n.id-comparison-col h3 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.id-comparison-oil {\n border: 2px solid var(--id-primary);\n}\n\n.id-comparison-oil h3 {\n color: var(--id-primary-dark);\n}\n\n.id-comparison-cream {\n border: 2px solid var(--id-border);\n}\n\n.id-comparison-cream h3 {\n color: var(--id-text-light);\n}\n\n.id-comparison-col ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .5rem;\n}\n\n.id-comparison-col ul li {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--id-text-light);\n padding-left: 1.5rem;\n position: relative;\n line-height: 1.5;\n}\n\n.id-comparison-oil ul li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--id-primary);\n font-weight: 700;\n}\n\n.id-comparison-cream ul li::before {\n content: '—';\n position: absolute;\n left: 0;\n color: var(--id-border);\n font-weight: 700;\n}\n\n\/* === COMPOSITION BLOCK === *\/\n.id-composition-block {\n margin-bottom: 1.5rem;\n}\n\n.id-composition-title {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--id-primary-dark);\n text-align: center;\n margin: 0 0 1rem 0;\n}\n\n\/* === STATS ROW === *\/\n.id-stats-row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.id-stat {\n background: linear-gradient(135deg, var(--id-primary), var(--id-secondary));\n border-radius: var(--id-radius-sm);\n padding: clamp(1rem, 3vw, 1.5rem);\n text-align: center;\n color: white;\n}\n\n.id-stat-number {\n display: block;\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n letter-spacing: -.02em;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.id-stat-label {\n display: block;\n font-size: clamp(11px, 1.8vw, 13px);\n font-weight: 600;\n opacity: .9;\n margin-top: .25rem;\n line-height: 1.3;\n}\n\n\/* === TIMELINE === *\/\n.id-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.id-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.id-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--id-primary), var(--id-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(198, 137, 30, .3);\n}\n\n.id-timeline-content {\n flex: 1;\n background: var(--id-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--id-radius-sm);\n box-shadow: var(--id-shadow);\n}\n\n.id-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--id-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.id-timeline-content p {\n font-size: 14px;\n color: var(--id-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.id-timeline-content strong {\n color: var(--id-text);\n}\n\n\/* === TIP BOX === *\/\n.id-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--id-primary-light);\n border-radius: var(--id-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.id-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.id-tip p {\n font-size: 14px;\n color: var(--id-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.id-testimonial {\n background: var(--id-white);\n border-radius: var(--id-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--id-shadow);\n border-left: 4px solid var(--id-primary);\n}\n\n.id-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--id-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.id-accordion {\n background: var(--id-white);\n border-radius: var(--id-radius);\n box-shadow: var(--id-shadow);\n overflow: hidden;\n}\n\n.id-accordion-item {\n border-bottom: 1px solid var(--id-border);\n margin: 0;\n padding: 0;\n}\n\n.id-accordion-item:last-child {\n border-bottom: none;\n}\n\n.id-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--id-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.id-accordion-header:hover {\n background: var(--id-primary-light);\n}\n\n.id-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.id-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--id-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n margin-left: 1rem;\n}\n\n.id-accordion-item[open] .id-accordion-header::after {\n content: '−';\n}\n\n.id-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--id-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.id-accordion-content p {\n margin: 0;\n}\n\n\/* === RECAP GRID === *\/\n.id-recap-grid {\n background: var(--id-white);\n border-radius: var(--id-radius);\n box-shadow: var(--id-shadow);\n overflow: hidden;\n}\n\n.id-recap-item {\n display: flex;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--id-border);\n align-items: baseline;\n gap: 1rem;\n}\n\n.id-recap-item:last-child {\n border-bottom: none;\n}\n\n.id-recap-item:nth-child(even) {\n background: var(--id-primary-light);\n}\n\n.id-recap-label {\n font-size: 13px;\n font-weight: 800;\n color: var(--id-primary-dark);\n text-transform: uppercase;\n letter-spacing: .04em;\n min-width: 110px;\n flex-shrink: 0;\n}\n\n.id-recap-value {\n font-size: 14px;\n color: var(--id-text);\n line-height: 1.5;\n}\n\n\/* === CTA FINAL === *\/\n.id-cta-box {\n background: linear-gradient(135deg, var(--id-primary) 0%, var(--id-primary-dark) 100%);\n border-radius: var(--id-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.id-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,.1) 0%, transparent 60%);\n}\n\n.id-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.id-disclaimer {\n font-size: 12px;\n color: var(--id-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 .id-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .id-card {\n padding: 1.125rem;\n }\n\n .id-section {\n margin-bottom: 1.75rem;\n }\n\n .id-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--id-radius-sm);\n }\n\n .id-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .id-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .id-grid-compact {\n gap: .625rem;\n }\n\n .id-grid-compact .id-card {\n padding: .75rem;\n }\n\n .id-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .id-stats-row {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n\n .id-stat {\n display: flex;\n align-items: center;\n gap: .75rem;\n text-align: left;\n padding: .875rem 1rem;\n }\n\n .id-stat-number {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .id-stat-label {\n margin-top: 0;\n font-size: 12px;\n }\n\n .id-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .id-timeline-content {\n padding: .875rem 1rem;\n }\n\n .id-timeline-content h3 {\n font-size: 14px;\n }\n\n .id-timeline-content p {\n font-size: 13px;\n }\n\n .id-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .id-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .id-testimonial {\n padding: 1.25rem;\n }\n\n .id-testimonial-text {\n font-size: 14px;\n }\n\n .id-recap-item {\n flex-direction: column;\n gap: .25rem;\n padding: .75rem 1rem;\n }\n\n .id-recap-label {\n min-width: unset;\n font-size: 11px;\n }\n\n .id-recap-value {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .id-card {\n animation: idFadeInUp .5s ease backwards;\n }\n .id-card:nth-child(1) { animation-delay: .05s; }\n .id-card:nth-child(2) { animation-delay: .1s; }\n .id-card:nth-child(3) { animation-delay: .15s; }\n .id-card:nth-child(4) { animation-delay: .2s; }\n .id-card:nth-child(5) { animation-delay: .25s; }\n .id-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes idFadeInUp {\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 .id-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755220590749,"sku":"FM0475","price":21.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-seche-infusion-divine-bio-100-ml-florame-lifestyle.webp?v=1770727699"},{"product_id":"colorations-100-vegetale-les-couleurs-de-jeanne-12-couleurs-2-x-50-g-les-couleurs-de-jeanne","title":"Coloration pour Cheveux 100% Végétale - 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🎨 12 nuances\u003c\/span\u003e\n \u003cspan class=\"cj-badge\"\u003e🇫🇷 Savoir-faire MOF\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cj-hero-title\"\u003eColoration pour cheveux 100 % végétale\u003c\/span\u003e\n \u003cp class=\"cj-subtitle\"\u003eLes Couleurs de Jeanne\u003c\/p\u003e\n \u003cp class=\"cj-description\"\u003eLa coloration capillaire qui sublime votre couleur tout en prenant soin de votre fibre capillaire. Zéro chimie, 100 % plantes tinctoriales.\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\u003eLes Couleurs de Jeanne : la coloration végétale qui prend soin de vos cheveux\u003c\/h2\u003e\n \u003cp class=\"cj-section-intro\"\u003eVous rêvez d'une \u003cstrong\u003ecoloration cheveux naturelle\u003c\/strong\u003e qui respecte véritablement votre fibre capillaire ? Les \u003cstrong\u003eCouleurs de Jeanne\u003c\/strong\u003e proposent une \u003cstrong\u003ecoloration 100 % végétale\u003c\/strong\u003e, certifiée \u003cstrong\u003eCosmos Natural\u003c\/strong\u003e, formulée exclusivement à partir de poudres de plantes.\u003c\/p\u003e\n \u003cdiv class=\"cj-grid-compact\"\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🌱 Zéro chimie\u003c\/h3\u003e\n \u003cp\u003eAucun composant synthétique, uniquement des poudres de plantes tinctoriales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e✨ Brillance intense\u003c\/h3\u003e\n \u003cp\u003eVos cheveux gagnent en éclat et en luminosité à chaque application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e💪 Fibre renforcée\u003c\/h3\u003e\n \u003cp\u003eLa coloration enrobe et gaine le cheveu au lieu de le fragiliser\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🏅 Certifiée\u003c\/h3\u003e\n \u003cp\u003eLabel Cosmos Natural, gage de qualité et de naturalité\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\u003e12 teintes naturelles pour sublimer tous les types de cheveux\u003c\/h2\u003e\n \u003cp class=\"cj-section-intro\"\u003eCette gamme se décline en \u003cstrong\u003e12 nuances\u003c\/strong\u003e soigneusement élaborées pour s'adapter à toutes les envies et toutes les chevelures.\u003c\/p\u003e\n\n \u003cdiv class=\"cj-palette\"\u003e\n \u003cdiv class=\"cj-palette-group\"\u003e\n \u003ch3 class=\"cj-palette-title\"\u003e☀️ Les blonds\u003c\/h3\u003e\n \u003cdiv class=\"cj-palette-colors\"\u003e\n \u003cdiv class=\"cj-palette-item\"\u003e\n \u003cdiv class=\"cj-palette-swatch\" style=\"background: linear-gradient(135deg, #f5e6b8, #e8d49a);\"\u003e\u003c\/div\u003e\n \u003cspan\u003eBlond clair\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-palette-item\"\u003e\n \u003cdiv class=\"cj-palette-swatch\" style=\"background: linear-gradient(135deg, #dfc477, #c9a84e);\"\u003e\u003c\/div\u003e\n \u003cspan\u003eBlond doré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-palette-item\"\u003e\n \u003cdiv class=\"cj-palette-swatch\" style=\"background: linear-gradient(135deg, #d4a960, #c08b3e);\"\u003e\u003c\/div\u003e\n \u003cspan\u003eBlond vénitien\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-palette-item\"\u003e\n \u003cdiv class=\"cj-palette-swatch\" style=\"background: linear-gradient(135deg, #b8944d, #9a7535);\"\u003e\u003c\/div\u003e\n \u003cspan\u003eBlond foncé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cj-palette-group\"\u003e\n \u003ch3 class=\"cj-palette-title\"\u003e🔥 Les cuivrés\u003c\/h3\u003e\n \u003cdiv class=\"cj-palette-colors\"\u003e\n \u003cdiv class=\"cj-palette-item\"\u003e\n \u003cdiv class=\"cj-palette-swatch\" style=\"background: linear-gradient(135deg, #c87533, #a85a20);\"\u003e\u003c\/div\u003e\n \u003cspan\u003eCuivré doré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-palette-item\"\u003e\n \u003cdiv class=\"cj-palette-swatch\" style=\"background: linear-gradient(135deg, #b54e2a, #8f3518);\"\u003e\u003c\/div\u003e\n \u003cspan\u003eCuivré intense\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-palette-item\"\u003e\n \u003cdiv class=\"cj-palette-swatch\" style=\"background: linear-gradient(135deg, #a03020, #7d1f14);\"\u003e\u003c\/div\u003e\n \u003cspan\u003eCuivré rouge\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-palette-item\"\u003e\n \u003cdiv class=\"cj-palette-swatch\" style=\"background: linear-gradient(135deg, #8b3a2a, #6b2418);\"\u003e\u003c\/div\u003e\n \u003cspan\u003eAcajou\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cj-palette-group\"\u003e\n \u003ch3 class=\"cj-palette-title\"\u003e🌰 Châtains et bruns\u003c\/h3\u003e\n \u003cdiv class=\"cj-palette-colors\"\u003e\n \u003cdiv class=\"cj-palette-item\"\u003e\n \u003cdiv class=\"cj-palette-swatch\" style=\"background: linear-gradient(135deg, #9a7350, #7a5535);\"\u003e\u003c\/div\u003e\n \u003cspan\u003eNoisette\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-palette-item\"\u003e\n \u003cdiv class=\"cj-palette-swatch\" style=\"background: linear-gradient(135deg, #7a5a3a, #5e4028);\"\u003e\u003c\/div\u003e\n \u003cspan\u003eChâtain\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-palette-item\"\u003e\n \u003cdiv class=\"cj-palette-swatch\" style=\"background: linear-gradient(135deg, #5a3d28, #3e2818);\"\u003e\u003c\/div\u003e\n \u003cspan\u003eChâtain foncé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-palette-item\"\u003e\n \u003cdiv class=\"cj-palette-swatch\" style=\"background: linear-gradient(135deg, #3a2518, #1e120a);\"\u003e\u003c\/div\u003e\n \u003cspan\u003eBrun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cj-tip\"\u003e\n \u003cspan class=\"cj-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003eChaque boîte contient \u003cstrong\u003e2 sachets de 50 g\u003c\/strong\u003e, soit 100 g de poudre — suffisant pour les cheveux mi-longs à longs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003eUne coloration naturelle des cheveux blancs réellement efficace\u003c\/h2\u003e\n \u003cp class=\"cj-section-intro\"\u003eL'un des grands atouts de cette formule est sa capacité à offrir une \u003cstrong\u003ecoloration naturelle sur cheveux blancs\u003c\/strong\u003e avec une couverture complète.\u003c\/p\u003e\n \u003cdiv class=\"cj-grid\"\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🎯 Couverture intégrale\u003c\/h3\u003e\n \u003cp\u003eLes poudres végétales — henné, indigo, camomille, brou de noix selon les teintes — se déposent autour de la fibre capillaire et la gainent sans l'abîmer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e💡 Résultat lumineux\u003c\/h3\u003e\n \u003cp\u003eUne coloration progressive, lumineuse et qui ne laisse aucune racine démarcation disgracieuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🔄 Cheveux 100 % blancs\u003c\/h3\u003e\n \u003cp\u003eSi votre chevelure est intégralement blanche, prévoyez deux applications successives pour un résultat optimal et homogène\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\u003eDes ingrédients 100 % d'origine végétale\u003c\/h2\u003e\n \u003cp class=\"cj-section-intro\"\u003eChaque teinte est composée uniquement de \u003cstrong\u003epoudres de plantes tinctoriales et ayurvédiques\u003c\/strong\u003e. La formulation est garantie :\u003c\/p\u003e\n \u003cdiv class=\"cj-grid-compact\"\u003e\n \u003cdiv class=\"cj-card cj-card-no\"\u003e\n \u003ch3\u003e🚫 Sans PPD\u003c\/h3\u003e\n \u003cp\u003eParaphénylènediamine totalement absente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card cj-card-no\"\u003e\n \u003ch3\u003e🚫 Sans ammoniaque\u003c\/h3\u003e\n \u003cp\u003eNi ammoniaque ni peroxyde dans la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card cj-card-no\"\u003e\n \u003ch3\u003e🚫 Sans colorants\u003c\/h3\u003e\n \u003cp\u003eAucun colorant synthétique ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card cj-card-no\"\u003e\n \u003ch3\u003e🚫 Sans conservateurs\u003c\/h3\u003e\n \u003cp\u003eNi conservateurs ni parfum ajouté\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\u003eContrairement aux colorations chimiques qui pénètrent et fragilisent le cortex du cheveu, cette \u003cstrong\u003ecoloration pour cheveux naturelle\u003c\/strong\u003e enrobe la fibre, la renforce et lui apporte du volume. Vos cheveux sont plus doux, plus épais et visiblement plus brillants après chaque application.\u003c\/p\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 votre 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\u003eLa veille : masque à l'argile\u003c\/h3\u003e\n \u003cp\u003eRéalisez un masque à l'argile pour débarrasser vos cheveux de tout résidu et permettre aux pigments végétaux de mieux adhérer.\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\u003ePréparation de la pâte\u003c\/h3\u003e\n \u003cp\u003eMélangez la poudre avec de l'eau tiède (environ 80 °C) jusqu'à obtenir une pâte onctueuse, 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\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-content\"\u003e\n \u003ch3\u003eApplication mèche par mèche\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur cheveux propres et secs, mèche par mèche, en couches épaisses.\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\u003eTemps de pose : 1 à 3 heures\u003c\/h3\u003e\n \u003cp\u003eCouvrez d'une charlotte et laissez agir \u003cstrong\u003e1 à 3 heures\u003c\/strong\u003e selon l'intensité de couleur 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\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-content\"\u003e\n \u003ch3\u003eRinçage et fixation\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. \u003cstrong\u003eNe lavez pas au shampooing pendant 72 heures\u003c\/strong\u003e afin que les pigments s'oxydent et révèlent toute leur profondeur.\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 le baume 2-en-1 fixateur d'éclat de la même gamme après rinçage pour sceller la couleur et nourrir intensément vos longueurs.\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\u003ePourquoi choisir une coloration naturelle pour cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"cj-cta-box\"\u003e\n \u003cp\u003eOpter pour une \u003cstrong\u003ecoloration naturelle des cheveux\u003c\/strong\u003e, c'est faire le choix d'une beauté responsable. Les Couleurs de Jeanne, développées avec le savoir-faire d'une \u003cstrong\u003eMeilleure Ouvrière de France\u003c\/strong\u003e, allient expertise capillaire et engagement écologique. Vos cheveux retrouvent force et éclat, votre cuir chevelu est respecté, et vous évitez toute exposition aux substances controversées.\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é connue, effectuez 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: #fdf8f3;\n --cj-white: #ffffff;\n --cj-primary: #d4793c;\n --cj-primary-dark: #a0522d;\n --cj-primary-light: #fdf0e6;\n --cj-secondary: #e8a84c;\n --cj-accent: #c44b2b;\n --cj-text: #1a1a1a;\n --cj-text-light: #5a5a5a;\n --cj-border: #e8ddd3;\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, #d4793c 0%, #c44b2b 40%, #a0522d 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,.04) 0%, transparent 60%);\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.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-no {\n border-left: 3px solid var(--cj-accent);\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\/* === PALETTE DE COULEURS === *\/\n.cj-palette {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.cj-palette-group {\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}\n\n.cj-palette-title {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--cj-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.cj-palette-colors {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: .75rem;\n}\n\n.cj-palette-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .5rem;\n}\n\n.cj-palette-swatch {\n width: 56px;\n height: 56px;\n border-radius: 50%;\n box-shadow: 0 3px 12px rgba(0,0,0,.15), inset 0 -2px 4px rgba(0,0,0,.1);\n transition: all .3s ease;\n border: 3px solid var(--cj-white);\n}\n\n.cj-palette-swatch:hover {\n transform: scale(1.15);\n box-shadow: 0 6px 20px rgba(0,0,0,.2);\n}\n\n.cj-palette-item span {\n font-size: 12px;\n font-weight: 600;\n color: var(--cj-text-light);\n text-align: center;\n line-height: 1.3;\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 box-shadow: 0 3px 12px rgba(212,121,60,.3);\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.6;\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::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,.08) 0%, transparent 50%);\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 position: relative;\n z-index: 1;\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-palette-colors {\n grid-template-columns: repeat(4, 1fr);\n gap: .5rem;\n }\n\n .cj-palette-swatch {\n width: 44px;\n height: 44px;\n }\n\n .cj-palette-item span {\n font-size: 10px;\n }\n\n .cj-palette-group {\n padding: 1rem;\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 .cj-timeline-item {\n animation: cjFadeInUp .5s ease backwards;\n }\n .cj-timeline-item:nth-child(1) { animation-delay: .05s; }\n .cj-timeline-item:nth-child(2) { animation-delay: .1s; }\n .cj-timeline-item:nth-child(3) { animation-delay: .15s; }\n .cj-timeline-item:nth-child(4) { animation-delay: .2s; }\n .cj-timeline-item:nth-child(5) { animation-delay: .25s; }\n\n .cj-palette-group {\n animation: cjFadeInUp .5s ease backwards;\n }\n .cj-palette-group:nth-child(1) { animation-delay: .05s; }\n .cj-palette-group:nth-child(2) { animation-delay: .15s; }\n .cj-palette-group:nth-child(3) { animation-delay: .25s; }\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":45755222229149,"sku":"REF1452","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/les_couleurs_de_jeanne-857657.jpg?v=1732720065"},{"product_id":"creme-coiffante-disciplinante-100-g-k-pour-karite","title":"Crème Coiffante Disciplinante - 100 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🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🏅 Certifiée Ecocert Cosmos Natural\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🧴 100 g format nomade\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kpk-hero-title\"\u003eCrème coiffante disciplinante\u003c\/span\u003e\n \u003cp class=\"kpk-subtitle\"\u003eK pour Karité\u003c\/p\u003e\n \u003cp class=\"kpk-description\"\u003eDomptez vos boucles avec une formule naturelle au beurre de karité bio et à l'aloe vera. Coiffage souple, hydratation durable, fini sans résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eCrème coiffante disciplinante K pour Karité : des boucles sublimées au naturel\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eVous cherchez une \u003cstrong\u003ecrème coiffante\u003c\/strong\u003e capable de dompter vos cheveux sans les alourdir ni les agresser ? La \u003cstrong\u003ecrème coiffante disciplinante de K pour Karité\u003c\/strong\u003e est formulée avec 99 % d'ingrédients d'origine naturelle pour offrir à vos cheveux un coiffage souple, une hydratation durable et un fini naturel. Certifiée \u003cstrong\u003eEcocert Cosmos Natural\u003c\/strong\u003e, elle convient aussi bien comme \u003cstrong\u003ecrème coiffante femme\u003c\/strong\u003e que comme \u003cstrong\u003ecrème coiffante homme\u003c\/strong\u003e, quel que soit votre type de cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème coiffante pour vos cheveux ?\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eQue vos cheveux soient lisses, ondulés, bouclés ou crépus, cette crème répond à plusieurs besoins capillaires en un seul geste :\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌀 Redéfinition des boucles\u003c\/h3\u003e\n \u003cp\u003eVéritable crème coiffante boucles, elle sculpte et structure chaque boucle pour un effet wavy souple et rebondi, sans rigidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✨ Action anti-frisottis\u003c\/h3\u003e\n \u003cp\u003eElle lisse la fibre capillaire en surface, réduisant visiblement les frisottis même par temps humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💧 Hydratation et nutrition\u003c\/h3\u003e\n \u003cp\u003eGrâce au beurre de karité et à l'aloe vera bio, vos cheveux retrouvent douceur, brillance et souplesse dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🍃 Coiffage sans résidu\u003c\/h3\u003e\n \u003cp\u003eSa texture légère pénètre rapidement sans laisser d'effet collant ni cartonné, pour un rendu naturel toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eComment utiliser cette crème coiffante disciplinante ?\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eSon utilisation est simple et s'adapte à votre routine. Voici nos conseils pour en tirer le meilleur :\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\u003eSur cheveux humides\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de crème, frottez-la entre vos paumes et répartissez-la des longueurs jusqu'aux pointes. Scrunchez vos boucles pour les redéfinir, puis laissez sécher à l'air libre ou au diffuseur.\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\u003eSur cheveux secs\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite quantité pour lisser les frisottis, donner du mouvement ou créer un look coiffé-décoiffé maîtrisé.\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\u003eEn finition\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la comme touche finale pour discipliner les mèches rebelles et apporter de la brillance.\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\u003eCette crème coiffante cheveux bouclés fonctionne particulièrement bien en combinaison avec un leave-in conditioner pour maximiser l'hydratation des cheveux très secs ou crépus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eUne composition naturelle et certifiée\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eLa force de cette crème coiffante réside dans la qualité de ses ingrédients. Formulée avec \u003cstrong\u003e99 % d'ingrédients naturels\u003c\/strong\u003e dont \u003cstrong\u003e21 % issus de l'agriculture biologique\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément la fibre capillaire, apporte brillance 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 le cuir chevelu sensible et aide à préserver l'éclat des cheveux colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🫒 Oléine de karité\u003c\/h3\u003e\n \u003cp\u003eAssouplit les cheveux et facilite le démêlage sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eRenforce la chevelure et offre une protection contre les agressions extérieures (pollution, chaleur, UV).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🔬 Phytokératine\u003c\/h3\u003e\n \u003cp\u003eRépare et renforce la structure du cheveu pour des longueurs plus résistantes et élastiques.\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. Elle respecte votre cuir chevelu comme l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eCertifications et engagements K pour Karité\u003c\/h2\u003e\n \u003cdiv class=\"kpk-grid-compact\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🏅 Ecocert Cosmos Natural\u003c\/h3\u003e\n \u003cp\u003eFormulation respectueuse des normes environnementales les plus strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌍 Cosmétique responsable\u003c\/h3\u003e\n \u003cp\u003eK pour Karité s'engage depuis ses débuts pour une beauté éthique et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✈️ Format nomade\u003c\/h3\u003e\n \u003cp\u003eTube compact de 100 g, idéal pour glisser dans votre sac ou trousse de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n \u003cp\u003eDont 21 % d'ingrédients issus de l'agriculture biologique certifiée.\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 \u003cdiv class=\"kpk-cta-box\"\u003e\n \u003cp\u003e🌀 Offrez à vos cheveux le soin coiffant qu'ils méritent : naturel, efficace et respectueux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-accordion\"\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 est destiné à un usage externe uniquement. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé. Conservez à 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 \u003cp class=\"kpk-disclaimer\"\u003eLes résultats peuvent varier selon la nature et l'état de vos cheveux. Produit cosmétique, ne se substitue pas à un traitement capillaire professionnel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kpk-cream: #faf8f5;\n --kpk-white: #ffffff;\n --kpk-primary: #3a7ca5;\n --kpk-primary-dark: #1e4d6e;\n --kpk-primary-light: #e8f2f8;\n --kpk-secondary: #c9a34e;\n --kpk-accent: #d4a843;\n --kpk-text: #1a1a1a;\n --kpk-text-light: #5a5a5a;\n --kpk-border: #e4dfd8;\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, #1e4d6e 0%, #3a7ca5 45%, #c9a34e 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(201,163,78,.15) 0%, transparent 50%);\n opacity: .6;\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 .5rem 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, 17px);\n max-width: 600px;\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}\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\/* === 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\/* === 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\/* === 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\/* === 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-bottom: 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\/* === 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\/* === SECTION INTRO === *\/\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.7;\n}\n\n.kpk-section-intro strong {\n color: var(--kpk-text);\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":45755248640157,"sku":"KT0050","price":15.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-coiffante-disciplinante-100-g-k-pour-karite-packshothd.webp?v=1775993447"},{"product_id":"cire-coiffante-bio-40-g-k-pour-karite","title":"Cire Coiffante Bio - 40 gr - K pour Karité","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cire Coiffante Bio K pour Karité\nPalette détectée:\n - Primaire: #8B6914 (brun doré\/bronze du packaging)\n - Secondaire: #5C4A1F (brun foncé terreux)\n - Accent: #C4A35A (doré lumineux)\nAmbiance: Naturel\/organique, masculin-unisexe, artisanal, terreux et authentique\nPréfixe CSS: kpk\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Conseils d'utilisation\"\n 2. \"Composition\"\n 3. \"Origine et fabrication\"\n 4. \"Ingrédients\"\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 SECTION --\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🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🐝 Cire d'abeille\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e✨ Bio certifié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kpk-hero-title\"\u003eCire Coiffante Bio K pour Karité\u003c\/span\u003e\n \u003cp class=\"kpk-subtitle\"\u003eSculptez votre style naturellement\u003c\/p\u003e\n \u003cp class=\"kpk-description\"\u003eUne formule unique aux ingrédients biologiques pour structurer et styliser votre coiffure tout en respectant vos cheveux et l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- INTRODUCTION --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e📦 Format pratique\u003c\/h3\u003e\n \u003cp\u003eBoîte de 40g facile à transporter, idéale pour un usage quotidien à la maison ou en déplacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧈 Texture onctueuse\u003c\/h3\u003e\n \u003cp\u003eFacile à appliquer et à rincer, sans résidus gras. Laisse les cheveux souples et légers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌸 Parfum subtil\u003c\/h3\u003e\n \u003cp\u003eUne expérience sensorielle exceptionnelle avec un parfum naturel et délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CONSEILS D'UTILISATION --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\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élevez une petite quantité\u003c\/h3\u003e\n \u003cp\u003ePrenez une noisette de cire dans la paume de votre main.\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\u003eRéchauffez entre vos mains\u003c\/h3\u003e\n \u003cp\u003eFrottez doucement pour réchauffer la cire et la rendre plus malléable.\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\u003eSculptez votre coiffure\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur cheveux secs ou humides en modelant selon vos envies.\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\u003eRemodelable à volonté\u003c\/h3\u003e\n \u003cp\u003eSa formule légère permet de remodeler votre coiffure à tout moment de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pro :\u003c\/strong\u003e Sur l'ensemble de la chevelure pour un effet plaqué ou sculpté, uniquement sur les pointes pour un rendu naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"kpk-usages\"\u003e\n \u003cp class=\"kpk-usages-title\"\u003eIdéale pour :\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid-compact\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✂️ Coupes courtes\u003c\/h3\u003e\n \u003cp\u003eÉbouriffez et texturez\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💇 Cheveux longs\u003c\/h3\u003e\n \u003cp\u003eRelief et discipline\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🪶 Cheveux fins\u003c\/h3\u003e\n \u003cp\u003eTexture et volume\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌀 Cheveux bouclés\u003c\/h3\u003e\n \u003cp\u003eDéfinition des boucles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eDes ingrédients naturels et biologiques soigneusement sélectionnés pour leurs bienfaits pour le cuir chevelu et les cheveux.\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003ePropriétés hydratantes et nourrissantes exceptionnelles. Assure une protection optimale de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eAssure la tenue de votre coiffure tout en respectant la nature de vos cheveux, sans les alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines et minéraux, elle nourrit et protège vos cheveux en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle de romarin\u003c\/h3\u003e\n \u003cp\u003eStimule la circulation sanguine du cuir chevelu, fortifie les cheveux et aide à prévenir leur chute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE ET FABRICATION --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n \u003cdiv class=\"kpk-testimonial\"\u003e\n \u003cp class=\"kpk-testimonial-text\"\u003eFabriquée en France dans la Loire, cette cire coiffante est le fruit d'un savoir-faire artisanal et d'un engagement profond pour le respect de l'environnement. K pour Karité utilise des méthodes de production éthiques et durables pour offrir des produits de haute qualité, tout en minimisant l'impact écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire artisanal de la Loire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌱 Démarche éthique\u003c\/h3\u003e\n \u003cp\u003eProduction durable et solidaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INGRÉDIENTS --\u003e\n \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eIngrédients\u003c\/h2\u003e\n \u003cdiv class=\"kpk-accordion\"\u003e\n \u003cdetails class=\"kpk-accordion-item\"\u003e\n \u003csummary class=\"kpk-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"kpk-accordion-content\"\u003e\n \u003cp\u003eRicinus communis (castor) seed oil, cocos nucifera (coconut) oil*, cera alba (cire d'abeille\/beeswax), hydrogenated castor oil, orbignya oleifera (huile de babassu\/babassu vegetable oil) seed oil*, cetearyl alcohol, simmondsia chinensis (huile végétale de jojoba\/jojoba) seed oil*, butyrospermum parkii (beurre de karité\/shea butter) extract, parfum (fragrance), copernicia cerifera (carnauba) wax, tocopherol, linalool\u003c\/p\u003e\n \u003cp style=\"margin-top: .75rem;\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kpk-accordion-item\"\u003e\n \u003csummary class=\"kpk-accordion-header\"\u003e🌿 Naturalité \u0026amp; certifications\u003c\/summary\u003e\n \u003cdiv class=\"kpk-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003e100%\u003c\/strong\u003e du total des ingrédients sont d'origine naturelle.\u003cbr\u003e\n \u003cstrong\u003e40%\u003c\/strong\u003e du total des ingrédients sont issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003cp style=\"margin-top: .5rem;\"\u003eCertifié COSMOS Natural par ECOCERT.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kpk-cta-box\"\u003e\n \u003cp\u003eFaites le choix d'un produit qui combine \u003cstrong\u003eefficacité\u003c\/strong\u003e, \u003cstrong\u003enaturel\u003c\/strong\u003e et \u003cstrong\u003eéthique\u003c\/strong\u003e.\u003cbr\u003eOffrez à vos cheveux la douceur et la tenue qu'ils méritent.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"kpk-disclaimer\"\u003eLes résultats peuvent varier selon les types de cheveux. Pour une tenue optimale, adapter la quantité à la longueur et l'épaisseur de vos cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kpk-cream: #FAF8F5;\n --kpk-white: #ffffff;\n --kpk-primary: #8B6914;\n --kpk-primary-dark: #5C4A1F;\n --kpk-primary-light: #F5EFE0;\n --kpk-secondary: #6B5D4D;\n --kpk-accent: #C4A35A;\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, #5C4A1F 0%, #8B6914 50%, #C4A35A 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%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.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,.95);\n font-size: clamp(18px, 4vw, 24px);\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 color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.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.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\/* === 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\/* === 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\/* === 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-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.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\/* === USAGES === *\/\n.kpk-usages {\n margin-top: 1.5rem;\n}\n\n.kpk-usages-title {\n font-size: 16px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n text-align: center;\n margin-bottom: 1rem;\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\/* === 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 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\/* === 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 .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: 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\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":45755260666013,"sku":"KPKCCC1","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cire-coiffante-bio-40-gr-k-pour-karite-packshothd.webp?v=1775998731"},{"product_id":"mascara-bio-pour-cheveux-5-nuances-disponibles-15-g-k-pour-karite","title":"Mascara Bio Pour Cheveux - 4 Nuances Disponibles - K pour Karité","description":"\u003cdiv class=\"kmc-premium\"\u003e\n\u003cdiv class=\"kmc-hero\"\u003e\n\u003cdiv class=\"kmc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kmc-hero-content\"\u003e\n\u003cdiv class=\"kmc-badges-top\"\u003e\n\u003cspan class=\"kmc-badge\"\u003e🌿 Certifié Ecocert\u003c\/span\u003e \u003cspan class=\"kmc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"kmc-badge\"\u003e🎨 4 nuances\u003c\/span\u003e \u003cspan class=\"kmc-badge\"\u003e🧴 15 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"kmc-hero-title\" style=\"font-size: 28px;\"\u003eEnfin un mascara bio pour camoufler ses cheveux blancs\u003c\/span\u003e\n\u003cp class=\"kmc-subtitle\"\u003eK pour Karité — 4 nuances disponibles\u003c\/p\u003e\n\u003cp class=\"kmc-description\"\u003eLa retouche capillaire naturelle et express pour camoufler vos repousses, couvrir les cheveux blancs ou illuminer une mèche, sans compromettre la santé de votre fibre capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"kmc-section\"\u003e\n\u003ch2\u003eMascara bio pour cheveux K pour Karité : la retouche capillaire naturelle et express\u003c\/h2\u003e\n\u003cp class=\"kmc-section-intro\"\u003eQuelques cheveux blancs qui pointent aux tempes, des racines visibles entre deux colorations, ou simplement l'envie d'illuminer une mèche pour une occasion spéciale ? Le \u003cstrong\u003emascara bio pour cheveux K pour Karité\u003c\/strong\u003e est la solution idéale pour toutes ces situations du quotidien.\u003c\/p\u003e\n\u003cp class=\"kmc-section-intro\"\u003eCertifié \u003cstrong\u003eEcocert\u003c\/strong\u003e et formulé à base d'ingrédients naturels, ce \u003cstrong\u003emascara cheveux bio\u003c\/strong\u003e vous offre une \u003cstrong\u003ecoloration temporaire\u003c\/strong\u003e fiable, sans compromettre la santé de votre fibre capillaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"kmc-section\"\u003e\n\u003ch2\u003e4 nuances pour s'adapter à votre couleur naturelle\u003c\/h2\u003e\n\u003cp class=\"kmc-section-intro\"\u003eChaque chevelure est unique, c'est pourquoi ce mascara capillaire est disponible en \u003cstrong\u003e4 teintes soigneusement calibrées\u003c\/strong\u003e :\u003c\/p\u003e\n\u003cdiv class=\"kmc-grid-compact\"\u003e\n\u003cdiv class=\"kmc-card kmc-card-nuance kmc-nuance-blond\"\u003e\n\u003ch3\u003e☀️ Blond foncé\u003c\/h3\u003e\n\u003cp\u003eParfait pour les blonds vénitiens et les châtains très clairs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card kmc-card-nuance kmc-nuance-chatain\"\u003e\n\u003ch3\u003e🌰 Châtain moyen\u003c\/h3\u003e\n\u003cp\u003eLa teinte passe-partout pour les châtains naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card kmc-card-nuance kmc-nuance-chatain-fonce\"\u003e\n\u003ch3\u003e🍫 Châtain foncé\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les bruns clairs et les châtains profonds\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card kmc-card-nuance kmc-nuance-brun\"\u003e\n\u003ch3\u003e🖤 Brun\u003c\/h3\u003e\n\u003cp\u003eLa nuance intense pour les chevelures foncées à très foncées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-tip\"\u003e\n\u003cspan class=\"kmc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eSi vous hésitez entre deux nuances, choisissez la plus claire. Vous pourrez toujours intensifier le résultat en superposant une seconde couche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kmc-section\"\u003e\n\u003ch2\u003eUn mascara bio pour cheveux blancs vraiment efficace\u003c\/h2\u003e\n\u003cdiv class=\"kmc-grid\"\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e🎯 Précision mèche par mèche\u003c\/h3\u003e\n\u003cp\u003eContrairement aux sprays ou aux colorations chimiques temporaires, son applicateur brossette permet un geste précis. Le pigment se dépose uniformément, sans couler ni tacher la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e✨ Rendu naturel et discret\u003c\/h3\u003e\n\u003cp\u003eUn résultat qui se fond dans votre couleur naturelle, pour un camouflage invisible des repousses et des cheveux blancs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e🚿 S'élimine au shampooing\u003c\/h3\u003e\n\u003cp\u003eCe mascara coloration temporaire pour cheveux s'élimine simplement au shampooing suivant, sans laisser de résidu ni altérer votre couleur de base.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kmc-section\"\u003e\n\u003ch2\u003eUne composition clean, certifiée bio\u003c\/h2\u003e\n\u003cp class=\"kmc-section-intro\"\u003eLa formule de ce mascara pour cheveux bio de K pour Karité repose sur des actifs naturels rigoureusement sélectionnés :\u003c\/p\u003e\n\u003cdiv class=\"kmc-grid-compact\"\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n\u003cp\u003eNourrit la fibre capillaire en profondeur et apporte de la brillance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n\u003cp\u003eGarantit une tenue souple et une fixation douce toute la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e🌻 Extrait de tournesol\u003c\/h3\u003e\n\u003cp\u003eProtège le cheveu et aide à maintenir l'éclat de la couleur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e🎨 Pigments naturels\u003c\/h3\u003e\n\u003cp\u003eColorent sans agresser, pour un résultat ton sur ton\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-tip\"\u003e\n\u003cspan class=\"kmc-tip-icon\"\u003e🚫\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans paraben, sans silicone, sans ammoniaque.\u003c\/strong\u003e La formulation respecte à la fois votre cuir chevelu et l'environnement. Le tube de 15 g est compact, facile à glisser dans un sac pour des retouches en toute discrétion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kmc-section\"\u003e\n\u003ch2\u003eComment appliquer votre mascara cheveux bio ?\u003c\/h2\u003e\n\u003cdiv class=\"kmc-timeline\"\u003e\n\u003cdiv class=\"kmc-timeline-item\"\u003e\n\u003cdiv class=\"kmc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-content\"\u003e\n\u003ch3\u003eSecouez\u003c\/h3\u003e\n\u003cp\u003eSecouez légèrement le tube avant chaque utilisation pour homogénéiser les pigments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-item\"\u003e\n\u003cdiv class=\"kmc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eSur cheveux secs, en partant des racines vers les pointes sur les zones à couvrir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-item\"\u003e\n\u003cdiv class=\"kmc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-content\"\u003e\n\u003ch3\u003eBrossez\u003c\/h3\u003e\n\u003cp\u003eDélicatement avec la brossette intégrée pour répartir la couleur de façon homogène.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-item\"\u003e\n\u003cdiv class=\"kmc-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-content\"\u003e\n\u003ch3\u003ePatientez\u003c\/h3\u003e\n\u003cp\u003eDeux à trois minutes le temps du séchage complet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-item\"\u003e\n\u003cdiv class=\"kmc-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"kmc-timeline-content\"\u003e\n\u003ch3\u003eSuperposez\u003c\/h3\u003e\n\u003cp\u003eUne deuxième couche si vous souhaitez un résultat plus couvrant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-tip\"\u003e\n\u003cspan class=\"kmc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eRéalisez un essai sur une petite mèche pour vérifier le rendu de la teinte avant une application plus étendue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kmc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eFabriqué en France, engagé pour la planète\u003c\/h2\u003e\n\u003cdiv class=\"kmc-grid\"\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e🇫🇷 Production française\u003c\/h3\u003e\n\u003cp\u003eK pour Karité fabrique ses produits en France, garantissant une qualité irréprochable et une empreinte écologique réduite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n\u003cp\u003eLe beurre de karité bio est issu de coopératives de petits producteurs, soutenant des filières équitables et responsables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-card\"\u003e\n\u003ch3\u003e💚 Beauté responsable\u003c\/h3\u003e\n\u003cp\u003eQue vous l'utilisiez au quotidien pour masquer vos premières repousses ou ponctuellement pour sublimer votre coiffure, ce mascara bio deviendra vite un indispensable de votre trousse beauté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kmc-cta-box\"\u003e\n\u003cp\u003ePratique, naturel et respectueux : le mascara bio K pour Karité coche toutes les cases pour une retouche capillaire express et sans compromis. 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --kmc-cream: #faf6f1;\n --kmc-white: #ffffff;\n --kmc-primary: #5c3a2e;\n --kmc-primary-dark: #3d2219;\n --kmc-primary-light: #f3ebe4;\n --kmc-secondary: #c89a6b;\n --kmc-accent: #d4a574;\n --kmc-text: #1a1a1a;\n --kmc-text-light: #5a5a5a;\n --kmc-border: #e8ddd4;\n --kmc-shadow: 0 4px 24px rgba(92,58,46,.08);\n --kmc-shadow-lg: 0 12px 48px rgba(92,58,46,.15);\n --kmc-radius: 20px;\n --kmc-radius-sm: 12px;\n}\n\n.kmc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kmc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kmc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--kmc-primary-dark) 0%, var(--kmc-primary) 50%, var(--kmc-secondary) 100%);\n border-radius: var(--kmc-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(--kmc-shadow-lg);\n}\n\n.kmc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(200,154,107,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,165,116,.1) 0%, transparent 50%),\n repeating-conic-gradient(rgba(255,255,255,.02) 0% 25%, transparent 0% 50%) 0 0 \/ 60px 60px;\n opacity: .5;\n}\n\n.kmc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kmc-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.kmc-subtitle {\n color: var(--kmc-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.kmc-description {\n color: rgba(255,255,255,.88);\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.kmc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kmc-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(--kmc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kmc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kmc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kmc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kmc-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.kmc-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(--kmc-primary), var(--kmc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kmc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kmc-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.kmc-section-intro strong {\n color: var(--kmc-primary-dark);\n}\n\n\/* === CARDS === *\/\n.kmc-card {\n background: var(--kmc-white);\n border-radius: var(--kmc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kmc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kmc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kmc-shadow-lg);\n border-color: var(--kmc-primary);\n}\n\n.kmc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kmc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kmc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kmc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === NUANCES CARDS SPECIAL === *\/\n.kmc-card-nuance {\n border-top: 4px solid transparent;\n}\n\n.kmc-nuance-blond { border-top-color: #c5a55a; }\n.kmc-nuance-chatain { border-top-color: #8b6b4a; }\n.kmc-nuance-chatain-fonce { border-top-color: #5c3a2e; }\n.kmc-nuance-brun { border-top-color: #2d1a12; }\n\n\/* === GRILLES === *\/\n.kmc-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.kmc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kmc-grid-compact .kmc-card {\n padding: 1rem;\n}\n\n.kmc-grid-compact .kmc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kmc-grid-compact .kmc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kmc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kmc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kmc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kmc-primary), var(--kmc-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.kmc-timeline-content {\n flex: 1;\n background: var(--kmc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kmc-radius-sm);\n box-shadow: var(--kmc-shadow);\n}\n\n.kmc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kmc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kmc-timeline-content p {\n font-size: 14px;\n color: var(--kmc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kmc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kmc-primary-light);\n border-radius: var(--kmc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kmc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kmc-tip p {\n font-size: 14px;\n color: var(--kmc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kmc-tip p strong {\n color: var(--kmc-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.kmc-cta-box {\n background: linear-gradient(135deg, var(--kmc-primary) 0%, var(--kmc-primary-dark) 100%);\n border-radius: var(--kmc-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.kmc-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 .kmc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kmc-card {\n padding: 1.125rem;\n }\n\n .kmc-section {\n margin-bottom: 1.75rem;\n }\n\n .kmc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kmc-radius-sm);\n }\n\n .kmc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kmc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kmc-grid-compact {\n gap: .625rem;\n }\n\n .kmc-grid-compact .kmc-card {\n padding: .75rem;\n }\n\n .kmc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kmc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kmc-timeline-content h3 {\n font-size: 14px;\n }\n\n .kmc-timeline-content p {\n font-size: 13px;\n }\n\n .kmc-tip {\n padding: .875rem 1rem;\n }\n\n .kmc-tip-icon {\n font-size: 20px;\n }\n\n .kmc-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kmc-card {\n animation: kmcFadeInUp .5s ease backwards;\n }\n .kmc-card:nth-child(1) { animation-delay: .05s; }\n .kmc-card:nth-child(2) { animation-delay: .1s; }\n .kmc-card:nth-child(3) { animation-delay: .15s; }\n .kmc-card:nth-child(4) { animation-delay: .2s; }\n .kmc-card:nth-child(5) { animation-delay: .25s; }\n .kmc-card:nth-child(6) { animation-delay: .3s; }\n\n .kmc-timeline-item {\n animation: kmcFadeInUp .5s ease backwards;\n }\n .kmc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .kmc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .kmc-timeline-item:nth-child(3) { animation-delay: .15s; }\n .kmc-timeline-item:nth-child(4) { animation-delay: .2s; }\n .kmc-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes kmcFadeInUp {\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 .kmc-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":"N°2 - Brun","offer_id":45755271479453,"sku":"MASCARAKBRUN","price":12.79,"currency_code":"EUR","in_stock":true},{"title":"N°3 - Châtain foncé","offer_id":45755271512221,"sku":"MASCARAKCHATFONCE","price":12.79,"currency_code":"EUR","in_stock":true},{"title":"N°4 - Châtain moyen","offer_id":54922712154489,"sku":"MASCARAKCHATMOY","price":12.79,"currency_code":"EUR","in_stock":true},{"title":"N°6 - Blond foncé","offer_id":45755271577757,"sku":"MASCARAKBLDFONCE","price":12.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mascara-bio-pour-cheveux-4-nuances-disponibles-k-pour-karite-packshothd_8b04eb21-da90-4fba-9b7a-99299d283132.webp?v=1775110990"},{"product_id":"capitonic-cosmetique-haut-de-gamme-cheveu-125-ml-jade-recherche","title":"Capitonic - Anti-Chute et Repousse des Cheveux - 125 ml - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Capitonic - Anti-Chute et Repousse des Cheveux\nPalette détectée:\n - Primaire: #E5A91B (jaune doré\/moutarde du bandeau principal)\n - Secondaire: #C84536 (rouge brique du cartouche \"CAPI TONIC\")\n - Accent: #4A7C59 (vert jade du logo Jade Recherche)\nAmbiance: Naturel\/scientifique, laboratoire français, soin capillaire expert, fond blanc épuré avec touches chaudes\nPréfixe CSS: ct\n--\u003e\n\n\u003cdiv class=\"ct-premium\"\u003e\n\n \u003c!-- HERO SECTION --\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🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ct-badge\"\u003e🧪 Silicium organique\u003c\/span\u003e\n \u003cspan class=\"ct-badge\"\u003e🌿 Huiles essentielles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ct-hero-title\"\u003eCapitonic\u003c\/span\u003e\n \u003cp class=\"ct-subtitle\"\u003eLotion anti-chute \u0026amp; repousse des cheveux\u003c\/p\u003e\n \u003cp class=\"ct-description\"\u003eLa synergie experte du silicium organique, du vinaigre de cidre et des huiles essentielles pour des cheveux renforcés, une chute freinée et une repousse visible.\u003c\/p\u003e\n \u003cdiv class=\"ct-hero-stats\"\u003e\n \u003cdiv class=\"ct-stat\"\u003e\n \u003cspan class=\"ct-stat-number\"\u003e125\u003c\/span\u003e\n \u003cspan class=\"ct-stat-label\"\u003eml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-stat\"\u003e\n \u003cspan class=\"ct-stat-number\"\u003e1-6\u003c\/span\u003e\n \u003cspan class=\"ct-stat-label\"\u003emois de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-stat\"\u003e\n \u003cspan class=\"ct-stat-number\"\u003e2x\u003c\/span\u003e\n \u003cspan class=\"ct-stat-label\"\u003epar jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POURQUOI CHOISIR --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003ePourquoi choisir Capitonic ?\u003c\/h2\u003e\n \u003cp class=\"ct-intro\"\u003eContrairement aux lotions classiques qui masquent le problème, Capitonic agit en profondeur sur le cuir chevelu et le follicule pileux.\u003c\/p\u003e\n \u003cdiv class=\"ct-grid\"\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003cdiv class=\"ct-card-icon\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003eRenforce la fibre\u003c\/h3\u003e\n \u003cp\u003eAction dès la racine grâce au silicium organique hautement biodisponible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003cdiv class=\"ct-card-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3\u003eRééquilibre le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eNormalise la production de sébum pour un environnement sain\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003cdiv class=\"ct-card-icon\"\u003e🔄\u003c\/div\u003e\n \u003ch3\u003eStimule la microcirculation\u003c\/h3\u003e\n \u003cp\u003eNourrit mieux les follicules pour une meilleure vitalité capillaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003cdiv class=\"ct-card-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003eFavorise la repousse\u003c\/h3\u003e\n \u003cp\u003eCheveux plus denses, plus vigoureux et plus résistants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACTIF CLÉ : SILICIUM --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eLe silicium organique : l'actif clé\u003c\/h2\u003e\n \u003cdiv class=\"ct-highlight-box\"\u003e\n \u003cdiv class=\"ct-highlight-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"ct-highlight-content\"\u003e\n \u003cp\u003eCet oligo-élément essentiel est au cœur de la formule Capitonic. Il joue un rôle fondamental dans la santé du cheveu et la régénération du bulbe capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-grid ct-grid-2\"\u003e\n \u003cdiv class=\"ct-benefit-card\"\u003e\n \u003cspan class=\"ct-benefit-number\"\u003e01\u003c\/span\u003e\n \u003ch4\u003eRégénération tissulaire\u003c\/h4\u003e\n \u003cp\u003eSoutient le tissu conjonctif qui entoure et protège le bulbe capillaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-benefit-card\"\u003e\n \u003cspan class=\"ct-benefit-number\"\u003e02\u003c\/span\u003e\n \u003ch4\u003eNutrition optimisée\u003c\/h4\u003e\n \u003cp\u003eAméliore les échanges cellulaires pour mieux nourrir les follicules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-benefit-card\"\u003e\n \u003cspan class=\"ct-benefit-number\"\u003e03\u003c\/span\u003e\n \u003ch4\u003eSynergie minérale\u003c\/h4\u003e\n \u003cp\u003ePotentialise le cuivre et le zinc, essentiels à la pigmentation et solidité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-benefit-card\"\u003e\n \u003cspan class=\"ct-benefit-number\"\u003e04\u003c\/span\u003e\n \u003ch4\u003eTige renforcée\u003c\/h4\u003e\n \u003cp\u003eCheveux plus résistants à la casse et aux agressions quotidiennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-cider-box\"\u003e\n \u003cspan class=\"ct-cider-icon\"\u003e🍎\u003c\/span\u003e\n \u003cp\u003eAssocié au \u003cstrong\u003evinaigre de cidre\u003c\/strong\u003e, le silicium contribue à restaurer le pH naturel du cuir chevelu, créant un environnement favorable à la pousse de cheveux sains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- HUILES ESSENTIELLES --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eLe complexe d'huiles essentielles\u003c\/h2\u003e\n \u003cp class=\"ct-intro\"\u003eChaque huile a été sélectionnée pour ses propriétés spécifiques sur la santé capillaire.\u003c\/p\u003e\n \u003cdiv class=\"ct-oils-grid\"\u003e\n \u003cdiv class=\"ct-oil-card\"\u003e\n \u003cdiv class=\"ct-oil-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch4\u003eLaurier noble\u003c\/h4\u003e\n \u003cp\u003eStimule la circulation sanguine et purifie le cuir chevelu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-oil-card\"\u003e\n \u003cdiv class=\"ct-oil-icon\"\u003e🌾\u003c\/div\u003e\n \u003ch4\u003eRomarin\u003c\/h4\u003e\n \u003cp\u003eFavorise la pousse et redonne vigueur aux cheveux fatigués\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-oil-card\"\u003e\n \u003cdiv class=\"ct-oil-icon\"\u003e🍃\u003c\/div\u003e\n \u003ch4\u003eSauge\u003c\/h4\u003e\n \u003cp\u003eRégule l'excès de sébum et apporte brillance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-oil-card\"\u003e\n \u003cdiv class=\"ct-oil-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch4\u003eYlang-ylang\u003c\/h4\u003e\n \u003cp\u003eNourrit en profondeur avec un parfum délicat\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=\"ct-section\"\u003e\n \u003ch2\u003eComment utiliser Capitonic ?\u003c\/h2\u003e\n \u003cdiv class=\"ct-usage-container\"\u003e\n \u003cdiv class=\"ct-usage-daily\"\u003e\n \u003ch3\u003e📋 Application quotidienne\u003c\/h3\u003e\n \u003cdiv class=\"ct-steps\"\u003e\n \u003cdiv class=\"ct-step\"\u003e\n \u003cspan class=\"ct-step-num\"\u003e1\u003c\/span\u003e\n \u003cp\u003eVaporisez \u003cstrong\u003e1 spray\u003c\/strong\u003e directement sur les racines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-step\"\u003e\n \u003cspan class=\"ct-step-num\"\u003e2\u003c\/span\u003e\n \u003cp\u003eAppliquez \u003cstrong\u003ematin et soir\u003c\/strong\u003e pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-step\"\u003e\n \u003cspan class=\"ct-step-num\"\u003e3\u003c\/span\u003e\n \u003cp\u003eMassez délicatement du bout des doigts pendant \u003cstrong\u003e1 à 2 minutes\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-step\"\u003e\n \u003cspan class=\"ct-step-num\"\u003e4\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas rincer\u003c\/strong\u003e : le produit agit en continu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"ct-usage-note\"\u003e💡 Peut s'appliquer sur cheveux secs ou légèrement humides après le lavage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-usage-duration\"\u003e\n \u003ch3\u003e⏱️ Durée de la cure\u003c\/h3\u003e\n \u003cdiv class=\"ct-duration-box\"\u003e\n \u003cdiv class=\"ct-duration-range\"\u003e\n \u003cspan class=\"ct-duration-num\"\u003e1 à 6\u003c\/span\u003e\n \u003cspan class=\"ct-duration-unit\"\u003emois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eselon l'intensité de la chute\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-results-timeline\"\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cspan class=\"ct-timeline-dot\"\u003e\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e1er mois\u003c\/strong\u003e\n \u003cp\u003eRéduction de la chute, cheveux plus forts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cspan class=\"ct-timeline-dot\"\u003e\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e2-3 mois\u003c\/strong\u003e\n \u003cp\u003eApparition de nouveaux cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cspan class=\"ct-timeline-dot\"\u003e\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e4-6 mois\u003c\/strong\u003e\n \u003cp\u003eDensité et vigueur retrouvées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\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=\"ct-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse Capitonic ?\u003c\/h2\u003e\n \u003cp class=\"ct-intro\"\u003eCette lotion convient aux hommes comme aux femmes, pour tous types de cheveux.\u003c\/p\u003e\n \u003cdiv class=\"ct-grid ct-grid-3\"\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e📉\u003c\/span\u003e\n \u003ch4\u003eChute diffuse ou localisée\u003c\/h4\u003e\n \u003cp\u003ePerte de cheveux visible au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e🪶\u003c\/span\u003e\n \u003ch4\u003eCheveux fins et fragiles\u003c\/h4\u003e\n \u003cp\u003eManque de densité et de volume\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e⚖️\u003c\/span\u003e\n \u003ch4\u003eCuir chevelu déséquilibré\u003c\/h4\u003e\n \u003cp\u003eExcès de sébum ou sécheresse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e😰\u003c\/span\u003e\n \u003ch4\u003eStress et fatigue\u003c\/h4\u003e\n \u003cp\u003ePerte de vigueur liée aux tensions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e🍂\u003c\/span\u003e\n \u003ch4\u003eChangements saisonniers\u003c\/h4\u003e\n \u003cp\u003eChute automne\/printemps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch4\u003ePrévention\u003c\/h4\u003e\n \u003cp\u003eAvant que la chute ne s'installe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION INCI --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"ct-inci-box\"\u003e\n \u003cp style=\"font-size:0.6em;\"\u003eAqua, Acetone, Guar Gum, \u003cstrong\u003eLaurus Nobilis Oil\u003c\/strong\u003e (Huile essentielle de Laurier noble), \u003cstrong\u003eRosmarinus Officinalis Oil\u003c\/strong\u003e (Huile essentielle de Romarin), \u003cstrong\u003eSalvia Officinalis Oil\u003c\/strong\u003e (Huile essentielle de Sauge), \u003cstrong\u003eCananga Odorata Oil\u003c\/strong\u003e (Huile essentielle d'Ylang-ylang), \u003cstrong\u003eMethylsilanol Hydroxyproline Aspartate\u003c\/strong\u003e (Silicium organique), Polysorbate 20, Caprylyl Glycol, Sodium Lactate, Sodium Formate, Citric Acid, Methylchloroisothiazolinone, Benzyl Benzoate, Ascorbic Acid, Phenoxyethanol, Sorbic Acid, Limonene.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ct-warning-box\"\u003e\n \u003cul class=\"ct-warning-list\"\u003e\n \u003cli\u003eUsage externe uniquement\u003c\/li\u003e\n \u003cli\u003eÉvitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire\u003c\/li\u003e\n \u003cli\u003eContient des huiles essentielles : déconseillé aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans sans avis médical\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"ct-info-grid\"\u003e\n\n \u003cdiv class=\"ct-info-item\"\u003e\n \u003cspan class=\"ct-info-icon\"\u003e💨\u003c\/span\u003e\n \u003cspan class=\"ct-info-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"ct-info-value\"\u003eFlacon spray\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-info-item\"\u003e\n \u003cspan class=\"ct-info-icon\"\u003e⏳\u003c\/span\u003e\n \u003cspan class=\"ct-info-label\"\u003eDurée\u003c\/span\u003e\n \u003cspan class=\"ct-info-value\"\u003e≈ 2 mois\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ct-info-item\"\u003e\n \u003cspan class=\"ct-info-icon\"\u003e🏢\u003c\/span\u003e\n \u003cspan class=\"ct-info-label\"\u003eLaboratoire\u003c\/span\u003e\n \u003cspan class=\"ct-info-value\"\u003eJade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-info-item\"\u003e\n \u003cspan class=\"ct-info-icon\"\u003e👥\u003c\/span\u003e\n \u003cspan class=\"ct-info-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"ct-info-value\"\u003eHommes \u0026amp; Femmes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ct-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ct-cta-box\"\u003e\n \u003cdiv class=\"ct-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ct-cta-content\"\u003e\n \u003cspan class=\"ct-cta-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eFormulé par \u003cstrong\u003eJade Recherche\u003c\/strong\u003e, laboratoire français engagé dans les soins naturels et efficaces. Des ingrédients rigoureusement sélectionnés pour leur qualité, leur traçabilité et le respect de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"ct-cta-badges\"\u003e\n \u003cspan class=\"ct-cta-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e\n \u003cspan class=\"ct-cta-badge\"\u003e🔬 Expertise française\u003c\/span\u003e\n \u003cspan class=\"ct-cta-badge\"\u003e💚 Engagement qualité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ct-cream: #FDFBF7;\n --ct-white: #ffffff;\n --ct-primary: #E5A91B;\n --ct-primary-dark: #C4900F;\n --ct-primary-light: #FDF6E3;\n --ct-secondary: #C84536;\n --ct-secondary-light: #FCEAE8;\n --ct-accent: #4A7C59;\n --ct-accent-light: #E8F2EA;\n --ct-text: #1a1a1a;\n --ct-text-light: #5a5a5a;\n --ct-border: #e8e4dc;\n --ct-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ct-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --ct-radius: 20px;\n --ct-radius-sm: 12px;\n}\n\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 color: var(--ct-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.ct-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ct-primary) 0%, var(--ct-primary-dark) 50%, var(--ct-secondary) 100%);\n border-radius: var(--ct-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(--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 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 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%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .6;\n}\n\n.ct-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ct-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\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.ct-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 60px);\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.ct-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ct-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.ct-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(2rem, 5vw, 4rem);\n flex-wrap: wrap;\n}\n\n.ct-stat {\n text-align: center;\n}\n\n.ct-stat-number {\n display: block;\n color: white;\n font-size: clamp(32px, 5vw, 48px);\n font-weight: 900;\n line-height: 1;\n}\n\n.ct-stat-label {\n color: rgba(255,255,255,.8);\n font-size: 14px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.ct-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.ct-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--ct-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.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.ct-intro {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--ct-text-light);\n max-width: 700px;\n margin: 0 auto clamp(2rem, 4vw, 3rem) auto;\n}\n\n\/* === GRILLES === *\/\n.ct-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.ct-grid-2 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n.ct-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n\/* === CARDS === *\/\n.ct-card {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 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(-8px);\n box-shadow: var(--ct-shadow-lg);\n border-color: var(--ct-primary);\n}\n\n.ct-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.ct-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ct-text);\n margin: 0 0 .75rem 0;\n}\n\n.ct-card p {\n font-size: 15px;\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ct-highlight-box {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: linear-gradient(135deg, var(--ct-primary-light) 0%, var(--ct-accent-light) 100%);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 2rem;\n border-left: 5px solid var(--ct-primary);\n}\n\n.ct-highlight-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.ct-highlight-content p {\n margin: 0;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--ct-text);\n line-height: 1.7;\n}\n\n\/* === BENEFIT CARDS === *\/\n.ct-benefit-card {\n background: var(--ct-white);\n border-radius: var(--ct-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--ct-shadow);\n position: relative;\n overflow: hidden;\n transition: all .3s ease;\n}\n\n.ct-benefit-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--ct-shadow-lg);\n}\n\n.ct-benefit-number {\n position: absolute;\n top: 10px;\n right: 15px;\n font-size: 48px;\n font-weight: 900;\n color: var(--ct-primary);\n opacity: .15;\n line-height: 1;\n}\n\n.ct-benefit-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ct-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ct-benefit-card p {\n font-size: 14px;\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CIDER BOX === *\/\n.ct-cider-box {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--ct-white);\n border-radius: var(--ct-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 2rem;\n border: 2px dashed var(--ct-primary);\n}\n\n.ct-cider-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.ct-cider-box p {\n margin: 0;\n font-size: 15px;\n color: var(--ct-text);\n}\n\n\/* === OILS GRID === *\/\n.ct-oils-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.ct-oil-card {\n background: linear-gradient(145deg, var(--ct-accent-light) 0%, var(--ct-white) 100%);\n border-radius: var(--ct-radius);\n padding: 1.5rem;\n text-align: center;\n border: 2px solid var(--ct-accent);\n border-opacity: .2;\n transition: all .3s ease;\n}\n\n.ct-oil-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--ct-shadow);\n}\n\n.ct-oil-icon {\n font-size: 40px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.ct-oil-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ct-accent);\n margin: 0 0 .5rem 0;\n}\n\n.ct-oil-card p {\n font-size: 14px;\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === USAGE === *\/\n.ct-usage-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 2rem;\n}\n\n.ct-usage-daily, .ct-usage-duration {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ct-shadow);\n}\n\n.ct-usage-daily h3, .ct-usage-duration h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ct-text);\n margin: 0 0 1.5rem 0;\n}\n\n.ct-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ct-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.ct-step-num {\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg, var(--ct-primary), var(--ct-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 14px;\n flex-shrink: 0;\n}\n\n.ct-step p {\n margin: 0;\n font-size: 15px;\n color: var(--ct-text);\n padding-top: 4px;\n}\n\n.ct-usage-note {\n margin: 1.5rem 0 0 0;\n padding: 1rem;\n background: var(--ct-primary-light);\n border-radius: var(--ct-radius-sm);\n font-size: 14px;\n color: var(--ct-primary-dark);\n}\n\n.ct-duration-box {\n text-align: center;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--ct-secondary-light) 0%, var(--ct-primary-light) 100%);\n border-radius: var(--ct-radius-sm);\n margin-bottom: 1.5rem;\n}\n\n.ct-duration-range {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: .5rem;\n}\n\n.ct-duration-num {\n font-size: 42px;\n font-weight: 900;\n color: var(--ct-secondary);\n line-height: 1;\n}\n\n.ct-duration-unit {\n font-size: 20px;\n font-weight: 700;\n color: var(--ct-secondary);\n}\n\n.ct-duration-box \u003e p {\n margin: .5rem 0 0 0;\n font-size: 14px;\n color: var(--ct-text-light);\n}\n\n.ct-results-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ct-timeline-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.ct-timeline-dot {\n width: 12px;\n height: 12px;\n background: var(--ct-primary);\n border-radius: 50%;\n margin-top: 4px;\n flex-shrink: 0;\n position: relative;\n}\n\n.ct-timeline-item:not(:last-child) .ct-timeline-dot::after {\n content: '';\n position: absolute;\n top: 12px;\n left: 50%;\n transform: translateX(-50%);\n width: 2px;\n height: calc(100% + 1rem);\n background: var(--ct-border);\n}\n\n.ct-timeline-item strong {\n display: block;\n font-size: 14px;\n color: var(--ct-text);\n margin-bottom: 2px;\n}\n\n.ct-timeline-item p {\n margin: 0;\n font-size: 13px;\n color: var(--ct-text-light);\n}\n\n\/* === TARGET CARDS === *\/\n.ct-target-card {\n background: var(--ct-white);\n border-radius: var(--ct-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--ct-shadow);\n transition: all .3s ease;\n}\n\n.ct-target-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--ct-shadow-lg);\n}\n\n.ct-target-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.ct-target-card h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--ct-text);\n margin: 0 0 .25rem 0;\n}\n\n.ct-target-card p {\n font-size: 13px;\n color: var(--ct-text-light);\n margin: 0;\n}\n\n\/* === INCI BOX === *\/\n.ct-inci-box {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ct-shadow);\n border-left: 5px solid var(--ct-accent);\n}\n\n.ct-inci-box p {\n margin: 0;\n font-size: 14px;\n color: var(--ct-text-light);\n line-height: 1.8;\n}\n\n.ct-inci-box strong {\n color: var(--ct-accent);\n}\n\n\/* === WARNING BOX === *\/\n.ct-warning-box {\n display: flex;\n gap: 1.5rem;\n background: var(--ct-secondary-light);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--ct-secondary);\n}\n\n.ct-warning-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.ct-warning-list {\n margin: 0;\n padding-left: 1.25rem;\n list-style: disc;\n}\n\n.ct-warning-list li {\n font-size: 14px;\n color: var(--ct-text);\n margin-bottom: .5rem;\n line-height: 1.6;\n}\n\n.ct-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === INFO GRID === *\/\n.ct-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.ct-info-item {\n background: var(--ct-white);\n border-radius: var(--ct-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--ct-shadow);\n transition: all .3s ease;\n}\n\n.ct-info-item:hover {\n transform: translateY(-3px);\n}\n\n.ct-info-icon {\n font-size: 28px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.ct-info-label {\n display: block;\n font-size: 12px;\n color: var(--ct-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .25rem;\n}\n\n.ct-info-value {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--ct-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.ct-cta-box {\n background: linear-gradient(135deg, var(--ct-accent) 0%, #3a6347 100%);\n border-radius: var(--ct-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ct-cta-pattern {\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%3Cpath d='M20 5c-1.5 6-6 10.5-12 12 6 1.5 10.5 6 12 12 1.5-6 6-10.5 12-12-6-1.5-10.5-6-12-12z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.ct-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.ct-cta-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.ct-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.ct-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.ct-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ct-grid, .ct-grid-2, .ct-grid-3, .ct-oils-grid {\n grid-template-columns: 1fr;\n }\n \n .ct-usage-container {\n grid-template-columns: 1fr;\n }\n \n .ct-highlight-box {\n flex-direction: column;\n text-align: center;\n }\n \n .ct-warning-box {\n flex-direction: column;\n align-items: center;\n text-align: left;\n }\n \n .ct-cider-box {\n flex-direction: column;\n text-align: center;\n }\n \n .ct-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 480px) {\n .ct-info-grid {\n grid-template-columns: 1fr;\n }\n \n .ct-hero-stats {\n gap: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ct-card, .ct-benefit-card, .ct-oil-card, .ct-target-card, .ct-info-item {\n animation: ctFadeInUp .6s ease backwards;\n }\n \n .ct-card:nth-child(1), .ct-benefit-card:nth-child(1), .ct-oil-card:nth-child(1), .ct-target-card:nth-child(1) { animation-delay: .1s; }\n .ct-card:nth-child(2), .ct-benefit-card:nth-child(2), .ct-oil-card:nth-child(2), .ct-target-card:nth-child(2) { animation-delay: .2s; }\n .ct-card:nth-child(3), .ct-benefit-card:nth-child(3), .ct-oil-card:nth-child(3), .ct-target-card:nth-child(3) { animation-delay: .3s; }\n .ct-card:nth-child(4), .ct-benefit-card:nth-child(4), .ct-oil-card:nth-child(4), .ct-target-card:nth-child(4) { animation-delay: .4s; }\n .ct-target-card:nth-child(5) { animation-delay: .5s; }\n .ct-target-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes ctFadeInUp {\n from { \n opacity: 0; \n transform: translateY(30px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\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\n@media (prefers-contrast: high) {\n .ct-card, .ct-benefit-card, .ct-oil-card, .ct-target-card {\n border: 2px solid var(--ct-text);\n }\n \n .ct-badge, .ct-cta-badge {\n border: 2px solid currentColor;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755274625181,"sku":"JADECAPI125","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/capitonic-anti-chute-et-repousse-des-cheveux-125-ml-jade-rec-lifestyle.webp?v=1773389848"},{"product_id":"lotion-demelante-sans-rincage-au-vinaigre-de-framboise-bio-200-ml-centifolia","title":"Lotion Démêlante Sans Rinçage au Vinaigre de Framboise Bio - 200 ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🍃 99,4 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eLotion démêlante sans rinçage au vinaigre de framboise bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eBrillance, légèreté et démêlage express en quelques vaporisations. Pour tous les types de cheveux, dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003cp class=\"cf-section-intro\"\u003eVous cherchez un \u003cstrong\u003esoin démêlant cheveux sans rinçage\u003c\/strong\u003e vraiment efficace, sans alourdir votre chevelure ? La \u003cstrong\u003elotion démêlante sans rinçage Centifolia\u003c\/strong\u003e au vinaigre de framboise bio est le geste capillaire express qui change tout. En quelques vaporisations, vos cheveux retrouvent brillance, légèreté et se démêlent sans effort, que vous les coiffiez le matin pressée ou après un shampooing.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette lotion démêlante à la framboise ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eContrairement à de nombreux sprays démêlants qui laissent un film gras ou alourdissent la fibre capillaire, cette \u003cstrong\u003elotion démêlante framboise Centifolia\u003c\/strong\u003e délivre une brume ultra-fine et aérienne.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eFins, épais, lisses, bouclés ou même les cheveux fragiles des enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Alternative naturelle\u003c\/h3\u003e\n \u003cp\u003eCertifiée bio, aussi simple qu'un soin maison mais avec une formulation professionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🪶 Ultra-légère\u003c\/h3\u003e\n \u003cp\u003eBrume fine et aérienne qui n'alourdit pas la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Brillance immédiate\u003c\/h3\u003e\n \u003cp\u003eRésultat visible dès la première application, sans rinçage nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs naturels aux bienfaits ciblés\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🍇 Vinaigre de framboise bio\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient star de cette lotion. En resserrant les écailles du cheveu, il lisse la fibre capillaire et lui redonne un éclat naturel. Résultat : des cheveux visiblement plus brillants et beaucoup plus faciles à démêler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Jus d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eVéritable concentré d'hydratation, l'aloe vera assouplit les longueurs et apporte de la douceur sans effet cartonné. Vos cheveux restent souples et soyeux toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🔬 Acide lactique\u003c\/h3\u003e\n \u003cp\u003eEn ajustant le pH de la formule, il optimise l'affinité du soin avec le cheveu. Il renforce la brillance et la souplesse tout en respectant l'équilibre naturel du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser cette lotion démêlante sans rinçage ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eVaporisez\u003c\/h3\u003e\n \u003cp\u003eVaporisez la lotion démêlante sur l'ensemble de votre chevelure, sèche ou humide, en maintenant le flacon à environ 20 cm.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePour un résultat optimal, laissez poser quelques instants avant de démêler au peigne ou à la brosse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eCoiffez\u003c\/h3\u003e\n \u003cp\u003eCoiffez comme d'habitude. Aucun rinçage nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e sur cheveux bouclés ou frisés, vaporisez mèche par mèche pour mieux répartir le produit et préserver la définition de vos boucles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUne formule bio, vegan et écoresponsable\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 99,4 % naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle soigneusement sélectionnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌾 20,4 % bio\u003c\/h3\u003e\n \u003cp\u003eIssus de l'agriculture biologique certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏅 COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert et labellisé Cosmébio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eCompatible avec un mode de vie 100 % vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclable, sans phtalate ni bisphénol A.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France avec exigence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\" open\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice Powder*, Acetum**, Caprylyl\/Capryl Glucoside, Lactic Acid, Sodium Hydroxide, Dehydroacetic Acid, Parfum, Benzyl Alcohol.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem;\"\u003e*Ingrédient issu de l'agriculture biologique. **Transformé à partir d'ingrédients biologiques. 100 % des ingrédients végétaux sont certifiés bio. Formule biodégradable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e⚠️ Précautions et conseils\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003e• Usage externe uniquement.\u003cbr\u003e\n • Évitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire.\u003cbr\u003e\n • Convient aux enfants de plus de 3 ans.\u003cbr\u003e\n • Conservez à l'abri de la chaleur et hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConditionnement\u003c\/h2\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eFlacon spray de \u003cstrong\u003e200 ml\u003c\/strong\u003e, pratique à emporter partout et à utiliser au quotidien pour des cheveux démêlés, brillants et pleins de légèreté. 🌸\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #fdf6f7;\n --cf-white: #ffffff;\n --cf-primary: #c9345c;\n --cf-primary-dark: #8a1a3a;\n --cf-primary-light: #fce8ee;\n --cf-secondary: #e8637a;\n --cf-accent: #d94f6e;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #f0d8de;\n --cf-shadow: 0 4px 24px rgba(201,52,92,.08);\n --cf-shadow-lg: 0 12px 48px rgba(138,26,58,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #c9345c 0%, #e8637a 50%, #8a1a3a 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 60% 20%, rgba(255,255,255,.06) 0%, transparent 40%);\n opacity: 1;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.cf-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cf-section-intro strong {\n color: var(--cf-primary-dark);\n}\n\n\/* === CARDS === *\/\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT === *\/\n.cf-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-card-ingredient h3 {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n}\n\n.cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n margin: 0;\n padding: 0;\n}\n\n.cf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cf-accordion-header:hover {\n background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n}\n\n.cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cf-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-card {\n padding: 1.125rem;\n }\n\n .cf-section {\n margin-bottom: 1.75rem;\n }\n\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cf-grid-compact {\n gap: .625rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n\n .cf-timeline-content p {\n font-size: 13px;\n }\n\n .cf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cf-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\n font-size: 14px;\n }\n\n .cf-badges-top {\n gap: 6px;\n }\n\n .cf-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":45755284357277,"sku":"CE0265","price":8.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lotion-demelante-sans-rincage-au-vinaigre-de-framboise-bio-2-ingredients.webp?v=1775824966"},{"product_id":"huile-de-camelia-100-bio-30-ml-arc-en-sels","title":"Huile de Camélia Bio - 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Camélia Bio - 30 ml - Arc en Sels\nPalette détectée:\n - Primaire: #4a6741 (vert olive\/forêt du packaging et des feuilles de camélia)\n - Secondaire: #d4c8a8 (beige crème du fond de l'emballage)\n - Accent: #8b7355 (brun doré rappelant l'huile)\nAmbiance: Naturel\/bio, élégant et raffiné, féminin, inspiration botanique japonaise, luxe discret\nPréfixe CSS: cam\n--\u003e\n\n\u003cdiv class=\"cam-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"cam-hero\"\u003e\n \u003cdiv class=\"cam-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cam-hero-content\"\u003e\n \u003cdiv class=\"cam-badges-top\"\u003e\n \u003cspan class=\"cam-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e💧 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-hero-title\"\u003eHuile de Camélia Bio\u003c\/span\u003e\n \u003cp class=\"cam-subtitle\"\u003eLe secret de beauté ancestral des japonaises\u003c\/p\u003e\n \u003cp class=\"cam-description\"\u003eUn élixir précieux pour les peaux sèches et délicates, offrant nutrition intense et toucher velouté incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de l'huile de camélia\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement pour nourrir intensément les peaux les plus sèches sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants, elle protège contre le vieillissement cutané et préserve l'élasticité de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🪶 Toucher velours\u003c\/h3\u003e\n \u003cp\u003eTexture légère et soyeuse qui laisse la peau douce, souple et satinée toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e✨ Éclat cheveux\u003c\/h3\u003e\n \u003cp\u003eApporte brillance et souplesse aux cheveux secs, nourrit les pointes abîmées en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🛡️ Protection cutanée\u003c\/h3\u003e\n \u003cp\u003eCrée un bouclier naturel contre les agressions extérieures et la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌿 100% pure\u003c\/h3\u003e\n \u003cp\u003eSans colorants, parfums ni conservateurs artificiels. Uniquement l'essence du camélia bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATIONS --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e🌺 Comment l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e👩 Visage\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur peau propre, matin et soir. Massez délicatement pour une absorption optimale et une peau éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e👁️ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez délicatement sous les yeux pour réduire les poches et revitaliser cette zone fragile et sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, appliquez sur les zones sèches pour sceller l'hydratation et obtenir une peau souple et satinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampoing (30 min) ou en soin sans rinçage sur les pointes sèches pour brillance et nutrition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e👩‍🦰 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid-compact\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌾 Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Peaux délicates\u003c\/h3\u003e\n \u003cp\u003eDouceur absolue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eBrillance retrouvée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n \u003cdiv class=\"cam-composition-box\"\u003e\n \u003cdiv class=\"cam-ingredient-main\"\u003e\n \u003cspan class=\"cam-ingredient-icon\"\u003e🌺\u003c\/span\u003e\n \u003cdiv class=\"cam-ingredient-info\"\u003e\n \u003ch3\u003eCamellia Oleifera Seed Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de graines de camélia issue de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-ingredient-percent\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"cam-composition-note\"\u003e*Ingrédient issu de l'Agriculture Biologique. Huile pure obtenue par première pression à froid, sans colorants, parfums ni conservateurs artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"cam-accordion\"\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🏭 Origine et fabrication\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eFabriquée en France selon des pratiques agricoles respectueuses de l'environnement. Les matières premières proviennent de coopératives féminines, garantissant un commerce équitable et éthique. Le procédé de première pression à froid préserve toutes les qualités nutritives de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. Refermez bien le flacon après utilisation. À utiliser dans les 6 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas de réaction, cessez l'utilisation. Évitez le contact avec les yeux. Effectuez un test cutané avant première utilisation si vous avez la peau sensible.\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=\"cam-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cam-cta-box\"\u003e\n \u003cp\u003e🌺 Offrez à votre peau et vos cheveux le soin précieux qu'ils méritent avec l'Huile de Camélia Bio, un rituel de beauté naturel et éthique pour une peau apaisée, protégée et sublimée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --cam-cream: #faf8f5;\n --cam-white: #ffffff;\n --cam-primary: #4a6741;\n --cam-primary-dark: #3a5234;\n --cam-primary-light: #e8efe6;\n --cam-secondary: #d4c8a8;\n --cam-accent: #8b7355;\n\n \/* Textes *\/\n --cam-text: #1a1a1a;\n --cam-text-light: #5a5a5a;\n\n \/* Effets *\/\n --cam-border: #e8e4dc;\n --cam-shadow: 0 4px 24px rgba(74, 103, 65, .08);\n --cam-shadow-lg: 0 12px 48px rgba(74, 103, 65, .15);\n --cam-radius: 20px;\n --cam-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cam-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cam-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cam-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6741 0%, #5d7a54 40%, #8b7355 100%);\n border-radius: var(--cam-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(--cam-shadow-lg);\n}\n\n.cam-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15, 45 20, 55 20 C45 25, 40 35, 40 45 C35 35, 25 30, 15 30 C25 25, 30 15, 30 5' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .05;\n}\n\n.cam-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cam-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.cam-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(--cam-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cam-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cam-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.cam-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 font-style: italic;\n}\n\n.cam-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.cam-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cam-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-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.cam-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(--cam-primary), var(--cam-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.cam-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cam-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.cam-card {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cam-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cam-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cam-shadow-lg);\n border-color: var(--cam-primary);\n}\n\n.cam-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cam-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cam-grid-compact .cam-card {\n padding: 1rem;\n}\n\n.cam-grid-compact .cam-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cam-grid-compact .cam-card p {\n font-size: 12px;\n}\n\n\/* === CARDS USAGE === *\/\n.cam-card-usage {\n background: linear-gradient(135deg, var(--cam-white) 0%, var(--cam-primary-light) 100%);\n border-left: 4px solid var(--cam-primary);\n}\n\n\/* === COMPOSITION BOX === *\/\n.cam-composition-box {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cam-shadow);\n}\n\n.cam-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.25rem;\n background: linear-gradient(135deg, var(--cam-primary-light) 0%, #f5f7f4 100%);\n border-radius: var(--cam-radius-sm);\n margin-bottom: 1rem;\n}\n\n.cam-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.cam-ingredient-info {\n flex: 1;\n}\n\n.cam-ingredient-info h3 {\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cam-ingredient-info p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--cam-text-light);\n margin: 0;\n}\n\n.cam-ingredient-percent {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-primary);\n flex-shrink: 0;\n}\n\n.cam-composition-note {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--cam-text-light);\n text-align: center;\n margin: 0;\n padding-top: .5rem;\n border-top: 1px solid var(--cam-border);\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cam-accordion {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n box-shadow: var(--cam-shadow);\n overflow: hidden;\n}\n\n.cam-accordion-item {\n border-bottom: 1px solid var(--cam-border);\n margin: 0;\n padding: 0;\n}\n\n.cam-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cam-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cam-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.cam-accordion-header:hover {\n background: var(--cam-primary-light);\n}\n\n.cam-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cam-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cam-primary);\n transition: transform .2s ease;\n}\n\n.cam-accordion-item[open] .cam-accordion-header::after {\n content: '−';\n}\n\n.cam-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cam-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.cam-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.cam-cta-box {\n background: linear-gradient(135deg, var(--cam-primary) 0%, var(--cam-primary-dark) 100%);\n border-radius: var(--cam-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cam-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.cam-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\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cam-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cam-card {\n padding: 1.125rem;\n }\n \n .cam-section {\n margin-bottom: 1.75rem;\n }\n \n .cam-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cam-radius-sm);\n }\n \n .cam-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cam-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .cam-grid-compact {\n gap: .625rem;\n }\n \n .cam-grid-compact .cam-card {\n padding: .75rem;\n }\n \n .cam-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cam-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .cam-ingredient-main {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .cam-ingredient-icon {\n font-size: 2rem;\n }\n \n .cam-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cam-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cam-card:nth-child(1) { animation-delay: .05s; }\n .cam-card:nth-child(2) { animation-delay: .1s; }\n .cam-card:nth-child(3) { animation-delay: .15s; }\n .cam-card:nth-child(4) { animation-delay: .2s; }\n .cam-card:nth-child(5) { animation-delay: .25s; }\n .cam-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 .cam-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755299168413,"sku":"HUILECAMELIA","price":12.24,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-camelia-bio-30-ml-arc-en-sels-lifestyle_7e6fd1cd-cecf-4acf-933a-1d60987e5e88.webp?v=1768500806"},{"product_id":"huile-d-argan-100-bio-50-ml-arc-en-sels","title":"Huile d’Argan Bio - Restructurant - 50 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile d'Argan Bio - Restructurant - 50 ml - Arc en Sels\nPalette détectée:\n - Primaire: #C4A035 (doré\/or de l'huile d'argan)\n - Secondaire: #1E3A5F (bleu marine du logo et ruban)\n - Accent: #D4AF37 (or plus lumineux pour highlights)\n - Background: #FAF7F2 (crème chaud naturel)\nAmbiance: Luxe naturel, tradition marocaine, cosmétique bio premium, élégance orientale\nPréfixe CSS: arg\n--\u003e\n\n\u003cdiv class=\"arg-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"arg-hero\"\u003e\n \u003cdiv class=\"arg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arg-hero-content\"\u003e\n \u003cdiv class=\"arg-badges-top\"\u003e\n \u003cspan class=\"arg-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🇲🇦 Origine Maroc\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e✨ Certifié Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arg-hero-title\"\u003eHuile d'Argan Bio\u003c\/span\u003e\n \u003cp class=\"arg-subtitle\"\u003eL'or liquide du Maroc pour sublimer votre beauté\u003c\/p\u003e\n \u003cp class=\"arg-description\"\u003eExtraite à froid selon les traditions ancestrales, cette huile précieuse nourrit, répare et protège votre peau, vos cheveux et vos ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS PRINCIPAUX --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e✨ Les vertus de l'or marocain\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🛡️ Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E et antioxydants naturels pour prévenir le vieillissement cutané et protéger des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003ePénètre en profondeur pour apaiser les peaux sèches ou irritées et redonner souplesse et éclat à votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💇 Cheveux revitalisés\u003c\/h3\u003e\n \u003cp\u003eNourrit et répare les longueurs abîmées, apporte brillance et douceur tout en luttant contre les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Ongles renforcés\u003c\/h3\u003e\n \u003cp\u003eFortifie les ongles cassants et hydrate les cuticules. Pénètre rapidement sans film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Toutes peaux\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau, même les plus sensibles. Idéale pour une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🔬 Pressée à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction traditionnelle préservant tous les actifs précieux de l'amande d'argan pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e🌰 Un trésor de la nature\u003c\/h2\u003e\n \u003cdiv class=\"arg-composition-box\"\u003e\n \u003cdiv class=\"arg-ingredient-main\"\u003e\n \u003cdiv class=\"arg-ingredient-icon\"\u003e🥜\u003c\/div\u003e\n \u003cdiv class=\"arg-ingredient-info\"\u003e\n \u003ch3\u003eHuile d'argan vierge\u003c\/h3\u003e\n \u003cp\u003e100% pure et biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrients\"\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eVitamine E\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eAntioxydant majeur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eAcide oléique (Oméga-9)\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eNutrition profonde\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eAcide linoléique (Oméga-6)\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eRégénération cellulaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003ePolyphénols\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eProtection anti-âge\u003c\/span\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=\"arg-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Peaux sèches \u0026amp; matures\u003c\/h3\u003e\n \u003cp\u003eBesoin d'hydratation intense et de protection anti-âge pour retrouver souplesse et éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux abîmés\u003c\/h3\u003e\n \u003cp\u003eLongueurs fragilisées par le soleil, la chaleur ou les colorations qui nécessitent une réparation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Ongles fragiles\u003c\/h3\u003e\n \u003cp\u003eOngles cassants et cuticules sèches qui ont besoin d'être nourris et fortifiés.\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=\"arg-section\"\u003e\n \u003ch2\u003e📖 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-usage-grid\"\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003e🧴 Pour la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur une peau propre et massez délicatement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant shampoing ou en soin sans rinçage sur les pointes pour nourrir en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003e💅 Pour les ongles\u003c\/h3\u003e\n \u003cp\u003eMassez vos ongles et cuticules avec une goutte d'huile chaque soir pour les fortifier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📋 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid-compact\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eMaroc\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🏷️ Certifications\u003c\/h3\u003e\n \u003cp\u003eBio - Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e♻️ Engagement\u003c\/h3\u003e\n \u003cp\u003eCommerce équitable\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=\"arg-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"arg-accordion\"\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Refermer soigneusement après chaque utilisation pour préserver toutes les qualités de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🤝 Production éthique\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eIssue d'une production éthique et durable, cette huile soutient les coopératives locales marocaines de femmes berbères. Un achat responsable qui contribue au développement économique local.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e✅ Garantie qualité\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eSans additifs, sans conservateurs et pressée à froid, elle garantit une qualité irréprochable. Certifiée biologique par Ecocert, elle respecte votre santé comme l'environnement.\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=\"arg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"arg-cta-box\"\u003e\n \u003cp\u003e🌟 Offrez à votre routine beauté un trésor ancestral du Maroc.\u003cbr\u003eUne huile précieuse, naturelle et éthique pour sublimer votre peau, vos cheveux et vos ongles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --arg-cream: #FAF7F2;\n --arg-white: #ffffff;\n --arg-primary: #C4A035;\n --arg-primary-dark: #8B7224;\n --arg-primary-light: #F5ECD4;\n --arg-secondary: #1E3A5F;\n --arg-accent: #D4AF37;\n --arg-text: #1a1a1a;\n --arg-text-light: #5a5a5a;\n --arg-border: #e0e0e0;\n --arg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --arg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --arg-radius: 20px;\n --arg-radius-sm: 12px;\n}\n\n.arg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.arg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 40%, var(--arg-primary) 100%);\n border-radius: var(--arg-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(--arg-shadow-lg);\n}\n\n.arg-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: 1;\n}\n\n.arg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.arg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.arg-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(--arg-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.arg-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.arg-subtitle {\n color: var(--arg-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.arg-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\/* === SECTIONS === *\/\n.arg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--arg-secondary);\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.arg-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(--arg-primary), var(--arg-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.arg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.arg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.arg-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--arg-shadow-lg);\n border-color: var(--arg-primary);\n}\n\n.arg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.arg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arg-grid-compact .arg-card {\n padding: 1rem;\n}\n\n.arg-grid-compact .arg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.arg-grid-compact .arg-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.arg-composition-box {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--arg-shadow);\n}\n\n.arg-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n padding-bottom: 1.5rem;\n margin-bottom: 1.5rem;\n border-bottom: 2px solid var(--arg-primary-light);\n}\n\n.arg-ingredient-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-accent) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.arg-ingredient-info h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: 0 0 .25rem 0;\n}\n\n.arg-ingredient-info p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-primary-dark);\n font-weight: 600;\n margin: 0;\n}\n\n.arg-nutrients {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.arg-nutrient {\n display: flex;\n flex-direction: column;\n padding: 1rem;\n background: var(--arg-primary-light);\n border-radius: var(--arg-radius-sm);\n border-left: 4px solid var(--arg-primary);\n}\n\n.arg-nutrient-name {\n font-size: 14px;\n font-weight: 700;\n color: var(--arg-secondary);\n margin-bottom: .25rem;\n}\n\n.arg-nutrient-benefit {\n font-size: 12px;\n color: var(--arg-text-light);\n}\n\n\/* === USAGE GRID === *\/\n.arg-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.arg-usage-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n text-align: center;\n position: relative;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.arg-usage-card:hover {\n transform: translateY(-4px);\n border-color: var(--arg-primary);\n}\n\n.arg-usage-number {\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 800;\n box-shadow: 0 4px 12px rgba(30, 58, 95, .3);\n}\n\n.arg-usage-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: .5rem 0 .75rem 0;\n}\n\n.arg-usage-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.arg-accordion {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n box-shadow: var(--arg-shadow);\n overflow: hidden;\n}\n\n.arg-accordion-item {\n border-bottom: 1px solid var(--arg-border);\n margin: 0;\n padding: 0;\n}\n\n.arg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.arg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--arg-secondary);\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.arg-accordion-header:hover {\n background: var(--arg-primary-light);\n}\n\n.arg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.arg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--arg-primary);\n transition: transform .2s ease;\n}\n\n.arg-accordion-item[open] .arg-accordion-header::after {\n content: '−';\n}\n\n.arg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--arg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.arg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.arg-cta-box {\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 50%, var(--arg-primary-dark) 100%);\n border-radius: var(--arg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.arg-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(212, 175, 55, .15) 0%, transparent 50%);\n}\n\n.arg-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .arg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .arg-card {\n padding: 1.125rem;\n }\n \n .arg-section {\n margin-bottom: 1.75rem;\n }\n \n .arg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--arg-radius-sm);\n }\n \n .arg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .arg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .arg-grid-compact {\n gap: .625rem;\n }\n \n .arg-grid-compact .arg-card {\n padding: .75rem;\n }\n \n .arg-usage-grid {\n grid-template-columns: 1fr;\n }\n \n .arg-ingredient-main {\n flex-direction: column;\n text-align: center;\n }\n \n .arg-nutrients {\n grid-template-columns: 1fr;\n }\n \n .arg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .arg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .arg-card, .arg-usage-card {\n animation: fadeInUp .5s ease backwards;\n }\n .arg-card:nth-child(1), .arg-usage-card:nth-child(1) { animation-delay: .05s; }\n .arg-card:nth-child(2), .arg-usage-card:nth-child(2) { animation-delay: .1s; }\n .arg-card:nth-child(3), .arg-usage-card:nth-child(3) { animation-delay: .15s; }\n .arg-card:nth-child(4) { animation-delay: .2s; }\n .arg-card:nth-child(5) { animation-delay: .25s; }\n .arg-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 .arg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755301888157,"sku":"ARCARGAN50","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargan-bio-restructurant-50-ml-arc-en-sels-lifestyle.webp?v=1768500592"},{"product_id":"huile-de-sesame-adoucissant-nourrissant-arc-en-sels-50ml","title":"Huile de sésame - Adoucissant Nourrissant - Arc en Sels - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Sésame - Arc en Sels\nPalette détectée:\n - Primaire: #1e3a5f (bleu marine profond du logo et textes)\n - Secondaire: #d4af37 (doré\/miel de l'huile de sésame)\n - Accent: #c9b896 (beige doré des graines de sésame)\n - Background: #f8f6f2 (crème clair élégant)\nAmbiance: Élégante, naturelle, orientale\/ayurvédique, premium, féminine raffinée\nPréfixe CSS: ses\n--\u003e\n\n\u003cdiv class=\"ses-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ses-hero\"\u003e\n \u003cdiv class=\"ses-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ses-hero-content\"\u003e\n \u003cdiv class=\"ses-badges-top\"\u003e\n \u003cspan class=\"ses-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"ses-badge\"\u003e✨ Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"ses-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ses-hero-title\"\u003eHuile de Sésame\u003c\/span\u003e\n \u003cp class=\"ses-subtitle\"\u003eAdoucissant \u0026amp; nourrissant\u003c\/p\u003e\n \u003cp class=\"ses-description\"\u003eUn trésor ancestral ayurvédique pour nourrir, protéger et sublimer votre peau et vos cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid\"\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eRestaure la souplesse et l'élasticité de la peau en profondeur, pour un toucher soyeux incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🛡️ Protection anti-âge\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E et la sésamoline luttent activement contre le vieillissement cutané et les radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🌟 Multi-usages\u003c\/h3\u003e\n \u003cp\u003eIdéale pour massages ayurvédiques, soins du visage, du corps et des cheveux. Un soin complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💚 Éthique \u0026amp; responsable\u003c\/h3\u003e\n \u003cp\u003eIssue d'une coopérative féminine, certifiée biologique et commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATION --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e🌸 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid\"\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e😊 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2-3 gouttes en soin hydratant quotidien, matin ou soir, sur peau propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e🧴 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez généreusement après la douche pour une peau soyeuse et nourrie en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant shampoing ou en finition pour lisser et nourrir les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid-compact\"\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🌷 Peaux délicates\u003c\/h3\u003e\n \u003cp\u003eDouceur garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e✨ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💆 Adeptes massage\u003c\/h3\u003e\n \u003cp\u003eGlisse parfaite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e🌱 Composition pure\u003c\/h2\u003e\n \u003cdiv class=\"ses-composition-box\"\u003e\n \u003cdiv class=\"ses-ingredient-main\"\u003e\n \u003cspan class=\"ses-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n \u003cdiv class=\"ses-ingredient-info\"\u003e\n \u003ch3\u003eSesamum indicum*\u003c\/h3\u003e\n \u003cp\u003eHuile vierge bio, première pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ses-ingredient-percent\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-composition-details\"\u003e\n \u003cspan\u003e✓ Parfum naturel\u003c\/span\u003e\n \u003cspan\u003e✓ Vitamine E\u003c\/span\u003e\n \u003cspan\u003e✓ Sésamoline\u003c\/span\u003e\n \u003cspan\u003e✓ Antioxydants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ses-composition-note\"\u003e*Ingrédients issus de l'agriculture biologique et du commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ses-accordion\"\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e📦 Contenance \u0026amp; durée\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eFlacon roll-on pratique de 50ml. Format voyage idéal, permet environ 2 mois d'utilisation quotidienne pour le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Se conserve 12 mois après ouverture. L'huile peut légèrement se figer par temps froid, c'est normal et n'altère pas ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux. En cas d'allergie aux graines de sésame, effectuer un test dans le pli du coude 24h avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e🏭 Origine \u0026amp; fabrication\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eHuile produite par une coopérative féminine, selon les méthodes traditionnelles de première pression à froid, garantissant la préservation de tous les actifs.\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=\"ses-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ses-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le secret de beauté millénaire ayurvédique.\u003cbr\u003eUne huile précieuse, éthique et 100% naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --ses-cream: #f8f6f2;\n --ses-white: #ffffff;\n --ses-primary: #1e3a5f;\n --ses-primary-dark: #152a45;\n --ses-primary-light: #e8eef4;\n --ses-secondary: #d4af37;\n --ses-accent: #c9b896;\n\n \/* Textes *\/\n --ses-text: #1a1a1a;\n --ses-text-light: #5a5a5a;\n\n \/* Effets *\/\n --ses-border: #e0e0e0;\n --ses-shadow: 0 4px 24px rgba(30,58,95,.08);\n --ses-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --ses-radius: 20px;\n --ses-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ses-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ses-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ses-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ses-primary) 0%, #2a4a6f 50%, var(--ses-primary-dark) 100%);\n border-radius: var(--ses-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(--ses-shadow-lg);\n}\n\n.ses-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='%23d4af37' fill-opacity='0.15'%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: .3;\n}\n\n.ses-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ses-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ses-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(--ses-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ses-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(212,175,55,.3);\n}\n\n.ses-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.ses-subtitle {\n color: var(--ses-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.ses-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.ses-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ses-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ses-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.ses-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(--ses-primary), var(--ses-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ses-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ses-card {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ses-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ses-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ses-shadow-lg);\n border-color: var(--ses-secondary);\n}\n\n.ses-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ses-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ses-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ses-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ses-card-usage {\n background: linear-gradient(135deg, var(--ses-white) 0%, var(--ses-primary-light) 100%);\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ses-grid-compact .ses-card {\n padding: 1rem;\n}\n\n.ses-grid-compact .ses-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ses-grid-compact .ses-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ses-composition-box {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ses-shadow);\n border: 2px solid var(--ses-secondary);\n}\n\n.ses-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding-bottom: 1.25rem;\n border-bottom: 1px solid var(--ses-border);\n margin-bottom: 1.25rem;\n}\n\n.ses-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.ses-ingredient-info {\n flex: 1;\n}\n\n.ses-ingredient-info h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--ses-primary-dark);\n margin: 0 0 .25rem 0;\n font-style: italic;\n}\n\n.ses-ingredient-info p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--ses-text-light);\n margin: 0;\n}\n\n.ses-ingredient-percent {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--ses-secondary);\n flex-shrink: 0;\n}\n\n.ses-composition-details {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n justify-content: center;\n margin-bottom: 1rem;\n}\n\n.ses-composition-details span {\n background: var(--ses-primary-light);\n color: var(--ses-primary-dark);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n}\n\n.ses-composition-note {\n text-align: center;\n font-size: 12px;\n color: var(--ses-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ses-accordion {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n box-shadow: var(--ses-shadow);\n overflow: hidden;\n}\n\n.ses-accordion-item {\n border-bottom: 1px solid var(--ses-border);\n margin: 0;\n padding: 0;\n}\n\n.ses-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ses-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ses-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.ses-accordion-header:hover {\n background: var(--ses-primary-light);\n}\n\n.ses-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ses-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ses-secondary);\n transition: transform .2s ease;\n}\n\n.ses-accordion-item[open] .ses-accordion-header::after {\n content: '−';\n}\n\n.ses-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ses-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ses-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ses-cta-box {\n background: linear-gradient(135deg, var(--ses-primary) 0%, var(--ses-primary-dark) 100%);\n border-radius: var(--ses-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ses-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: linear-gradient(45deg, transparent 30%, rgba(212,175,55,.2) 50%, transparent 70%);\n animation: shimmer 3s infinite;\n}\n\n@keyframes shimmer {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n}\n\n.ses-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 .ses-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ses-card {\n padding: 1.125rem;\n }\n \n .ses-section {\n margin-bottom: 1.75rem;\n }\n \n .ses-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ses-radius-sm);\n }\n \n .ses-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ses-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ses-badges-top {\n gap: 8px;\n }\n \n .ses-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n \/* Grille compacte : 2 colonnes serrées *\/\n .ses-grid-compact {\n gap: .625rem;\n }\n \n .ses-grid-compact .ses-card {\n padding: .75rem;\n }\n \n \/* Composition box mobile *\/\n .ses-composition-box {\n padding: 1.25rem;\n }\n \n .ses-ingredient-main {\n flex-wrap: wrap;\n justify-content: center;\n text-align: center;\n }\n \n .ses-ingredient-icon {\n font-size: 2rem;\n }\n \n .ses-ingredient-info {\n width: 100%;\n }\n \n .ses-composition-details span {\n padding: .375rem .75rem;\n font-size: 11px;\n }\n \n \/* Accordéon mobile *\/\n .ses-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ses-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ses-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ses-card:nth-child(1) { animation-delay: .05s; }\n .ses-card:nth-child(2) { animation-delay: .1s; }\n .ses-card:nth-child(3) { animation-delay: .15s; }\n .ses-card:nth-child(4) { animation-delay: .2s; }\n .ses-card:nth-child(5) { animation-delay: .25s; }\n .ses-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 .ses-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .ses-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45912864161949,"sku":"HUILESESAMARCENSELS","price":9.78,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-sesame-adoucissant-nourrissant-arc-en-sels-50ml-lifestyle.webp?v=1768500683"},{"product_id":"huile-de-ricin-bio-fortifiante-50ml-comptoir-des-huiles","title":"Huile de Ricin Bio - Fortifiante - 50ml - Comptoir des huiles","description":"\u003cdiv class=\"rc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rc-hero\"\u003e\n \u003cdiv class=\"rc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rc-hero-content\"\u003e\n \u003cdiv class=\"rc-badges-top\"\u003e\n \u003cspan class=\"rc-badge\"\u003e🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e💧 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e🇫🇷 Comptoir des Huiles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-hero-title\"\u003eHuile de Ricin Bio Fortifiante\u003c\/span\u003e\n \u003cp class=\"rc-subtitle\"\u003eLe secret ancestral pour des cheveux, cils et ongles sublimés\u003c\/p\u003e\n \u003cp class=\"rc-description\"\u003e50 ml d'huile pure, certifiée biologique, en flacon compte-gouttes pour un dosage précis et sans gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eL'huile de Ricin : un soin naturel pour des cheveux, cils et ongles renforcés\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de ricin bio\u003c\/strong\u003e véritablement efficace pour redonner force et vitalité à vos cheveux ? L'\u003cstrong\u003eHuile de Ricin Fortifiante Comptoir des Huiles\u003c\/strong\u003e est un soin pur, certifié biologique, formulé pour prendre soin de vos cheveux, cils, sourcils et ongles avec un seul produit naturel. Conditionnée en flacon compte-gouttes de 50 ml, elle s'utilise avec précision et sans gaspillage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de ricin est-elle si prisée en soin capillaire ?\u003c\/h2\u003e\n \u003cdiv class=\"rc-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile de ricin pour les cheveux\u003c\/strong\u003e est un grand classique de la beauté naturelle. Naturellement riche en \u003cstrong\u003eacide ricinoléique\u003c\/strong\u003e, un acide gras rare quasi exclusif au ricin, elle possède des propriétés fortifiantes et gainantes remarquables.\u003c\/p\u003e\n \u003cp\u003eAppliquée régulièrement sur le cuir chevelu, l'\u003cstrong\u003ehuile de ricin sur les cheveux\u003c\/strong\u003e nourrit le bulbe capillaire, limite la casse et redonne de l'épaisseur aux chevelures fragilisées.\u003c\/p\u003e\n \u003cp\u003eL'association \u003cstrong\u003echeveux et huile de ricin\u003c\/strong\u003e fait ses preuves depuis des générations, bien avant les tendances cosmétiques actuelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de cette huile fortifiante\u003c\/h2\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💪 Fortifie et épaissit les cheveux\u003c\/h3\u003e\n \u003cp\u003eElle renforce les cheveux normaux et bouclés, réduit la casse et apporte de la densité visible dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e👁️ Stimule la pousse des cils et sourcils\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes appliquées chaque soir suffisent pour obtenir, au fil des semaines, des cils et sourcils plus fournis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💅 Renforce les ongles cassants\u003c\/h3\u003e\n \u003cp\u003eMassée sur les ongles et cuticules, elle durcit les ongles fragiles et prévient les dédoublements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🫧 Nourrit intensément\u003c\/h3\u003e\n \u003cp\u003eSa texture épaisse apporte une hydratation profonde aux longueurs sèches et pointes abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌱 100 % naturelle et certifiée bio\u003c\/h3\u003e\n \u003cp\u003eObtenue par première pression à froid, sans additif ni raffinage chimique. La pureté absolue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de ricin dans les cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"rc-timeline\"\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003e🧖‍♀️ En bain d'huile capillaire\u003c\/h3\u003e\n \u003cp\u003ePrélevez quelques gouttes grâce à la pipette et appliquez l'\u003cstrong\u003ehuile de ricin dans les cheveux\u003c\/strong\u003e, en massant le cuir chevelu du bout des doigts. Étirez sur les longueurs, enveloppez dans une serviette tiède et laissez poser entre 30 minutes et une nuit entière. Procédez ensuite à un ou deux shampoings doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003e👁️ Pour les cils et sourcils\u003c\/h3\u003e\n \u003cp\u003eAppliquez une micro-goutte le soir à l'aide d'une brossette propre ou d'un coton-tige, en évitant le contact direct avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003e💅 Pour les ongles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle et cuticule, idéalement chaque soir avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-tip\"\u003e\n \u003cspan class=\"rc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'huile de ricin étant naturellement épaisse, vous pouvez la mélanger à une huile plus fluide comme l'huile de coco ou de jojoba pour faciliter l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"rc-composition-box\"\u003e\n \u003cdiv class=\"rc-composition-label\"\u003eIngrédient (INCI)\u003c\/div\u003e\n \u003cdiv class=\"rc-composition-value\"\u003eRicinus Communis Seed Oil*\u003c\/div\u003e\n \u003cp class=\"rc-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eQualité et engagement Comptoir des Huiles\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eLa marque \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e sélectionne ses huiles végétales avec exigence : chaque lot est pressé à froid, non raffiné et certifié bio. Le flacon en verre ambré protège l'huile de l'oxydation, tandis que la pipette intégrée permet un dosage précis et hygiénique.\u003c\/p\u003e\n \u003cdiv class=\"rc-cta-box\"\u003e\n \u003cp\u003eQue ce soit pour densifier une chevelure fine, allonger vos cils ou consolider des ongles mous, l'\u003cstrong\u003ehuile de ricin cheveux\u003c\/strong\u003e est un basique à toujours avoir sous la main pour votre routine beauté naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-accordion\"\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eProduit cosmétique destiné à un usage externe uniquement. En cas d'irritation, cessez l'utilisation. 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 --rc-cream: #faf7f3;\n --rc-white: #ffffff;\n --rc-primary: #6b3a2a;\n --rc-primary-dark: #4a2518;\n --rc-primary-light: #f5ece6;\n --rc-secondary: #c8956c;\n --rc-accent: #d4a574;\n --rc-text: #1a1a1a;\n --rc-text-light: #5a5a5a;\n --rc-border: #e8ddd4;\n --rc-shadow: 0 4px 24px rgba(75, 37, 24, .08);\n --rc-shadow-lg: 0 12px 48px rgba(75, 37, 24, .15);\n --rc-radius: 20px;\n --rc-radius-sm: 12px;\n}\n\n.rc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rc-hero {\n position: relative;\n background: linear-gradient(135deg, #4a2518 0%, #6b3a2a 40%, #c8956c 100%);\n border-radius: var(--rc-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(--rc-shadow-lg);\n}\n\n.rc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(ellipse at 20% 80%, rgba(200,149,108,.15) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%);\n opacity: 1;\n}\n\n.rc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rc-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.rc-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.rc-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 550px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.rc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rc-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(--rc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rc-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.rc-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(--rc-primary), var(--rc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.rc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.rc-highlight-box {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n border-left: 4px solid var(--rc-secondary);\n line-height: 1.8;\n}\n\n.rc-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--rc-text);\n margin: 0 0 1rem 0;\n}\n\n.rc-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.rc-card {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rc-shadow-lg);\n border-color: var(--rc-primary);\n}\n\n.rc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.rc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rc-primary), var(--rc-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.rc-timeline-content {\n flex: 1;\n background: var(--rc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rc-radius-sm);\n box-shadow: var(--rc-shadow);\n}\n\n.rc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rc-timeline-content p {\n font-size: 14px;\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.rc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rc-primary-light);\n border-radius: var(--rc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rc-tip p {\n font-size: 14px;\n color: var(--rc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.rc-composition-box {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n text-align: center;\n border: 2px solid var(--rc-border);\n}\n\n.rc-composition-label {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--rc-secondary);\n margin-bottom: .5rem;\n}\n\n.rc-composition-value {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--rc-primary-dark);\n margin-bottom: .75rem;\n font-style: italic;\n}\n\n.rc-composition-note {\n font-size: 13px;\n color: var(--rc-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.rc-testimonial {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n border-left: 4px solid var(--rc-primary);\n}\n\n.rc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rc-cta-box {\n background: linear-gradient(135deg, var(--rc-primary) 0%, var(--rc-primary-dark) 100%);\n border-radius: var(--rc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.rc-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.rc-accordion {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n box-shadow: var(--rc-shadow);\n overflow: hidden;\n}\n\n.rc-accordion-item {\n border-bottom: 1px solid var(--rc-border);\n margin: 0;\n padding: 0;\n}\n\n.rc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rc-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.rc-accordion-header:hover {\n background: var(--rc-primary-light);\n}\n\n.rc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rc-primary);\n transition: transform .2s ease;\n}\n\n.rc-accordion-item[open] .rc-accordion-header::after {\n content: '−';\n}\n\n.rc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rc-accordion-content p {\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rc-card {\n padding: 1.125rem;\n }\n\n .rc-section {\n margin-bottom: 1.75rem;\n }\n\n .rc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rc-radius-sm);\n }\n\n .rc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rc-timeline-content h3 {\n font-size: 14px;\n }\n\n .rc-timeline-content p {\n font-size: 13px;\n }\n\n .rc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rc-testimonial {\n padding: 1.25rem;\n }\n\n .rc-testimonial-text {\n font-size: 14px;\n }\n\n .rc-highlight-box {\n padding: 1.25rem;\n }\n\n .rc-highlight-box p {\n font-size: 14px;\n }\n\n .rc-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rc-card {\n animation: rcFadeInUp .5s ease backwards;\n }\n .rc-card:nth-child(1) { animation-delay: .05s; }\n .rc-card:nth-child(2) { animation-delay: .1s; }\n .rc-card:nth-child(3) { animation-delay: .15s; }\n .rc-card:nth-child(4) { animation-delay: .2s; }\n .rc-card:nth-child(5) { animation-delay: .25s; }\n .rc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rcFadeInUp {\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 .rc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53480327905657,"sku":"HUILERICINCDH","price":6.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-ricin-bio-fortifiante-50ml-comptoir-des-huiles-packshothd.webp?v=1774365515"},{"product_id":"huile-davocat-regenerante-50ml-comptoir-des-huiles","title":"Huile d'Avocat Bio - Régénérante - 50ml - Comptoir des huiles","description":"\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🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🥑 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e💧 50 ml\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"av-hero-title\"\u003eHuile d'Avocat Bio Régénérante\u003c\/span\u003e\n \u003cp class=\"av-subtitle\"\u003eComptoir des Huiles — Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"av-description\"\u003eUne huile végétale d'exception, 100 % pure et biologique, pour nourrir intensément votre peau et sublimer vos cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eHuile d'avocat bio : le soin régénérant pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile végétale pour cheveux\u003c\/strong\u003e secs et abîmés, ou un soin naturel capable de redonner éclat et souplesse à votre peau ? L'\u003cstrong\u003ehuile d'avocat bio\u003c\/strong\u003e du Comptoir des Huiles est exactement ce qu'il vous faut.\u003c\/p\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🥑 Pure \u0026amp; bio\u003c\/h3\u003e\n \u003cp\u003eExtraite par première pression à froid, 100 % pure et certifiée biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💧 Compte-gouttes\u003c\/h3\u003e\n \u003cp\u003eFlacon de 50 ml avec pipette pour un dosage précis, goutte après goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Multi-usage\u003c\/h3\u003e\n \u003cp\u003eVisage, corps et cheveux : un seul soin pour toute votre routine beauté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌱 Richesse nutritive\u003c\/h3\u003e\n \u003cp\u003eConcentre toute la puissance du fruit d'avocat pour nourrir et régénérer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePourquoi l'huile d'avocat est-elle si efficace ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eL'avocat est naturellement gorgé de nutriments précieux pour la peau et la fibre capillaire. Cette huile végétale se distingue par sa composition exceptionnelle.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🫒 Acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eOméga-9 et oméga-6\u003c\/strong\u003e : ils pénètrent en profondeur pour nourrir intensément et restaurer la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Vitamines A, D et E\u003c\/h3\u003e\n \u003cp\u003eDe puissants \u003cstrong\u003eantioxydants\u003c\/strong\u003e qui protègent les cellules du stress oxydatif et favorisent la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧬 Phytostérols\u003c\/h3\u003e\n \u003cp\u003eIls renforcent le \u003cstrong\u003efilm hydrolipidique\u003c\/strong\u003e et apaisent les peaux irritées ou fragilisé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\u003eGrâce à cette synergie d'actifs, l'huile d'avocat nourrit, répare et protège en un seul geste. Sa texture riche mais non grasse pénètre rapidement sans laisser de film collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eUn soin visage et corps anti-âge naturel\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eSi vous avez la peau sèche, mature ou sensible, cette huile deviendra vite indispensable dans votre routine.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌟 Élasticité retrouvée\u003c\/h3\u003e\n \u003cp\u003eAppliquée quotidiennement, elle aide à améliorer l'élasticité de la peau et à atténuer les rides et ridules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💎 Teint lumineux\u003c\/h3\u003e\n \u003cp\u003eRedonne un éclat naturel au visage et estompe les signes de fatigue pour un teint frais et reposé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🩹 Apaisement intense\u003c\/h3\u003e\n \u003cp\u003eRemarquable pour apaiser les tiraillements, les gerçures et les zones rugueuses comme les coudes et les talons.\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\u003eQuelques gouttes suffisent : massez délicatement votre visage ou votre corps matin et soir, sur peau propre et légèrement humide pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eLa meilleure huile végétale pour vos cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eL'huile d'avocat est une \u003cstrong\u003ehuile végétale pour cheveux secs\u003c\/strong\u003e particulièrement plébiscitée. Elle nourrit la fibre en profondeur et redonne brillance et vitalité.\u003c\/p\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💆 Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eNourrit la fibre en profondeur et scelle l'hydratation pour des longueurs souples.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e〰️ Cheveux bouclés\u003c\/h3\u003e\n \u003cp\u003eDéfinit les boucles tout en luttant efficacement contre les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌱 Pousse des cheveux\u003c\/h3\u003e\n \u003cp\u003eNourrit le cuir chevelu et stimule la microcirculation pour une chevelure forte et dense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Anti-chute\u003c\/h3\u003e\n \u003cp\u003eSa richesse en vitamines et acides gras en fait une alliée contre la chute capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eComment l'utiliser sur les cheveux ?\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\u003e🧖 En masque avant-shampoing\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les longueurs et les pointes, massez le cuir chevelu, puis laissez poser 30 minutes à une nuit entière sous une serviette tiède. Lavez ensuite avec votre shampoing habituel.\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\u003e✨ En sérum quotidien\u003c\/h3\u003e\n \u003cp\u003eDéposez 2 à 3 gouttes dans vos paumes et lissez vos pointes pour les protéger et les nourrir au quotidien. Un geste simple pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eComposition et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\" open\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🧪 Ingrédient (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003ePersea Gratissima Oil*\u003c\/strong\u003e (*issu de l'agriculture biologique). Un seul ingrédient, une pureté absolue.\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🌿 Engagements\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eLe Comptoir des Huiles s'engage dans une démarche \u003cstrong\u003e100 % naturelle, bio et équitable\u003c\/strong\u003e. L'huile est obtenue par première pression à froid afin de préserver l'intégralité de ses actifs. Sans additif, sans conservateur, sans parfum de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"av-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e⚠️ Précautions et conservation\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical. En cas de doute ou de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Conservez votre flacon à l'abri de la chaleur et de la lumière directe pour préserver toutes ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"av-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --av-cream: #f7f5f0;\n --av-white: #ffffff;\n --av-primary: #4a7c3f;\n --av-primary-dark: #2e5527;\n --av-primary-light: #e8f0e5;\n --av-secondary: #8b6f47;\n --av-accent: #c4a265;\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.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, #2e5527 0%, #4a7c3f 50%, #6b9a5e 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% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(196,162,101,.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.av-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\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,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.av-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\/* === 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-accent));\n border-radius: 2px;\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\/* === GRILLES === *\/\n.av-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.av-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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\/* === 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\/* === ACCORDION === *\/\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\/* === SECTION INTRO === *\/\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 line-height: 1.7;\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\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\n@keyframes avFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\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":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481315467641,"sku":"AVOCATCDH","price":7.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-davocat-bio-regenerante-50ml-comptoir-des-huiles-packshothd.webp?v=1774427754"},{"product_id":"huile-de-nigelle-purifiante-50ml-comptoir-des-huiles","title":"Huile de Nigelle Bio - Purifiante - 50ml - Comptoir des huiles","description":"\u003cdiv class=\"ng-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ng-hero\"\u003e\n \u003cdiv class=\"ng-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ng-hero-content\"\u003e\n \u003cdiv class=\"ng-badges-top\"\u003e\n \u003cspan class=\"ng-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"ng-badge\"\u003e🧴 Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"ng-badge\"\u003e🇫🇷 Comptoir des Huiles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ng-hero-title\"\u003eHuile de Nigelle Bio Purifiante\u003c\/span\u003e\n \u003cp class=\"ng-subtitle\"\u003eLe trésor ancestral des peaux à problèmes — visage \u0026amp; corps\u003c\/p\u003e\n \u003cp class=\"ng-description\"\u003e50 ml d'huile vierge de cumin noir, 100 % pure et naturelle, pour purifier, apaiser et régénérer votre peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003eHuile de Nigelle Bio : le soin purifiant pour les peaux à problèmes\u003c\/h2\u003e\n \u003cp class=\"ng-section-intro\"\u003eVous cherchez une huile de nigelle bio capable de purifier votre peau en profondeur, sans l'agresser ?\u003c\/p\u003e\n \u003cdiv class=\"ng-testimonial\"\u003e\n \u003cp class=\"ng-testimonial-text\"\u003eL'Huile de Nigelle Purifiante de Comptoir des Huiles est un trésor de la nature, obtenu par première pression à froid de graines de cumin noir issues de l'agriculture biologique. Formulée à 100 % d'ingrédients naturels et bio, elle s'adresse tout particulièrement aux peaux mixtes, grasses ou sujettes aux imperfections, aussi bien sur le visage que sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003ePourquoi utiliser une huile de nigelle sur le visage ?\u003c\/h2\u003e\n \u003cp class=\"ng-section-intro\"\u003eRiche en thymoquinone, en acides gras essentiels (oméga-6 et oméga-9) et en vitamine E, elle offre une action multiple sur les peaux à problèmes.\u003c\/p\u003e\n \u003cdiv class=\"ng-grid\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🧹 Purification en profondeur\u003c\/h3\u003e\n \u003cp\u003eSes vertus antibactériennes aident à réduire les points noirs, les boutons et les excès de sébum, pour une peau visiblement plus nette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌸 Apaisement des irritations\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés anti-inflammatoires, l'huile de nigelle calme les rougeurs, les sensibilités et les inconforts liés à l'acné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💧 Hydratation non comédogène\u003c\/h3\u003e\n \u003cp\u003eElle nourrit sans obstruer les pores ni laisser de film gras, un atout rare pour les peaux à tendance grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e✨ Régénération cutanée\u003c\/h3\u003e\n \u003cp\u003eSes antioxydants contribuent à estomper les marques et cicatrices, tout en favorisant le renouvellement naturel des cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003eL'huile de nigelle pour les cheveux : un allié souvent méconnu\u003c\/h2\u003e\n \u003cp class=\"ng-section-intro\"\u003eAu-delà du visage, l'huile de nigelle est un véritable soin revitalisant pour votre cuir chevelu et vos longueurs.\u003c\/p\u003e\n \u003cdiv class=\"ng-grid\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🧖 Cuir chevelu apaisé\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations et aide à lutter contre les pellicules grâce à son action antibactérienne et anti-inflammatoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💪 Fibre capillaire renforcée\u003c\/h3\u003e\n \u003cp\u003eRenforce la fibre capillaire en profondeur et limite la chute de cheveux pour une chevelure plus dense et résistante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💎 Brillance et souplesse\u003c\/h3\u003e\n \u003cp\u003eRedonne brillance et souplesse aux cheveux ternes ou fragilisés dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-tip\"\u003e\n \u003cspan class=\"ng-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eMassez quelques gouttes sur le cuir chevelu, laissez poser 20 à 30 minutes, puis procédez à votre shampoing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile bio de nigelle au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"ng-timeline\"\u003e\n \u003cdiv class=\"ng-timeline-item\"\u003e\n \u003cdiv class=\"ng-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ng-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 3 à 4 gouttes sur le visage propre et sec, matin et\/ou soir. Massez délicatement en mouvements circulaires jusqu'à pénétration complète. Vous pouvez l'utiliser seule ou mélangée à votre crème hydratante habituelle pour moduler son intensité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-timeline-item\"\u003e\n \u003cdiv class=\"ng-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ng-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez localement les zones sujettes aux imperfections, aux irritations ou aux démangeaisons. Elle convient parfaitement après l'épilation pour apaiser la peau.\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=\"ng-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ng-grid-compact\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌱 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003eNigella Sativa Seed Oil* — *Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🧪 Pureté\u003c\/h3\u003e\n \u003cp\u003e100 % pure, vierge, première pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs ni parfum de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🫙 Flacon\u003c\/h3\u003e\n \u003cp\u003eVerre ambré 50 ml avec compte-gouttes précis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ng-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCe qui distingue l'huile de nigelle Comptoir des Huiles\u003c\/h2\u003e\n \u003cdiv class=\"ng-accordion\"\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e🌾 Sourcing biologique d'excellence\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n \u003cp\u003eComptoir des Huiles sélectionne des graines de nigelle cultivées dans le respect de l'environnement et certifiées biologiques. L'extraction par première pression à froid préserve l'intégralité des actifs pour une huile d'une qualité irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e🫙 Protection optimale du flacon\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n \u003cp\u003eLe flacon en verre ambré protège l'huile de l'oxydation et garantit sa fraîcheur dans le temps. Le compte-gouttes intégré permet un dosage précis à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème de peau persistant, consultez un professionnel de santé. Effectuez un test dans le pli du coude 24 heures avant la première utilisation pour écarter tout risque d'allergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le pouvoir purifiant de la nigelle bio — 100 % naturelle, 100 % efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ng-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ng-cream: #f7f4f0;\n --ng-white: #ffffff;\n --ng-primary: #7b82b8;\n --ng-primary-dark: #4a4f7a;\n --ng-primary-light: #edeef6;\n --ng-secondary: #c9945a;\n --ng-accent: #a67c52;\n --ng-text: #1a1a1a;\n --ng-text-light: #5a5a5a;\n --ng-border: #e0ddd8;\n --ng-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ng-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ng-radius: 20px;\n --ng-radius-sm: 12px;\n}\n\n.ng-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ng-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ng-hero {\n position: relative;\n background: linear-gradient(135deg, #4a4f7a 0%, #7b82b8 45%, #c9945a 100%);\n border-radius: var(--ng-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(--ng-shadow-lg);\n}\n\n.ng-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.ng-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ng-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.ng-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ng-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(--ng-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ng-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ng-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.ng-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.ng-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ng-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ng-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.ng-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(--ng-primary), var(--ng-secondary));\n border-radius: 2px;\n}\n\n.ng-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ng-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.ng-card {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ng-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ng-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ng-shadow-lg);\n border-color: var(--ng-primary);\n}\n\n.ng-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ng-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ng-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ng-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ng-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ng-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ng-grid-compact .ng-card {\n padding: 1rem;\n}\n\n.ng-grid-compact .ng-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ng-grid-compact .ng-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ng-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ng-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ng-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ng-primary), var(--ng-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.ng-timeline-content {\n flex: 1;\n background: var(--ng-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ng-radius-sm);\n box-shadow: var(--ng-shadow);\n}\n\n.ng-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ng-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ng-timeline-content p {\n font-size: 14px;\n color: var(--ng-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ng-testimonial {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ng-shadow);\n border-left: 4px solid var(--ng-primary);\n}\n\n.ng-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ng-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ng-accordion {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n box-shadow: var(--ng-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.ng-accordion-item {\n border-bottom: 1px solid var(--ng-border);\n margin: 0;\n padding: 0;\n}\n\n.ng-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ng-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ng-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.ng-accordion-header:hover {\n background: var(--ng-primary-light);\n}\n\n.ng-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ng-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ng-primary);\n transition: transform .2s ease;\n}\n\n.ng-accordion-item[open] .ng-accordion-header::after {\n content: '−';\n}\n\n.ng-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ng-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ng-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ng-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ng-primary-light);\n border-radius: var(--ng-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ng-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ng-tip p {\n font-size: 14px;\n color: var(--ng-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ng-cta-box {\n background: linear-gradient(135deg, var(--ng-primary) 0%, var(--ng-primary-dark) 100%);\n border-radius: var(--ng-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ng-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.ng-disclaimer {\n font-size: 12px;\n color: var(--ng-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 .ng-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ng-card {\n padding: 1.125rem;\n }\n\n .ng-section {\n margin-bottom: 1.75rem;\n }\n\n .ng-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ng-radius-sm);\n }\n\n .ng-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ng-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ng-grid-compact {\n gap: .625rem;\n }\n\n .ng-grid-compact .ng-card {\n padding: .75rem;\n }\n\n .ng-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ng-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ng-timeline-content h3 {\n font-size: 14px;\n }\n\n .ng-timeline-content p {\n font-size: 13px;\n }\n\n .ng-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ng-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ng-testimonial {\n padding: 1.25rem;\n }\n\n .ng-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ng-card {\n animation: ngFadeInUp .5s ease backwards;\n }\n .ng-card:nth-child(1) { animation-delay: .05s; }\n .ng-card:nth-child(2) { animation-delay: .1s; }\n .ng-card:nth-child(3) { animation-delay: .15s; }\n .ng-card:nth-child(4) { animation-delay: .2s; }\n .ng-card:nth-child(5) { animation-delay: .25s; }\n .ng-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ngFadeInUp {\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 .ng-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481317892473,"sku":"NIGELLECDH","price":8.82,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-nigelle-bio-purifiante-50ml-comptoir-des-huiles-packshothd.webp?v=1774364997"},{"product_id":"huile-dargan-tonifiante-50ml-comptoir-des-huiles","title":"Huile d'Argan Bio - Tonifiante - 50ml - Comptoir des huiles","description":"\u003cdiv class=\"arg-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"arg-hero\"\u003e\n \u003cdiv class=\"arg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arg-hero-content\"\u003e\n \u003cdiv class=\"arg-badges-top\"\u003e\n \u003cspan class=\"arg-badge\"\u003e🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🇲🇦 Origine Maroc\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e❄️ Pression à froid\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🧴 Visage, corps \u0026amp; cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arg-hero-title\"\u003eHuile d'Argan Bio Tonifiante\u003c\/span\u003e\n \u003cp class=\"arg-subtitle\"\u003eComptoir des Huiles — 50 ml avec compte-gouttes\u003c\/p\u003e\n \u003cp class=\"arg-description\"\u003eUn trésor marocain ancestral, pur et certifié bio, pour nourrir, tonifier et sublimer votre peau, vos cheveux et vos ongles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003eL'huile d'Argan Bio : le trésor marocain pour votre peau, vos cheveux et vos ongles\u003c\/h2\u003e\n \u003cp class=\"arg-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile d'argan bio\u003c\/strong\u003e authentique, capable de nourrir votre peau en profondeur tout en lui redonnant tonus et éclat ? L'\u003cstrong\u003eHuile d'Argan Tonifiante\u003c\/strong\u003e de \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e est exactement ce qu'il vous faut. 100 % naturelle, certifiée biologique et extraite par première pression à froid, cette huile précieuse originaire du Maroc concentre le meilleur de l'arganier dans un flacon de 50 ml muni d'un compte-gouttes pratique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette huile d'argan bio pour le visage, le corps et les cheveux ?\u003c\/h2\u003e\n \u003cp class=\"arg-section-intro\"\u003eNaturellement riche en \u003cstrong\u003eacides gras essentiels\u003c\/strong\u003e (oméga-6 et oméga-9), en \u003cstrong\u003evitamine E\u003c\/strong\u003e et en \u003cstrong\u003einsaponifiables\u003c\/strong\u003e, elle agit sur plusieurs fronts à la fois.\u003c\/p\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💪 Tonifie et raffermit la peau\u003c\/h3\u003e\n \u003cp\u003eStimule la régénération cellulaire et aide à maintenir l'élasticité cutanée. Votre peau retrouve un aspect plus ferme et plus rebondi, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💧 Nourrit intensément sans graisser\u003c\/h3\u003e\n \u003cp\u003eSa texture sèche pénètre rapidement. Idéale pour les peaux normales à sèches, elle apaise les tiraillements et laisse un fini soyeux, sans film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🛡️ Protège contre le vieillissement cutané\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa puissante action antioxydante, elle aide à neutraliser les radicaux libres responsables des rides et de la perte de fermeté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e✨ Redonne vie aux cheveux ternes\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle répare la fibre capillaire, réduit les frisottis et apporte une brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Fortifie les ongles cassants\u003c\/h3\u003e\n \u003cp\u003eUn massage régulier sur les ongles et les cuticules les rend plus résistants et mieux hydratés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile d'argan tonifiante au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"arg-section-intro\"\u003eL'un des grands atouts de cette huile bio argan est sa polyvalence. Voici comment l'intégrer facilement à votre routine.\u003c\/p\u003e\n \u003cdiv class=\"arg-timeline\"\u003e\n \u003cdiv class=\"arg-timeline-item\"\u003e\n \u003cdiv class=\"arg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eLe soir, après avoir nettoyé votre peau, déposez 3 à 4 gouttes au creux de vos mains et massez délicatement le visage et le cou en mouvements ascendants. Elle peut aussi s'utiliser le matin, sous votre crème de jour, comme sérum nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-item\"\u003e\n \u003cdiv class=\"arg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement après la douche sur les zones sèches (coudes, genoux, décolleté). La peau encore légèrement humide absorbera mieux les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-item\"\u003e\n \u003cdiv class=\"arg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile, appliquez sur les longueurs et laissez poser 30 minutes à une nuit avant le shampoing. En finition, une ou deux gouttes sur cheveux secs disciplinent et font briller.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-item\"\u003e\n \u003cdiv class=\"arg-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-content\"\u003e\n \u003ch3\u003eSur les ongles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle et cuticule chaque soir avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003eComposition et origine\u003c\/h2\u003e\n \u003cdiv class=\"arg-card\" style=\"text-align:left;\"\u003e\n \u003ch3\u003e🧬 Ingrédient unique (INCI)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eArgania Spinosa Kernel Oil*\u003c\/strong\u003e — \u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-tip\"\u003e\n \u003cspan class=\"arg-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile d'argan bio du Maroc\u003c\/strong\u003e est obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e, un procédé mécanique qui préserve l'intégralité des vitamines, des acides gras et des antioxydants. Aucun additif, aucun conservateur, aucun parfum de synthèse : vous bénéficiez d'un soin pur et brut, tel que la nature l'a conçu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"arg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette huile d'argan bio ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid-compact\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🧴 Peaux normales à sèches\u003c\/h3\u003e\n \u003cp\u003eEn quête de nutrition et de fermeté au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux ternes \u0026amp; fragilisés\u003c\/h3\u003e\n \u003cp\u003eSecs, cassants ou en manque de brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Ongles cassants\u003c\/h3\u003e\n \u003cp\u003ePour renforcer et hydrater les cuticules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eUn seul produit multi-usages, bio et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-cta-box\"\u003e\n \u003cp\u003e✨ Simplifiez votre routine beauté avec un seul produit multi-usages, naturel et efficace — l'huile d'argan bio tonifiante Comptoir des Huiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"arg-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas 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 --arg-cream: #faf7f2;\n --arg-white: #ffffff;\n --arg-primary: #c8944a;\n --arg-primary-dark: #8b5e2f;\n --arg-primary-light: #f5ece0;\n --arg-secondary: #d4a95a;\n --arg-accent: #e8c77b;\n --arg-text: #1a1a1a;\n --arg-text-light: #5a5a5a;\n --arg-border: #e8ddd0;\n --arg-shadow: 0 4px 24px rgba(139, 94, 47, .08);\n --arg-shadow-lg: 0 12px 48px rgba(139, 94, 47, .15);\n --arg-radius: 20px;\n --arg-radius-sm: 12px;\n}\n\n.arg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.arg-hero {\n position: relative;\n background: linear-gradient(135deg, #8b5e2f 0%, #c8944a 50%, #d4a95a 100%);\n border-radius: var(--arg-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(--arg-shadow-lg);\n}\n\n.arg-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 repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.arg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.arg-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.arg-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.arg-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.arg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.arg-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(--arg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.arg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--arg-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.arg-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(--arg-primary), var(--arg-secondary));\n border-radius: 2px;\n}\n\n.arg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--arg-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.arg-section-intro strong {\n color: var(--arg-primary-dark);\n}\n\n\/* === CARDS === *\/\n.arg-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--arg-shadow-lg);\n border-color: var(--arg-primary);\n}\n\n.arg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.arg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.arg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.arg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.arg-grid-compact .arg-card {\n padding: 1rem;\n}\n\n.arg-grid-compact .arg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.arg-grid-compact .arg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.arg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.arg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.arg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--arg-primary), var(--arg-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(200, 148, 74, .3);\n}\n\n.arg-timeline-content {\n flex: 1;\n background: var(--arg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--arg-radius-sm);\n box-shadow: var(--arg-shadow);\n}\n\n.arg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--arg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.arg-timeline-content p {\n font-size: 14px;\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.arg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--arg-primary-light);\n border-radius: var(--arg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.arg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.arg-tip p {\n font-size: 14px;\n color: var(--arg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.arg-tip p strong {\n color: var(--arg-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.arg-cta-box {\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-primary-dark) 100%);\n border-radius: var(--arg-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.arg-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.arg-disclaimer {\n font-size: 12px;\n color: var(--arg-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 .arg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .arg-card {\n padding: 1.125rem;\n }\n\n .arg-section {\n margin-bottom: 1.75rem;\n }\n\n .arg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--arg-radius-sm);\n }\n\n .arg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .arg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .arg-grid-compact {\n gap: .625rem;\n }\n\n .arg-grid-compact .arg-card {\n padding: .75rem;\n }\n\n .arg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .arg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .arg-timeline-content h3 {\n font-size: 14px;\n }\n\n .arg-timeline-content p {\n font-size: 13px;\n }\n\n .arg-tip {\n padding: .875rem 1rem;\n }\n\n .arg-tip-icon {\n font-size: 20px;\n }\n\n .arg-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .arg-card {\n animation: argFadeInUp .5s ease backwards;\n }\n .arg-card:nth-child(1) { animation-delay: .05s; }\n .arg-card:nth-child(2) { animation-delay: .1s; }\n .arg-card:nth-child(3) { animation-delay: .15s; }\n .arg-card:nth-child(4) { animation-delay: .2s; }\n .arg-card:nth-child(5) { animation-delay: .25s; }\n .arg-card:nth-child(6) { animation-delay: .3s; }\n\n .arg-timeline-item {\n animation: argFadeInUp .5s ease backwards;\n }\n .arg-timeline-item:nth-child(1) { animation-delay: .05s; }\n .arg-timeline-item:nth-child(2) { animation-delay: .1s; }\n .arg-timeline-item:nth-child(3) { animation-delay: .15s; }\n .arg-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes argFadeInUp {\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 .arg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481318515065,"sku":"ARGANCDH","price":10.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargan-bio-tonifiante-50ml-comptoir-des-huiles-packshothd.webp?v=1774427777"},{"product_id":"huile-damande-douce-adoucissante-50ml-comptoir-des-huiles","title":"Huile d'Amande douce Bio - Adoucissante - Peau et Cheveux - Comptoir des huiles","description":"\u003cdiv class=\"ad-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ad-hero\"\u003e\n \u003cdiv class=\"ad-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ad-hero-content\"\u003e\n \u003cdiv class=\"ad-badges-top\"\u003e\n \u003cspan class=\"ad-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🫧 Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e👶 Convient aux bébés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ad-hero-title\"\u003eHuile d'Amande Douce Bio\u003c\/span\u003e\n \u003cp class=\"ad-subtitle\"\u003eHuile adoucissante · Comptoir des Huiles\u003c\/p\u003e\n \u003cp class=\"ad-description\"\u003eL'alliée douceur de toute la famille : une huile végétale pure et certifiée bio pour nourrir la peau, apaiser les sensibilités et sublimer les cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eL'huile d'amande douce : le soin adoucissant pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eVous cherchez une huile d'amande douce polyvalente, douce et vraiment efficace ? L'Huile d'Amande Douce Adoucissante de Comptoir des Huiles est un incontournable des soins naturels. Certifiée bio et obtenue par première pression à froid, cette huile végétale pure prend soin de votre peau, de votre visage et de vos cheveux au quotidien.\u003c\/p\u003e\n \u003cp class=\"ad-section-intro\"\u003eSon secret : une composition d'une simplicité remarquable, sans aucun additif, pour un résultat que vous sentirez dès la première application.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'amande douce pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eNaturellement riche en acides gras essentiels (oméga 6 et oméga 9) ainsi qu'en vitamines A et E, l'huile d'amande douce offre un soin complet reconnu depuis des siècles.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Nourrit et adoucit en profondeur\u003c\/h3\u003e\n \u003cp\u003eElle pénètre facilement sans laisser de film gras, idéale pour les peaux sèches et déshydratées qui ont besoin de retrouver souplesse et confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌸 Apaise les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eRougeurs, tiraillements, irritations… L'huile d'amande douce calme les inconforts cutanés, y compris sur les peaux les plus fragiles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🛡️ Protège la barrière cutanée\u003c\/h3\u003e\n \u003cp\u003eElle renforce le film hydrolipidique naturel de la peau et aide à la protéger des agressions extérieures : froid, vent, pollution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e✨ Revitalise les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque ou en soin sans rinçage, elle redonne brillance, douceur et élasticité aux longueurs sèches et cassantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e👶 Convient aux bébés\u003c\/h3\u003e\n \u003cp\u003eUn classique pour hydrater la peau délicate des tout-petits et masser en douceur après le bain. Toute la famille en profite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile d'amande douce bio ?\u003c\/h2\u003e\n \u003cdiv class=\"ad-timeline\"\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eDéposez 3 à 4 gouttes dans le creux de vos mains, puis massez délicatement votre peau propre et sèche, matin ou soir. Elle peut aussi servir de démaquillant naturel : appliquez-la sur un coton pour dissoudre le maquillage en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, massez généreusement les zones sèches (coudes, genoux, jambes) pour retrouver une peau souple et veloutée. C'est également une huile de massage idéale, seule ou mélangée à quelques gouttes d'huile essentielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant le shampooing, appliquez sur les longueurs et les pointes, laissez poser 30 minutes minimum, puis lavez normalement. Pour dompter les frisottis au quotidien, une noisette sur les pointes sèches suffit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-tip\"\u003e\n \u003cspan class=\"ad-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ajoutez quelques gouttes à votre crème hydratante habituelle pour booster son pouvoir nourrissant, ou mélangez avec du miel pour un masque visage maison ultra-doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ad-composition-box\"\u003e\n \u003cdiv class=\"ad-composition-inci\"\u003e\n \u003cspan class=\"ad-composition-label\"\u003eIngrédient (INCI)\u003c\/span\u003e\n \u003cspan class=\"ad-composition-value\"\u003ePrunus Amygdalus Dulcis Oil*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-composition-note\"\u003e*Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-section-intro\" style=\"margin-top:1.25rem;\"\u003eC'est tout. Une huile 100 % pure, naturelle et bio, sans parfum, sans conservateur, sans colorant. Obtenue par première pression à froid pour préserver l'intégralité de ses nutriments.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid-compact\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eAucun arôme ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003ePureté totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n \u003cp\u003eCouleur 100 % naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eNutriments préservés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile d'amande douce Comptoir des Huiles ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eSur le marché, les huiles d'amande douce ne se valent pas toutes. Celle de Comptoir des Huiles se distingue par plusieurs engagements concrets :\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌱 Certification biologique\u003c\/h3\u003e\n \u003cp\u003eGarantit l'absence de pesticides et de traitements chimiques pour une huile respectueuse de votre corps et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e❄️ Extraction à froid\u003c\/h3\u003e\n \u003cp\u003eConserve toutes les propriétés actives de l'amande : vitamines, acides gras essentiels, antioxydants naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧪 Flacon verre ambré + pipette\u003c\/h3\u003e\n \u003cp\u003eFormat 50 ml pour un dosage précis et une conservation optimale à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🤝 Fabrication éthique\u003c\/h3\u003e\n \u003cp\u003eUne production responsable et respectueuse de l'environnement, de la récolte des amandes jusqu'au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-section-intro\" style=\"margin-top:1.25rem;\"\u003eQue vous l'utilisiez pour prendre soin de votre peau, sublimer vos cheveux ou chouchouter la peau de votre bébé, cette huile deviendra vite un essentiel de votre salle de bain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL + DISCLAIMER --\u003e\n \u003csection class=\"ad-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ad-cta-box\"\u003e\n \u003cp\u003e🌿 Flacon de 50 ml avec pipette en verre — L'essentiel beauté 100 % naturel et bio pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis ou un traitement médical. En cas d'allergie aux fruits à coque, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ad-cream: #faf8f5;\n --ad-white: #ffffff;\n --ad-primary: #5bab8b;\n --ad-primary-dark: #2e6e54;\n --ad-primary-light: #e8f5ee;\n --ad-secondary: #c8946e;\n --ad-accent: #d4a87c;\n --ad-text: #1a1a1a;\n --ad-text-light: #5a5a5a;\n --ad-border: #e0ddd8;\n --ad-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ad-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ad-radius: 20px;\n --ad-radius-sm: 12px;\n}\n\n.ad-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ad-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ad-hero {\n position: relative;\n background: linear-gradient(135deg, #2e6e54 0%, #5bab8b 50%, #c8946e 100%);\n border-radius: var(--ad-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(--ad-shadow-lg);\n}\n\n.ad-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(200,148,110,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ad-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ad-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ad-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(--ad-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ad-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ad-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.ad-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ad-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\/* === SECTIONS === *\/\n.ad-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ad-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ad-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.ad-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(--ad-primary), var(--ad-secondary));\n border-radius: 2px;\n}\n\n.ad-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ad-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.ad-card {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ad-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ad-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ad-shadow-lg);\n border-color: var(--ad-primary);\n}\n\n.ad-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ad-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ad-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ad-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ad-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ad-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ad-grid-compact .ad-card {\n padding: 1rem;\n}\n\n.ad-grid-compact .ad-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ad-grid-compact .ad-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ad-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ad-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ad-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ad-primary), var(--ad-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.ad-timeline-content {\n flex: 1;\n background: var(--ad-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ad-radius-sm);\n box-shadow: var(--ad-shadow);\n}\n\n.ad-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ad-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ad-timeline-content p {\n font-size: 14px;\n color: var(--ad-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.ad-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ad-primary-light);\n border-radius: var(--ad-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ad-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ad-tip p {\n font-size: 14px;\n color: var(--ad-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ad-composition-box {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ad-shadow);\n text-align: center;\n border: 2px solid var(--ad-primary-light);\n}\n\n.ad-composition-inci {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n align-items: center;\n}\n\n.ad-composition-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--ad-primary);\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.ad-composition-value {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--ad-primary-dark);\n font-style: italic;\n}\n\n.ad-composition-note {\n font-size: 13px;\n color: var(--ad-text-light);\n font-style: italic;\n margin: .75rem 0 0 0;\n}\n\n\/* === CTA === *\/\n.ad-cta-box {\n background: linear-gradient(135deg, var(--ad-primary) 0%, var(--ad-primary-dark) 100%);\n border-radius: var(--ad-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ad-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.ad-disclaimer {\n font-size: 12px;\n color: var(--ad-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 .ad-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ad-card {\n padding: 1.125rem;\n }\n\n .ad-section {\n margin-bottom: 1.75rem;\n }\n\n .ad-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ad-radius-sm);\n }\n\n .ad-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ad-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ad-grid-compact {\n gap: .625rem;\n }\n\n .ad-grid-compact .ad-card {\n padding: .75rem;\n }\n\n .ad-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ad-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ad-timeline-content h3 {\n font-size: 14px;\n }\n\n .ad-timeline-content p {\n font-size: 13px;\n }\n\n .ad-testimonial {\n padding: 1.25rem;\n }\n\n .ad-testimonial-text {\n font-size: 14px;\n }\n\n .ad-composition-value {\n font-size: 18px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ad-card {\n animation: adFadeInUp .5s ease backwards;\n }\n .ad-card:nth-child(1) { animation-delay: .05s; }\n .ad-card:nth-child(2) { animation-delay: .1s; }\n .ad-card:nth-child(3) { animation-delay: .15s; }\n .ad-card:nth-child(4) { animation-delay: .2s; }\n .ad-card:nth-child(5) { animation-delay: .25s; }\n .ad-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes adFadeInUp {\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 .ad-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481325691257,"sku":"AMANDEDOUCECDH","price":7.12,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-damande-douce-bio-adoucissante-peau-et-cheveux-comptoi-packshothd.webp?v=1774439064"},{"product_id":"gelee-apres-shampooing-volume-centifolia-200ml","title":"Gelée Volume Après-Shampooing - 200ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 99% d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌱 Certifié BIO \u0026amp; Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eGelée Volume Après-Shampooing\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eVolume absolu dès la racine • Cheveux fins et plats • 200ml\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUne texture gelée ultra-légère qui gaine la fibre capillaire sans l'alourdir, pour une chevelure aérienne et gonflée toute la journée. Au pamplemousse rose BIO et actif volume peptide de pois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn soin volume cheveux pensé pour les chevelures fines\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVos cheveux manquent de corps, retombent dès le milieu de journée et semblent plaqués sur le crâne ? Cette gelée est faite pour vous.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍊 Pamplemousse rose BIO\u003c\/h3\u003e\n \u003cp\u003eReconnu pour son action tonifiante et énergisante, il redonne éclat et vitalité à la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Actif peptide de pois\u003c\/h3\u003e\n \u003cp\u003eGaine chaque cheveu pour lui donner de la matière et un volume visible dès la racine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Texture gelée fraîche\u003c\/h3\u003e\n \u003cp\u003eUltra-légère et fluide, elle démêle sans plaquer, contrairement aux après-shampooings trop riches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans silicone, sans sulfates et vegan\u003c\/strong\u003e, convient également aux cuirs chevelus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLes bienfaits de cet après-shampooing volume\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⬆️ Volume immédiat\u003c\/h3\u003e\n \u003cp\u003eEffet gonflant durable dès la racine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🪮 Démêlage facile\u003c\/h3\u003e\n \u003cp\u003eSans alourdir les cheveux fins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💪 Fibre gainée\u003c\/h3\u003e\n \u003cp\u003eRenforcée et plus résistante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n \u003cp\u003eToucher soyeux et lumineux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Certifié BIO\u003c\/h3\u003e\n \u003cp\u003eVegan et fabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 Embout précision\u003c\/h3\u003e\n \u003cp\u003eApplication ciblée et nette\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser la Gelée Volume Après-Shampooing ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eEssorez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAprès votre shampooing, retirez l'excédent d'eau avec une serviette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez avec précision\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de gelée sur les longueurs et pointes grâce à l'embout applicateur de précision.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eMassez et laissez poser\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement, puis laissez agir 2 à 3 minutes pour une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eRincez et séchez tête en bas\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Séchez tête en bas pour maximiser l'effet gonflant à la racine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUtilisation recommandée : \u003cstrong\u003e2 à 3 fois par semaine\u003c\/strong\u003e. Associez-la au \u003cem\u003eShampooing Volume Centifolia\u003c\/em\u003e pour un résultat encore plus spectaculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition : des actifs naturels et bio\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eLa formule contient \u003cstrong\u003e99% d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont une large part issue de l'Agriculture Biologique.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Eau florale de pamplemousse rose BIO\u003c\/h3\u003e\n \u003cp\u003eTonifiante, elle redonne de l'éclat et de la vitalité aux cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Actif volume peptide de pois\u003c\/h3\u003e\n \u003cp\u003eGaine la fibre capillaire et apporte du corps aux cheveux fins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍃 Extrait de Ginkgo Biloba BIO\u003c\/h3\u003e\n \u003cp\u003eStimulant et fortifiant, il renforce la structure du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Agents démêlants végétaux\u003c\/h3\u003e\n \u003cp\u003eFacilitent le coiffage sans alourdir la chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eHydratante, elle préserve la souplesse naturelle du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Formule clean\u003c\/h3\u003e\n \u003cp\u003eSans silicone, sans sulfates, sans huile minérale, sans colorants de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eVos interrogations sur ce soin volume\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e💭 Est-ce le meilleur soin volume pour cheveux plats ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eSa texture gelée, plus légère qu'un baume, est spécifiquement conçue pour les cheveux fins et plats qui ne supportent pas les soins trop riches. Elle apporte du volume sans effet plaquant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e📅 Peut-on l'utiliser tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule douce convient à une utilisation régulière, même sur cuir chevelu sensible. Pour un résultat optimal, nous recommandons toutefois 2 à 3 applications par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e⚖️ Alourdit-elle les cheveux fins ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eNon. Sans silicone ni agents occlusifs, elle respecte la légèreté naturelle du cheveu et préserve son mouvement aérien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Centifolia ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eMarque française engagée, \u003cstrong\u003eCentifolia\u003c\/strong\u003e formule ses cosmétiques avec des actifs végétaux sélectionnés pour leur efficacité et leur traçabilité. Cette gelée volume s'inscrit dans une démarche éco-responsable : packaging recyclable, fabrication française, ingrédients bio et non testés sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe et ne remplace pas un avis médical en cas de problème capillaire ou de cuir chevelu persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #fdf6f3;\n --cf-white: #ffffff;\n --cf-primary: #e87a6a;\n --cf-primary-dark: #4a1f1a;\n --cf-primary-light: #fce8e2;\n --cf-secondary: #f4a896;\n --cf-accent: #ff6b4a;\n --cf-text: #2a1613;\n --cf-text-light: #6b4a44;\n --cf-border: #ead5cf;\n --cf-shadow: 0 4px 24px rgba(74, 31, 26, .08);\n --cf-shadow-lg: 0 12px 48px rgba(74, 31, 26, .15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #4a1f1a 0%, #7a2e23 50%, #e87a6a 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.2) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(244,168,150,.3) 0%, transparent 40%);\n opacity: .6;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.cf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n}\n\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin: 0 auto 1.75rem;\n max-width: 700px;\n line-height: 1.7;\n}\n\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(232, 122, 106, .35);\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n}\n\n.cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n margin: 0;\n padding: 0;\n}\n\n.cf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cf-accordion-header:hover {\n background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cf-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n}\n\n.cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cf-accordion-content p {\n margin: 0;\n}\n\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.cf-cta-box p strong {\n font-weight: 800;\n}\n\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n\n .cf-card {\n padding: 1.125rem;\n }\n\n .cf-section {\n margin-bottom: 1.75rem;\n }\n\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n\n .cf-timeline-content p {\n font-size: 13px;\n }\n\n .cf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502897062265,"sku":"CE0655","price":10.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gelee-volume-apres-shampooing-200ml-centifolia-packshothd.webp?v=1777376141"},{"product_id":"brume-fixante-volume-200ml-centifolia","title":"Brume Fixante \u0026 Volume - 200ml - Centifolia","description":"\u003cdiv class=\"bf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bf-hero\"\u003e\n \u003cdiv class=\"bf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bf-hero-content\"\u003e\n \u003cdiv class=\"bf-badges-top\"\u003e\n \u003cspan class=\"bf-badge\"\u003e🏆 Meilleur Produit Bio 2023\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bf-hero-title\"\u003eBrume Fixante \u0026amp; Volume\u003c\/span\u003e\n \u003cp class=\"bf-subtitle\"\u003eCentifolia — Gamme Volume Absolu — 200 ml\u003c\/p\u003e\n \u003cp class=\"bf-description\"\u003eLa laque bio au pamplemousse rose qui fixe votre coiffure avec légèreté, booste le volume et laisse vos cheveux souples et brillants toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eBrume Fixante \u0026amp; Volume Centifolia : la laque naturelle qui fixe sans alourdir\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eVous rêvez d'une coiffure qui tient toute la journée sans cet effet cartonné ou collant des laques classiques ?\u003c\/p\u003e\n \u003cdiv class=\"bf-grid-compact\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🏆 Élue meilleur produit bio 2023\u003c\/h3\u003e\n \u003cp\u003ePar un jury de 100 consommateurs bio exigeants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🍊 Pamplemousse rose bio\u003c\/h3\u003e\n \u003cp\u003eParfum frais et délicat, légèreté incomparable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌬️ Fixation sans alourdir\u003c\/h3\u003e\n \u003cp\u003eBooste le volume tout en gardant souplesse et mouvement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e✅ Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eCertifiée COSMOS ORGANIC, vegan, fabriquée en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003ePourquoi cette brume fixante bio est différente ?\u003c\/h2\u003e\n \u003cdiv class=\"bf-testimonial\"\u003e\n \u003cp class=\"bf-testimonial-text\"\u003e\"Contrairement aux laques conventionnelles bourrées de gaz propulseurs et de silicones, cette brume Centifolia repose sur une formule composée à 99 % d'ingrédients d'origine naturelle. Sa texture ultra-fine, diffusée grâce à une pompe effet brume, se répartit uniformément sur la chevelure sans jamais la graisser ni la raidir.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e💨 Mouvement naturel\u003c\/h3\u003e\n \u003cp\u003eVos cheveux gardent leur souplesse et leur brillance tout en restant parfaitement en place\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFormule biodégradable, flacon 100 % recyclé et recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdaptée aux cheveux colorés et aux enfants dès 3 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eDes actifs naturels soigneusement sélectionnés\u003c\/h2\u003e\n \u003cdiv class=\"bf-grid\"\u003e\n \u003cdiv class=\"bf-card bf-card-ingredient\"\u003e\n \u003ch3\u003e🍊 Pamplemousse rose bio\u003c\/h3\u003e\n \u003cp class=\"bf-card-origin\"\u003eOrigine France\u003c\/p\u003e\n \u003cp\u003eCet extrait d'agrume apporte fraîcheur et légèreté à la chevelure. Il aide à purifier les racines et laisse un délicat parfum fruité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card bf-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Peptides de pois fermentés\u003c\/h3\u003e\n \u003cp class=\"bf-card-origin\"\u003eActif volumateur\u003c\/p\u003e\n \u003cp\u003eVéritables alliés des cheveux fins, ils épaississent la fibre capillaire, amplifient le volume et offrent une protection antioxydante contre les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card bf-card-ingredient\"\u003e\n \u003ch3\u003e🛡️ Polymère naturel végétal\u003c\/h3\u003e\n \u003cp class=\"bf-card-origin\"\u003eFixation longue durée\u003c\/p\u003e\n \u003cp\u003eIl assure une fixation longue durée, protège de la chaleur (sèche-cheveux, fer à lisser), résiste à l'humidité et exerce un effet anti-frisottis remarquable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card bf-card-ingredient\"\u003e\n \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n \u003cp class=\"bf-card-origin\"\u003eHydratation \u0026amp; souplesse\u003c\/p\u003e\n \u003cp\u003eReconnu pour ses propriétés hydratantes et apaisantes, il préserve la souplesse du cheveu et évite l'effet desséchant souvent reproché aux laques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eComment utiliser la brume fixante Centifolia ?\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eSon utilisation est simple et s'adapte à toutes vos envies de coiffure :\u003c\/p\u003e\n \u003cdiv class=\"bf-timeline\"\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eSur cheveux secs\u003c\/h3\u003e\n \u003cp\u003eVaporisez à environ 20 cm de la chevelure pour fixer votre coiffure terminée, plaquer les baby hair ou maintenir un brushing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eSur cheveux humides\u003c\/h3\u003e\n \u003cp\u003eAppliquez avant le séchage pour apporter du soutien en racine et amplifier le volume dès la base.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003ePour les boucles\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur les longueurs pour aider à la tenue des boucles et limiter les frisottis 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=\"bf-tip\"\u003e\n \u003cspan class=\"bf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour une routine capillaire complète, associez cette brume aux autres soins de la \u003cstrong\u003egamme Volume Absolu Centifolia\u003c\/strong\u003e (shampooing, après-shampooing, masque).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eLes engagements de ce produit\u003c\/h2\u003e\n \u003cdiv class=\"bf-grid-compact\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌿 COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n \u003cp\u003eNon testée sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🧪 99 % naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🚫 Sans substances nocives\u003c\/h3\u003e\n \u003cp\u003eSans silicone, sans gaz propulseur, sans sulfate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e♻️ Flacon éco-conçu\u003c\/h3\u003e\n \u003cp\u003e100 % recyclé et recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"bf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette laque bio ?\u003c\/h2\u003e\n \u003cdiv class=\"bf-cta-box\"\u003e\n \u003cp\u003eCette brume fixante est idéale si vous cherchez une \u003cstrong\u003elaque naturelle\u003c\/strong\u003e qui respecte vos cheveux et la planète. Elle conviendra particulièrement aux personnes ayant les cheveux fins en quête de volume, mais aussi à celles qui souhaitent simplement fixer leur coiffure sans compromis sur la composition. Son format spray 200 ml est pratique au quotidien et offre une utilisation généreuse sur plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bf-disclaimer\"\u003eCe produit capillaire ne remplace pas un soin traitant en cas de problème spécifique du cuir chevelu. 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:root {\n --bf-cream: #faf6f2;\n --bf-white: #ffffff;\n --bf-primary: #c75a3a;\n --bf-primary-dark: #6b2d1a;\n --bf-primary-light: #fdeee8;\n --bf-secondary: #e8946b;\n --bf-accent: #d4a857;\n --bf-text: #1a1a1a;\n --bf-text-light: #5a5a5a;\n --bf-border: #e8ddd5;\n --bf-shadow: 0 4px 24px rgba(107, 45, 26, .08);\n --bf-shadow-lg: 0 12px 48px rgba(107, 45, 26, .15);\n --bf-radius: 20px;\n --bf-radius-sm: 12px;\n}\n\n.bf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bf-hero {\n position: relative;\n background: linear-gradient(135deg, #6b2d1a 0%, #c75a3a 50%, #e8946b 100%);\n border-radius: var(--bf-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(--bf-shadow-lg);\n}\n\n.bf-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 radial-gradient(circle at 50% 50%, rgba(232, 148, 107, .1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.bf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bf-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(--bf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bf-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.bf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.bf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.bf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bf-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.bf-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(--bf-primary), var(--bf-secondary));\n border-radius: 2px;\n}\n\n.bf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bf-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.bf-card {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bf-shadow-lg);\n border-color: var(--bf-primary);\n}\n\n.bf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENT CARD ORIGIN === *\/\n.bf-card-ingredient .bf-card-origin {\n display: inline-block;\n background: var(--bf-primary-light);\n color: var(--bf-primary);\n font-size: 11px;\n font-weight: 700;\n padding: 3px 10px;\n border-radius: 999px;\n margin-bottom: .5rem;\n text-transform: uppercase;\n letter-spacing: .04em;\n}\n\n\/* === GRILLES === *\/\n.bf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bf-grid-compact .bf-card {\n padding: 1rem;\n}\n\n.bf-grid-compact .bf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bf-grid-compact .bf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bf-primary), var(--bf-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.bf-timeline-content {\n flex: 1;\n background: var(--bf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bf-radius-sm);\n box-shadow: var(--bf-shadow);\n}\n\n.bf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bf-timeline-content p {\n font-size: 14px;\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bf-testimonial {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bf-shadow);\n border-left: 4px solid var(--bf-primary);\n}\n\n.bf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.bf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bf-primary-light);\n border-radius: var(--bf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bf-tip p {\n font-size: 14px;\n color: var(--bf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA BOX === *\/\n.bf-cta-box {\n background: linear-gradient(135deg, var(--bf-primary) 0%, var(--bf-primary-dark) 100%);\n border-radius: var(--bf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bf-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.bf-disclaimer {\n font-size: 12px;\n color: var(--bf-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 .bf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bf-card {\n padding: 1.125rem;\n }\n\n .bf-section {\n margin-bottom: 1.75rem;\n }\n\n .bf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bf-radius-sm);\n }\n\n .bf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bf-grid-compact {\n gap: .625rem;\n }\n\n .bf-grid-compact .bf-card {\n padding: .75rem;\n }\n\n .bf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bf-timeline-content h3 {\n font-size: 14px;\n }\n\n .bf-timeline-content p {\n font-size: 13px;\n }\n\n .bf-testimonial {\n padding: 1.25rem;\n }\n\n .bf-testimonial-text {\n font-size: 14px;\n }\n\n .bf-tip {\n padding: .875rem 1rem;\n }\n\n .bf-tip-icon {\n font-size: 20px;\n }\n\n .bf-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bf-card {\n animation: bfFadeInUp .5s ease backwards;\n }\n .bf-card:nth-child(1) { animation-delay: .05s; }\n .bf-card:nth-child(2) { animation-delay: .1s; }\n .bf-card:nth-child(3) { animation-delay: .15s; }\n .bf-card:nth-child(4) { animation-delay: .2s; }\n .bf-card:nth-child(5) { animation-delay: .25s; }\n .bf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bfFadeInUp {\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 .bf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502899126649,"sku":"CE0454","price":10.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brume-fixante-volume-200ml-centifolia-packshothd.webp?v=1775832752"},{"product_id":"baume-demelant-brillance-apres-shampooing-200ml-centifolia","title":"Baume Démêlant Brillance Apres-Shampoing - 200 ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🍇 Framboise bio\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 99 % naturel\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eBaume Démêlant Brillance Après-Shampooing\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUn après-shampoing bio à la framboise et à la kératine végétale pour des cheveux brillants, démêlés et sublimés dès la première utilisation. Tous types de cheveux — 200 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eBaume démêlant brillance Centifolia : l'après-shampoing bio à la framboise\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVous cherchez le \u003cstrong\u003emeilleur après-shampoing démêlant\u003c\/strong\u003e capable d'illuminer votre chevelure sans l'alourdir ? Le \u003cstrong\u003eBaume Démêlant Brillance de Centifolia\u003c\/strong\u003e combine extrait de framboise bio et kératine végétale pour transformer votre routine capillaire. Certifié bio, vegan et fabriqué en France, ce soin après-shampoing offre un démêlage sans effort et une brillance visible dès la première utilisation, quel que soit votre type de cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs naturels puissants pour des cheveux sublimés\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCe qui distingue ce baume démêlant, c'est la synergie de ses ingrédients soigneusement sélectionnés. Composé à \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, il nourrit et protège la fibre capillaire en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍓 Extrait de framboise bio\u003c\/h3\u003e\n \u003cp\u003eGorgé d'antioxydants et de vitamine E, il ravive l'éclat naturel de vos cheveux et leur apporte une brillance soyeuse. La framboise aide également à protéger la fibre capillaire contre les agressions extérieures (pollution, UV).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Kératine végétale\u003c\/h3\u003e\n \u003cp\u003eElle renforce la structure interne du cheveu en comblant les zones fragilisées. Vos cheveux retrouvent souplesse, résistance et un toucher doux incomparable. L'ingrédient clé pour limiter la casse au démêlage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés hydratantes et apaisantes, il nourrit les longueurs tout en calmant les cuirs chevelus sensibles ou irrités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn après-shampoing brillance adapté à tous les cheveux\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eQue vous ayez les cheveux fins, épais, lisses, ondulés ou \u003cstrong\u003ebouclés\u003c\/strong\u003e, ce baume s'adapte. Sa texture légère et fondante enveloppe chaque mèche sans laisser de résidu gras ni alourdir la chevelure.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🪶 Cheveux fins\u003c\/h3\u003e\n \u003cp\u003eRetrouvent volume et légèreté sans être alourdis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💪 Cheveux épais\u003c\/h3\u003e\n \u003cp\u003eDémêlage facilité et douceur longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e〰️ Cheveux ondulés\u003c\/h3\u003e\n \u003cp\u003eBoucles définies, souples et éclatantes de brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌀 Cheveux bouclés\/frisés\u003c\/h3\u003e\n \u003cp\u003eDiscipline les boucles et réduit les frisottis naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous avez déjà envisagé de préparer un \u003cstrong\u003eaprès-shampoing démêlant maison\u003c\/strong\u003e, ce baume vous offre la même philosophie naturelle — sans les contraintes de fabrication. Vous bénéficiez d'une formule élaborée par des experts en cosméto-botanique, stable et efficace à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser ce baume démêlant ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003ePour profiter pleinement de ses bienfaits, suivez ces étapes simples :\u003c\/p\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eEssorez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAprès votre shampoing, essorez légèrement vos cheveux pour retirer l'excès d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le baume\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de baume sur les \u003cstrong\u003elongueurs et les pointes\u003c\/strong\u003e, en évitant les racines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eDémêlez en douceur\u003c\/h3\u003e\n \u003cp\u003eDémêlez délicatement avec les doigts ou un peigne à dents larges.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez \u003cstrong\u003e2 à 5 minutes\u003c\/strong\u003e selon l'état de vos cheveux pour une action en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire pour révéler toute la brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un résultat encore plus lumineux, terminez par un rinçage à l'eau froide. Cela resserre les écailles du cheveu et amplifie la brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes engagements éthiques forts\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCentifolia ne fait aucun compromis sur la qualité ni sur l'éthique. Ce \u003cstrong\u003ebaume démêlant après-shampoing\u003c\/strong\u003e répond à des exigences strictes :\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n \u003cp\u003ePar un organisme indépendant reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n \u003cp\u003eSans aucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-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=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Biodégradable\u003c\/h3\u003e\n \u003cp\u003eImpact environnemental réduit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire local et qualité française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e📦 Éco-packaging\u003c\/h3\u003e\n \u003cp\u003eCapsule réduite pour limiter le plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eListe complète des ingrédients\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\" open\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e📋 Composition INCI\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Cetearyl Alcohol, Behentrimonium Chloride, Glycerin, Rubus Idaeus (Raspberry) Fruit Extract*, Aloe Barbadensis Leaf Juice Powder*, Hydrolyzed Wheat Protein, Tocopherol, Hydrogenated Vegetable Oil, Parfum, Citric Acid, Benzyl Alcohol, Dehydroacetic Acid, Potassium Sorbate, Sodium Benzoate, CI 77491. \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=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e📏 Contenance \u0026amp; utilisation\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 200 ml — Convient à un usage quotidien ou régulier pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🍓 Offrez à vos cheveux l'éclat naturel qu'ils méritent — brillance, douceur et démêlage sans effort avec la puissance de la framboise bio et de la kératine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #fdf6f8;\n --cf-white: #ffffff;\n --cf-primary: #c4285b;\n --cf-primary-dark: #4a1a2e;\n --cf-primary-light: #fce8ef;\n --cf-secondary: #e84980;\n --cf-accent: #d63668;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #f0d6de;\n --cf-shadow: 0 4px 24px rgba(74, 26, 46, .08);\n --cf-shadow-lg: 0 12px 48px rgba(196, 40, 91, .15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cf-primary-dark) 0%, #6b2040 40%, var(--cf-primary) 80%, var(--cf-secondary) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(232, 73, 128, .12) 0%, transparent 40%),\n radial-gradient(circle at 60% 20%, rgba(255,255,255,.05) 0%, transparent 30%);\n opacity: 1;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.cf-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.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n margin: 0;\n padding: 0;\n}\n\n.cf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cf-accordion-header:hover {\n background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n}\n\n.cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cf-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-card {\n padding: 1.125rem;\n }\n\n .cf-section {\n margin-bottom: 1.75rem;\n }\n\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cf-grid-compact {\n gap: .625rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n\n .cf-timeline-content p {\n font-size: 13px;\n }\n\n .cf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cf-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502899224953,"sku":"CE0272","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-demelant-brillance-apres-shampoing-200-ml-centifolia-packshothd.webp?v=1775836539"},{"product_id":"baume-demelant-reparateur-apres-shampooing-200ml-centifolia","title":"Baume Démêlant Réparateur Après-Shampoing Bio - 200ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan \u0026amp; Cruelty-free\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🧴 99 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eBaume Démêlant Réparateur Après-Shampoing Bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003e200 ml — Centifolia\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eEnrichi en huile de ricin bio et kératine végétale, il répare la fibre capillaire dès la 1ère application tout en offrant un démêlage sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eBaume démêlant réparateur : le soin après-shampoing des cheveux fragilisés\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVos cheveux sont cassants, ternes ou difficiles à coiffer après le lavage ? Le \u003cstrong\u003ebaume démêlant réparateur après-shampoing bio\u003c\/strong\u003e de Centifolia a été formulé spécifiquement pour vous. Enrichi en \u003cstrong\u003ehuile de ricin bio\u003c\/strong\u003e et en \u003cstrong\u003ekératine végétale\u003c\/strong\u003e, ce soin capillaire répare la fibre dès la première application tout en facilitant un démêlage tout en douceur. Si vous cherchez le \u003cstrong\u003emeilleur après-shampoing démêlant\u003c\/strong\u003e alliant efficacité et naturalité, cette formule certifiée COSMOS Organic mérite toute votre attention.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir cet après-shampoing réparateur ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Réparation visible dès la 1ère utilisation\u003c\/h3\u003e\n \u003cp\u003eLa kératine végétale comble les brèches de la fibre capillaire abîmée, tandis que l'huile de ricin bio, pressée à froid, renforce et nourrit en profondeur. Résultat : des cheveux plus résistants, moins de casse au brossage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💆 Démêlage sans effort\u003c\/h3\u003e\n \u003cp\u003eSa texture fondante enrobe chaque mèche sans alourdir. Même les cheveux bouclés, épais ou très emmêlés se démêlent facilement du bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Nutrition et douceur longue durée\u003c\/h3\u003e\n \u003cp\u003eLes huiles de jojoba et de coco, associées aux protéines d'amande douce, apportent une hydratation profonde qui dure toute la journée. Vos cheveux restent souples, brillants et agréables au toucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 99 % d'ingrédients d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003e27,9 % issus de l'agriculture biologique : une formule propre, sans silicone, sans sulfate, respectueuse de votre cuir chevelu et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤝 Engagement éthique complet\u003c\/h3\u003e\n \u003cp\u003eProduit vegan, cruelty-free, fabriqué en France, avec un tube contenant 30 % de plastique recyclé et une capsule réduite pour moins de déchets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs naturels ciblés pour les cheveux cassants\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCe qui distingue ce \u003cstrong\u003ebaume après-shampoing démêlant\u003c\/strong\u003e des autres soins du marché, c'est la synergie de ses actifs.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Huile de ricin bio\u003c\/h3\u003e\n \u003cp\u003eReconnue depuis des générations pour favoriser la résistance et la vitalité des cheveux, elle renforce la fibre en profondeur et stimule la brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Kératine végétale\u003c\/h3\u003e\n \u003cp\u003eUn véritable bouclier protecteur qui lisse les écailles et limite les dommages causés par la chaleur, la pollution ou les colorations répétées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Protéines d'amande douce\u003c\/h3\u003e\n \u003cp\u003eComplètent l'action réparatrice en apportant souplesse et élasticité à la chevelure, pour des cheveux visiblement plus sains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser ce baume démêlant ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eLavez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisez un shampoing doux, idéalement le \u003cstrong\u003eshampoing réparateur Centifolia\u003c\/strong\u003e de la même gamme, puis essorez légèrement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le baume\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur les \u003cstrong\u003elongueurs et pointes humides\u003c\/strong\u003e. Répartissez délicatement en démêlant avec vos doigts ou un peigne à dents larges.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser 2 à 5 minutes\u003c\/h3\u003e\n \u003cp\u003ePuis rincez abondamment à l'eau tiède. Ce soin convient à tous les types de cheveux : lisses, bouclés, colorés ou naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour les cheveux très abîmés, vous pouvez allonger légèrement le temps de pose ou l'utiliser en complément d'un masque réparateur une fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\" open\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e📋 Composition détaillée\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eAqua, Cetearyl Alcohol, Behentrimonium Chloride, Ricinus Communis Seed Oil*, Cocos Nucifera Oil*, Simmondsia Chinensis Seed Oil*, Hydrolyzed Wheat Protein, Prunus Amygdalus Dulcis Protein, Glycerin, Tocopherol, Parfum, Citric Acid, Benzyl Alcohol, Dehydroacetic Acid.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 (DERNIÈRE) --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eEn résumé\u003c\/h2\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eCe \u003cstrong\u003ebaume démêlant réparateur Centifolia\u003c\/strong\u003e représente une alternative naturelle et efficace aux après-shampoings conventionnels chargés en silicones. Si vous recherchez un \u003cstrong\u003eaprès-shampoing réparateur\u003c\/strong\u003e qui démêle, nourrit et protège sans compromettre vos engagements écologiques, ce soin bio fabriqué en France cochera toutes les cases. Vos cheveux méritent le meilleur de la nature : offrez-leur ce soin au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème capillaire persistant, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #faf5f0;\n --cf-white: #ffffff;\n --cf-primary: #8b2e2e;\n --cf-primary-dark: #5a1a1a;\n --cf-primary-light: #f5e6e6;\n --cf-secondary: #c0392b;\n --cf-accent: #d4443b;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #e8ddd3;\n --cf-shadow: 0 4px 24px rgba(90,26,26,.08);\n --cf-shadow-lg: 0 12px 48px rgba(90,26,26,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #3d1010 0%, #6b2020 40%, #8b2e2e 70%, #a03535 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(212,68,59,.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.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.8);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.cf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cf-section-intro strong {\n color: var(--cf-primary-dark);\n}\n\n\/* === CARDS === *\/\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRID COMPACT === *\/\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-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.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cf-timeline-content p strong {\n color: var(--cf-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n}\n\n.cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n margin: 0;\n padding: 0;\n}\n\n.cf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cf-accordion-header:hover {\n background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n}\n\n.cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cf-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.cf-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.cf-accordion-content strong {\n color: var(--cf-text);\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.cf-cta-box p strong {\n color: #ffd5d2;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-card {\n padding: 1.125rem;\n }\n\n .cf-section {\n margin-bottom: 1.75rem;\n }\n\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cf-grid-compact {\n gap: .625rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n\n .cf-timeline-content p {\n font-size: 13px;\n }\n\n .cf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cf-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\n font-size: 14px;\n }\n\n .cf-badges-top {\n gap: 6px;\n }\n\n .cf-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n\n .cf-timeline-item {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-timeline-item:nth-child(1) { animation-delay: .05s; }\n .cf-timeline-item:nth-child(2) { animation-delay: .15s; }\n .cf-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes cfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502899257721,"sku":"CE0449","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-demelant-reparateur-apres-shampoing-bio-200ml-centifol-packshothd.webp?v=1775836627"},{"product_id":"masque-ultra-violet-dejaunisseur-250ml-centifolia","title":"Masque Ultra Violet Déjaunisseur - 250ml - Centifolia","description":"\u003cdiv class=\"muv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"muv-hero\"\u003e\n \u003cdiv class=\"muv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"muv-hero-content\"\u003e\n \u003cdiv class=\"muv-badges-top\"\u003e\n \u003cspan class=\"muv-badge\"\u003e🫐 100 % pigments naturels\u003c\/span\u003e\n \u003cspan class=\"muv-badge\"\u003e🌿 Certifié bio COSMOS\u003c\/span\u003e\n \u003cspan class=\"muv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"muv-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"muv-hero-title\"\u003eMasque Ultra Violet Déjaunisseur\u003c\/span\u003e\n \u003cp class=\"muv-subtitle\"\u003eCentifolia — Gamme Lumière — 250 ml\u003c\/p\u003e\n \u003cp class=\"muv-description\"\u003eCorrection anti-jaunissement professionnelle, 48 h de nutrition intense, 99 % d'ingrédients d'origine naturelle. Validé par des coiffeurs professionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003eMasque violet déjaunisseur bio Centifolia : retrouvez des cheveux lumineux sans reflets jaunes\u003c\/h2\u003e\n \u003cp class=\"muv-section-intro\"\u003eVos cheveux blonds, blancs ou gris tirent vers le jaune ou l'orangé ? C'est un phénomène naturel, aggravé par la pollution, le calcaire ou les expositions répétées.\u003c\/p\u003e\n \u003cdiv class=\"muv-grid-compact\"\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e💜 Pigments violets \u0026amp; bleus\u003c\/h3\u003e\n \u003cp\u003e100 % naturels pour neutraliser les reflets jaunes et orangés sans colorants synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e⏱️ 48 h de nutrition\u003c\/h3\u003e\n \u003cp\u003eEffet nutri-correcteur longue durée qui nourrit intensément la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e✨ Efficacité pro\u003c\/h3\u003e\n \u003cp\u003eFormulé et validé par des coiffeurs professionnels pour un résultat salon à la maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCOSMOS Organic par Ecocert, labellisé Cosmébio. 99 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003eComment agit ce masque anti-jaunissement naturel ?\u003c\/h2\u003e\n \u003cp class=\"muv-section-intro\"\u003eContrairement aux masques conventionnels qui utilisent des colorants synthétiques, Centifolia mise sur deux familles de pigments végétaux complémentaires :\u003c\/p\u003e\n \u003cdiv class=\"muv-grid\"\u003e\n \u003cdiv class=\"muv-card muv-card-highlight-violet\"\u003e\n \u003ch3\u003e🍠 Pigments violets de patate douce\u003c\/h3\u003e\n \u003cp\u003eIls ciblent et neutralisent spécifiquement les \u003cstrong\u003ereflets jaunes\u003c\/strong\u003e, redonnant aux cheveux blonds et blancs toute leur pureté et leur éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card muv-card-highlight-blue\"\u003e\n \u003ch3\u003e🌸 Pigments bleus de jasmin du Cap\u003c\/h3\u003e\n \u003cp\u003eIls agissent sur les \u003cstrong\u003enuances orangées\u003c\/strong\u003e, souvent tenaces sur les cheveux décolorés ou méchés, pour un résultat homogène et lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-tip\"\u003e\n \u003cspan class=\"muv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e un masque déjaunisseur cheveux blancs et blonds qui corrige la couleur sans agresser, et qui offre en prime \u003cstrong\u003e48 heures de nutrition\u003c\/strong\u003e grâce à ses actifs réparateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003eDes ingrédients bio soigneusement sélectionnés\u003c\/h2\u003e\n \u003cp class=\"muv-section-intro\"\u003eCe masque cheveux violet est composé à 99 % d'ingrédients d'origine naturelle. Parmi les actifs phares :\u003c\/p\u003e\n \u003cdiv class=\"muv-grid\"\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🫐 Extrait de myrtille bio française\u003c\/h3\u003e\n \u003cp\u003eAntioxydant et apaisant, il protège les cheveux sensibilisés par les colorations ou les décolorations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n \u003cp\u003eNourrit et assouplit la fibre capillaire de la racine jusqu'aux pointes pour une douceur incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌰 Protéines d'amande douce\u003c\/h3\u003e\n \u003cp\u003eHydrolysées pour renforcer la structure du cheveu et améliorer sa résistance aux agressions quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApporte hydratation et brillance pour une chevelure éclatante de santé et de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌳 Extrait de tilleul bio\u003c\/h3\u003e\n \u003cp\u003eAdoucit la fibre capillaire et facilite le démêlage pour un coiffage sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003eComment utiliser le masque violet Centifolia ?\u003c\/h2\u003e\n \u003cp class=\"muv-section-intro\"\u003ePour un résultat optimal, suivez ces étapes simples :\u003c\/p\u003e\n \u003cdiv class=\"muv-timeline\"\u003e\n \u003cdiv class=\"muv-timeline-item\"\u003e\n \u003cdiv class=\"muv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-content\"\u003e\n \u003ch3\u003eLavez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisez le \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/2en1-shampooing-demelant-violet-dejaunisseur-cheveux-gris-blancs-et-blonds-200ml-centifolia\" title=\"shampooing Démêlant 2en1 violet déjaunisseur centifolia\"\u003eShampooing \u0026amp; Démêlant Violet 2 en 1 Centifolia\u003c\/a\u003e pour préparer la chevelure et optimiser l'action du masque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-item\"\u003e\n \u003cdiv class=\"muv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n \u003cp\u003eSur cheveux essorés, déposez une noisette de produit sur les \u003cstrong\u003elongueurs et les pointes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-item\"\u003e\n \u003cdiv class=\"muv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-content\"\u003e\n \u003ch3\u003eRépartissez uniformément\u003c\/h3\u003e\n \u003cp\u003ePeignez soigneusement pour répartir le masque de manière homogène sur l'ensemble de la chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-item\"\u003e\n \u003cdiv class=\"muv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser 2 à 5 minutes\u003c\/h3\u003e\n \u003cp\u003e2 minutes pour un entretien léger, 5 minutes pour une correction plus marquée. Ajustez selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-item\"\u003e\n \u003cdiv class=\"muv-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau claire, jusqu'à ce que l'eau soit parfaitement limpide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-tip\"\u003e\n \u003cspan class=\"muv-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFréquence recommandée :\u003c\/strong\u003e une à deux fois par semaine, en alternance avec votre soin habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce masque plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp class=\"muv-section-intro\"\u003eLe meilleur masque violet cheveux est celui qui corrige la couleur sans compromettre la santé capillaire. Voici ce qui distingue la formule Centifolia :\u003c\/p\u003e\n \u003cdiv class=\"muv-grid-compact\"\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert et labellisé Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n \u003cp\u003eSans aucun ingrédient d'origine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e💇 Validé par des pros\u003c\/h3\u003e\n \u003cp\u003eTesté et approuvé par des coiffeurs professionnels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌸 Parfum naturel\u003c\/h3\u003e\n \u003cp\u003e100 % naturel et éco-conçu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e♻️ Pot 100 % recyclé\u003c\/h3\u003e\n \u003cp\u003eCouvercle sans noir de carbone, sans opercule inutile\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 \u0026 #7 regroupés en accordéon --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"muv-accordion\"\u003e\n \u003cdetails class=\"muv-accordion-item\" open\u003e\n \u003csummary class=\"muv-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"muv-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Glycerin, Cetearyl Alcohol, Coco-Caprylate\/Caprate, Helianthus Annuus Seed Oil, Distearoylethyl Dimonium Chloride, Ipomoea Batatas Tuber Extract, Aloe Barbadensis Leaf Juice Powder*, Hydrolyzed Gardenia Florida Extract, Tilia Tomentosa Extract*, Vaccinium Myrtillus Fruit Extract*, Hydrolyzed Sweet Almond Protein, Sclerotium Gum, Acacia Senegal Gum, Maltodextrin, Sodium Gluconate, Tocopherol, Sodium Benzoate, Lactic Acid, Citric Acid, Potassium Sorbate, Parfum. \u003cem\u003e*Ingrédients issus de l'Agriculture Biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"muv-accordion\"\u003e\n \u003cdetails class=\"muv-accordion-item\"\u003e\n \u003csummary class=\"muv-accordion-header\"\u003e⚠️ Lire les précautions\u003c\/summary\u003e\n \u003cdiv class=\"muv-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux ; en cas de contact, rincez abondamment à l'eau claire. Conservez hors de portée des enfants. Ce produit cosmétique ne se substitue pas à un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"muv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"muv-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à vos cheveux blonds, blancs ou gris une correction naturelle et une nutrition intense.\u003cbr\u003eLe secret d'une chevelure lumineuse sans reflets jaunes, certifié bio et validé par des professionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"muv-disclaimer\"\u003eLes résultats peuvent varier selon la nature et l'état des cheveux. Ce produit cosmétique 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 --muv-cream: #f5f0f6;\n --muv-white: #ffffff;\n --muv-primary: #5b3a8c;\n --muv-primary-dark: #3d2266;\n --muv-primary-light: #ede4f5;\n --muv-secondary: #2e5a9e;\n --muv-accent: #7c4dba;\n --muv-text: #1a1a1a;\n --muv-text-light: #5a5a5a;\n --muv-border: #e0d8e8;\n --muv-shadow: 0 4px 24px rgba(91,58,140,.08);\n --muv-shadow-lg: 0 12px 48px rgba(91,58,140,.15);\n --muv-radius: 20px;\n --muv-radius-sm: 12px;\n}\n\n.muv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--muv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.muv-hero {\n position: relative;\n background: linear-gradient(135deg, #3d2266 0%, #5b3a8c 40%, #2e5a9e 100%);\n border-radius: var(--muv-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(--muv-shadow-lg);\n}\n\n.muv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(124,77,186,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(46,90,158,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.muv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.muv-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.muv-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.muv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.muv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.muv-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(--muv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.muv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.muv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.muv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--muv-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.muv-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(--muv-primary), var(--muv-secondary));\n border-radius: 2px;\n}\n\n.muv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--muv-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.muv-card {\n background: var(--muv-white);\n border-radius: var(--muv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--muv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.muv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--muv-shadow-lg);\n border-color: var(--muv-primary);\n}\n\n.muv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--muv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.muv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--muv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD HIGHLIGHTS === *\/\n.muv-card-highlight-violet {\n border-left: 4px solid var(--muv-primary);\n text-align: left;\n}\n\n.muv-card-highlight-blue {\n border-left: 4px solid var(--muv-secondary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.muv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.muv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.muv-grid-compact .muv-card {\n padding: 1rem;\n}\n\n.muv-grid-compact .muv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.muv-grid-compact .muv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.muv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.muv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.muv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--muv-primary), var(--muv-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.muv-timeline-content {\n flex: 1;\n background: var(--muv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--muv-radius-sm);\n box-shadow: var(--muv-shadow);\n}\n\n.muv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--muv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.muv-timeline-content p {\n font-size: 14px;\n color: var(--muv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.muv-timeline-content a {\n color: var(--muv-primary);\n font-weight: 600;\n text-decoration: underline;\n text-underline-offset: 2px;\n transition: color .2s ease;\n}\n\n.muv-timeline-content a:hover {\n color: var(--muv-secondary);\n}\n\n\/* === TIP BOX === *\/\n.muv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--muv-primary-light);\n border-radius: var(--muv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.muv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.muv-tip p {\n font-size: 14px;\n color: var(--muv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.muv-accordion {\n background: var(--muv-white);\n border-radius: var(--muv-radius);\n box-shadow: var(--muv-shadow);\n overflow: hidden;\n}\n\n.muv-accordion-item {\n border-bottom: 1px solid var(--muv-border);\n margin: 0;\n padding: 0;\n}\n\n.muv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.muv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--muv-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.muv-accordion-header:hover {\n background: var(--muv-primary-light);\n}\n\n.muv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.muv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--muv-primary);\n transition: transform .2s ease;\n}\n\n.muv-accordion-item[open] .muv-accordion-header::after {\n content: '−';\n}\n\n.muv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--muv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.muv-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.muv-cta-box {\n background: linear-gradient(135deg, var(--muv-primary) 0%, var(--muv-primary-dark) 100%);\n border-radius: var(--muv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.muv-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.muv-disclaimer {\n font-size: 12px;\n color: var(--muv-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 .muv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .muv-card {\n padding: 1.125rem;\n }\n\n .muv-card-highlight-violet,\n .muv-card-highlight-blue {\n text-align: left;\n }\n\n .muv-section {\n margin-bottom: 1.75rem;\n }\n\n .muv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--muv-radius-sm);\n }\n\n .muv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .muv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .muv-grid-compact {\n gap: .625rem;\n }\n\n .muv-grid-compact .muv-card {\n padding: .75rem;\n }\n\n .muv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .muv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .muv-timeline-content h3 {\n font-size: 14px;\n }\n\n .muv-timeline-content p {\n font-size: 13px;\n }\n\n .muv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .muv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .muv-card {\n animation: muvFadeInUp .5s ease backwards;\n }\n .muv-card:nth-child(1) { animation-delay: .05s; }\n .muv-card:nth-child(2) { animation-delay: .1s; }\n .muv-card:nth-child(3) { animation-delay: .15s; }\n .muv-card:nth-child(4) { animation-delay: .2s; }\n .muv-card:nth-child(5) { animation-delay: .25s; }\n .muv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes muvFadeInUp {\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 .muv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502902010233,"sku":"CE0570","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-ultra-violet-dejaunisseur-250ml-centifolia-packshothd.webp?v=1775836357"},{"product_id":"cameline-bio-comptoir-huiles","title":"Huile de Cameline Bio - Rééquilibrante - 50ml - Comptoir des Huiles","description":"\u003cdiv class=\"cam-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cam-hero\"\u003e\n \u003cdiv class=\"cam-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cam-hero-content\"\u003e\n \u003cdiv class=\"cam-badges-top\"\u003e\n \u003cspan class=\"cam-badge\"\u003e🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e🇫🇷 Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e🧴 Flacon verre 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-hero-title\"\u003eHuile de Cameline Bio\u003c\/span\u003e\n \u003cp class=\"cam-subtitle\"\u003eHuile rééquilibrante — Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"cam-description\"\u003eL'huile précieuse exceptionnellement riche en oméga-3 qui nourrit, apaise et revitalise les peaux sèches, sensibles et les cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003eHuile de Cameline Bio : l'alliée rééquilibrante pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"cam-section-intro\"\u003eVous cherchez une huile végétale naturelle capable de nourrir en profondeur une peau sèche, d'apaiser une peau sensible et de redonner de l'éclat à des cheveux ternes ?\u003c\/p\u003e\n \u003cdiv class=\"cam-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile de cameline bio\u003c\/strong\u003e de \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e est faite pour vous. Obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e de graines de \u003cem\u003eCamelina sativa\u003c\/em\u003e issues de l'agriculture biologique, cette huile 100 % pure préserve l'intégralité de ses précieux actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de cameline pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"cam-section-intro\"\u003eCe qui distingue l'huile de cameline des autres huiles végétales, c'est sa \u003cstrong\u003eteneur exceptionnelle en oméga-3\u003c\/strong\u003e (acide alpha-linolénique), pouvant atteindre 35 à 40 % de sa composition. Elle contient également des \u003cstrong\u003eoméga-6, oméga-9\u003c\/strong\u003e et de la \u003cstrong\u003evitamine E\u003c\/strong\u003e, un puissant antioxydant naturel.\u003c\/p\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e⚖️ Rééquilibrante et nourrissante\u003c\/h3\u003e\n \u003cp\u003eLes acides gras essentiels renforcent le film hydrolipidique, limitant la déshydratation et restaurant la souplesse de la peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Apaisante et anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa richesse en oméga-3, elle aide à calmer les rougeurs, les tiraillements et les inconforts liés aux peaux réactives ou atopiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🛡️ Protectrice et anti-âge\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E qu'elle renferme contribue à neutraliser les radicaux libres, favorisant la régénération cellulaire et la prévention des signes du vieillissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e✨ Revitalisante capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle nourrit les cheveux secs et ternes en leur rendant brillance et douceur, tout en apaisant les cuirs chevelus irrités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003ePour quels types de peau et de cheveux ?\u003c\/h2\u003e\n \u003cp class=\"cam-section-intro\"\u003eCette huile rééquilibrante s'adresse tout particulièrement aux :\u003c\/p\u003e\n \u003cdiv class=\"cam-grid-compact\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💧 Peaux sèches et déshydratées\u003c\/h3\u003e\n \u003cp\u003eQui manquent de confort au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌷 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eSujettes aux rougeurs et tiraillements\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🕊️ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eEn quête de fermeté et d'éclat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💇 Cheveux ternes, secs ou fragilisés\u003c\/h3\u003e\n \u003cp\u003ePar les colorations ou la chaleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-tip\"\u003e\n \u003cspan class=\"cam-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSa texture est dite « sèche » : elle pénètre rapidement sans laisser de résidu gras, ce qui la rend très agréable au quotidien, même sous un maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de cameline bio ?\u003c\/h2\u003e\n \u003cdiv class=\"cam-timeline\"\u003e\n \u003cdiv class=\"cam-timeline-item\"\u003e\n \u003cdiv class=\"cam-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cam-timeline-content\"\u003e\n \u003ch3\u003e🌙 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eLe soir, après avoir nettoyé votre peau, déposez 3 à 5 gouttes dans le creux de vos mains et massez délicatement le visage et le cou par mouvements circulaires. Vous pouvez aussi l'ajouter à votre crème de jour pour renforcer son pouvoir nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-timeline-item\"\u003e\n \u003cdiv class=\"cam-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cam-timeline-content\"\u003e\n \u003ch3\u003e🚿 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les zones sèches (coudes, genoux, mains) après la douche, sur peau encore légèrement humide pour favoriser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-timeline-item\"\u003e\n \u003cdiv class=\"cam-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cam-timeline-content\"\u003e\n \u003ch3\u003e💆 En soin capillaire\u003c\/h3\u003e\n \u003cp\u003eRépartissez l'huile sur les longueurs et les pointes, laissez poser au minimum 30 minutes (ou toute une nuit sous une serviette) puis procédez à votre shampooing habituel. Le résultat est visible dès la première application.\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=\"cam-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"cam-accordion\"\u003e\n \u003cdetails class=\"cam-accordion-item\" open\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🧬 INCI\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eCamelina Sativa Seed Oil*\u003c\/strong\u003e\u003cbr\u003e\u003cem\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🧴 Conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content mt-3\"\u003e\n \u003cp\u003eFlacon en verre ambré avec pipette compte-gouttes — \u003cstrong\u003e50 ml\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. À utiliser dans les 6 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cam-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'huile de cameline présente-t-elle un danger ?\u003c\/h2\u003e\n \u003cdiv class=\"cam-testimonial\"\u003e\n \u003cp class=\"cam-testimonial-text\"\u003eUtilisée en application cutanée, l'\u003cstrong\u003ehuile de cameline ne présente pas de danger\u003c\/strong\u003e connu. Elle est naturellement bien tolérée, même par les peaux les plus fragiles. Par précaution, réalisez un test dans le pli du coude 24 heures avant la première utilisation si vous avez une peau très réactive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-tip\"\u003e\n \u003cspan class=\"cam-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRemarque :\u003c\/strong\u003e cette fiche concerne un usage cosmétique. Pour toute question liée à l'huile de cameline et au cholestérol, au foie ou aux intestins dans un cadre alimentaire, nous vous recommandons de consulter un professionnel de santé. Ce produit ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cam-cream: #faf8f3;\n --cam-white: #ffffff;\n --cam-primary: #d4a017;\n --cam-primary-dark: #8b6914;\n --cam-primary-light: #fdf6e3;\n --cam-secondary: #c47d10;\n --cam-accent: #5a7a3a;\n --cam-text: #1a1a1a;\n --cam-text-light: #5a5a5a;\n --cam-border: #e8e0d0;\n --cam-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cam-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cam-radius: 20px;\n --cam-radius-sm: 12px;\n}\n\n.cam-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cam-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cam-hero {\n position: relative;\n background: linear-gradient(135deg, #8b6914 0%, #c47d10 40%, #d4a017 70%, #5a7a3a 100%);\n border-radius: var(--cam-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(--cam-shadow-lg);\n}\n\n.cam-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 repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.cam-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cam-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cam-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(--cam-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cam-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cam-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.cam-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.cam-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.cam-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cam-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-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.cam-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(--cam-primary), var(--cam-secondary));\n border-radius: 2px;\n}\n\n.cam-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cam-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.cam-section-intro strong {\n color: var(--cam-primary-dark);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.cam-highlight-box {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cam-shadow);\n border-left: 4px solid var(--cam-primary);\n text-align: center;\n}\n\n.cam-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--cam-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.cam-highlight-box strong {\n color: var(--cam-primary-dark);\n}\n\n\/* === CARDS === *\/\n.cam-card {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cam-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cam-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cam-shadow-lg);\n border-color: var(--cam-primary);\n}\n\n.cam-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cam-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cam-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cam-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cam-grid-compact .cam-card {\n padding: 1rem;\n}\n\n.cam-grid-compact .cam-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cam-grid-compact .cam-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cam-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cam-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cam-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cam-primary), var(--cam-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.cam-timeline-content {\n flex: 1;\n background: var(--cam-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cam-radius-sm);\n box-shadow: var(--cam-shadow);\n}\n\n.cam-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cam-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cam-timeline-content p {\n font-size: 14px;\n color: var(--cam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cam-testimonial {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cam-shadow);\n border-left: 4px solid var(--cam-accent);\n}\n\n.cam-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cam-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.cam-testimonial-text strong {\n color: var(--cam-accent);\n}\n\n\/* === ACCORDÉON === *\/\n.cam-accordion {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n box-shadow: var(--cam-shadow);\n overflow: hidden;\n}\n\n.cam-accordion-item {\n border-bottom: 1px solid var(--cam-border);\n margin: 0;\n padding: 0;\n}\n\n.cam-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cam-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cam-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.cam-accordion-header:hover {\n background: var(--cam-primary-light);\n}\n\n.cam-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cam-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cam-primary);\n transition: transform .2s ease;\n}\n\n.cam-accordion-item[open] .cam-accordion-header::after {\n content: '−';\n}\n\n.cam-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cam-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cam-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cam-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cam-primary-light);\n border-radius: var(--cam-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cam-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cam-tip p {\n font-size: 14px;\n color: var(--cam-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cam-tip p strong {\n color: var(--cam-primary-dark);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cam-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cam-card {\n padding: 1.125rem;\n }\n\n .cam-section {\n margin-bottom: 1.75rem;\n }\n\n .cam-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cam-radius-sm);\n }\n\n .cam-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cam-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cam-grid-compact {\n gap: .625rem;\n }\n\n .cam-grid-compact .cam-card {\n padding: .75rem;\n }\n\n .cam-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cam-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cam-timeline-content h3 {\n font-size: 14px;\n }\n\n .cam-timeline-content p {\n font-size: 13px;\n }\n\n .cam-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cam-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cam-testimonial {\n padding: 1.25rem;\n }\n\n .cam-testimonial-text {\n font-size: 14px;\n }\n\n .cam-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cam-card {\n animation: camFadeInUp .5s ease backwards;\n }\n .cam-card:nth-child(1) { animation-delay: .05s; }\n .cam-card:nth-child(2) { animation-delay: .1s; }\n .cam-card:nth-child(3) { animation-delay: .15s; }\n .cam-card:nth-child(4) { animation-delay: .2s; }\n .cam-card:nth-child(5) { animation-delay: .25s; }\n .cam-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes camFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cam-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":54830777991545,"sku":"CAMELINECOMPTOIRDESHUILES","price":2.91,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-cameline-bio-reequilibrante-50ml-comptoir-des-huile-packshothd.webp?v=1774427663"},{"product_id":"carapate-soin-cheveux-comptoir-huiles","title":"Huile de Carapate Bio (Ricin Noir) 50ml - Gainante \u0026 Fortifiante \/ Comptoir des Huiles","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🌿 100 % naturelle\u003c\/span\u003e\n \u003cspan class=\"cp-badge\"\u003e🇫🇷 Savoir-faire artisanal\u003c\/span\u003e\n \u003cspan class=\"cp-badge\"\u003e✨ Gainante \u0026amp; fortifiante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cp-hero-title\"\u003eHuile de Carapate Bio (Ricin Noir) 50 ml\u003c\/span\u003e\n \u003cp class=\"cp-subtitle\"\u003eComptoir des Huiles — Le secret ancestral des cheveux bouclés et crépus\u003c\/p\u003e\n \u003cp class=\"cp-description\"\u003eUne huile de ricin noir non raffinée, concentrée en acide ricinoléique (≈85 %), pour nourrir, gainer et fortifier vos cheveux en profondeur. Flacon compte-gouttes 50 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eHuile de Carapate Bio : le secret des cheveux bouclés et crépus en pleine santé\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003eVous cherchez une huile de ricin pour cheveux réellement efficace et naturelle ? L'huile de Carapate de Comptoir des Huiles est bien plus qu'une simple huile de ricin classique.\u003c\/p\u003e\n \u003cdiv class=\"cp-grid-compact\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌰 Ricin noir artisanal\u003c\/h3\u003e\n \u003cp\u003eObtenue par cuisson et pression des graines de \u003cem\u003eRicinus communis\u003c\/em\u003e, elle arbore sa teinte ambrée caractéristique et une concentration exceptionnelle en actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n \u003cp\u003eFormulée 100 % naturelle, sans parfum, sans conservateur. Rien que l'huile pure issue de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux bouclés \u0026amp; crépus\u003c\/h3\u003e\n \u003cp\u003ePensée pour sublimer les cheveux bouclés, crépus, secs ou cassants grâce à son pouvoir gainant unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e💧 Flacon compte-gouttes\u003c\/h3\u003e\n \u003cp\u003eLe format 50 ml avec pipette vous permet de doser avec précision chaque application, sans gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003ePourquoi appliquer de l'huile de ricin dans les cheveux ?\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003eUtilisée depuis des générations dans les Caraïbes et en Afrique, la version « carapate » se distingue par sa richesse en acide ricinoléique (environ 85 %), un acide gras rare aux propriétés remarquables.\u003c\/p\u003e\n \u003cdiv class=\"cp-grid\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌱 Stimulation de la pousse\u003c\/h3\u003e\n \u003cp\u003eEn améliorant la microcirculation du cuir chevelu, l'acide ricinoléique favorise la croissance naturelle et renforce les bulbes capillaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e💪 Effet gainant et fortifiant\u003c\/h3\u003e\n \u003cp\u003eL'huile enrobe chaque mèche d'un film protecteur qui épaissit la fibre, réduit la casse et limite les fourches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e✨ Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses oméga-6, oméga-9 et ses antioxydants naturels, elle redonne souplesse, brillance et douceur aux cheveux déshydratés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🧴 Cuir chevelu assaini\u003c\/h3\u003e\n \u003cp\u003eSes propriétés antibactériennes et antifongiques aident à calmer les irritations, réduire les pellicules et maintenir un environnement sain pour la repousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de ricin sur cheveux bouclés ou crépus ?\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003ePour profiter pleinement des bienfaits de cette huile de ricin pour les cheveux, voici nos conseils d'application :\u003c\/p\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\u003eEn bain d'huile avant-shampoing\u003c\/h3\u003e\n \u003cp\u003eAppliquez 4 à 6 gouttes sur le cuir chevelu et les longueurs. Massez, laissez poser 30 minutes à une nuit sous un bonnet, puis lavez avec un shampoing doux. À réaliser 1 à 2 fois par semaine.\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\u003eEn soin scellant sur cheveux humides\u003c\/h3\u003e\n \u003cp\u003eAprès votre leave-in, 2 à 3 gouttes sur les pointes et longueurs suffisent pour sceller l'hydratation et protéger vos boucles toute la journée.\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\u003eSourcils, cils et barbe\u003c\/h3\u003e\n \u003cp\u003eUne goutte appliquée au doigt ou au coton-tige, matin ou soir, pour densifier et nourrir naturellement.\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\u003eOngles fragiles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle quotidiennement pour les fortifier.\u003c\/p\u003e\n \u003c\/div\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\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'huile de carapate étant épaisse, mélangez-la à une huile plus légère comme le jojoba ou l'argan pour faciliter l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"cp-card\" style=\"text-align:center;\"\u003e\n \u003ch3\u003e🧪 Ingrédient unique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRicinus communis seed oil\u003c\/em\u003e — Huile de carapate 100 % pure. Aucun additif, aucun parfum, aucun conservateur ajouté. Issue de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eConservation et précautions\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 votre flacon à l'abri de la lumière et de la chaleur, bouchon bien fermé. Agitez avant chaque emploi.\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\u003eUn test d'allergie au pli du coude est conseillé 24 heures avant la première utilisation. Ce produit cosmétique ne remplace pas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCe qui distingue l'huile de Carapate Comptoir des Huiles\u003c\/h2\u003e\n \u003cdiv class=\"cp-grid\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🔥 Fabrication traditionnelle\u003c\/h3\u003e\n \u003cp\u003eContrairement à une huile de ricin classique — souvent raffinée et appauvrie —, la carapate conserve l'intégralité de ses nutriments grâce à son mode de fabrication artisanal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🖤 Non raffinée, plus concentrée\u003c\/h3\u003e\n \u003cp\u003eSa couleur sombre témoigne d'une huile non raffinée, plus riche en actifs et en antioxydants que les versions industrielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌍 Savoir-faire ancestral\u003c\/h3\u003e\n \u003cp\u003eUn soin authentique, ancré dans un savoir-faire caribéen ancestral, qui révèle tout son potentiel sur les textures bouclées et crépues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos cheveux un rituel naturel qui nourrit, protège et fortifie en profondeur.\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: #faf6f1;\n --cp-white: #ffffff;\n --cp-primary: #8b2d4e;\n --cp-primary-dark: #5e1a33;\n --cp-primary-light: #f5e8ed;\n --cp-secondary: #c47a2a;\n --cp-accent: #d4943a;\n --cp-text: #1a1a1a;\n --cp-text-light: #5a5a5a;\n --cp-border: #e8ddd4;\n --cp-shadow: 0 4px 24px rgba(94, 26, 51, .07);\n --cp-shadow-lg: 0 12px 48px rgba(94, 26, 51, .13);\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, #5e1a33 0%, #8b2d4e 40%, #c47a2a 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-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 opacity: 1;\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}\n\n.cp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.cp-description {\n color: rgba(255,255,255,.8);\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.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\/* === 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}\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\/* === 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\/* === 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\/* === GRILLE COMPACTE === *\/\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\/* === TIP === *\/\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\/* === 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\/* === CTA === *\/\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 margin-top: 1.5rem;\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\/* === 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@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":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":54830904607097,"sku":"CARAPATECOMPTOIRDESHUILES","price":8.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-carapate-bio-ricin-noir-50ml-gainante-fortifiante-c-packshothd.webp?v=1774427642"},{"product_id":"huile-jojoba-regule-sebum-50ml","title":"Huile de Jojoba - Régule le sébum - 50 ml - Comptoir des Huiles","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Jojoba - Comptoir des Huiles\nPalette détectée:\n - Primaire: #2E7D6F (vert teal du bandeau \"Comptoir des Huiles\" sur l'étiquette)\n - Secondaire: #C4883A (ambre doré du flacon en verre et de l'huile)\n - Accent: #D4A852 (doré lumineux de l'huile au compte-gouttes)\nAmbiance: Naturel, épuré, cosmétique bio, élégant et authentique. Univers végétal avec des tonalités terre\/nature. Étiquette crème avec motifs botaniques. Flacon ambré en verre = pharmacopée naturelle premium.\nPréfixe CSS: jj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Bienfaits principaux :\"\n 2. \"Conseils d'utilisation :\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"jj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"jj-hero\"\u003e\n \u003cdiv class=\"jj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"jj-hero-content\"\u003e\n \u003cdiv class=\"jj-badges-top\"\u003e\n \u003cspan class=\"jj-badge\"\u003e🌿 100% naturelle\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e🧴 Sébo-régulatrice\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e✨ Visage · Corps · Cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"jj-hero-title\"\u003eHuile de Jojoba\u003c\/span\u003e\n \u003cp class=\"jj-subtitle\"\u003eComptoir des Huiles · 50 ml\u003c\/p\u003e\n \u003cp class=\"jj-description\"\u003eUn soin naturel polyvalent dont la composition, proche du sébum humain, équilibre les peaux mixtes à grasses tout en maintenant une hydratation optimale — sans obstruer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 : Bienfaits principaux --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eBienfaits principaux :\u003c\/h2\u003e\n \u003cdiv class=\"jj-grid\"\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e⚖️ Régulation du sébum\u003c\/h3\u003e\n \u003cp\u003eEn mimant le sébum naturel, l'huile de jojoba aide à équilibrer les peaux grasses ou sujettes à l'acné. Elle régule la production de sébum pour un teint matifié et unifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💧 Hydratation et protection\u003c\/h3\u003e\n \u003cp\u003eForme une barrière protectrice qui préserve l'hydratation naturelle de la peau tout en pénétrant facilement, sans laisser de film gras désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eNourrit, assouplit et fortifie les cheveux, leur redonnant brillance et souplesse, tout en aidant à réduire les pellicules durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Conseils d'utilisation --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eConseils d'utilisation :\u003c\/h2\u003e\n \u003cdiv class=\"jj-timeline\"\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🌸 Visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur une peau propre et sèche, en massant délicatement jusqu'à absorption complète. Peut être utilisée en crème de jour ou de nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez l'huile après la douche sur l'ensemble du corps pour nourrir et adoucir la peau. Elle pénètre rapidement sans effet collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e✨ Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampooing : appliquez sur le cuir chevelu et les longueurs, laissez poser 30 minutes, puis lavez avec un shampooing doux. En soin quotidien, utilisez quelques gouttes sur les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-tip\"\u003e\n \u003cspan class=\"jj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce beauté :\u003c\/strong\u003e Mélangez 2-3 gouttes à votre fond de teint pour un fini lumineux et naturel tout en protégeant votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION FINALE : CTA --\u003e\n \u003csection class=\"jj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"jj-cta-box\"\u003e\n \u003cp\u003e🌿 Intégrez l'huile de jojoba de \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e dans votre routine beauté pour profiter de ses multiples bienfaits naturels. Une solution idéale pour équilibrer votre peau, hydrater votre corps et revitaliser vos cheveux, tout en adoptant une démarche écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"jj-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --jj-cream: #faf8f4;\n --jj-white: #ffffff;\n --jj-primary: #2E7D6F;\n --jj-primary-dark: #1b5c51;\n --jj-primary-light: #e8f4f1;\n --jj-secondary: #C4883A;\n --jj-accent: #D4A852;\n --jj-text: #1a1a1a;\n --jj-text-light: #5a5a5a;\n --jj-border: #e0ddd7;\n --jj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --jj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --jj-radius: 20px;\n --jj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.jj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--jj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.jj-hero {\n position: relative;\n background: linear-gradient(135deg, #1b5c51 0%, #2E7D6F 40%, #3a9484 70%, #C4883A 100%);\n border-radius: var(--jj-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(--jj-shadow-lg);\n}\n\n.jj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,168,82,.12) 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: 1;\n}\n\n.jj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.jj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.jj-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(--jj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.jj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.jj-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.jj-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.jj-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\/* === SECTIONS === *\/\n.jj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--jj-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.jj-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(--jj-primary), var(--jj-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLE === *\/\n.jj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.jj-card {\n background: var(--jj-white);\n border-radius: var(--jj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.jj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--jj-shadow-lg);\n border-color: var(--jj-primary);\n}\n\n.jj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--jj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.jj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--jj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.jj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.jj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.jj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--jj-primary), var(--jj-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.jj-timeline-content {\n flex: 1;\n background: var(--jj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--jj-radius-sm);\n box-shadow: var(--jj-shadow);\n}\n\n.jj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--jj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.jj-timeline-content p {\n font-size: 14px;\n color: var(--jj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.jj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--jj-primary-light);\n border-radius: var(--jj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.jj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.jj-tip p {\n font-size: 14px;\n color: var(--jj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.jj-cta-box {\n background: linear-gradient(135deg, var(--jj-primary) 0%, var(--jj-primary-dark) 100%);\n border-radius: var(--jj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.jj-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; right: -30%;\n width: 300px; height: 300px;\n background: radial-gradient(circle, rgba(212,168,82,.15) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.jj-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.jj-disclaimer {\n font-size: 12px;\n color: var(--jj-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 .jj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .jj-card {\n padding: 1.125rem;\n }\n\n .jj-section {\n margin-bottom: 1.75rem;\n }\n\n .jj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--jj-radius-sm);\n }\n\n .jj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .jj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .jj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .jj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .jj-timeline-content h3 {\n font-size: 14px;\n }\n\n .jj-timeline-content p {\n font-size: 13px;\n }\n\n .jj-tip {\n padding: .875rem 1rem;\n }\n\n .jj-tip-icon {\n font-size: 20px;\n }\n\n .jj-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .jj-card {\n animation: jjFadeInUp .5s ease backwards;\n }\n .jj-card:nth-child(1) { animation-delay: .05s; }\n .jj-card:nth-child(2) { animation-delay: .1s; }\n .jj-card:nth-child(3) { animation-delay: .15s; }\n\n .jj-timeline-item {\n animation: jjFadeInUp .5s ease backwards;\n }\n .jj-timeline-item:nth-child(1) { animation-delay: .05s; }\n .jj-timeline-item:nth-child(2) { animation-delay: .1s; }\n .jj-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes jjFadeInUp {\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 .jj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":54830957003129,"sku":"HUILEJOJOBACOMPTOIRDESHUILES","price":8.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-jojoba-regule-le-sebum-50-ml-comptoir-des-huiles-lifestyle.webp?v=1771412811"},{"product_id":"huile-essentielle-ylang-ylang-bio-saint-hilaire","title":"Huile Essentielle de Ylang Ylang complète Bio - Saint Hilaire - Flacon 10 ml","description":"\u003cdiv class=\"yy-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"yy-hero\"\u003e\n \u003cdiv class=\"yy-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"yy-hero-content\"\u003e\n \u003cdiv class=\"yy-badges-top\"\u003e\n \u003cspan class=\"yy-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"yy-badge\"\u003e🌸 Distillation complète\u003c\/span\u003e\n \u003cspan class=\"yy-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"yy-hero-title\"\u003eHuile essentielle d'Ylang Ylang complète Bio\u003c\/span\u003e\n \u003cp class=\"yy-subtitle\"\u003eDistillerie Saint-Hilaire · Flacon 10 ml\u003c\/p\u003e\n \u003cp class=\"yy-description\"\u003eLe spectre aromatique complet de la fleur de \u003cem\u003eCananga odorata\u003c\/em\u003e, certifié bio et chémotypé, pour une aromathérapie d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eHuile essentielle d'Ylang Ylang complète Bio – Distillerie Saint-Hilaire\u003c\/h2\u003e\n \u003cp class=\"yy-section-intro\"\u003eObtenue par distillation complète des \u003cstrong\u003efleurs fraîches de \u003cem\u003eCananga odorata\u003c\/em\u003e\u003c\/strong\u003e, cette \u003cstrong\u003ehuile essentielle d'Ylang Ylang bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire concentre l'intégralité du profil aromatique de la fleur.\u003c\/p\u003e\n \u003cdiv class=\"yy-grid-compact\"\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e🌺 Distillation complète\u003c\/h3\u003e\n \u003cp\u003eContrairement aux fractions (extra, première…), la version « complète » offre un spectre de molécules plus riche et équilibré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e🔬 Chémotypée\u003c\/h3\u003e\n \u003cp\u003eProfil biochimique analysé et garanti pour une aromathérapie précise et fiable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e🌱 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique certifiée, sans pesticides ni solvants chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e💧 Flacon 10 ml\u003c\/h3\u003e\n \u003cp\u003eFlacon ambré avec compte-gouttes intégré pour un dosage précis et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eBienfaits reconnus de l'huile essentielle d'Ylang Ylang\u003c\/h2\u003e\n \u003cp class=\"yy-section-intro\"\u003eL'Ylang Ylang est l'une des huiles essentielles les plus prisées en aromathérapie. Voici pourquoi elle mérite une place dans votre trousse aromatique.\u003c\/p\u003e\n \u003cdiv class=\"yy-grid\"\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e😌 Apaisement du stress et de l'anxiété\u003c\/h3\u003e\n \u003cp\u003eSon parfum floral puissant et voluptueux favorise la détente nerveuse. En diffusion ou en olfaction directe, elle aide à calmer l'agitation mentale et les tensions accumulées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e☀️ Soutien de l'humeur\u003c\/h3\u003e\n \u003cp\u003eRéputée euphorisante, elle est traditionnellement utilisée pour accompagner les baisses de moral, la mélancolie passagère et redonner un élan de joie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e✨ Soin de la peau\u003c\/h3\u003e\n \u003cp\u003eDiluée dans une huile végétale, elle contribue à réguler la production de sébum et à redonner de l'éclat aux peaux ternes ou fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e💇 Beauté des cheveux\u003c\/h3\u003e\n \u003cp\u003eConnue pour fortifier la fibre capillaire, apporter brillance et souplesse, notamment aux cheveux secs ou abîmés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e🕯️ Ambiance sensorielle\u003c\/h3\u003e\n \u003cp\u003eSes notes chaudes et sensuelles créent une atmosphère intime et enveloppante dans votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle d'Ylang Ylang ?\u003c\/h2\u003e\n \u003cdiv class=\"yy-timeline\"\u003e\n \u003cdiv class=\"yy-timeline-item\"\u003e\n \u003cdiv class=\"yy-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 4 à 6 gouttes dans votre diffuseur par séances de 20 à 30 minutes. Associez-la à la lavande vraie ou au petit grain bigarade pour une synergie relaxante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-item\"\u003e\n \u003cdiv class=\"yy-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-content\"\u003e\n \u003ch3\u003e💆 En massage relaxant\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à soupe d'huile végétale (amande douce, jojoba) et appliquez sur le plexus solaire, les poignets ou la nuque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-item\"\u003e\n \u003cdiv class=\"yy-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-content\"\u003e\n \u003ch3\u003e🧴 En soin capillaire\u003c\/h3\u003e\n \u003cp\u003eAjoutez 1 à 2 gouttes dans votre dose de shampoing ou dans un masque à l'huile de coco. Laissez poser quelques minutes avant de rincer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-item\"\u003e\n \u003cdiv class=\"yy-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-content\"\u003e\n \u003ch3\u003e🛁 En bain aromatique\u003c\/h3\u003e\n \u003cp\u003eMélangez 5 gouttes à une base dispersante (sel de bain, lait) avant de verser dans l'eau du bain pour un moment de détente profonde.\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=\"yy-section\"\u003e\n \u003ch2\u003eHuile essentielle d'Ylang Ylang : danger et précautions\u003c\/h2\u003e\n \u003cp class=\"yy-section-intro\"\u003eComme toute huile essentielle, l'huile essentielle d'Ylang Ylang demande quelques précautions. À forte dose ou pure sur la peau, elle peut provoquer des irritations cutanées ou des maux de tête. Respectez toujours une \u003cstrong\u003edilution de 20 % maximum\u003c\/strong\u003e dans une huile végétale.\u003c\/p\u003e\n \u003cdiv class=\"yy-grid-compact\"\u003e\n \u003cdiv class=\"yy-card yy-card-warning\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes et allaitantes, ainsi qu'aux enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card yy-card-warning\"\u003e\n \u003ch3\u003e🧪 Test cutané\u003c\/h3\u003e\n \u003cp\u003eRéalisez un test au creux du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card yy-card-warning\"\u003e\n \u003ch3\u003e💊 Traitement médical\u003c\/h3\u003e\n \u003cp\u003eEn cas de traitement en cours, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card yy-card-warning\"\u003e\n \u003ch3\u003e⚕️ Avis médical\u003c\/h3\u003e\n \u003cp\u003eNe remplace en aucun cas un traitement médical. Usage en complément uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eFiche technique\u003c\/h2\u003e\n \u003cdiv class=\"yy-accordion\"\u003e\n \u003cdetails class=\"yy-accordion-item\" open\u003e\n \u003csummary class=\"yy-accordion-header\"\u003e🌿 Identification botanique\u003c\/summary\u003e\n \u003cdiv class=\"yy-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eNom botanique :\u003c\/strong\u003e \u003cem\u003eCananga odorata\u003c\/em\u003e\u003cbr\u003e\n \u003cstrong\u003ePartie distillée :\u003c\/strong\u003e fleurs\u003cbr\u003e\n \u003cstrong\u003eMéthode d'extraction :\u003c\/strong\u003e distillation complète à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"yy-accordion-item\"\u003e\n \u003csummary class=\"yy-accordion-header\"\u003e🏷️ Certifications et qualité\u003c\/summary\u003e\n \u003cdiv class=\"yy-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eCertification :\u003c\/strong\u003e Agriculture biologique (AB)\u003cbr\u003e\n \u003cstrong\u003eChémotype :\u003c\/strong\u003e huile essentielle chémotypée\u003cbr\u003e\n \u003cstrong\u003eContenance :\u003c\/strong\u003e 10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"yy-accordion-item\"\u003e\n \u003csummary class=\"yy-accordion-header\"\u003e🏭 Fabricant\u003c\/summary\u003e\n \u003cdiv class=\"yy-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eFabricant :\u003c\/strong\u003e Distillerie Saint-Hilaire – Auvergne, France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"yy-accordion-item\"\u003e\n \u003csummary class=\"yy-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"yy-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière et de la chaleur pour préserver toute la richesse aromatique de cette huile essentielle d'Ylang Ylang bio.\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=\"yy-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"yy-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez-vous le spectre aromatique complet de l'Ylang Ylang bio – distillation intégrale, qualité chémotypée, savoir-faire d'Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"yy-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. 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:root {\n --yy-cream: #fdf9f3;\n --yy-white: #ffffff;\n --yy-primary: #2d6a3f;\n --yy-primary-dark: #1b4a2b;\n --yy-primary-light: #e8f3ec;\n --yy-secondary: #e6c740;\n --yy-accent: #f5e27a;\n --yy-text: #1a1a1a;\n --yy-text-light: #5a5a5a;\n --yy-border: #e0e0e0;\n --yy-shadow: 0 4px 24px rgba(0,0,0,.08);\n --yy-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --yy-radius: 20px;\n --yy-radius-sm: 12px;\n}\n\n.yy-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--yy-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.yy-hero {\n position: relative;\n background: linear-gradient(135deg, var(--yy-primary-dark) 0%, var(--yy-primary) 50%, #3d8a54 100%);\n border-radius: var(--yy-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(--yy-shadow-lg);\n}\n\n.yy-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(230,199,64,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(245,226,122,.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.yy-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.yy-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.yy-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(--yy-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.yy-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.yy-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.yy-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.yy-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.yy-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.yy-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--yy-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.yy-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(--yy-primary), var(--yy-secondary));\n border-radius: 2px;\n}\n\n.yy-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--yy-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.yy-card {\n background: var(--yy-white);\n border-radius: var(--yy-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--yy-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.yy-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--yy-shadow-lg);\n border-color: var(--yy-primary);\n}\n\n.yy-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--yy-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.yy-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--yy-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.yy-card-warning {\n border-left: 4px solid var(--yy-secondary);\n}\n\n\/* === GRILLES === *\/\n.yy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.yy-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.yy-grid-compact .yy-card {\n padding: 1rem;\n}\n\n.yy-grid-compact .yy-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.yy-grid-compact .yy-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.yy-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.yy-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.yy-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--yy-primary), var(--yy-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.yy-timeline-content {\n flex: 1;\n background: var(--yy-white);\n padding: 1rem 1.25rem;\n border-radius: var(--yy-radius-sm);\n box-shadow: var(--yy-shadow);\n transition: all .3s ease;\n}\n\n.yy-timeline-content:hover {\n transform: translateX(4px);\n box-shadow: var(--yy-shadow-lg);\n}\n\n.yy-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--yy-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.yy-timeline-content p {\n font-size: 14px;\n color: var(--yy-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.yy-accordion {\n background: var(--yy-white);\n border-radius: var(--yy-radius);\n box-shadow: var(--yy-shadow);\n overflow: hidden;\n}\n\n.yy-accordion-item {\n border-bottom: 1px solid var(--yy-border);\n margin: 0;\n padding: 0;\n}\n\n.yy-accordion-item:last-child {\n border-bottom: none;\n}\n\n.yy-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--yy-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.yy-accordion-header:hover {\n background: var(--yy-primary-light);\n}\n\n.yy-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.yy-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--yy-primary);\n transition: transform .2s ease;\n}\n\n.yy-accordion-item[open] .yy-accordion-header::after {\n content: '−';\n}\n\n.yy-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--yy-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.yy-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.yy-cta-box {\n background: linear-gradient(135deg, var(--yy-primary) 0%, var(--yy-primary-dark) 100%);\n border-radius: var(--yy-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.yy-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; right: -20%;\n width: 300px; height: 300px;\n background: radial-gradient(circle, rgba(230,199,64,.2) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.yy-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.yy-disclaimer {\n font-size: 12px;\n color: var(--yy-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .yy-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .yy-card {\n padding: 1.125rem;\n }\n\n .yy-section {\n margin-bottom: 1.75rem;\n }\n\n .yy-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--yy-radius-sm);\n }\n\n .yy-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .yy-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .yy-grid-compact {\n gap: .625rem;\n }\n\n .yy-grid-compact .yy-card {\n padding: .75rem;\n }\n\n .yy-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .yy-timeline-content {\n padding: .875rem 1rem;\n }\n\n .yy-timeline-content h3 {\n font-size: 14px;\n }\n\n .yy-timeline-content p {\n font-size: 13px;\n }\n\n .yy-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .yy-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .yy-testimonial {\n padding: 1.25rem;\n }\n\n .yy-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .yy-card {\n animation: yyFadeInUp .5s ease backwards;\n }\n .yy-card:nth-child(1) { animation-delay: .05s; }\n .yy-card:nth-child(2) { animation-delay: .1s; }\n .yy-card:nth-child(3) { animation-delay: .15s; }\n .yy-card:nth-child(4) { animation-delay: .2s; }\n .yy-card:nth-child(5) { animation-delay: .25s; }\n .yy-card:nth-child(6) { animation-delay: .3s; }\n\n .yy-timeline-item {\n animation: yyFadeInUp .5s ease backwards;\n }\n .yy-timeline-item:nth-child(1) { animation-delay: .05s; }\n .yy-timeline-item:nth-child(2) { animation-delay: .1s; }\n .yy-timeline-item:nth-child(3) { animation-delay: .15s; }\n .yy-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes yyFadeInUp {\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 .yy-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54858466918777,"sku":"NBAIDSH0012","price":9.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-ylang-ylang-complete-bio-saint-hilaire--packshothd.webp?v=1774427326"},{"product_id":"huile-vanille-bio-saint-hilaire","title":"Huile de Macération Vanille Bio - Saint Hilaire - 30 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Macération Vanille Bio - Saint Hilaire - 30 ml\nPalette détectée:\n - Primaire: #3A2F2B (brun foncé\/chocolat du flacon et de l'étiquette)\n - Secondaire: #C9A96E (doré\/or des liserés et textes sur l'étiquette)\n - Accent: #D4B896 (beige chaud\/sable de l'ambiance pierre naturelle)\nAmbiance: Luxe naturel, artisanal premium, chaleureux et sensuel, tons terre\/vanille, univers cosmétique haut de gamme avec racines botaniques\nPréfixe CSS: vh\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de Vanille Bio – Macérât huileux de Vanille de Madagascar\"\n 2. \"Pourquoi choisir un macérât huileux plutôt qu'une huile essentielle de vanille ?\"\n 3. \"Les bienfaits de cette huile corps vanille bio\"\n 4. \"Composition – 100 % biologique\"\n 5. \"Comment utiliser cette huile de vanille bio ?\"\n 6. \"Précautions et conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"vh-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"vh-hero\"\u003e\n \u003cdiv class=\"vh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vh-hero-content\"\u003e\n \u003cdiv class=\"vh-badges-top\"\u003e\n \u003cspan class=\"vh-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"vh-badge\"\u003e🇲🇬 Vanille de Madagascar\u003c\/span\u003e\n \u003cspan class=\"vh-badge\"\u003e🏔️ Fabriqué en Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vh-hero-title\"\u003eHuile de macération vanille bio\u003c\/span\u003e\n \u003cp class=\"vh-subtitle\"\u003eDistillerie Saint-Hilaire · 30 ml\u003c\/p\u003e\n \u003cp class=\"vh-description\"\u003eUn macérât huileux d'exception, artisanal et 100 % biologique, qui enveloppe votre peau, vos cheveux et vos sens d'un parfum gourmand de vanille de Madagascar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eHuile de Vanille Bio – Macérât huileux de Vanille de Madagascar\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eDécouvrez une huile au parfum enveloppant, gourmand et délicat, qui prend soin de votre peau, de vos cheveux et de vos sens.\u003c\/p\u003e\n \u003cdiv class=\"vh-highlight-box\"\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile de vanille bio\u003c\/strong\u003e signée Distillerie Saint-Hilaire est élaborée artisanalement en Auvergne. Ce \u003cstrong\u003emacérât huileux de vanille\u003c\/strong\u003e réunit le meilleur de la vanille de Madagascar et de l'huile de sésame biologique dans un flacon compte-gouttes de 30 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003ePourquoi choisir un macérât huileux plutôt qu'une huile essentielle de vanille ?\u003c\/h2\u003e\n \u003cdiv class=\"vh-testimonial\"\u003e\n \u003cp class=\"vh-testimonial-text\"\u003eContrairement à une \u003cstrong\u003ehuile essentielle de vanille bio\u003c\/strong\u003e — extrêmement rare et souvent reconstituée — le macérât huileux est obtenu par infusion lente des gousses dans une huile végétale. Ce procédé préserve les composés aromatiques et les actifs nourrissants de la vanille, tout en offrant un produit prêt à l'emploi, doux et adapté à une application directe sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eLes bienfaits de cette huile corps vanille bio\u003c\/h2\u003e\n \u003cdiv class=\"vh-grid\"\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile de sésame biologique pénètre facilement l'épiderme pour nourrir en profondeur sans film gras. La peau retrouve souplesse et confort, même sur les zones les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre la déshydratation\u003c\/h3\u003e\n \u003cp\u003eCe macérât forme un voile protecteur qui aide la peau à conserver son hydratation naturelle tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e✨ Soin capillaire réparateur\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, cette huile redonne brillance et douceur aux cheveux secs ou fragilisés. Quelques gouttes suffisent pour discipliner les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🤲 Huile de massage vanille bio\u003c\/h3\u003e\n \u003cp\u003eSon parfum chaud et sucré crée une atmosphère apaisante, idéale pour un massage relaxant. La vanille est réputée pour ses vertus réconfortantes et sensuelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🪶 Toucher satiné\u003c\/h3\u003e\n \u003cp\u003eSa texture sèche et légère laisse la peau douce comme de la soie, sans sensation collante ni résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eComposition – 100 % biologique\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eUne formule minimaliste ne contenant que trois ingrédients, tous d'origine naturelle et biologique.\u003c\/p\u003e\n \u003cdiv class=\"vh-grid-compact\"\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🌱 Sesamum indicum seed oil\u003c\/h3\u003e\n \u003cp\u003eHuile de sésame désodorisée bio, base nourrissante et légère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🫘 Vanilla planifolia fruit extract\u003c\/h3\u003e\n \u003cp\u003eExtrait de gousses de vanille de Madagascar bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card vh-card-full\"\u003e\n \u003ch3\u003e🧪 Vanillin\u003c\/h3\u003e\n \u003cp\u003eVanilline naturelle, molécule aromatique caractéristique de la vanille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-tip\"\u003e\n \u003cspan class=\"vh-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eCertification :\u003c\/strong\u003e Produit certifié \u003cstrong\u003eCOSMOS ORGANIC par Ecocert\u003c\/strong\u003e. 100 % des ingrédients sont issus de l'agriculture biologique. Sans conservateur synthétique, sans parfum artificiel, sans huile minérale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile de vanille bio ?\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eVersez \u003cstrong\u003e3 à 5 gouttes\u003c\/strong\u003e dans le creux de vos mains et frottez-les pour réchauffer l'huile. Appliquez ensuite selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"vh-timeline\"\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez les zones sèches après la douche, sur peau légèrement humide pour une meilleure absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eUtilisez 2 gouttes le soir, en complément de votre crème habituelle, pour un effet nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les pointes en soin sans rinçage, ou en masque avant-shampoing pendant 30 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eEn massage\u003c\/h3\u003e\n \u003cp\u003eUtilisez généreusement et profitez de l'arôme envoûtant pour un moment de détente absolue.\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=\"vh-section\"\u003e\n \u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n \u003cdiv class=\"vh-accordion\"\u003e\n \u003cdetails class=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur pour préserver la qualité des actifs et du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. Effectuez un test au pli du coude avant la première utilisation si vous avez la peau sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique \u003cstrong\u003ene remplace en aucun cas un avis ou un traitement médical\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"vh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"vh-cta-box\"\u003e\n \u003cp\u003eFabriquée avec passion par la \u003cstrong\u003eDistillerie Saint-Hilaire en Auvergne\u003c\/strong\u003e, cette huile à la vanille de Madagascar transforme chaque geste beauté en un rituel de douceur. Un soin polyvalent, naturel et certifié bio, à glisser dans votre routine quotidienne. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"vh-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Ce produit cosmétique ne se substitue pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --vh-cream: #FAF6F1;\n --vh-white: #ffffff;\n --vh-primary: #3A2F2B;\n --vh-primary-dark: #2A201C;\n --vh-primary-light: #F0E8DF;\n --vh-secondary: #C9A96E;\n --vh-accent: #D4B896;\n --vh-text: #1a1a1a;\n --vh-text-light: #5a5a5a;\n --vh-border: #E8DDD2;\n --vh-shadow: 0 4px 24px rgba(58,47,43,.08);\n --vh-shadow-lg: 0 12px 48px rgba(58,47,43,.15);\n --vh-radius: 20px;\n --vh-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.vh-hero {\n position: relative;\n background: linear-gradient(135deg, var(--vh-primary) 0%, #4A3D38 50%, var(--vh-primary-dark) 100%);\n border-radius: var(--vh-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(--vh-shadow-lg);\n}\n\n.vh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(201,169,110,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,184,150,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(201,169,110,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.vh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.vh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.vh-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(--vh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.vh-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.vh-subtitle {\n color: var(--vh-secondary);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.vh-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.vh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vh-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.vh-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(--vh-secondary), var(--vh-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.vh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vh-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.vh-highlight-box {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vh-shadow);\n border-left: 4px solid var(--vh-secondary);\n}\n\n.vh-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--vh-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.vh-card {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vh-shadow-lg);\n border-color: var(--vh-secondary);\n}\n\n.vh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.vh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vh-grid-compact .vh-card {\n padding: 1rem;\n}\n\n.vh-grid-compact .vh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vh-grid-compact .vh-card p {\n font-size: 12px;\n}\n\n.vh-card-full {\n grid-column: 1 \/ -1;\n}\n\n\/* === TIMELINE === *\/\n.vh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.vh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.vh-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vh-primary), var(--vh-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.vh-timeline-content {\n flex: 1;\n background: var(--vh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--vh-radius-sm);\n box-shadow: var(--vh-shadow);\n}\n\n.vh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--vh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vh-timeline-content p {\n font-size: 14px;\n color: var(--vh-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.vh-testimonial {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vh-shadow);\n border-left: 4px solid var(--vh-secondary);\n}\n\n.vh-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vh-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.vh-accordion {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n box-shadow: var(--vh-shadow);\n overflow: hidden;\n}\n\n.vh-accordion-item {\n border-bottom: 1px solid var(--vh-border);\n margin: 0;\n padding: 0;\n}\n\n.vh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vh-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.vh-accordion-header:hover {\n background: var(--vh-primary-light);\n}\n\n.vh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vh-secondary);\n transition: transform .2s ease;\n}\n\n.vh-accordion-item[open] .vh-accordion-header::after {\n content: '−';\n}\n\n.vh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vh-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.vh-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--vh-primary-light);\n border-radius: var(--vh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.vh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.vh-tip p {\n font-size: 14px;\n color: var(--vh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.vh-cta-box {\n background: linear-gradient(135deg, var(--vh-primary) 0%, #4A3D38 50%, var(--vh-primary-dark) 100%);\n border-radius: var(--vh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vh-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(201,169,110,.15) 0%, transparent 50%);\n}\n\n.vh-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.vh-disclaimer {\n font-size: 12px;\n color: var(--vh-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 .vh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vh-card {\n padding: 1.125rem;\n }\n\n .vh-section {\n margin-bottom: 1.75rem;\n }\n\n .vh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vh-radius-sm);\n }\n\n .vh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .vh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .vh-grid-compact {\n gap: .625rem;\n }\n\n .vh-grid-compact .vh-card {\n padding: .75rem;\n }\n\n .vh-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .vh-timeline-content {\n padding: .875rem 1rem;\n }\n\n .vh-timeline-content h3 {\n font-size: 14px;\n }\n\n .vh-timeline-content p {\n font-size: 13px;\n }\n\n .vh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .vh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .vh-testimonial {\n padding: 1.25rem;\n }\n\n .vh-testimonial-text {\n font-size: 14px;\n }\n\n .vh-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vh-card {\n animation: vhFadeInUp .5s ease backwards;\n }\n .vh-card:nth-child(1) { animation-delay: .05s; }\n .vh-card:nth-child(2) { animation-delay: .1s; }\n .vh-card:nth-child(3) { animation-delay: .15s; }\n .vh-card:nth-child(4) { animation-delay: .2s; }\n .vh-card:nth-child(5) { animation-delay: .25s; }\n .vh-card:nth-child(6) { animation-delay: .3s; }\n\n .vh-timeline-item {\n animation: vhFadeInUp .5s ease backwards;\n }\n .vh-timeline-item:nth-child(1) { animation-delay: .05s; }\n .vh-timeline-item:nth-child(2) { animation-delay: .1s; }\n .vh-timeline-item:nth-child(3) { animation-delay: .15s; }\n .vh-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes vhFadeInUp {\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 .vh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54858929013113,"sku":"NBAIDSH0025","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-maceration-vanille-bio-saint-hilaire-30-ml_11zon.jpg?v=1763470848"},{"product_id":"huile-avocat-bio-saint-hilaire-50ml","title":"Huile Végétale d'Avocat Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale d'Avocat Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #6B8E23 (vert olive\/avocat de l'étiquette)\n - Secondaire: #8B5E3C (brun ambré du flacon en verre)\n - Accent: #C5D45A (vert-jaune chartreuse de la bande étiquette)\nAmbiance: Naturel\/bio, botanique, authentique, artisanal français (Auvergne), soin cosmétique végétal\nPréfixe CSS: av\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale d'avocat bio : le soin nourrissant par excellence pour votre peau et vos cheveux\"\n 2. \"Pourquoi choisir l'huile végétale d'avocat ? Composition et richesse nutritive\"\n 3. \"Bienfaits de l'huile végétale d'avocat bio pour la peau\"\n 4. \"Bienfaits de l'huile d'avocat bio pour les cheveux\"\n 5. \"Comment utiliser l'huile d'avocat bio au quotidien ?\"\n 6. \"Quels types de peau et de cheveux sont concernés ?\"\n 7. \"La Distillerie Saint-Hilaire : un savoir-faire ancré en Auvergne\"\n 8. \"Précautions d'emploi et conservation\"\n 9. \"Questions fréquentes sur l'huile végétale d'avocat bio\"\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🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🫒 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🧴 Flacon verre 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"av-hero-title\"\u003eHuile végétale d'avocat bio\u003c\/span\u003e\n \u003cp class=\"av-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"av-description\"\u003eNutrition intense pour la peau et les cheveux. 100 % pure, vierge, extraite de la pulpe d'avocats bio par première pression à froid.\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\u003eHuile végétale d'avocat bio : le soin nourrissant par excellence pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eVous cherchez une huile végétale d'avocat de qualité, capable de nourrir en profondeur une peau assoiffée ou de redonner vie à des cheveux fatigués ?\u003c\/p\u003e\n \u003cdiv class=\"av-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile d'avocat bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est exactement ce qu'il vous faut. Obtenue par \u003cstrong\u003epremière pression à froid de la pulpe\u003c\/strong\u003e d'avocats issus de l'agriculture biologique (\u003cem\u003ePersea gratissima\u003c\/em\u003e), elle conserve l'intégralité de ses acides gras, vitamines et antioxydants — sans aucun raffinage, sans additif, sans compromis.\u003c\/p\u003e\n \u003cp\u003eConditionnée dans un élégant \u003cstrong\u003eflacon en verre de 50 ml\u003c\/strong\u003e équipé d'un spray pratique, cette huile végétale bio est pensée pour s'intégrer facilement à votre routine beauté quotidienne, que ce soit en soin visage, corps ou capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile végétale d'avocat ? Composition et richesse nutritive\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eL'huile bio d'avocat se distingue des autres huiles végétales par un profil lipidique exceptionnellement riche et équilibré. Sa composition en fait un véritable concentré de bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🫒 Acide oléique (oméga-9)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e55 à 70 %\u003c\/strong\u003e — acide gras mono-insaturé principal. Pénètre facilement l'épiderme pour nourrir les couches profondes, renforce le film hydrolipidique et apporte une souplesse durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Acide palmitoléique (oméga-7)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e5 à 10 %\u003c\/strong\u003e — rare dans le monde végétal, naturellement présent dans le sébum humain. Contribue à la régénération des peaux matures ou fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💧 Acide linoléique (oméga-6)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 à 15 %\u003c\/strong\u003e — essentiel au maintien de la barrière cutanée. Aide à prévenir la déshydratation et apaise les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Acide palmitique\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 à 20 %\u003c\/strong\u003e — participe à l'effet protecteur et émollient de l'huile, renforçant la couche lipidique naturelle de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌟 Vitamines A, D, E et K\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E agit comme un puissant antioxydant. La vitamine A soutient le renouvellement cellulaire. La vitamine K contribue à atténuer cernes et rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌱 Phytostérols et caroténoïdes\u003c\/h3\u003e\n \u003cp\u003eComposés bioactifs qui renforcent les propriétés réparatrices et anti-âge de l'huile pour une peau visiblement revitalisée.\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 \u003cdiv\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédient INCI :\u003c\/strong\u003e Persea Gratissima Oil* — \u003cem\u003e*Issu de l'agriculture biologique\u003c\/em\u003e\u003cbr\u003e\n \u003cstrong\u003ePartie pressée :\u003c\/strong\u003e pulpe du fruit. C'est cette extraction à partir de la chair (et non du noyau) qui confère à l'huile sa couleur verte caractéristique et sa richesse exceptionnelle en nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile végétale d'avocat bio pour la peau\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eLes bienfaits de l'huile végétale d'avocat sur la peau sont multiples et particulièrement appréciés des peaux sèches, matures ou fragilisées. Tous les types de peau peuvent y trouver leur compte.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💦 Nutrition intense des peaux sèches et déshydratées\u003c\/h3\u003e\n \u003cp\u003eSi votre peau tiraille, pèle ou manque cruellement de confort, l'huile d'avocat est l'une des huiles végétales les plus nourrissantes. Sa texture riche mais non grasse pénètre remarquablement bien sans laisser de film collant. Elle restaure le film hydrolipidique et aide la peau à retenir son hydratation naturelle. Vous sentirez la différence dès les premières applications : une peau plus douce, plus souple, véritablement apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e⏳ Soin anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa concentration en \u003cstrong\u003evitamine E, en phytostérols et en acide palmitoléique\u003c\/strong\u003e, cette huile contribue à préserver l'élasticité de la peau et à atténuer les signes visibles du vieillissement. Elle soutient le renouvellement cellulaire et aide à maintenir une peau d'apparence ferme et lumineuse. Un soin anti-âge naturel précieux, en complément de votre crème habituelle ou utilisée seule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🩹 Réparation des peaux abîmées et fragilisées\u003c\/h3\u003e\n \u003cp\u003ePeaux irritées par le froid, le vent, le soleil ou des soins trop agressifs ? L'huile d'avocat bio agit comme un véritable baume réparateur. Elle calme les inconforts, aide à restaurer la barrière cutanée endommagée et protège la peau des agressions extérieures. Excellent soin pour les coudes, genoux, talons et mains gercées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌸 Alliée des peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eNaturellement bien tolérée, cette huile végétale convient aux peaux les plus délicates. Son profil en acides gras proches de ceux du sébum humain lui confère une excellente affinité avec la peau, minimisant les risques de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile d'avocat bio pour les cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eSi vous avez les cheveux secs, cassants, ternes ou crépus, l'huile végétale d'avocat pourrait bien devenir votre meilleure alliée capillaire.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💪 Nutrition profonde de la fibre capillaire\u003c\/h3\u003e\n \u003cp\u003eContrairement à de nombreuses huiles qui restent en surface, l'huile d'avocat possède une capacité remarquable à pénétrer la fibre du cheveu. Elle nourrit de l'intérieur, redonnant souplesse, brillance et résistance aux cheveux les plus desséchés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre la casse\u003c\/h3\u003e\n \u003cp\u003eEn renforçant la structure du cheveu, elle réduit significativement la casse et les pointes fourchues. Particulièrement recommandée si vos cheveux sont abîmés par les colorations, le lissage ou les appareils chauffants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧴 Soin du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquée en massage sur le cuir chevelu, elle nourrit la peau et favorise un environnement sain pour la pousse. D'un grand secours en cas de cuir chevelu sec ou sujet aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e〰️ Discipline des cheveux frisés et crépus\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur les longueurs et les pointes suffisent à dompter les frisottis et à définir les boucles, tout en apportant un toucher soyeux et une brillance naturelle.\u003c\/p\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\u003eComment utiliser l'huile d'avocat bio au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eLa polyvalence de cette huile végétale est l'un de ses plus grands atouts. Voici des conseils d'utilisation concrets pour en tirer le meilleur parti :\u003c\/p\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\u003eEn soin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eLe soir, après avoir nettoyé votre peau, appliquez \u003cstrong\u003e3 à 5 gouttes\u003c\/strong\u003e sur le visage et le cou. Massez doucement en mouvements circulaires ascendants. Utilisez-la seule ou mélangée à votre crème de nuit. Le matin, une ou deux gouttes sur les zones sèches suffisent.\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\u003eEn soin contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez délicatement une micro-goutte sous chaque œil, du coin interne vers le coin externe. Sa teneur en vitamine K en fait un soin intéressant pour la zone fragile du contour des yeux.\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\u003eEn soin corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, sur une peau encore légèrement humide, appliquez généreusement sur les zones sèches (jambes, bras, mains, pieds). L'eau résiduelle facilite l'absorption et renforce l'effet hydratant.\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\u003eEn masque capillaire avant-shampooing\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les longueurs et les pointes, massez le cuir chevelu. Enveloppez dans une serviette chaude et \u003cstrong\u003elaissez poser 1 à 2 heures\u003c\/strong\u003e (ou toute une nuit). Procédez ensuite à votre shampooing — deux lavages peuvent être nécessaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn sérum sans rinçage pour les pointes\u003c\/h3\u003e\n \u003cp\u003eSur cheveux secs ou humides, frottez une à deux gouttes entre vos paumes et lissez-les sur les pointes. Cela protège les cheveux de la sécheresse sans les alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e6\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn base pour vos mélanges cosmétiques maison\u003c\/h3\u003e\n \u003cp\u003eExcellente base pour diluer des huiles essentielles ou créer vos propres sérums. Se marie parfaitement avec l'huile essentielle de \u003cstrong\u003elavande\u003c\/strong\u003e (apaisante), d'\u003cstrong\u003eylang-ylang\u003c\/strong\u003e (cheveux) ou de \u003cstrong\u003egéranium rosat\u003c\/strong\u003e (anti-âge).\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=\"av-section\"\u003e\n \u003ch2\u003eQuels types de peau et de cheveux sont concernés ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003ePour vous aider à savoir si cette huile bio d'avocat est faite pour vous, voici un récapitulatif :\u003c\/p\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eTerrain de prédilection. Effet nourrissant immédiat et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eSoin anti-âge naturel grâce aux antioxydants et au soutien de l'élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles ou irritées\u003c\/h3\u003e\n \u003cp\u003eApaisante et protectrice, elle restaure le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Peaux ternes et fatiguées\u003c\/h3\u003e\n \u003cp\u003eRavive l'éclat et donne un aspect plus lumineux au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs, cassants ou abîmés\u003c\/h3\u003e\n \u003cp\u003eNutrition et réparation en profondeur de la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e〰️ Cheveux crépus, frisés ou bouclés\u003c\/h3\u003e\n \u003cp\u003eDiscipline, définition des boucles et brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧴 Cuir chevelu sec\u003c\/h3\u003e\n \u003cp\u003eApaise et nourrit sans agresser le cuir chevelu sensible.\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\u003e\u003cstrong\u003eRemarque :\u003c\/strong\u003e si vous avez la peau grasse ou à tendance acnéique, l'huile d'avocat peut s'avérer un peu trop riche en application quotidienne sur le visage. Privilégiez une utilisation ponctuelle ou localisée sur les zones sèches uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eLa Distillerie Saint-Hilaire : un savoir-faire ancré en Auvergne\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eCette huile végétale est produite par la Distillerie Saint-Hilaire, une maison installée au cœur de l'Auvergne, reconnue pour son engagement envers la qualité et le respect de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌿 Agriculture biologique certifiée\u003c\/h3\u003e\n \u003cp\u003eLes avocats utilisés sont issus de cultures biologiques, sans pesticides ni engrais chimiques de synthèse. Un engagement fort pour la nature et votre santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n \u003cp\u003eCette méthode d'extraction douce, sans chaleur excessive, préserve l'intégralité des nutriments et des propriétés actives de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💎 Huile 100 % pure et vierge\u003c\/h3\u003e\n \u003cp\u003eAucun additif, aucun conservateur, aucune dilution. Un produit brut et authentique, dans toute sa richesse naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e♻️ Flacon en verre recyclable\u003c\/h3\u003e\n \u003cp\u003eLe conditionnement en verre ambré protège l'huile de la lumière qui dégrade les vitamines, tout en s'inscrivant dans une démarche écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🧴 Usage et application\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Évitez toute application sur les enfants de moins de 3 ans sans avis médical.\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⚠️ Allergies et test cutané\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas d'allergie connue à l'avocat ou au latex (allergie croisée possible), effectuez un test cutané dans le pli du coude \u003cstrong\u003e48 heures avant\u003c\/strong\u003e la première utilisation.\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🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon dans un endroit \u003cstrong\u003efrais, sec et à l'abri de la lumière directe\u003c\/strong\u003e pour préserver toutes les propriétés de l'huile. Tenir hors de portée des enfants.\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📋 Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue en aucun cas un traitement médical et ne saurait se substituer à l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile végétale d'avocat bio\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eL'huile d'avocat bio est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile d'avocat possède un \u003cstrong\u003eindice de comédogénicité de 2 sur 5\u003c\/strong\u003e, ce qui la classe parmi les huiles modérément comédogènes. Pour la plupart des types de peau, elle ne pose aucun problème. Toutefois, si vous avez la peau très grasse ou sujette aux imperfections, privilégiez une utilisation avec parcimonie sur le visage ou réservez-la aux soins capillaires et corporels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003ePeut-on utiliser l'huile d'avocat autour des yeux ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, tout à fait. Sa richesse en vitamines et sa texture qui pénètre bien en font un soin adapté à cette zone fragile. Veillez simplement à ne pas en appliquer directement dans les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eL'huile d'avocat convient-elle aux femmes enceintes ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile végétale d'avocat pure, sans ajout d'huiles essentielles, est généralement bien tolérée pendant la grossesse. Elle est d'ailleurs souvent recommandée pour prévenir les vergetures. En cas de doute, demandez l'avis de votre médecin ou de votre sage-femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eComment savoir si mon huile d'avocat est encore bonne ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eUne huile d'avocat bio de qualité possède une \u003cstrong\u003eodeur douce et légèrement verte\u003c\/strong\u003e, caractéristique du fruit. Si elle dégage une odeur rance ou désagréable, elle s'est oxydée et il est préférable de ne plus l'utiliser. Bien conservée, elle se garde généralement entre \u003cstrong\u003e6 et 12 mois\u003c\/strong\u003e après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003ePeut-on mélanger l'huile d'avocat avec d'autres huiles végétales ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. L'huile d'avocat se marie très bien avec l'\u003cstrong\u003ehuile de jojoba\u003c\/strong\u003e (pour équilibrer les peaux mixtes), l'\u003cstrong\u003ehuile de coco\u003c\/strong\u003e (pour un masque capillaire ultra-nourrissant) ou l'\u003cstrong\u003ehuile de rose musquée\u003c\/strong\u003e (pour renforcer l'effet anti-âge). N'hésitez pas à créer vos propres synergies selon vos besoins.\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=\"av-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"av-cta-box\"\u003e\n \u003cp\u003e🥑 Offrez à votre peau et vos cheveux le meilleur de la nature avec cette huile d'avocat bio, pure et authentique, distillée avec soin au cœur de l'Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"av-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé. Usage cosmétique externe uniquement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --av-cream: #f7f5f0;\n --av-white: #ffffff;\n --av-primary: #6B8E23;\n --av-primary-dark: #3d5a0f;\n --av-primary-light: #f0f4e4;\n --av-secondary: #8B5E3C;\n --av-accent: #C5D45A;\n --av-text: #1a1a1a;\n --av-text-light: #5a5a5a;\n --av-border: #e0e0e0;\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.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, #3d5a0f 0%, #6B8E23 40%, #8B5E3C 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% 80%, rgba(197,212,90,.15) 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(139,94,60,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.av-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\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,.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.av-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.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-accent));\n border-radius: 2px;\n}\n\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 line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.av-highlight-box {\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-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--av-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.av-highlight-box p:last-child {\n margin-bottom: 0;\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\/* === GRILLES === *\/\n.av-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.av-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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-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(107,142,35,.3);\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.6;\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 .av-highlight-box {\n padding: 1.25rem;\n }\n\n .av-highlight-box p {\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 .av-card:nth-child(7) { animation-delay: .35s; }\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":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54861991182713,"sku":"NBAIDSH0024","price":6.74,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HVavocat_1_-min.jpg?v=1736419851"},{"product_id":"huile-vegetale-abricot-bio-50ml","title":"Huile Végétale d'Abricot Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale d'Abricot Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #2D4A3E (vert foncé profond du logo\/étiquette Saint-Hilaire)\n - Secondaire: #E8A87C (pêche\/abricot doux de la bande étiquette)\n - Accent: #D4874D (ambre doré de l'huile\/flacon)\n - Background: #FDF5EE (beige rosé très clair, rappel du fond photo)\nAmbiance: Naturel, bio, artisanal, cosmétique premium, douceur, Auvergne, authenticité\nPréfixe CSS: ab\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale de noyau d'abricot bio : l'alliée éclat de votre peau\"\n 2. \"Les bienfaits de l'huile d'abricot pour le visage et le corps\"\n 3. \"Comment utiliser l'huile noyau d'abricot au quotidien ?\"\n 4. \"Composition\"\n 5. \"Qualité et engagement Saint-Hilaire\"\n 6. \"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=\"ab-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ab-hero\"\u003e\n \u003cdiv class=\"ab-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ab-hero-content\"\u003e\n \u003cdiv class=\"ab-badges-top\"\u003e\n \u003cspan class=\"ab-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🍑 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ab-hero-title\"\u003eHuile végétale d'abricot bio\u003c\/span\u003e\n \u003cp class=\"ab-subtitle\"\u003eSaint-Hilaire — Flacon 50 ml avec pompe doseuse\u003c\/p\u003e\n \u003cp class=\"ab-description\"\u003eL'éclat naturel d'une huile précieuse, pressée à froid à partir des amandons de \u003cem\u003ePrunus armeniaca\u003c\/em\u003e. Riche en bêta-carotène et en vitamines A \u0026amp; E pour une peau lumineuse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eHuile végétale de noyau d'abricot bio : l'alliée éclat de votre peau\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eVous cherchez une huile végétale d'abricot capable de redonner vie à votre teint tout en nourrissant votre peau en profondeur ?\u003c\/p\u003e\n \u003cdiv class=\"ab-highlight-box\"\u003e\n \u003cp\u003eL'huile végétale de noyau d'abricot bio de la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e est exactement ce qu'il vous faut. Obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e des amandons de \u003cem\u003ePrunus armeniaca\u003c\/em\u003e, elle conserve toute la richesse de ses actifs naturels : \u003cstrong\u003eacides gras insaturés\u003c\/strong\u003e, \u003cstrong\u003evitamine A\u003c\/strong\u003e (bêta-carotène) et \u003cstrong\u003evitamine E\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eCertifiée \u003cstrong\u003ebiologique\u003c\/strong\u003e, cette huile est présentée dans un flacon en verre ambré de 50 ml muni d'une pompe doseuse, pour une utilisation précise et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'abricot pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eUne huile polyvalente à la texture sèche qui pénètre rapidement sans laisser de film gras.\u003c\/p\u003e\n \u003cdiv class=\"ab-grid\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e✨ Effet bonne mine immédiat\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa concentration en bêta-carotène, elle ravive les teints ternes et fatigués. Quelques gouttes suffisent pour retrouver un éclat lumineux, même en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eRiche en acide oléique (oméga 9) et en acide linoléique (oméga 6), elle renforce le film hydrolipidique cutané. La peau reste souple, douce et protégée des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌸 Action anti-âge naturelle\u003c\/h3\u003e\n \u003cp\u003eLes vitamines A et E agissent en synergie pour aider à réduire l'apparence des rides et ridules. La peau retrouve progressivement fermeté et élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🤍 Convient à toutes les peaux\u003c\/h3\u003e\n \u003cp\u003eSa légèreté la rend aussi confortable sur les peaux mixtes que sur les peaux sèches, sensibles ou matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire nourrissant\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle gaine la fibre capillaire, réduit les frisottis et redonne brillance aux cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile noyau d'abricot au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eUne huile remarquablement facile à intégrer à votre routine beauté.\u003c\/p\u003e\n \u003cdiv class=\"ab-timeline\"\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage matin et soir\u003c\/h3\u003e\n \u003cp\u003eAppliquez 3 à 4 gouttes sur une peau propre et légèrement humide. Massez doucement du centre du visage vers l'extérieur. Vous pouvez l'utiliser seule ou la mélanger à votre crème habituelle pour enrichir son pouvoir nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn huile démaquillante\u003c\/h3\u003e\n \u003cp\u003eVersez une noisette dans le creux de vos mains, massez l'ensemble du visage, puis rincez à l'eau tiède ou retirez avec un coton humide. Elle dissout efficacement le maquillage, même waterproof.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn massage corporel\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la pure ou associée à quelques gouttes d'huile essentielle de votre choix pour un massage relaxant et hydratant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn masque capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les longueurs, laissez poser 30 minutes à une nuit sous une serviette, puis procédez à votre shampooing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-tip\"\u003e\n \u003cspan class=\"ab-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e sur peau légèrement humide, l'huile pénètre encore plus vite et laisse un fini soyeux incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ab-grid-compact\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🧬 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003ePrunus Armeniaca Kernel Oil*\u003cbr\u003e\u003cem\u003e*Issu de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌰 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eAmandon du noyau d'abricot\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🧴 Flacon\u003c\/h3\u003e\n \u003cp\u003eVerre ambré avec pompe doseuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eQualité et engagement Saint-Hilaire\u003c\/h2\u003e\n \u003cdiv class=\"ab-testimonial\"\u003e\n \u003cp class=\"ab-testimonial-text\"\u003eLa Distillerie Saint-Hilaire, installée en Auvergne, cultive un savoir-faire artisanal depuis plusieurs décennies. Cette huile d'abricot bio est extraite à froid pour préserver l'intégralité de ses nutriments. Le flacon en verre ambré protège l'huile de l'oxydation, tandis que la pompe doseuse évite tout gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eNutriments préservés à 100 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🫙 Verre ambré\u003c\/h3\u003e\n \u003cp\u003eProtection anti-oxydation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌱 Agriculture bio\u003c\/h3\u003e\n \u003cp\u003eCertification biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire auvergnat\u003c\/h3\u003e\n \u003cp\u003eArtisanat depuis des décennies\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ab-accordion\"\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e⚠️ Usage et conservation\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage \u003cstrong\u003eexterne uniquement\u003c\/strong\u003e. Conservez le flacon bien fermé, à l'abri de la lumière directe et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas d'allergie connue aux fruits à coque, réalisez un test cutané dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ab-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ab-cta-box\"\u003e\n \u003cp\u003e🍑 Offrez à votre peau l'éclat naturel de l'abricot bio d'Auvergne.\u003cbr\u003eUne huile précieuse, un geste simple, une peau lumineuse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ab-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --ab-cream: #FDF5EE;\n --ab-white: #ffffff;\n --ab-primary: #2D4A3E;\n --ab-primary-dark: #1E352B;\n --ab-primary-light: #E8F0EC;\n --ab-secondary: #E8A87C;\n --ab-accent: #D4874D;\n --ab-text: #1a1a1a;\n --ab-text-light: #5a5a5a;\n --ab-border: #e8ddd4;\n --ab-shadow: 0 4px 24px rgba(45,74,62,.08);\n --ab-shadow-lg: 0 12px 48px rgba(45,74,62,.15);\n --ab-radius: 20px;\n --ab-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ab-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ab-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ab-hero {\n position: relative;\n background: linear-gradient(135deg, #2D4A3E 0%, #3A6354 40%, #D4874D 100%);\n border-radius: var(--ab-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(--ab-shadow-lg);\n}\n\n.ab-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(232,168,124,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(212,135,77,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ab-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ab-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.ab-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ab-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.ab-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ab-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(--ab-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ab-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ab-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ab-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ab-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.ab-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(--ab-primary), var(--ab-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ab-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-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.ab-highlight-box {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n border-left: 4px solid var(--ab-secondary);\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ab-text);\n line-height: 1.8;\n}\n\n.ab-highlight-box p {\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ab-card {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ab-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ab-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ab-shadow-lg);\n border-color: var(--ab-secondary);\n}\n\n.ab-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ab-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ab-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ab-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ab-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ab-grid-compact .ab-card {\n padding: 1rem;\n}\n\n.ab-grid-compact .ab-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ab-grid-compact .ab-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ab-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ab-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ab-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ab-primary), var(--ab-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.ab-timeline-content {\n flex: 1;\n background: var(--ab-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ab-radius-sm);\n box-shadow: var(--ab-shadow);\n}\n\n.ab-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ab-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ab-timeline-content p {\n font-size: 14px;\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ab-testimonial {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n border-left: 4px solid var(--ab-primary);\n}\n\n.ab-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ab-accordion {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n box-shadow: var(--ab-shadow);\n overflow: hidden;\n}\n\n.ab-accordion-item {\n border-bottom: 1px solid var(--ab-border);\n margin: 0;\n padding: 0;\n}\n\n.ab-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ab-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ab-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.ab-accordion-header:hover {\n background: var(--ab-primary-light);\n}\n\n.ab-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ab-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ab-primary);\n transition: transform .2s ease;\n}\n\n.ab-accordion-item[open] .ab-accordion-header::after {\n content: '−';\n}\n\n.ab-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ab-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ab-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ab-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ab-primary-light);\n border-radius: var(--ab-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ab-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ab-tip p {\n font-size: 14px;\n color: var(--ab-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ab-cta-box {\n background: linear-gradient(135deg, var(--ab-primary) 0%, var(--ab-accent) 100%);\n border-radius: var(--ab-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ab-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(232,168,124,.2) 0%, transparent 50%);\n}\n\n.ab-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.ab-disclaimer {\n font-size: 12px;\n color: var(--ab-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 .ab-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ab-card {\n padding: 1.125rem;\n }\n\n .ab-section {\n margin-bottom: 1.75rem;\n }\n\n .ab-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ab-radius-sm);\n }\n\n .ab-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ab-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ab-grid-compact {\n gap: .625rem;\n }\n\n .ab-grid-compact .ab-card {\n padding: .75rem;\n }\n\n .ab-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ab-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ab-timeline-content h3 {\n font-size: 14px;\n }\n\n .ab-timeline-content p {\n font-size: 13px;\n }\n\n .ab-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ab-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ab-testimonial {\n padding: 1.25rem;\n }\n\n .ab-testimonial-text {\n font-size: 14px;\n }\n\n .ab-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ab-card {\n animation: abFadeInUp .5s ease backwards;\n }\n .ab-card:nth-child(1) { animation-delay: .05s; }\n .ab-card:nth-child(2) { animation-delay: .1s; }\n .ab-card:nth-child(3) { animation-delay: .15s; }\n .ab-card:nth-child(4) { animation-delay: .2s; }\n .ab-card:nth-child(5) { animation-delay: .25s; }\n .ab-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes abFadeInUp {\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 .ab-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54862241825145,"sku":"NBAIDSH0016","price":7.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-dabricot-bio-saint-hilaire-50-ml-ingredients.webp?v=1771577056"},{"product_id":"huile-jojoba-bio-saint-hilaire-50ml","title":"Huile Végétale de Jojoba Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Jojoba Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #8B5E3C (brun ambré du flacon en verre)\n - Secondaire: #E8B5A0 (rose poudré\/saumon de la bande sur l'étiquette)\n - Accent: #5A7A3A (vert des feuilles\/végétal naturel)\n - Fond: #FAF6F2 (crème chaud très doux)\nAmbiance: Naturel\/bio, artisanal français, doux \u0026 féminin, authentique, apothicaire moderne\nPréfixe CSS: jjb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale de jojoba bio : le soin incontournable pour la peau et les cheveux\"\n 2. \"Pourquoi l'huile de jojoba est-elle si particulière ?\"\n 3. \"Les bienfaits de l'huile de jojoba bio pour le visage\"\n 4. \"L'huile de jojoba pour les cheveux : un soin complet\"\n 5. \"Comment utiliser l'huile de jojoba au quotidien ?\"\n 6. \"Composition\"\n 7. \"Pourquoi choisir l'huile de jojoba Saint-Hilaire ?\"\n 8. \"Précautions d'emploi et conservation\"\n 9. \"Questions fréquentes sur l'huile de jojoba bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"jjb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"jjb-hero\"\u003e\n \u003cdiv class=\"jjb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"jjb-hero-content\"\u003e\n \u003cdiv class=\"jjb-badges-top\"\u003e\n \u003cspan class=\"jjb-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"jjb-badge\"\u003e🇫🇷 Fabriquée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"jjb-badge\"\u003e🌰 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"jjb-hero-title\"\u003eHuile végétale de jojoba bio\u003c\/span\u003e\n \u003cp class=\"jjb-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"jjb-description\"\u003eUne cire liquide d'exception, proche du sébum naturel de votre peau. Soin polyvalent visage, cheveux et corps — 100 % pur, un seul ingrédient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eHuile végétale de jojoba bio : le soin incontournable pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eVous cherchez une huile végétale polyvalente, naturelle et vraiment efficace ?\u003c\/p\u003e\n \u003cdiv class=\"jjb-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile de jojoba bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est bien plus qu'une simple huile : c'est une \u003cstrong\u003ecire liquide\u003c\/strong\u003e d'exception, obtenue par première pression à froid des graines de \u003cem\u003eSimmondsia chinensis\u003c\/em\u003e. Certifiée biologique et fabriquée en Auvergne, elle se distingue par sa composition remarquablement proche du sébum naturel de votre peau.\u003c\/p\u003e\n \u003cp\u003eRésultat : elle pénètre en un éclair, ne laisse aucun film gras et convient véritablement à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les plus sensibles et les plus grasses.\u003c\/p\u003e\n \u003cp\u003eQue vous souhaitiez utiliser l'\u003cstrong\u003ehuile de jojoba pour le visage\u003c\/strong\u003e, en soin capillaire ou comme base de massage, ce flacon de 50 ml avec pompe doseuse vous accompagnera au quotidien dans une routine beauté simple, efficace et 100 % naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de jojoba est-elle si particulière ?\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eContrairement à la plupart des huiles végétales, l'huile de jojoba n'est pas un triglycéride mais une \u003cstrong\u003ecire liquide esters\u003c\/strong\u003e. Cette particularité lui confère des propriétés uniques.\u003c\/p\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🤝 Affinité exceptionnelle avec la peau\u003c\/h3\u003e\n \u003cp\u003eSa structure moléculaire est quasi identique au sébum humain. Votre peau la reconnaît et l'absorbe instantanément, sans sensation grasse ni pores obstrués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🛡️ Stabilité remarquable\u003c\/h3\u003e\n \u003cp\u003eNaturellement riche en antioxydants (vitamine E), elle ne rancit quasiment pas et se conserve très longtemps — un investissement durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🧬 Richesse en acides gras\u003c\/h3\u003e\n \u003cp\u003eAcide gadoléique (65-80 %), acide érucique et acide oléique : ils nourrissent, protègent et assouplissent la peau et les cheveux en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de jojoba bio pour le visage\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eAppliquer de l'\u003cstrong\u003ehuile de jojoba sur le visage\u003c\/strong\u003e est l'un des gestes les plus simples et les plus bénéfiques que vous puissiez adopter.\u003c\/p\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e⚖️ Régulation du sébum\u003c\/h3\u003e\n \u003cp\u003eEn « mimant » le sébum, elle envoie un signal à votre peau pour qu'elle réduise sa propre production de gras. Les peaux mixtes à grasses retrouvent un équilibre naturel, les brillances s'atténuent visiblement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e💧 Hydratation sans excès\u003c\/h3\u003e\n \u003cp\u003eElle forme un film protecteur imperceptible qui empêche la déshydratation tout en laissant la peau respirer. Les peaux sèches et déshydratées retrouvent confort et souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌸 Action apaisante\u003c\/h3\u003e\n \u003cp\u003eEn cas de rougeurs, tiraillements ou irritations, l'huile de jojoba calme la peau grâce à ses propriétés adoucissantes. Particulièrement appréciée des peaux sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e✨ Prévention du vieillissement\u003c\/h3\u003e\n \u003cp\u003eSa richesse en vitamine E et en antioxydants aide à lutter contre les radicaux libres responsables du vieillissement prématuré. Le teint apparaît plus lumineux, plus lisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🎯 Soin anti-imperfections\u003c\/h3\u003e\n \u003cp\u003eNon comédogène, elle n'obstrue pas les pores. Elle convient aux peaux à tendance acnéique et aide à apaiser les petites inflammations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eL'huile de jojoba pour les cheveux : un soin complet\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eL'\u003cstrong\u003ehuile de jojoba pour cheveux\u003c\/strong\u003e est un véritable allié capillaire, quel que soit votre type de chevelure.\u003c\/p\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e💆 Nutrition des cheveux secs et cassants\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle gaine la fibre capillaire, la nourrit en profondeur et lui redonne éclat et souplesse. Fini les pointes fourchues et les cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e⚖️ Régulation du cuir chevelu gras\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes massées avant le shampooing aident à rééquilibrer la production de sébum du cuir chevelu, tout comme elle le fait sur le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre les agressions\u003c\/h3\u003e\n \u003cp\u003eVent, froid, chaleur du sèche-cheveux, exposition au soleil… L'huile de jojoba forme un duo protecteur qui limite la casse et la déshydratation au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🪮 Démêlage facilité\u003c\/h3\u003e\n \u003cp\u003eEn masque ou en soin sans rinçage sur les pointes, elle assouplit la fibre et rend les cheveux plus faciles à coiffer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de jojoba au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"jjb-timeline\"\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eMatin ou soir, sur peau propre et légèrement humide, appliquez \u003cstrong\u003e2 à 3 pressions de pompe\u003c\/strong\u003e dans le creux de votre main. Chauffez l'huile entre vos paumes, puis massez délicatement votre visage par mouvements circulaires en remontant vers les tempes. L'huile pénètre en quelques secondes. Utilisez-la seule ou avant votre crème habituelle pour en renforcer l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn démaquillant naturel\u003c\/h3\u003e\n \u003cp\u003eLe soir, massez généreusement l'huile sur l'ensemble du visage, y compris les yeux (paupières fermées). Elle dissout efficacement le maquillage — même waterproof — tout en respectant l'équilibre de votre peau. Rincez à l'eau tiède ou retirez l'excédent avec un coton réutilisable humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn masque capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez une quantité généreuse sur les longueurs et les pointes sèches. Enveloppez vos cheveux dans une serviette chaude et laissez poser \u003cstrong\u003e30 minutes à 1 heure\u003c\/strong\u003e avant votre shampooing. Renouvelez une à deux fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn huile de massage ou base pour huiles essentielles\u003c\/h3\u003e\n \u003cp\u003eSa texture fluide et sa pénétration rapide en font une excellente huile de massage pour le corps. Elle constitue également une \u003cstrong\u003ebase idéale pour diluer vos huiles essentielles\u003c\/strong\u003e, puisqu'elle est neutre en odeur et très bien tolérée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn soin des ongles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle et cuticule chaque soir. Les ongles cassants retrouvent force et les cuticules sont nourries et assouplies.\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=\"jjb-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"jjb-composition-box\"\u003e\n \u003cdiv class=\"jjb-composition-inci\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédient unique (INCI) :\u003c\/strong\u003e \u003cem\u003eSimmondsia Chinensis Seed Oil*\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e* Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-grid-compact\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌰 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eGraine de jojoba\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e⚙️ Extraction\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🧴 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon verre ambré avec pompe doseuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire, Auvergne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de jojoba Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🏔️ Production française artisanale\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire est implantée en Auvergne et perpétue un savoir-faire reconnu dans la distillation et le pressage d'huiles végétales de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌱 Pression à froid certifiée bio\u003c\/h3\u003e\n \u003cp\u003eCe procédé préserve l'intégralité des actifs naturels (vitamines, acides gras, antioxydants). Aucun solvant chimique, aucun raffinage agressif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🧴 Flacon verre ambré avec pompe\u003c\/h3\u003e\n \u003cp\u003eLe verre protège l'huile de la lumière et de l'oxydation, tandis que la pompe garantit un dosage précis et hygiénique, sans gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e💎 Huile 100 % pure\u003c\/h3\u003e\n \u003cp\u003eUn seul ingrédient, aucun additif, aucun parfum ajouté, aucun conservateur. La garantie d'un soin brut, authentique et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"jjb-accordion\"\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003e⚠️ Précautions d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez tout contact direct avec les yeux. En cas de projection oculaire, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003cp\u003eBien que l'huile de jojoba soit très bien tolérée, il est toujours recommandé de réaliser un \u003cstrong\u003etest cutané dans le pli du coude\u003c\/strong\u003e 24 heures avant la première utilisation, surtout si vous avez une peau très réactive ou des allergies connues.\u003c\/p\u003e\n \u003cp\u003eConvient à toute la famille, y compris aux enfants. En cas de doute ou de terrain allergique particulier, demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eGardez le flacon dans un endroit frais et sec, à l'abri de la lumière directe et des sources de chaleur. Grâce à sa stabilité naturelle, l'huile de jojoba se conserve facilement \u003cstrong\u003e12 à 18 mois\u003c\/strong\u003e après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003eℹ️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un traitement médical. En cas de problème dermatologique persistant, consultez votre médecin ou votre dermatologue.\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=\"jjb-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de jojoba bio\u003c\/h2\u003e\n \u003cdiv class=\"jjb-accordion\"\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003eL'huile de jojoba convient-elle aux peaux grasses ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, c'est même l'une de ses utilisations les plus pertinentes. L'\u003cstrong\u003ehuile de jojoba pour le visage\u003c\/strong\u003e régule naturellement la production de sébum. Les peaux grasses et mixtes la tolèrent parfaitement car elle n'obstrue pas les pores et n'alourdit pas la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003ePeut-on utiliser l'huile de jojoba sur les cheveux tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eTout dépend de l'usage. En soin des pointes, vous pouvez appliquer une petite quantité d'\u003cstrong\u003ehuile de jojoba sur les cheveux\u003c\/strong\u003e quotidiennement sans les alourdir. Pour un masque capillaire en profondeur, une à deux fois par semaine suffit amplement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003eL'huile de jojoba est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eNon. L'huile de jojoba possède un \u003cstrong\u003eindice de comédogénicité de 2 sur 5\u003c\/strong\u003e, ce qui la classe parmi les huiles peu comédogènes. Elle est généralement bien tolérée par les peaux sujettes aux imperfections, précisément parce qu'elle aide à réguler le sébum plutôt qu'à surcharger la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003ePeut-on l'utiliser pendant la grossesse ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de jojoba pure, sans ajout d'huile essentielle, est considérée comme sûre pendant la grossesse et l'allaitement. Elle est d'ailleurs souvent recommandée pour prévenir les vergetures et hydrater la peau qui tiraille. En cas de doute, consultez votre sage-femme ou votre médecin.\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=\"jjb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"jjb-cta-box\"\u003e\n \u003cp\u003e🌿 Une huile, mille usages : visage, cheveux, corps, ongles, massage. Offrez à votre peau le soin le plus naturel qui soit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"jjb-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --jjb-cream: #FAF6F2;\n --jjb-white: #ffffff;\n --jjb-primary: #8B5E3C;\n --jjb-primary-dark: #5C3A22;\n --jjb-primary-light: #F5EDE6;\n --jjb-secondary: #E8B5A0;\n --jjb-accent: #5A7A3A;\n --jjb-text: #1a1a1a;\n --jjb-text-light: #5a5a5a;\n --jjb-border: #e8ddd4;\n --jjb-shadow: 0 4px 24px rgba(92,58,34,.08);\n --jjb-shadow-lg: 0 12px 48px rgba(92,58,34,.15);\n --jjb-radius: 20px;\n --jjb-radius-sm: 12px;\n}\n\n.jjb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--jjb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.jjb-hero {\n position: relative;\n background: linear-gradient(135deg, #5C3A22 0%, #8B5E3C 40%, #C4906C 75%, #E8B5A0 100%);\n border-radius: var(--jjb-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(--jjb-shadow-lg);\n}\n\n.jjb-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.jjb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.jjb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.jjb-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(--jjb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.jjb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.jjb-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.jjb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.jjb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.jjb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jjb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--jjb-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.jjb-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(--jjb-primary), var(--jjb-secondary));\n border-radius: 2px;\n}\n\n.jjb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jjb-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.jjb-highlight-box {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--jjb-shadow);\n border-left: 4px solid var(--jjb-secondary);\n}\n\n.jjb-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--jjb-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.jjb-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.jjb-card {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jjb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.jjb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--jjb-shadow-lg);\n border-color: var(--jjb-primary);\n}\n\n.jjb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--jjb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.jjb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.jjb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.jjb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.jjb-grid-compact .jjb-card {\n padding: 1rem;\n}\n\n.jjb-grid-compact .jjb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.jjb-grid-compact .jjb-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.jjb-composition-box {\n margin-bottom: 1.5rem;\n}\n\n.jjb-composition-inci {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jjb-shadow);\n text-align: center;\n border: 2px dashed var(--jjb-secondary);\n}\n\n.jjb-composition-inci p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--jjb-text);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.jjb-composition-inci p:last-child {\n margin-bottom: 0;\n font-size: clamp(12px, 2vw, 14px);\n color: var(--jjb-text-light);\n}\n\n\/* === TIMELINE === *\/\n.jjb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.jjb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.jjb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--jjb-primary), var(--jjb-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.jjb-timeline-content {\n flex: 1;\n background: var(--jjb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--jjb-radius-sm);\n box-shadow: var(--jjb-shadow);\n}\n\n.jjb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--jjb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.jjb-timeline-content p {\n font-size: 14px;\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.jjb-accordion {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n box-shadow: var(--jjb-shadow);\n overflow: hidden;\n}\n\n.jjb-accordion-item {\n border-bottom: 1px solid var(--jjb-border);\n margin: 0;\n padding: 0;\n}\n\n.jjb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.jjb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--jjb-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.jjb-accordion-header:hover {\n background: var(--jjb-primary-light);\n}\n\n.jjb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.jjb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--jjb-primary);\n transition: transform .2s ease;\n}\n\n.jjb-accordion-item[open] .jjb-accordion-header::after {\n content: '−';\n}\n\n.jjb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--jjb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.jjb-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.jjb-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.jjb-cta-box {\n background: linear-gradient(135deg, var(--jjb-primary) 0%, var(--jjb-primary-dark) 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.jjb-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(232,181,160,.15) 0%, transparent 60%);\n}\n\n.jjb-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.jjb-disclaimer {\n font-size: 12px;\n color: var(--jjb-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 .jjb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .jjb-card {\n padding: 1.125rem;\n }\n\n .jjb-section {\n margin-bottom: 1.75rem;\n }\n\n .jjb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--jjb-radius-sm);\n }\n\n .jjb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .jjb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .jjb-grid-compact {\n gap: .625rem;\n }\n\n .jjb-grid-compact .jjb-card {\n padding: .75rem;\n }\n\n .jjb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .jjb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .jjb-timeline-content h3 {\n font-size: 14px;\n }\n\n .jjb-timeline-content p {\n font-size: 13px;\n }\n\n .jjb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .jjb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .jjb-highlight-box {\n padding: 1.25rem;\n }\n\n .jjb-highlight-box p {\n font-size: 14px;\n }\n\n .jjb-composition-inci {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .jjb-card {\n animation: jjbFadeInUp .5s ease backwards;\n }\n .jjb-card:nth-child(1) { animation-delay: .05s; }\n .jjb-card:nth-child(2) { animation-delay: .1s; }\n .jjb-card:nth-child(3) { animation-delay: .15s; }\n .jjb-card:nth-child(4) { animation-delay: .2s; }\n .jjb-card:nth-child(5) { animation-delay: .25s; }\n .jjb-card:nth-child(6) { animation-delay: .3s; }\n\n .jjb-timeline-item {\n animation: jjbFadeInUp .5s ease backwards;\n }\n .jjb-timeline-item:nth-child(1) { animation-delay: .05s; }\n .jjb-timeline-item:nth-child(2) { animation-delay: .1s; }\n .jjb-timeline-item:nth-child(3) { animation-delay: .15s; }\n .jjb-timeline-item:nth-child(4) { animation-delay: .2s; }\n .jjb-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes jjbFadeInUp {\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 .jjb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54863397716345,"sku":"NBAIDSH0008","price":8.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HV_jojoba-min.jpg?v=1770369059"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/soin-cheveux-252196.jpg?v=1732719448","url":"https:\/\/www.naturellement-bio.com\/collections\/cheveux.oembed?page=4","provider":"Naturellement Bio","version":"1.0","type":"link"}