{"title":"Soin du visage","description":"\u003cp\u003eVotre peau mérite mieux que des promesses marketing : elle a besoin de soins adaptés, formulés avec des actifs dont l'efficacité est reconnue. Entre les centaines de références disponibles et les allégations parfois floues, comment s'y retrouver pour composer une routine qui réponde vraiment aux besoins de votre visage ?\u003c\/p\u003e\n\u003cp\u003eChoisir un \u003cstrong\u003esoin visage naturel\u003c\/strong\u003e efficace ne devrait pas être un parcours du combattant. Pourtant, face à la multiplication des offres en \u003cstrong\u003ecosmétique visage bio\u003c\/strong\u003e, beaucoup d'entre vous se sentent perdus. Ce guide vous aide à décrypter ce qui compte vraiment : comprendre votre peau, identifier les \u003cstrong\u003eactifs naturels visage\u003c\/strong\u003e qui fonctionnent, et construire une \u003cstrong\u003eroutine de soin visage\u003c\/strong\u003e cohérente avec des produits de qualité.\u003c\/p\u003e\n\u003ch2\u003eIdentifier les véritables besoins de votre peau\u003c\/h2\u003e\n\u003cp\u003eAvant de vous précipiter sur une \u003cstrong\u003ecrème visage bio\u003c\/strong\u003e ou une \u003cstrong\u003ehuile visage naturelle\u003c\/strong\u003e, prenez le temps d'observer votre peau. Pas ce que vous imaginez qu'elle est, mais ce qu'elle vous montre au quotidien.\u003c\/p\u003e\n\u003ch3\u003eLes différents types de peau et leurs signes distinctifs\u003c\/h3\u003e\n\u003cp\u003eLa peau normale est confortable toute la journée, avec des pores peu visibles et un teint uniforme. Rare, certes, mais ça existe. La peau sèche tiraille après le nettoyage, manque de souplesse et présente parfois des squames. La peau grasse brille en milieu de journée (surtout sur la zone T), avec des pores dilatés et une tendance aux imperfections. La peau mixte combine les deux : zone T grasse, joues normales à sèches. Et puis il y a la peau sensible, qui réagit facilement aux changements (rougeurs, picotements, inconfort).\u003c\/p\u003e\n\u003cp\u003eMais attention, on confond souvent état temporaire et nature de peau. Votre peau est déshydratée en hiver ? C'est un état passager, pas forcément votre type de peau. Elle réagit après un nouveau produit ? Peut-être une sensibilité réactionnelle plutôt qu'une vraie peau sensible.\u003c\/p\u003e\n\u003ch3\u003eLes erreurs qui compliquent tout\u003c\/h3\u003e\n\u003cp\u003ePremier piège : le sur-nettoyage. Décaper sa peau matin et soir avec des produits agressifs perturbe le film hydrolipidique, cette barrière naturelle qui protège votre épiderme. Résultat ? Votre peau produit encore plus de sébum pour compenser, ou au contraire se dessèche.\u003c\/p\u003e\n\u003cp\u003eDeuxième erreur fréquente : multiplier les produits sans logique. Une routine avec sept étapes n'est pas forcément plus efficace qu'une routine minimaliste bien pensée. D'ailleurs, superposer trop de produits peut même saturer la peau et l'empêcher d'absorber les actifs.\u003c\/p\u003e\n\u003cp\u003ePour les peaux déshydratées, une \u003ca href=\"\/products\/huile-de-rose-musquee-50ml-comptoir-des-huiles\"\u003ehuile de rose musquée\u003c\/a\u003e appliquée sur peau légèrement humide peut faire des merveilles. Les peaux mixtes apprécieront particulièrement l'huile de jojoba, dont la composition est proche du sébum humain. Et pour nourrir en profondeur les peaux sèches, rien ne vaut un beurre végétal de qualité en soin de nuit.\u003c\/p\u003e\n\u003ch2\u003eLes critères pour choisir un soin du visage naturel de qualité\u003c\/h2\u003e\n\u003cp\u003eEntre le greenwashing ambiant et les formulations approximatives, comment repérer un vrai bon produit ? Voici les repères concrets qui ne trompent pas.\u003c\/p\u003e\n\u003ch3\u003eDécrypter la liste INCI comme un pro\u003c\/h3\u003e\n\u003cp\u003eLa liste INCI (International Nomenclature of Cosmetic Ingredients), c'est la carte d'identité de votre produit. Les ingrédients sont classés par ordre décroissant de concentration. Si votre actif star apparaît en fin de liste, après les conservateurs, sa présence est anecdotique.\u003c\/p\u003e\n\u003cp\u003eBon à savoir : les ingrédients présents à moins de 1% peuvent être listés dans n'importe quel ordre après le dernier ingrédient à plus de 1%. Une marque peut donc mettre en avant un extrait rare présent en quantité homéopathique.\u003c\/p\u003e\n\u003ch3\u003eLes certifications qui ont du sens\u003c\/h3\u003e\n\u003cp\u003eCosmos, Ecocert, Nature \u0026amp; Progrès... Ces labels garantissent un pourcentage minimum d'ingrédients bio, l'absence de certains composants controversés (silicones, PEG, parfums de synthèse), et une traçabilité des matières premières. Mais attention, bio ne signifie pas automatiquement efficace. Un produit peut être certifié et contenir des actifs en concentration insuffisante.\u003c\/p\u003e\n\u003ch3\u003eLes actifs naturels qui ont fait leurs preuves\u003c\/h3\u003e\n\u003cp\u003eL'acide hyaluronique d'origine végétale (obtenu par fermentation) est un champion de l'hydratation, capable de retenir jusqu'à 1000 fois son poids en eau. Les huiles précieuses comme \u003ca href=\"\/products\/huile-de-pepin-de-figue-de-barbarie-anti-age-50ml-comptoir-des-huiles\"\u003el'huile de pépins de figue de barbarie\u003c\/a\u003e concentrent des quantités record de vitamine E et de stérols, d'où leur prix élevé mais justifié.\u003c\/p\u003e\n\u003cp\u003eLa rose musquée est reconnue pour ses propriétés cicatrisantes et régénérantes grâce à sa richesse en acides gras essentiels. L'immortelle (hélichryse) possède des vertus anti-inflammatoires et réparatrices documentées. D'ailleurs, la \u003ca href=\"\/products\/creme-visage-jour-bio-purimmortelle-proposnature\"\u003ecrème de jour Pur'Immortelle de Propos'Nature\u003c\/a\u003e illustre bien comment formuler autour de cet actif puissant.\u003c\/p\u003e\n\u003ch3\u003eLa galénique, ce détail qui change tout\u003c\/h3\u003e\n\u003cp\u003eUn sérum aqueux pénètre rapidement et convient au matin sous le maquillage. Une crème riche sera plus adaptée le soir pour les peaux sèches. Une huile pure peut s'utiliser seule ou mélangée à votre crème pour booster son efficacité. La texture influence directement votre régularité : si vous détestez la sensation d'un produit, vous ne l'utiliserez pas, aussi efficace soit-il.\u003c\/p\u003e\n\u003ch3\u003eLe vrai coût de la qualité\u003c\/h3\u003e\n\u003cp\u003ePourquoi certaines huiles coûtent-elles dix fois plus cher que d'autres ? Prenons l'exemple de la figue de barbarie : il faut une tonne de fruits pour obtenir un litre d'huile de pépins, extraite par première pression à froid. Comparez avec l'huile de tournesol, produite en masse. Le prix reflète souvent (pas toujours) la rareté, le mode d'extraction, et la concentration en actifs.\u003c\/p\u003e\n\u003cp\u003eUne \u003cstrong\u003ecrème visage bio\u003c\/strong\u003e à 15€ les 50ml n'est pas forcément moins efficace qu'une crème à 80€, mais vérifiez la liste INCI. Si les premiers ingrédients sont de l'eau et de la glycérine, suivis d'une longue liste d'épaississants, vous payez surtout de la texture.\u003c\/p\u003e\n\u003ch2\u003eConstruire une routine de soin cohérente et efficace\u003c\/h2\u003e\n\u003cp\u003eOn ne va pas se mentir : une routine ultra-complexe, vous ne la tiendrez pas. Mieux vaut trois gestes quotidiens bien faits que dix étapes abandonnées au bout d'une semaine.\u003c\/p\u003e\n\u003ch3\u003eLes étapes fondamentales d'une routine efficace\u003c\/h3\u003e\n\u003cp\u003eLe nettoyage élimine les impuretés, le sébum oxydé et les résidus de pollution. Matin et soir, mais avec douceur. La tonification (avec une eau florale par exemple) rééquilibre le pH et prépare la peau à recevoir les soins. L'hydratation apporte de l'eau et des actifs ciblés. La protection, le matin, défend la peau contre les agressions extérieures.\u003c\/p\u003e\n\u003ch3\u003eLa règle d'or du layering\u003c\/h3\u003e\n\u003cp\u003eAppliquez toujours vos produits du plus fluide au plus riche. Un sérum aqueux, puis une huile, puis une crème. Pourquoi ? Parce qu'un corps gras empêche la pénétration d'un actif aqueux, mais pas l'inverse.\u003c\/p\u003e\n\u003cp\u003eEt puis il y a cette astuce que peu de gens connaissent : appliquer votre \u003cstrong\u003ehuile naturelle spéciale visage\u003c\/strong\u003e sur peau légèrement humide (après la tonique, sans sécher complètement). L'huile emprisonne l'eau dans l'épiderme, démultipliant l'effet hydratant.\u003c\/p\u003e\n\u003ch3\u003eMatin vs soir : deux objectifs différents\u003c\/h3\u003e\n\u003cp\u003eLe matin, on protège. Textures légères, antioxydants (vitamine C, vitamine E), éventuellement une protection solaire. Le soir, on régénère. C'est le moment des actifs concentrés, des textures riches, des huiles précieuses. Entre 23h et 4h du matin, la peau entre dans son pic de régénération cellulaire : autant en profiter.\u003c\/p\u003e\n\u003cp\u003eUne routine minimaliste efficace pourrait ressembler à ça :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMatin :\u003c\/strong\u003e nettoyage doux, eau florale, sérum ou huile légère (jojoba, noisette), crème de jour si besoin\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoir :\u003c\/strong\u003e démaquillage à l'huile, nettoyage, eau florale, huile régénérante (rose musquée, figue de barbarie) ou crème de nuit\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHebdomadaire :\u003c\/strong\u003e un gommage doux et un masque adapté\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003ePour les peaux qui préfèrent la simplicité, \u003ca href=\"\/products\/huile-ricin-bio-saint-hilaire-200ml\"\u003el'huile de ricin bio Saint-Hilaire\u003c\/a\u003e peut s'utiliser en soin nocturne fortifiant, particulièrement sur le contour des yeux et les cils.\u003c\/p\u003e\n\u003ch3\u003eAdapter selon les saisons\u003c\/h3\u003e\n\u003cp\u003eVotre peau n'a pas les mêmes besoins en janvier sous le chauffage qu'en juillet à la plage. En hiver, renforcez la barrière cutanée avec des corps gras nourrissants. En été, allégez les textures et protégez du soleil. C'est du bon sens, mais on l'oublie souvent.\u003c\/p\u003e\n\u003ch2\u003eTableau comparatif : quel actif naturel appliquer sur votre visage pour quelle problématique ?\u003c\/h2\u003e\n\u003cdiv style=\"overflow-x:auto; -webkit-overflow-scrolling:touch; margin:20px 0;\"\u003e\n \u003ctable style=\"width:100%; border-collapse:collapse; min-width:950px; font-size:14px; line-height:1.6;\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color:#f3f3f3;\"\u003e\n \u003cth style=\"padding:12px 10px; border:1px solid #ddd; text-align:left;\"\u003eActif naturel\u003c\/th\u003e\n \u003cth style=\"padding:12px 10px; border:1px solid #ddd; text-align:left;\"\u003ePropriétés scientifiques\u003c\/th\u003e\n \u003cth style=\"padding:12px 10px; border:1px solid #ddd; text-align:left;\"\u003eProblématiques ciblées\u003c\/th\u003e\n \u003cth style=\"padding:12px 10px; border:1px solid #ddd; text-align:left;\"\u003eType de peau\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003e\u003cstrong\u003eAcide hyaluronique végétal\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eHydratation, repulpement, maintien de l’élasticité\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eDéshydratation, ridules, perte de fermeté\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eTous types\u003c\/td\u003e\n \u003c\/tr\u003e\n\n \u003ctr style=\"background-color:#fafafa;\"\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003e\u003cstrong\u003eHuile de figue de barbarie\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eTrès riche en vitamine E et stérols, action anti âge\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eRides, relâchement, teint terne\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eMatures, sèches\u003c\/td\u003e\n \u003c\/tr\u003e\n\n \u003ctr\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003e\u003cstrong\u003eHuile de rose musquée\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eRégénération cutanée, cicatrisation, aide à uniformiser\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eCicatrices, taches, texture irrégulière\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eTous types sauf très grasse\u003c\/td\u003e\n \u003c\/tr\u003e\n\n \u003ctr style=\"background-color:#fafafa;\"\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003e\u003cstrong\u003eImmortelle hélichryse\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eAction apaisante, circulatoire, réparatrice\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eRougeurs, couperose, peaux réactives\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eSensibles, réactives\u003c\/td\u003e\n \u003c\/tr\u003e\n\n \u003ctr\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003e\u003cstrong\u003eHuile de jojoba\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eSébo régulatrice, proche du sébum humain\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eExcès de sébum, pores dilatés\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eMixtes, grasses\u003c\/td\u003e\n \u003c\/tr\u003e\n\n \u003ctr style=\"background-color:#fafafa;\"\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003e\u003cstrong\u003eBeurre de karité\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eNutrition intense, protection de la barrière cutanée\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eSécheresse, inconfort, zones rugueuses\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eSèches, très sèches\u003c\/td\u003e\n \u003c\/tr\u003e\n\n \u003ctr\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003e\u003cstrong\u003eHuile de ricin\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eAcide ricinoléique, fortifiante, densifiante\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eCils, sourcils, contour des yeux\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eTous types, usage localisé\u003c\/td\u003e\n \u003c\/tr\u003e\n\n \u003ctr style=\"background-color:#fafafa;\"\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003e\u003cstrong\u003eHuile de nigelle\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003ePurifiante, antibactérienne, apaisante\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eAcné, imperfections, inflammations\u003c\/td\u003e\n \u003ctd style=\"padding:10px; border:1px solid #ddd;\"\u003eGrasses à problèmes\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n\u003c\/div\u003e\u003cp\u003eCe tableau vous aide à cibler l'actif pertinent selon votre besoin principal. Mais gardez en tête qu'une formule complète associe souvent plusieurs actifs complémentaires pour un effet synergique.\u003c\/p\u003e\n\u003cp\u003ePour explorer l'ensemble des solutions naturelles adaptées à votre peau, découvrez notre collection complète de \u003ca href=\"\/collections\/visage\"\u003esoins du visage naturels et bio\u003c\/a\u003e. Vous y trouverez des produits formulés avec ces actifs de qualité, certifiés et transparents sur leur composition.\u003c\/p\u003e\n\u003cp\u003eSi vous cherchez à cibler une problématique spécifique, nos collections thématiques vous guideront : \u003ca href=\"\/collections\/anti-rides-et-anti-age\"\u003eanti-rides et anti-âge\u003c\/a\u003e pour les peaux matures, \u003ca href=\"\/collections\/creme-de-jour\"\u003ecrèmes de jour\u003c\/a\u003e pour une protection quotidienne, \u003ca href=\"\/collections\/creme-de-nuit\"\u003ecrèmes de nuit\u003c\/a\u003e pour la régénération nocturne, ou encore \u003ca href=\"\/collections\/masques-et-gommages\"\u003emasques et gommages\u003c\/a\u003e pour les soins hebdomadaires intensifs.\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eQuestions fréquentes sur les soins visages bio et naturels \u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la meilleure huile pour le visage ?\u003c\/summary\u003e\n\u003cp\u003eIl n'existe pas UNE huile miracle pour tous, mais celle qui correspond à votre type de peau. L'huile de jojoba convient parfaitement aux peaux mixtes car sa composition est très proche du sébum humain, elle régule naturellement la production de gras. La rose musquée est idéale pour les peaux matures ou marquées grâce à ses propriétés cicatrisantes et régénérantes. L'huile de pépins de figue de barbarie, avec sa concentration record en vitamine E et en stérols, cible particulièrement les peaux déshydratées et les signes de l'âge. Pour les peaux à problèmes, l'huile de nigelle possède des vertus antibactériennes reconnues.\u003c\/p\u003e\n\u003cp\u003eL'essentiel : privilégiez toujours une huile de première pression à froid, bio, et vérifiez sa date de conservation. Une huile oxydée perd ses propriétés et peut même irriter la peau. Les \u003ca href=\"\/products\/huile-de-pepin-de-figue-de-barbarie-bio-50ml-comptoir-des-huiles\"\u003ehuiles Comptoir des Huiles\u003c\/a\u003e répondent à ces critères d'exigence, avec une traçabilité complète de leur origine.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment faire un soin du visage naturel efficace à la maison ?\u003c\/summary\u003e\n\u003cp\u003eUne routine complète et naturelle tient en quatre étapes simples. D'abord, le nettoyage avec un gel doux ou une huile démaquillante (la méthode du double nettoyage fonctionne très bien). Ensuite, la tonification avec une eau florale adaptée : rose pour apaiser, fleur d'oranger pour les peaux sensibles, hamamélis pour réguler le sébum. Troisième étape : l'application d'un sérum ou d'une huile végétale selon votre besoin (régénération, hydratation, anti-âge). Enfin, une crème hydratante si votre peau en réclame, mais ce n'est pas systématique.\u003c\/p\u003e\n\u003cp\u003eAjoutez un gommage doux et un masque une fois par semaine pour affiner le grain de peau. Le \u003ca href=\"\/products\/beurre-karite-bio-cacao-najel-100g\"\u003ebeurre de karité\u003c\/a\u003e peut servir de masque de nuit ultra-nourrissant pour les peaux sèches. Retenez surtout ceci : la régularité prime sur la complexité. Trois gestes quotidiens bien faits valent mieux qu'une routine de dix produits abandonnée au bout d'une semaine.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la meilleure crème bio pour le visage ?\u003c\/summary\u003e\n\u003cp\u003ePlutôt que de chercher LA crème miracle, concentrez-vous sur les critères de choix objectifs. Une bonne crème bio affiche une certification fiable (Cosmos, Ecocert), une liste INCI courte et compréhensible, avec les actifs principaux en début de liste (pas relégués après les conservateurs). La texture doit correspondre à votre type de peau : légère et pénétrante pour les peaux mixtes à grasses, plus riche pour les peaux sèches. Vérifiez également la transparence de la marque sur l'origine des ingrédients.\u003c\/p\u003e\n\u003cp\u003eLa \u003ca href=\"\/products\/creme-visage-jour-bio-purimmortelle-proposnature\"\u003ecrème de jour Pur'Immortelle\u003c\/a\u003e et sa version \u003ca href=\"\/products\/creme-de-nuit-bio-purimmortelle-proposnature\"\u003ecrème de nuit\u003c\/a\u003e de Propos'Nature illustrent bien ces critères : formulation concentrée en immortelle, certification bio, texture adaptée à chaque moment de la journée. Une crème doit toujours être choisie selon votre besoin spécifique du moment : hydratation intense, protection anti-âge, apaisement, ou régulation du sébum.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eEst-ce bon de mettre de l'huile sur le visage tous les jours ?\u003c\/summary\u003e\n\u003cp\u003eOui, absolument, à condition de choisir une huile adaptée à votre type de peau et de l'appliquer correctement. Contrairement aux huiles minérales (dérivées du pétrole) qui peuvent obstruer les pores, les huiles végétales de qualité sont non-comédogènes et renforcent le film hydrolipidique naturel de la peau. Elles apportent des acides gras essentiels que votre organisme ne sait pas fabriquer.\u003c\/p\u003e\n\u003cp\u003eLe bon geste : 2 à 3 gouttes sur une peau légèrement humide (après votre eau florale), matin et\/ou soir selon vos besoins. L'huile emprisonne l'eau dans l'épiderme et démultiplie l'hydratation. Seule contre-indication : les peaux très grasses à tendance acnéique sévère devraient privilégier des huiles sébo-régulatrices comme le jojoba ou la nigelle, et consulter un dermatologue en cas de doute. Les \u003ca href=\"\/products\/huile-de-rose-musquee-50ml-comptoir-des-huiles\"\u003ehuiles végétales pures\u003c\/a\u003e peuvent tout à fait remplacer une crème de nuit, surtout si vous préférez les textures minimalistes.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la différence entre une crème de jour et une crème de nuit ?\u003c\/summary\u003e\n\u003cp\u003eCes deux produits répondent à des objectifs physiologiques différents. La crème de jour protège votre peau des agressions extérieures : pollution, UV, déshydratation due au chauffage ou à la climatisation. Elle contient généralement des antioxydants (vitamines C et E), une texture légère compatible avec le maquillage, et parfois des filtres UV. Son rôle est défensif.\u003c\/p\u003e\n\u003cp\u003eLa crème de nuit, elle, mise sur la régénération. Plus riche en actifs réparateurs concentrés, avec une texture souvent plus dense, elle profite du pic de régénération cellulaire qui se produit entre 23h et 4h du matin. C'est le moment où votre peau est la plus réceptive aux soins. D'ailleurs, beaucoup de personnes préfèrent utiliser une huile pure la nuit (rose musquée, figue de barbarie) plutôt qu'une crème, surtout pour les peaux qui aiment les textures minimalistes.\u003c\/p\u003e\n\u003cp\u003ePour choisir vos soins selon le moment de la journée, explorez nos collections \u003ca href=\"\/collections\/creme-de-jour\"\u003ecrèmes de jour\u003c\/a\u003e et \u003ca href=\"\/collections\/creme-de-nuit\"\u003ecrèmes de nuit\u003c\/a\u003e, formulées pour répondre à ces besoins spécifiques.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","products":[{"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":5.49,"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":"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":true}],"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":"huile-vegetale-onagre-bio-50-ml-florame","title":"Huile Végétale d'Onagre Bio 50 ml - Anti-âge - Florame","description":"\u003cdiv class=\"onagre-premium\"\u003e\n \u003cdiv class=\"onagre-hero\"\u003e\n \u003cdiv class=\"onagre-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"onagre-hero-content\"\u003e\n \u003cdiv class=\"onagre-badges-top\"\u003e\n \u003cspan class=\"onagre-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"onagre-badge\"\u003e✨ Anti-âge\u003c\/span\u003e\n \u003cspan class=\"onagre-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"onagre-badge\"\u003e💧 Pressée à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"onagre-hero-title\"\u003eHuile Végétale d'Onagre Bio\u003c\/span\u003e\n \u003cp class=\"onagre-subtitle\"\u003eLe trésor botanique anti-âge de Florame · 50 ml\u003c\/p\u003e\n \u003cp class=\"onagre-description\"\u003eOffrez à votre peau un véritable soin de jeunesse avec une huile 100 % pure, pressée à froid à partir de graines d'onagre issues de l'agriculture biologique. Un actif précieux pour les peaux matures, sèches ou fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003ePourquoi l'huile d'onagre est-elle si précieuse ?\u003c\/h2\u003e\n \u003cp class=\"onagre-section-intro\"\u003eL'\u003cstrong\u003eonagre\u003c\/strong\u003e (Oenothera biennis) est une fleur jaune qui s'ouvre à la tombée de la nuit. Ses graines minuscules renferment une huile rare, exceptionnellement riche en \u003cstrong\u003eacide gamma-linolénique (GLA)\u003c\/strong\u003e, un oméga-6 essentiel que la peau peine à produire avec l'âge.\u003c\/p\u003e\n \u003cdiv class=\"onagre-grid-compact\"\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🌼 GLA\u003c\/h3\u003e\n \u003cp\u003eAcide gamma-linolénique précieux et rare\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🍃 Vitamine E\u003c\/h3\u003e\n \u003cp\u003eAntioxydant naturel protecteur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e💧 Oméga-6\u003c\/h3\u003e\n \u003cp\u003eRenforce la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e✨ Souplesse\u003c\/h3\u003e\n \u003cp\u003eRedonne élasticité aux tissus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'onagre pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"onagre-grid\"\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e⏳ Action anti-âge\u003c\/h3\u003e\n \u003cp\u003eAtténue rides, ridules et perte de fermeté pour une peau visiblement plus jeune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e💦 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eRestaure le film hydrolipidique et apaise instantanément les tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🌱 Régénération cellulaire\u003c\/h3\u003e\n \u003cp\u003eFavorise le renouvellement de la peau et révèle l'éclat naturel du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🌸 Apaisement\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux sensibles, sèches ou sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e💛 Soin complet\u003c\/h3\u003e\n \u003cp\u003eBénéfique aussi pour les cheveux ternes et les ongles cassants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eUne formule pure, sans additif, qui respecte votre peau et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003eHuile d'onagre et ménopause : une alliée féminine\u003c\/h2\u003e\n \u003cp class=\"onagre-section-intro\"\u003eL'\u003cstrong\u003ehuile d'onagre ménopause\u003c\/strong\u003e est plébiscitée pour son rôle apaisant sur la peau qui change avec les variations hormonales. En application cutanée, elle aide à compenser la sécheresse et la perte d'élasticité fréquentes à cette période. Beaucoup l'associent à l'\u003cstrong\u003ehuile d'onagre et bourrache\u003c\/strong\u003e pour une synergie complète en acides gras essentiels.\u003c\/p\u003e\n \u003cdiv class=\"onagre-tip\"\u003e\n \u003cspan class=\"onagre-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003eCette huile cosmétique ne remplace en aucun cas un avis médical ou un traitement prescrit par un professionnel de santé.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile d'onagre Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"onagre-timeline\"\u003e\n \u003cdiv class=\"onagre-timeline-item\"\u003e\n \u003cdiv class=\"onagre-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-content\"\u003e\n \u003ch3\u003e👁️ Soin du visage\u003c\/h3\u003e\n \u003cp\u003eDéposez 3 à 4 gouttes sur peau propre, matin et\/ou soir, en massant doucement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-item\"\u003e\n \u003cdiv class=\"onagre-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-content\"\u003e\n \u003ch3\u003e✨ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez une goutte autour de l'œil pour lisser les ridules en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-item\"\u003e\n \u003cdiv class=\"onagre-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-content\"\u003e\n \u003ch3\u003e💁‍♀️ Cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les longueurs en bain capillaire 30 minutes avant le shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-item\"\u003e\n \u003cdiv class=\"onagre-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-content\"\u003e\n \u003ch3\u003e💅 Ongles et cuticules\u003c\/h3\u003e\n \u003cp\u003eMassez quotidiennement pour les fortifier et retrouver des ongles éclatants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-tip\"\u003e\n \u003cspan class=\"onagre-tip-icon\"\u003e🌟\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce beauté :\u003c\/strong\u003e mélangez quelques gouttes à votre crème de nuit ou à une huile végétale de jojoba pour un cocktail régénérant ultra nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003eComposition 100 % naturelle et certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"onagre-testimonial\"\u003e\n \u003cp class=\"onagre-testimonial-text\"\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Oenothera Biennis (Evening Primrose) Oil*.\u003cbr\u003e*Issu de l'agriculture biologique.\u003cbr\u003e\u003cbr\u003eSans conservateur, sans parfum, sans additif. Certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e par Ecocert et labellisée \u003cstrong\u003eCosmebio\u003c\/strong\u003e. Pressée à froid pour préserver l'intégralité de ses acides gras essentiels et de sa vitamine E naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifiée par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🌿 Cosmebio\u003c\/h3\u003e\n \u003cp\u003eLabel cosmétique bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e❄️ Pressée à froid\u003c\/h3\u003e\n \u003cp\u003ePréserve tous les actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003e100 % pure et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"onagre-accordion\"\u003e\n \u003cdetails class=\"onagre-accordion-item\"\u003e\n \u003csummary class=\"onagre-accordion-header\"\u003e🧴 Usage cosmétique\u003c\/summary\u003e\n \u003cdiv class=\"onagre-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage exclusivement cosmétique, en application externe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"onagre-accordion-item\"\u003e\n \u003csummary class=\"onagre-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"onagre-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur, idéalement au réfrigérateur après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"onagre-accordion-item\"\u003e\n \u003csummary class=\"onagre-accordion-header\"\u003e👁️ Contact oculaire\u003c\/summary\u003e\n \u003cdiv class=\"onagre-accordion-content mt-3\"\u003e\n \u003cp\u003eÉ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=\"onagre-accordion-item\"\u003e\n \u003csummary class=\"onagre-accordion-header\"\u003e⚠️ Allergies\u003c\/summary\u003e\n \u003cdiv class=\"onagre-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée en cas d'allergie connue à l'un des composants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"onagre-cta-box\"\u003e\n \u003cp\u003eDepuis \u003cstrong\u003eSaint-Rémy-de-Provence\u003c\/strong\u003e, Florame élabore des soins biologiques fidèles aux traditions de la cosmétique naturelle. Cette huile onagre aux bienfaits reconnus est fabriquée en France, dans le respect de la plante et de votre peau. Un geste beauté authentique, sain et engagé pour révéler votre éclat naturel jour après jour. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --onagre-cream: #faf9f2;\n --onagre-white: #ffffff;\n --onagre-primary: #c5d63a;\n --onagre-primary-dark: #7a8a1f;\n --onagre-primary-light: #f3f7d4;\n --onagre-secondary: #e8b830;\n --onagre-accent: #a89a4a;\n --onagre-text: #2a2a1a;\n --onagre-text-light: #6a6a55;\n --onagre-border: #e6e4d0;\n --onagre-shadow: 0 4px 24px rgba(122, 138, 31, .08);\n --onagre-shadow-lg: 0 12px 48px rgba(122, 138, 31, .18);\n --onagre-radius: 20px;\n --onagre-radius-sm: 12px;\n}\n\n.onagre-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--onagre-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--onagre-text);\n line-height: 1.6;\n}\n\n.onagre-hero {\n position: relative;\n background: linear-gradient(135deg, #c5d63a 0%, #a8bd2c 50%, #7a8a1f 100%);\n border-radius: var(--onagre-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(--onagre-shadow-lg);\n}\n\n.onagre-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 3px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 3px),\n radial-gradient(circle at 50% 50%, white 1px, transparent 2px);\n background-size: 80px 80px, 100px 100px, 60px 60px;\n}\n\n.onagre-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.onagre-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.onagre-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.onagre-description {\n color: white;\n font-size: clamp(14px, 2vw, 16px);\n margin: 0 auto;\n max-width: 700px;\n opacity: .92;\n line-height: 1.7;\n}\n\n.onagre-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.onagre-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(--onagre-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.onagre-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.onagre-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.onagre-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--onagre-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.onagre-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(--onagre-primary), var(--onagre-secondary));\n border-radius: 2px;\n}\n\n.onagre-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--onagre-text-light);\n margin-bottom: 1.5rem;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.onagre-card {\n background: var(--onagre-white);\n border-radius: var(--onagre-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--onagre-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.onagre-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--onagre-shadow-lg);\n border-color: var(--onagre-primary);\n}\n\n.onagre-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--onagre-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.onagre-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--onagre-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.onagre-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.onagre-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.onagre-grid-compact .onagre-card {\n padding: 1rem;\n}\n\n.onagre-grid-compact .onagre-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.onagre-grid-compact .onagre-card p {\n font-size: 12px;\n}\n\n.onagre-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.onagre-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.onagre-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--onagre-primary), var(--onagre-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(197, 214, 58, .35);\n}\n\n.onagre-timeline-content {\n flex: 1;\n background: var(--onagre-white);\n padding: 1rem 1.25rem;\n border-radius: var(--onagre-radius-sm);\n box-shadow: var(--onagre-shadow);\n}\n\n.onagre-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--onagre-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.onagre-timeline-content p {\n font-size: 14px;\n color: var(--onagre-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.onagre-testimonial {\n background: var(--onagre-white);\n border-radius: var(--onagre-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--onagre-shadow);\n border-left: 4px solid var(--onagre-primary);\n}\n\n.onagre-testimonial-text {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--onagre-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.onagre-accordion {\n background: var(--onagre-white);\n border-radius: var(--onagre-radius);\n box-shadow: var(--onagre-shadow);\n overflow: hidden;\n}\n\n.onagre-accordion-item {\n border-bottom: 1px solid var(--onagre-border);\n margin: 0;\n padding: 0;\n}\n\n.onagre-accordion-item:last-child {\n border-bottom: none;\n}\n\n.onagre-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--onagre-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.onagre-accordion-header:hover {\n background: var(--onagre-primary-light);\n}\n\n.onagre-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.onagre-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--onagre-primary);\n transition: transform .2s ease;\n}\n\n.onagre-accordion-item[open] .onagre-accordion-header::after {\n content: '−';\n}\n\n.onagre-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--onagre-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.onagre-accordion-content p {\n margin: 0;\n}\n\n.onagre-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--onagre-primary-light);\n border-radius: var(--onagre-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--onagre-primary);\n}\n\n.onagre-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.onagre-tip p {\n font-size: 14px;\n color: var(--onagre-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.onagre-cta-box {\n background: linear-gradient(135deg, var(--onagre-primary) 0%, var(--onagre-primary-dark) 100%);\n border-radius: var(--onagre-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--onagre-shadow-lg);\n}\n\n.onagre-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.onagre-cta-box strong {\n font-weight: 800;\n}\n\n@media (max-width: 767px) {\n .onagre-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .onagre-card {\n padding: 1.125rem;\n }\n .onagre-section {\n margin-bottom: 1.75rem;\n }\n .onagre-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--onagre-radius-sm);\n }\n .onagre-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .onagre-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .onagre-grid-compact {\n gap: .625rem;\n }\n .onagre-grid-compact .onagre-card {\n padding: .75rem;\n }\n .onagre-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .onagre-timeline-content {\n padding: .875rem 1rem;\n }\n .onagre-timeline-content h3 {\n font-size: 14px;\n }\n .onagre-timeline-content p {\n font-size: 13px;\n }\n .onagre-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .onagre-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .onagre-testimonial {\n padding: 1.25rem;\n }\n .onagre-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .onagre-card {\n animation: fadeInUp .5s ease backwards;\n }\n .onagre-card:nth-child(1) { animation-delay: .05s; }\n .onagre-card:nth-child(2) { animation-delay: .1s; }\n .onagre-card:nth-child(3) { animation-delay: .15s; }\n .onagre-card:nth-child(4) { animation-delay: .2s; }\n .onagre-card:nth-child(5) { animation-delay: .25s; }\n .onagre-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 .onagre-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":45755221508253,"sku":"FM0290","price":11.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-donagre-bio-50-ml-anti-age-florame-packshothd.webp?v=1777801591"},{"product_id":"apigene-90-extrait-a-90-jade-recherche","title":"Apigene 90 - extrait à 90% d'apigénine - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Apigene 90 - Extrait à 90% d'apigénine - Jade Recherche\nPalette détectée:\n - Primaire: #E63329 (rouge vif du logo APIGENE)\n - Secondaire: #2E8B57 (vert émeraude des accents et flèches)\n - Accent: #1E73BE (bleu du bandeau Citrus Paradisi)\n - Neutre: #F5F5F0 (crème\/beige clair pour le fond)\nAmbiance: Scientifique\/pharmaceutique avec une touche naturelle (agrumes), packaging médical épuré, pot en verre transparent suggérant pureté et qualité\nPréfixe CSS: api\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits de l'apigénine pour la peau\"\n 2. \"🧪 Composition\"\n 3. \"🧴 Mode d'emploi\"\n 4. \"⚠️ Précautions d'emploi\"\n 5. \"🔎 Notre avis sur Apigene 90\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"api-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"api-hero\"\u003e\n \u003cdiv class=\"api-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"api-hero-content\"\u003e\n \u003cdiv class=\"api-badges-top\"\u003e\n \u003cspan class=\"api-badge\"\u003e🍊 Citrus Paradisi\u003c\/span\u003e\n \u003cspan class=\"api-badge\"\u003e🔬 90% Apigénine\u003c\/span\u003e\n \u003cspan class=\"api-badge\"\u003e🇫🇷 Jade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"api-hero-title\"\u003eApigene 90\u003c\/span\u003e\n \u003cp class=\"api-subtitle\"\u003eExtrait concentré à 90% d'apigénine\u003c\/p\u003e\n \u003cp class=\"api-description\"\u003eUn soin topique hautement concentré en apigénine, flavonoïde naturel extrait du pamplemousse, pour apaiser les inflammations cutanées, atténuer les cernes et renforcer la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 : Les bienfaits de l'apigénine pour la peau --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'apigénine pour la peau\u003c\/h2\u003e\n \u003cdiv class=\"api-grid\"\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e👁️ Réduction des cernes et ecchymoses\u003c\/h3\u003e\n \u003cp\u003eL'apigénine améliore la microcirculation en renforçant les parois capillaires et en favorisant l'élimination de la bilirubine, responsable de la coloration des cernes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🌿 Apaisement des inflammations\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés anti-inflammatoires puissantes, l'apigénine atténue les réactions inflammatoires de la peau, idéale en cas de dermatite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🛡️ Renforcement de la barrière cutanée\u003c\/h3\u003e\n \u003cp\u003eL'application topique réduit la perte d'eau transépidermique et augmente l'hydratation du stratum corneum pour une peau protégée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n \u003cdiv class=\"api-grid-compact\"\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🍊 Ingrédient actif\u003c\/h3\u003e\n \u003cp\u003eExtrait de \u003cem\u003eCitrus paradisi\u003c\/em\u003e titré à 90% d'apigénine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon en verre de 8 g de poudre pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Mode d'emploi --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e🧴 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"api-timeline\"\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003e200 à 400 mg par jour, soit une à deux cuillères doseuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003ePréparation\u003c\/h3\u003e\n \u003cp\u003eDiluer la poudre dans quelques gouttes d'eau ou d'huile végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eAppliquer localement sur la zone concernée en massant légèrement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eUtilisation quotidienne recommandée pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Précautions d'emploi --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"api-accordion\"\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e🚫 Usage externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eCe produit est destiné exclusivement à un usage topique. Ne pas ingérer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eÉviter tout contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e🍋 Allergies aux agrumes\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eNe pas utiliser en cas d'allergie connue aux agrumes ou au pamplemousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière, de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Notre avis sur Apigene 90 --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e🔎 Notre avis sur Apigene 90\u003c\/h2\u003e\n \u003cdiv class=\"api-testimonial\"\u003e\n \u003cp class=\"api-testimonial-text\"\u003e\"Très honnêtement, Apigene 90 s'adresse surtout à celles et ceux qui veulent aller un peu plus loin dans le soin ciblé. Ce n'est pas le genre de produit qu'on applique vite fait sans y penser : il demande un peu de préparation, un dosage précis, et surtout une utilisation régulière pour bien en tirer les bénéfices. Mais c'est justement là que réside tout son intérêt. Vous avez des cernes marqués, une peau qui rougit facilement, ou quelques irritations chroniques ? Dans ces cas-là, l'apigénine à cette concentration peut vraiment faire la différence. On apprécie beaucoup la pureté de la formule, sans ingrédients superflus ni parfum ajouté, ce qui en fait une option très douce pour la peau, même sensible. Après, soyons transparents : il ne remplacera pas une bonne routine de base, mais il viendra la compléter de façon très efficace sur les zones spécifiques qui posent problème.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"api-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"api-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau le pouvoir apaisant de l'apigénine avec Apigene 90.\u003cbr\u003eUn soin naturel et concentré pour une peau visiblement plus lumineuse et revitalisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"api-disclaimer\"\u003eComplément cosmétique. Ne se substitue pas à une routine de soin complète. Résultats variables selon les individus.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --api-cream: #F7F6F2;\n --api-white: #ffffff;\n --api-primary: #E63329;\n --api-primary-dark: #C42A22;\n --api-primary-light: #FEF0EF;\n --api-secondary: #2E8B57;\n --api-secondary-light: #E8F5EE;\n --api-accent: #1E73BE;\n \n \/* Textes *\/\n --api-text: #1a1a1a;\n --api-text-light: #5a5a5a;\n \n \/* Effets *\/\n --api-border: #e0e0e0;\n --api-shadow: 0 4px 24px rgba(0,0,0,.08);\n --api-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --api-radius: 20px;\n --api-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.api-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--api-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.api-hero {\n position: relative;\n background: linear-gradient(135deg, var(--api-primary) 0%, var(--api-primary-dark) 40%, var(--api-secondary) 100%);\n border-radius: var(--api-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(--api-shadow-lg);\n}\n\n.api-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.api-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.api-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.api-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.api-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\/* === BADGES === *\/\n.api-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.api-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(--api-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.api-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.api-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.api-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--api-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.api-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(--api-primary), var(--api-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.api-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.api-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.api-card {\n background: var(--api-white);\n border-radius: var(--api-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--api-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.api-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--api-shadow-lg);\n border-color: var(--api-primary);\n}\n\n.api-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--api-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.api-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--api-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.api-grid-compact .api-card {\n padding: 1.25rem;\n}\n\n.api-grid-compact .api-card h3 {\n font-size: 15px;\n margin-bottom: .5rem;\n}\n\n.api-grid-compact .api-card p {\n font-size: 13px;\n}\n\n\/* === TIMELINE === *\/\n.api-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.api-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.api-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--api-primary), var(--api-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(230,51,41,.25);\n}\n\n.api-timeline-content {\n flex: 1;\n background: var(--api-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--api-radius-sm);\n box-shadow: var(--api-shadow);\n}\n\n.api-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--api-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.api-timeline-content p {\n font-size: 14px;\n color: var(--api-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.api-accordion {\n background: var(--api-white);\n border-radius: var(--api-radius);\n box-shadow: var(--api-shadow);\n overflow: hidden;\n}\n\n.api-accordion-item {\n border-bottom: 1px solid var(--api-border);\n margin: 0;\n padding: 0;\n}\n\n.api-accordion-item:last-child {\n border-bottom: none;\n}\n\n.api-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--api-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.api-accordion-header:hover {\n background: var(--api-primary-light);\n}\n\n.api-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.api-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--api-primary);\n transition: transform .2s ease;\n}\n\n.api-accordion-item[open] .api-accordion-header::after {\n content: '−';\n}\n\n.api-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--api-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 0;\n}\n\n.api-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.api-testimonial {\n background: var(--api-white);\n border-radius: var(--api-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--api-shadow);\n border-left: 4px solid var(--api-secondary);\n}\n\n.api-testimonial-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--api-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.api-cta-box {\n background: linear-gradient(135deg, var(--api-secondary) 0%, #236B43 100%);\n border-radius: var(--api-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.api-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 200px;\n height: 200px;\n background: rgba(255,255,255,.08);\n border-radius: 50%;\n}\n\n.api-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.api-disclaimer {\n font-size: 12px;\n color: var(--api-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 .api-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .api-grid-compact {\n gap: .75rem;\n }\n \n .api-grid-compact .api-card {\n padding: 1rem;\n }\n \n .api-grid-compact .api-card h3 {\n font-size: 14px;\n }\n \n .api-grid-compact .api-card p {\n font-size: 12px;\n }\n \n .api-card {\n padding: 1.125rem;\n }\n \n .api-section {\n margin-bottom: 1.75rem;\n }\n \n .api-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--api-radius-sm);\n }\n \n .api-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .api-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .api-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .api-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .api-timeline-content h3 {\n font-size: 14px;\n }\n \n .api-timeline-content p {\n font-size: 13px;\n }\n \n .api-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .api-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .api-testimonial {\n padding: 1.25rem;\n }\n \n .api-testimonial-text {\n font-size: 14px;\n }\n \n .api-badges-top {\n gap: 6px;\n }\n \n .api-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .api-card {\n animation: fadeInUp .5s ease backwards;\n }\n .api-card:nth-child(1) { animation-delay: .05s; }\n .api-card:nth-child(2) { animation-delay: .1s; }\n .api-card:nth-child(3) { animation-delay: .15s; }\n .api-card:nth-child(4) { animation-delay: .2s; }\n .api-card:nth-child(5) { animation-delay: .25s; }\n .api-card:nth-child(6) { animation-delay: .3s; }\n \n .api-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .api-timeline-item:nth-child(1) { animation-delay: .1s; }\n .api-timeline-item:nth-child(2) { animation-delay: .2s; }\n .api-timeline-item:nth-child(3) { animation-delay: .3s; }\n .api-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .api-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755254767773,"sku":"APIJADE90","price":59.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/apigene90_jade-recherche.webp?v=1768908833"},{"product_id":"eau-florale-hamamelis-bio-sans-alcool-200-ml-eolesens","title":"Eau Florale Hamamélis Bio Sans Alcool - 200 ml - Eolesens","description":"\u003cdiv class=\"hm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"hm-hero\"\u003e\n \u003cdiv class=\"hm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hm-hero-content\"\u003e\n \u003cdiv class=\"hm-badges-top\"\u003e\n \u003cspan class=\"hm-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"hm-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n \u003cspan class=\"hm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"hm-badge\"\u003e💧 200 ml spray\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hm-hero-title\"\u003eEau Florale Hamamélis Bio\u003c\/span\u003e\n \u003cp class=\"hm-subtitle\"\u003eEolesens — Hydrolat pur sans alcool\u003c\/p\u003e\n \u003cp class=\"hm-description\"\u003eL'allié naturel des peaux sensibles : apaise, tonifie et rafraîchit en un seul geste. Distillation douce à la vapeur d'eau, sans conservateur ni additif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"hm-section\"\u003e\n \u003ch2\u003eEau florale d'hamamélis bio : le soin naturel des peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"hm-section-intro\"\u003eVous cherchez une solution douce et efficace pour apaiser votre peau sensible, atténuer les rougeurs ou retrouver un teint frais et unifié ?\u003c\/p\u003e\n \u003cdiv class=\"hm-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003eeau florale hamamélis bio sans alcool Eolesens\u003c\/strong\u003e est un hydrolat pur, obtenu par distillation à la vapeur d'eau des feuilles et de l'écorce d'\u003cem\u003eHamamelis virginiana\u003c\/em\u003e. Sans conservateur, sans additif et certifié biologique, cet \u003cstrong\u003ehydrolat d'hamamélis bio\u003c\/strong\u003e concentre tous les bienfaits de cette plante millénaire dans un flacon spray pratique de 200 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"hm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'eau florale d'hamamélis pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"hm-section-intro\"\u003eUn hydrolat aux multiples vertus cosmétiques qui mérite une place de choix dans votre routine de soin.\u003c\/p\u003e\n \u003cdiv class=\"hm-grid\"\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e🌸 Apaise les peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés calmantes, elle réduit visiblement les rougeurs, les irritations et les sensations d'inconfort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e✨ Tonifie et resserre les pores\u003c\/h3\u003e\n \u003cp\u003eUtilisée en lotion tonique après le nettoyage, l'eau florale hamamélis purifie les peaux mixtes à grasses et affine le grain de peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e🩸 Soutient la microcirculation\u003c\/h3\u003e\n \u003cp\u003eAppliquée en compresses sur les jambes lourdes, les varices ou les varicosités, elle procure un soulagement agréable et une sensation de légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e💆 Soulage les inconforts circulatoires\u003c\/h3\u003e\n \u003cp\u003eUsage traditionnel reconnu : appliquez-la en compresse imbibée sur la zone concernée pour un apaisement localisé et un confort retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e👁️ Rafraîchit les yeux fatigués\u003c\/h3\u003e\n \u003cp\u003ePosez deux cotons imbibés sur les paupières fermées pendant quelques minutes pour décongestionner le regard et retrouver de l'éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e💇 Complète les soins capillaires\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur le cuir chevelu pour apaiser les démangeaisons et apporter de la 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=\"hm-section\"\u003e\n \u003ch2\u003eComment utiliser cet hydrolat hamamélis bio ?\u003c\/h2\u003e\n \u003cp class=\"hm-section-intro\"\u003eQuatre gestes simples pour profiter pleinement des bienfaits de l'eau florale d'hamamélis au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"hm-timeline\"\u003e\n \u003cdiv class=\"hm-timeline-item\"\u003e\n \u003cdiv class=\"hm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hm-timeline-content\"\u003e\n \u003ch3\u003eEn lotion tonique\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur le visage propre matin et soir, avant votre crème hydratante. Votre peau est prête à recevoir vos soins et le teint apparaît plus lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-timeline-item\"\u003e\n \u003cdiv class=\"hm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hm-timeline-content\"\u003e\n \u003ch3\u003eEn brume rafraîchissante\u003c\/h3\u003e\n \u003cp\u003ePulvérisez sur le visage et le cou à tout moment de la journée pour un coup de fraîcheur immédiat, notamment en été.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-timeline-item\"\u003e\n \u003cdiv class=\"hm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hm-timeline-content\"\u003e\n \u003ch3\u003eEn compresse ciblée\u003c\/h3\u003e\n \u003cp\u003eImbibez un coton ou une compresse et appliquez sur les zones sensibles — jambes, contour des yeux, zones sujettes aux rougeurs — pendant 10 à 15 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-timeline-item\"\u003e\n \u003cdiv class=\"hm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hm-timeline-content\"\u003e\n \u003ch3\u003eEn soin capillaire\u003c\/h3\u003e\n \u003cp\u003eVaporisez directement sur le cuir chevelu après le shampoing pour calmer les irritations et raviver la brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-tip\"\u003e\n \u003cspan class=\"hm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e conservez votre flacon au réfrigérateur pour un effet fraîcheur décuplé, idéal pour décongestionner le regard et apaiser les jambes fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"hm-section\"\u003e\n \u003ch2\u003eComposition – 100 % pure et naturelle\u003c\/h2\u003e\n \u003cdiv class=\"hm-composition-box\"\u003e\n \u003cdiv class=\"hm-composition-main\"\u003e\n \u003cspan class=\"hm-composition-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eIngrédient unique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eHamamelis virginiana water*\u003c\/em\u003e (hydrolat d'hamamélis biologique)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-composition-tags\"\u003e\n \u003cspan class=\"hm-comp-tag\"\u003e✅ Sans alcool\u003c\/span\u003e\n \u003cspan class=\"hm-comp-tag\"\u003e✅ Sans conservateur\u003c\/span\u003e\n \u003cspan class=\"hm-comp-tag\"\u003e✅ Sans parfum ajouté\u003c\/span\u003e\n \u003cspan class=\"hm-comp-tag\"\u003e✅ Certifié bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"hm-composition-note\"\u003e*Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"hm-section\"\u003e\n \u003ch2\u003eFabrication française et engagement qualité\u003c\/h2\u003e\n \u003cdiv class=\"hm-grid-compact\"\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriquée par Eolesens, laboratoire engagé dans une démarche biologique et respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e🌱 Distillation douce\u003c\/h3\u003e\n \u003cp\u003eLa vapeur d'eau préserve intégralement les actifs végétaux, sans aucun solvant chimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e💎 Flacon en verre bleu\u003c\/h3\u003e\n \u003cp\u003eProtège l'hydrolat de la lumière pour une conservation optimale de tous les principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e🔬 Engagement qualité\u003c\/h3\u003e\n \u003cp\u003eCertification biologique garantie, traçabilité complète et contrôles rigoureux à chaque étape.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"hm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hm-accordion\"\u003e\n \u003cdetails class=\"hm-accordion-item\"\u003e\n \u003csummary class=\"hm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hm-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver à l'abri de la chaleur et de la lumière. Le flacon en verre bleu assure une protection naturelle contre les UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hm-accordion-item\"\u003e\n \u003csummary class=\"hm-accordion-header\"\u003e⚠️ Conseils de prudence\u003c\/summary\u003e\n \u003cdiv class=\"hm-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas de doute, réalisez un test dans le pli du coude 24 heures avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hm-accordion-item\"\u003e\n \u003csummary class=\"hm-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"hm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un avis ou un traitement médical. Consultez un professionnel de santé pour toute problématique spécifique.\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=\"hm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hm-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le meilleur de la nature — un seul ingrédient, zéro compromis. Adoptez l'eau florale d'hamamélis bio Eolesens dans votre rituel beauté quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"hm-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Produit cosmétique à usage externe uniquement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hm-cream: #f4f7fb;\n --hm-white: #ffffff;\n --hm-primary: #2b5ea7;\n --hm-primary-dark: #1a3d6e;\n --hm-primary-light: #e8f0fa;\n --hm-secondary: #e8a825;\n --hm-accent: #4a9e3f;\n --hm-text: #1a1a1a;\n --hm-text-light: #5a5a5a;\n --hm-border: #dde4ed;\n --hm-shadow: 0 4px 24px rgba(43,94,167,.08);\n --hm-shadow-lg: 0 12px 48px rgba(26,61,110,.15);\n --hm-radius: 20px;\n --hm-radius-sm: 12px;\n}\n\n.hm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hm-hero {\n position: relative;\n background: linear-gradient(135deg, #1a3d6e 0%, #2b5ea7 45%, #e8a825 100%);\n border-radius: var(--hm-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(--hm-shadow-lg);\n}\n\n.hm-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(232,168,37,.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.hm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hm-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.hm-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.hm-description {\n color: rgba(255,255,255,.85);\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.hm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hm-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(--hm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hm-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.hm-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(--hm-primary), var(--hm-secondary));\n border-radius: 2px;\n}\n\n.hm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hm-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.hm-highlight-box {\n background: var(--hm-white);\n border-radius: var(--hm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hm-shadow);\n border-left: 4px solid var(--hm-secondary);\n}\n\n.hm-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--hm-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.hm-highlight-box strong {\n color: var(--hm-primary-dark);\n}\n\n\/* === CARDS === *\/\n.hm-card {\n background: var(--hm-white);\n border-radius: var(--hm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hm-shadow-lg);\n border-color: var(--hm-primary);\n}\n\n.hm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hm-grid-compact .hm-card {\n padding: 1rem;\n}\n\n.hm-grid-compact .hm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hm-grid-compact .hm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hm-primary), var(--hm-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.hm-timeline-content {\n flex: 1;\n background: var(--hm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hm-radius-sm);\n box-shadow: var(--hm-shadow);\n}\n\n.hm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hm-timeline-content p {\n font-size: 14px;\n color: var(--hm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.hm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hm-primary-light);\n border-radius: var(--hm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hm-tip p {\n font-size: 14px;\n color: var(--hm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.hm-composition-box {\n background: var(--hm-white);\n border-radius: var(--hm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hm-shadow);\n text-align: center;\n}\n\n.hm-composition-main {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 1.5rem;\n text-align: left;\n}\n\n.hm-composition-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.hm-composition-main h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--hm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hm-composition-main p {\n font-size: 15px;\n color: var(--hm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.hm-composition-tags {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1rem;\n}\n\n.hm-comp-tag {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 14px;\n background: var(--hm-primary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hm-primary-dark);\n}\n\n.hm-composition-note {\n font-size: 13px;\n color: var(--hm-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.hm-accordion {\n background: var(--hm-white);\n border-radius: var(--hm-radius);\n box-shadow: var(--hm-shadow);\n overflow: hidden;\n}\n\n.hm-accordion-item {\n border-bottom: 1px solid var(--hm-border);\n margin: 0;\n padding: 0;\n}\n\n.hm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hm-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.hm-accordion-header:hover {\n background: var(--hm-primary-light);\n}\n\n.hm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hm-primary);\n transition: transform .2s ease;\n}\n\n.hm-accordion-item[open] .hm-accordion-header::after {\n content: '−';\n}\n\n.hm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.hm-cta-box {\n background: linear-gradient(135deg, var(--hm-primary) 0%, var(--hm-primary-dark) 100%);\n border-radius: var(--hm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hm-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.hm-disclaimer {\n font-size: 12px;\n color: var(--hm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .hm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hm-card {\n padding: 1.125rem;\n }\n\n .hm-section {\n margin-bottom: 1.75rem;\n }\n\n .hm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hm-radius-sm);\n }\n\n .hm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hm-grid-compact {\n gap: .625rem;\n }\n\n .hm-grid-compact .hm-card {\n padding: .75rem;\n }\n\n .hm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hm-timeline-content h3 {\n font-size: 14px;\n }\n\n .hm-timeline-content p {\n font-size: 13px;\n }\n\n .hm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hm-highlight-box {\n padding: 1.25rem;\n }\n\n .hm-composition-main {\n flex-direction: column;\n text-align: center;\n gap: .5rem;\n }\n\n .hm-composition-icon {\n font-size: 32px;\n }\n\n .hm-composition-main h3 {\n font-size: 16px;\n }\n\n .hm-composition-main p {\n font-size: 14px;\n }\n\n .hm-comp-tag {\n font-size: 12px;\n padding: 5px 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hm-card {\n animation: hmFadeInUp .5s ease backwards;\n }\n .hm-card:nth-child(1) { animation-delay: .05s; }\n .hm-card:nth-child(2) { animation-delay: .1s; }\n .hm-card:nth-child(3) { animation-delay: .15s; }\n .hm-card:nth-child(4) { animation-delay: .2s; }\n .hm-card:nth-child(5) { animation-delay: .25s; }\n .hm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .hm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45755262468253,"sku":"NBAISEN0031","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-hamamelis-bio-sans-alcool-200-ml-eolesens-ingredients.webp?v=1773313973"},{"product_id":"huile-vegetale-de-jojoba-bio-50-ou-100-ml-florame","title":"Huile Végétale de Jojoba Bio - 50 ml - Florame","description":"\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🌿 Certifiée COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e🇫🇷 Saint-Rémy-de-Provence\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e🌱 100 % naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"jj-hero-title\"\u003eHuile Végétale de Jojoba Bio\u003c\/span\u003e\n \u003cp class=\"jj-subtitle\"\u003eFlorame — 50 ml\u003c\/p\u003e\n \u003cp class=\"jj-description\"\u003eLe soin multi-usage par excellence : visage, cheveux, corps et ongles réunis en un seul flacon d'exception pressé à froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eL'huile végétale de Jojoba Bio : le soin multi-usage par excellence\u003c\/h2\u003e\n \u003cdiv class=\"jj-testimonial\"\u003e\n \u003cp class=\"jj-testimonial-text\"\u003eVous cherchez une \u003cstrong\u003ehuile de jojoba bio\u003c\/strong\u003e capable de prendre soin de votre peau, de vos cheveux et même de vos ongles en un seul geste ? L'\u003cstrong\u003eHuile Végétale de Jojoba Bio Florame\u003c\/strong\u003e est un incontournable de la cosmétique naturelle. Pressée à froid à partir de graines de jojoba issues de l'agriculture biologique, elle conserve l'intégralité de ses actifs précieux pour vous offrir un soin d'une efficacité remarquable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-tip\"\u003e\n \u003cspan class=\"jj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSa composition est très proche du \u003cstrong\u003esébum humain\u003c\/strong\u003e. C'est ce qui la rend si bien tolérée par toutes les peaux — même les plus sensibles ou réactives — et si efficace pour \u003cstrong\u003erééquilibrer naturellement\u003c\/strong\u003e la production de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de jojoba bio pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"jj-grid\"\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e⚖️ Régulatrice de sébum\u003c\/h3\u003e\n \u003cp\u003eElle aide les peaux grasses et mixtes à retrouver leur équilibre sans obstruer les pores. Idéale contre les imperfections et l'acné, elle peut devenir votre meilleure alliée quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💧 Hydratante sans effet gras\u003c\/h3\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile végétale de jojoba bio\u003c\/strong\u003e pénètre rapidement et laisse la peau douce, souple, sans aucun film collant ni résidu désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e✨ Anti-âge naturelle\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E et en acides gras insaturés (notamment l'acide gadoléique), elle aide à prévenir l'apparition des rides et ridules en protégeant la peau de la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eElle calme les tiraillements, les rougeurs et les irritations, ce qui la rend idéale pour les peaux sèches ou sensibles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eUn soin capillaire complet\u003c\/h2\u003e\n \u003cp class=\"jj-section-intro\"\u003eL'\u003cstrong\u003ehuile de jojoba bio pressée à froid\u003c\/strong\u003e fait aussi des merveilles sur les cheveux. Elle régule le cuir chevelu gras en limitant l'excès de sébum, tout en nourrissant intensément les longueurs sèches, abîmées ou cassantes.\u003c\/p\u003e\n \u003cdiv class=\"jj-grid-compact\"\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💆 Cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eRégule l'excès de sébum pour des racines fraîches plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💇 Longueurs \u0026amp; pointes\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément pour des cheveux plus souples, brillants et en meilleure santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💅 Ongles cassants\u003c\/h3\u003e\n \u003cp\u003eFortifie les ongles fragiles et nourrit les cuticules sèches en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🌟 Résultat visible\u003c\/h3\u003e\n \u003cp\u003eDes cheveux visiblement plus sains, une chevelure revitalisée dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de jojoba bio Florame ?\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 3 à 4 gouttes sur peau propre et légèrement humide, matin et\/ou soir. Massez en mouvements circulaires jusqu'à pénétration complète. Vous pouvez aussi l'ajouter à votre crème de jour pour un boost d'hydratation.\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💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant-shampoing, appliquez généreusement sur les longueurs et les pointes. Laissez poser 30 minutes minimum (ou toute la nuit sous une serviette), puis lavez normalement.\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🛁 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, massez quelques gouttes sur peau encore humide pour sceller l'hydratation. Concentrez-vous sur les zones les plus sèches : coudes, genoux, pieds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🪷 Démaquillant naturel\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur un coton ou directement sur le visage permettent de dissoudre le maquillage, même waterproof, tout en douceur.\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=\"jj-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"jj-accordion\"\u003e\n \u003cdetails class=\"jj-accordion-item\" open\u003e\n \u003csummary class=\"jj-accordion-header\"\u003e🧬 Ingrédient unique\u003c\/summary\u003e\n \u003cdiv class=\"jj-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eSimmondsia Chinensis (Jojoba) Seed Oil*\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e*Ingrédient issu de l'agriculture biologique. Formule 100 % d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eEngagements qualité Florame\u003c\/h2\u003e\n \u003cp class=\"jj-section-intro\"\u003eFormulée à Saint-Rémy-de-Provence, cette \u003cstrong\u003ehuile végétale bio de jojoba\u003c\/strong\u003e est certifiée \u003cstrong\u003eCOSMOS Organic\u003c\/strong\u003e. Elle est garantie :\u003c\/p\u003e\n \u003cdiv class=\"jj-grid-compact\"\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🚫 Sans paraben\u003c\/h3\u003e\n \u003cp\u003eNi silicone, ni phénoxyéthanol dans la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testée sur les animaux, sans ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e♻️ Flacon en verre ambré\u003c\/h3\u003e\n \u003cp\u003eAvec pompe pour une utilisation précise et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertification exigeante garantissant la qualité biologique de chaque ingrédient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"jj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"jj-cta-box\"\u003e\n \u003cp\u003e🌿 En choisissant cette huile de jojoba bio Florame, vous optez pour un soin polyvalent, efficace et respectueux de votre peau comme de l'environnement. Un seul flacon pour remplacer plusieurs produits : votre routine beauté n'a jamais été aussi simple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"jj-disclaimer\"\u003eVous souffrez d'acné et souhaitez en savoir plus ? Découvrez comment \u003ca title=\"Huile de jojoba et acné du visage\" href=\"https:\/\/www.naturellement-bio.com\/blogs\/news\/huile-dargan-vs-huile-de-jojoba-match-ultime-contre-acne\"\u003el'huile de jojoba peut vous aider à lutter contre l'acné du visage\u003c\/a\u003e.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --jj-cream: #faf8f3;\n --jj-white: #ffffff;\n --jj-primary: #b89a3a;\n --jj-primary-dark: #7a6520;\n --jj-primary-light: #f5f0df;\n --jj-secondary: #6a8c3a;\n --jj-accent: #d4a843;\n --jj-text: #1a1a1a;\n --jj-text-light: #5a5a5a;\n --jj-border: #e6e0cf;\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.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, #7a6520 0%, #b89a3a 50%, #6a8c3a 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: 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,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.jj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\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 1rem 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(16px, 3vw, 22px);\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, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\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\/* === 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\/* === 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\/* === GRILLES === *\/\n.jj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.jj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.jj-grid-compact .jj-card {\n padding: 1rem;\n}\n\n.jj-grid-compact .jj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.jj-grid-compact .jj-card p {\n font-size: 12px;\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\/* === TESTIMONIAL === *\/\n.jj-testimonial {\n background: var(--jj-white);\n border-radius: var(--jj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--jj-shadow);\n border-left: 4px solid var(--jj-primary);\n}\n\n.jj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.jj-accordion {\n background: var(--jj-white);\n border-radius: var(--jj-radius);\n box-shadow: var(--jj-shadow);\n overflow: hidden;\n}\n\n.jj-accordion-item {\n border-bottom: 1px solid var(--jj-border);\n margin: 0;\n padding: 0;\n}\n\n.jj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.jj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--jj-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.jj-accordion-header:hover {\n background: var(--jj-primary-light);\n}\n\n.jj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.jj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--jj-primary);\n transition: transform .2s ease;\n}\n\n.jj-accordion-item[open] .jj-accordion-header::after {\n content: '−';\n}\n\n.jj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--jj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.jj-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.jj-accordion-content p:last-child {\n margin-bottom: 0;\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 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.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.jj-disclaimer a {\n color: var(--jj-primary);\n text-decoration: underline;\n transition: color .2s ease;\n}\n\n.jj-disclaimer a:hover {\n color: var(--jj-primary-dark);\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.jj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .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-grid-compact {\n gap: .625rem;\n }\n\n .jj-grid-compact .jj-card {\n padding: .75rem;\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .jj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .jj-testimonial {\n padding: 1.25rem;\n }\n\n .jj-testimonial-text {\n font-size: 14px;\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 .jj-card:nth-child(4) { animation-delay: .2s; }\n .jj-card:nth-child(5) { animation-delay: .25s; }\n .jj-card:nth-child(6) { animation-delay: .3s; }\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":"FLORAME","offers":[{"title":"Default Title","offer_id":45755286978717,"sku":"FM0265","price":12.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-jojoba-bio-50-ml-florame-packshothd.webp?v=1774366470"},{"product_id":"baume-restructurant-nuit-bio-50-ml-florame","title":"Baume de Nuit Bio anti-âge 50ml – Régénérant \u0026 Restructurant - Florame","description":"\u003cdiv class=\"flo-premium\"\u003e\n \u003cdiv class=\"flo-hero\"\u003e\n \u003cdiv class=\"flo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"flo-hero-content\"\u003e\n \u003cdiv class=\"flo-badges-top\"\u003e\n \u003cspan class=\"flo-badge\"\u003e🌿 Certifié Bio Cosmos\u003c\/span\u003e\n \u003cspan class=\"flo-badge\"\u003e🌸 Orchidée Bio\u003c\/span\u003e\n \u003cspan class=\"flo-badge\"\u003e🇫🇷 Made in Provence\u003c\/span\u003e\n \u003cspan class=\"flo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"flo-hero-title\"\u003eLa régénération nocturne de votre peau\u003c\/span\u003e\n \u003cp class=\"flo-subtitle\"\u003eBaume Restructurant Nuit • Age Intense • 50 ml\u003c\/p\u003e\n \u003cp class=\"flo-description\"\u003eUn cocon nourrissant aux huiles essentielles bio et à l'orchidée, pour une peau redensifiée, lissée et éclatante au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003eUn soin de nuit anti-âge qui agit en profondeur\u003c\/h2\u003e\n \u003cp class=\"flo-section-intro\"\u003eEntre 22h et 4h du matin, la peau renouvelle ses cellules jusqu'à trois fois plus vite que le jour. Le \u003cstrong\u003eBaume de Nuit Bio Florame\u003c\/strong\u003e accompagne ce cycle naturel grâce à une formule riche en huiles essentielles bio et en actifs végétaux ciblés. La peau est nourrie, redensifiée et les rides paraissent atténuées dès les premières utilisations.\u003c\/p\u003e\n \u003cdiv class=\"flo-tip\"\u003e\n \u003cspan class=\"flo-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eUne alternative naturelle et propre aux soins conventionnels : \u003cstrong\u003ecomposition vegan et certifiée Cosmos Organic\u003c\/strong\u003e, sans parabènes ni silicones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003eLes actifs stars du baume\u003c\/h2\u003e\n \u003cdiv class=\"flo-grid\"\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌸 Orchidée Bio\u003c\/h3\u003e\n \u003cp\u003eActif signature aux propriétés antioxydantes, elle aide à préserver la jeunesse de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌿 Bois de Hô Bio\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle régénérante et tonifiante pour les peaux fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🧈 Beurre de Karité Bio\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément et renforce la barrière cutanée pour un confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌱 Huile d'Argan Bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E, elle assouplit et raffermit l'épiderme au fil des applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌊 Algue Laminaria Bio\u003c\/h3\u003e\n \u003cp\u003eRedensifie la peau et lutte efficacement contre le relâchement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌹 Rose \u0026amp; Aloe Vera Bio\u003c\/h3\u003e\n \u003cp\u003eEau florale et gel apaisant qui hydratent et ravivent l'éclat naturel du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003eLes bienfaits visibles dès le réveil\u003c\/h2\u003e\n \u003cdiv class=\"flo-grid-compact\"\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌙 Régénération nocturne\u003c\/h3\u003e\n \u003cp\u003eStimulée et peau restructurée en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e💪 Fermeté renforcée\u003c\/h3\u003e\n \u003cp\u003eRides visiblement lissées au fil des nuits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🧈 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eSans effet gras ni inconfort au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e✨ Teint éclatant\u003c\/h3\u003e\n \u003cp\u003eUne peau reposée et lumineuse au matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌿 Formule vegan\u003c\/h3\u003e\n \u003cp\u003eSans parabènes, sans silicones, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🏆 Certifié Cosmos\u003c\/h3\u003e\n \u003cp\u003eUne composition propre et 100 % engagée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003eComment utiliser le Baume Restructurant Nuit ?\u003c\/h2\u003e\n \u003cdiv class=\"flo-timeline\"\u003e\n \u003cdiv class=\"flo-timeline-item\"\u003e\n \u003cdiv class=\"flo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-content\"\u003e\n \u003ch3\u003eNettoyez votre peau\u003c\/h3\u003e\n \u003cp\u003eDémaquillez et nettoyez soigneusement votre visage et votre cou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-item\"\u003e\n \u003cdiv class=\"flo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003eRéchauffez le baume entre vos doigts pour libérer ses actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-item\"\u003e\n \u003cdiv class=\"flo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en douceur\u003c\/h3\u003e\n \u003cp\u003eEn mouvements circulaires, du centre vers l'extérieur du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-item\"\u003e\n \u003cdiv class=\"flo-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-content\"\u003e\n \u003ch3\u003eCiblez les zones marquées\u003c\/h3\u003e\n \u003cp\u003eInsistez sur le contour des lèvres, le front, le cou et le décolleté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-item\"\u003e\n \u003cdiv class=\"flo-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-content\"\u003e\n \u003ch3\u003eChaque soir\u003c\/h3\u003e\n \u003cp\u003eUtilisez quotidiennement pour des résultats optimaux et durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-tip\"\u003e\n \u003cspan class=\"flo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce experte :\u003c\/strong\u003e pour booster son efficacité, appliquez-le après le \u003cstrong\u003eConcentré Repulpant Age Intense Florame\u003c\/strong\u003e. Vous créerez ainsi une routine anti-âge complète, alliant repulpation et nutrition profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003eAvis et résultats : à quoi vous attendre ?\u003c\/h2\u003e\n \u003cdiv class=\"flo-testimonial\"\u003e\n \u003cp class=\"flo-testimonial-text\"\u003e\"Les utilisatrices apprécient particulièrement la texture riche et fondante du baume, son parfum délicat aux notes florales et la sensation de confort durable qu'il procure. Au fil des semaines, la peau gagne en souplesse, le grain de peau s'affine et le teint paraît plus reposé. Un soin idéal pour les peaux sèches, dévitalisées ou en perte de fermeté.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003eUne formule engagée, fabriquée en Provence\u003c\/h2\u003e\n \u003cp class=\"flo-section-intro\"\u003eLe baume Florame est \u003cstrong\u003ecertifié Cosmos Organic\u003c\/strong\u003e, \u003cstrong\u003evegan\u003c\/strong\u003e et \u003cstrong\u003enon testé sur les animaux\u003c\/strong\u003e. Il est fabriqué à Saint-Rémy-de-Provence dans le respect des savoir-faire traditionnels et d'une démarche éco-responsable. Aucun parabène, silicone ni colorant artificiel.\u003c\/p\u003e\n \u003cdiv class=\"flo-accordion\"\u003e\n \u003cdetails class=\"flo-accordion-item\"\u003e\n \u003csummary class=\"flo-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"flo-accordion-content mt-3\"\u003e\n \u003cp\u003ePot en verre de 50 ml, matériau recyclable pour une démarche éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"flo-accordion-item\"\u003e\n \u003csummary class=\"flo-accordion-header\"\u003e🏆 Certifications\u003c\/summary\u003e\n \u003cdiv class=\"flo-accordion-content mt-3\"\u003e\n \u003cp\u003eCosmos Organic, Vegan, Cruelty Free. Fabriqué en France à Saint-Rémy-de-Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"flo-accordion-item\"\u003e\n \u003csummary class=\"flo-accordion-header\"\u003e🚫 Sans\u003c\/summary\u003e\n \u003cdiv class=\"flo-accordion-content mt-3\"\u003e\n \u003cp\u003eSans parabènes, sans silicones, sans colorants artificiels, sans ingrédients d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"flo-cta-box\"\u003e\n \u003cp\u003e🌙 Offrez à votre peau la nuit régénératrice qu'elle mérite. Réveillez-vous chaque matin avec une peau visiblement plus ferme, lisse et lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"flo-disclaimer\"\u003eInformation importante : ce produit est un soin cosmétique. Il ne se substitue pas à un avis ou traitement médical. En cas de réactivité cutanée particulière, demandez conseil à votre dermatologue avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --flo-cream: #faf6f2;\n --flo-white: #ffffff;\n --flo-primary: #d4a68a;\n --flo-primary-dark: #a67856;\n --flo-primary-light: #f5e9df;\n --flo-secondary: #e8c4a8;\n --flo-accent: #c48b6a;\n\n --flo-text: #2a2018;\n --flo-text-light: #6b5b4f;\n\n --flo-border: #ede4dc;\n --flo-shadow: 0 4px 24px rgba(166,120,86,.10);\n --flo-shadow-lg: 0 12px 48px rgba(166,120,86,.18);\n --flo-radius: 20px;\n --flo-radius-sm: 12px;\n}\n\n.flo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--flo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--flo-text);\n}\n\n.flo-hero {\n position: relative;\n background: linear-gradient(135deg, #e8c4a8 0%, #d4a68a 50%, #a67856 100%);\n border-radius: var(--flo-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(--flo-shadow-lg);\n}\n\n.flo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .3;\n}\n\n.flo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.flo-hero-title {\n display: block;\n color: white;\n font-size: clamp(24px, 7vw, 44px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.15);\n line-height: 1.15;\n}\n\n.flo-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n opacity: .95;\n}\n\n.flo-description {\n color: white;\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.6;\n max-width: 620px;\n margin: 0 auto;\n opacity: .95;\n}\n\n.flo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.flo-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(--flo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.flo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.flo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.flo-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--flo-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.flo-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(--flo-primary), var(--flo-secondary));\n border-radius: 2px;\n}\n\n.flo-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--flo-text-light);\n margin: 0 auto 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.flo-card {\n background: var(--flo-white);\n border-radius: var(--flo-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--flo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.flo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--flo-shadow-lg);\n border-color: var(--flo-primary);\n}\n\n.flo-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--flo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.flo-card p {\n font-size: clamp(13px, 2vw, 14.5px);\n color: var(--flo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.flo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.flo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.flo-grid-compact .flo-card {\n padding: 1rem;\n}\n\n.flo-grid-compact .flo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.flo-grid-compact .flo-card p {\n font-size: 12.5px;\n}\n\n.flo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.flo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.flo-timeline-number {\n flex-shrink: 0;\n width: 42px;\n height: 42px;\n background: linear-gradient(135deg, var(--flo-primary), var(--flo-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(166,120,86,.3);\n}\n\n.flo-timeline-content {\n flex: 1;\n background: var(--flo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--flo-radius-sm);\n box-shadow: var(--flo-shadow);\n}\n\n.flo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--flo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.flo-timeline-content p {\n font-size: 14px;\n color: var(--flo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.flo-testimonial {\n background: var(--flo-white);\n border-radius: var(--flo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--flo-shadow);\n border-left: 4px solid var(--flo-primary);\n max-width: 820px;\n margin: 0 auto;\n}\n\n.flo-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--flo-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.flo-accordion {\n background: var(--flo-white);\n border-radius: var(--flo-radius);\n box-shadow: var(--flo-shadow);\n overflow: hidden;\n max-width: 780px;\n margin: 1.5rem auto 0;\n}\n\n.flo-accordion-item {\n border-bottom: 1px solid var(--flo-border);\n margin: 0;\n padding: 0;\n}\n\n.flo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.flo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--flo-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.flo-accordion-header:hover {\n background: var(--flo-primary-light);\n}\n\n.flo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.flo-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--flo-primary);\n transition: transform .2s ease;\n}\n\n.flo-accordion-item[open] .flo-accordion-header::after {\n content: '−';\n}\n\n.flo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--flo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.flo-accordion-content p {\n margin: 0;\n}\n\n.flo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--flo-primary-light);\n border-radius: var(--flo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n max-width: 820px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.flo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.flo-tip p {\n font-size: 14px;\n color: var(--flo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.flo-cta-box {\n background: linear-gradient(135deg, var(--flo-primary) 0%, var(--flo-primary-dark) 100%);\n border-radius: var(--flo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--flo-shadow-lg);\n}\n\n.flo-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.flo-disclaimer {\n font-size: 12px;\n color: var(--flo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .flo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .flo-card {\n padding: 1.125rem;\n }\n .flo-section {\n margin-bottom: 1.75rem;\n }\n .flo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--flo-radius-sm);\n }\n .flo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .flo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .flo-grid-compact {\n gap: .625rem;\n }\n .flo-grid-compact .flo-card {\n padding: .75rem;\n }\n .flo-timeline-number {\n width: 34px;\n height: 34px;\n font-size: 14px;\n }\n .flo-timeline-content {\n padding: .875rem 1rem;\n }\n .flo-timeline-content h3 {\n font-size: 14px;\n }\n .flo-timeline-content p {\n font-size: 13px;\n }\n .flo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .flo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .flo-testimonial {\n padding: 1.25rem;\n }\n .flo-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .flo-card {\n animation: fadeInUp .5s ease backwards;\n }\n .flo-card:nth-child(1) { animation-delay: .05s; }\n .flo-card:nth-child(2) { animation-delay: .1s; }\n .flo-card:nth-child(3) { animation-delay: .15s; }\n .flo-card:nth-child(4) { animation-delay: .2s; }\n .flo-card:nth-child(5) { animation-delay: .25s; }\n .flo-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 .flo-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":45755298775197,"sku":"FM0410","price":35.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-de-nuit-bio-anti-age-50ml-regenerant-restructurant-flo-packshothd.webp?v=1789819800"},{"product_id":"eau-de-beaute-soin-peau-pure-bio-sans-alcool-200-ml-eolesens","title":"Eau de Beauté - Soin Peau Pure Bio sans alcool - 200 ml - Eolesens","description":"\u003cdiv class=\"pp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pp-hero\"\u003e\n \u003cdiv class=\"pp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pp-hero-content\"\u003e\n \u003cdiv class=\"pp-badges-top\"\u003e\n \u003cspan class=\"pp-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"pp-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"pp-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n \u003cspan class=\"pp-badge\"\u003e🌸 8 hydrolats\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pp-hero-title\"\u003eEau de Beauté Peau Pure Bio\u003c\/span\u003e\n \u003cp class=\"pp-subtitle\"\u003eEolesens - 200 ml\u003c\/p\u003e\n \u003cp class=\"pp-description\"\u003eLa brume purifiante aux 8 hydrolats bio qui purifie, tonifie et révèle l'éclat naturel de votre peau, sans jamais l'agresser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eEau de Beauté Peau Pure Bio Eolesens : la brume purifiante aux hydrolats naturels\u003c\/h2\u003e\n \u003cp class=\"pp-section-intro\"\u003eVous cherchez une \u003cstrong\u003eeau de beauté\u003c\/strong\u003e naturelle et efficace pour retrouver une peau nette et lumineuse ? L'\u003cstrong\u003eEau de Beauté Soin Peau Pure Bio d'Eolesens\u003c\/strong\u003e est une alternative française et biologique aux célèbres brumes du marché. Formulée \u003cstrong\u003esans alcool\u003c\/strong\u003e et certifiée bio, cette eau nettoyante visage associe huit hydrolats précieux pour purifier, tonifier et raviver l'éclat de votre peau au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eUne synergie de 8 hydrolats bio pour une peau visiblement plus pure\u003c\/h2\u003e\n \u003cp class=\"pp-section-intro\"\u003eCe qui distingue cette eau de beauté bio, c'est la richesse de sa formule. Là où d'autres eaux de soin se limitent à deux ou trois ingrédients actifs, Eolesens réunit \u003cstrong\u003ehuit hydrolats complémentaires\u003c\/strong\u003e, chacun apportant un bienfait ciblé.\u003c\/p\u003e\n \u003cdiv class=\"pp-grid\"\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e💜 Lavande fine bio\u003c\/h3\u003e\n \u003cp\u003eApaise les irritations, purifie et aide à réguler l'excès de sébum des peaux mixtes à grasses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🍃 Hamamélis bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour son action astringente, il resserre visiblement les pores et tonifie la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌿 Menthe poivrée bio\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation de fraîcheur immédiate et revitalise les teints ternes et fatigués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌾 Thym à linalol bio\u003c\/h3\u003e\n \u003cp\u003eContribue à assainir la peau grâce à ses propriétés purifiantes douces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌲 Tea Tree bio\u003c\/h3\u003e\n \u003cp\u003eAllié des peaux à imperfections, il nettoie en profondeur sans agresser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌹 Rose bio\u003c\/h3\u003e\n \u003cp\u003eHydrate, adoucit et apporte un éclat naturel au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌺 Géranium bio\u003c\/h3\u003e\n \u003cp\u003eÉquilibrant, il favorise une peau harmonieuse et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e☀️ Hélichryse bio\u003c\/h3\u003e\n \u003cp\u003eSoutient la microcirculation cutanée et aide à unifier le teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003ePour qui est faite cette eau nettoyante visage ?\u003c\/h2\u003e\n \u003cdiv class=\"pp-testimonial\"\u003e\n \u003cp class=\"pp-testimonial-text\"\u003eBien qu'elle soit spécialement conçue pour les \u003cstrong\u003epeaux mixtes à grasses\u003c\/strong\u003e sujettes aux brillances et aux pores dilatés, cette eau de beauté convient en réalité à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e. Sa formule sans alcool respecte même les épidermes sensibles ou réactifs. Si vous recherchez une brume purifiante qui ne dessèche pas, vous êtes au bon endroit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e✨ Peaux mixtes à grasses\u003c\/h3\u003e\n \u003cp\u003eRégule le sébum et matifie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🧴 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSans alcool, ultra-douce\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌟 Peaux ternes\u003c\/h3\u003e\n \u003cp\u003eRavive l'éclat naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🔬 Pores dilatés\u003c\/h3\u003e\n \u003cp\u003eResserre et affine le grain\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eComment utiliser l'Eau de Beauté Peau Pure ?\u003c\/h2\u003e\n \u003cp class=\"pp-section-intro\"\u003ePour des résultats optimaux, intégrez-la à votre rituel beauté \u003cstrong\u003ematin et soir\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"pp-timeline\"\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eVaporisez en fine brume\u003c\/h3\u003e\n \u003cp\u003eAprès le nettoyage du visage, vaporisez sur l'ensemble du visage et du cou, yeux fermés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eTapotez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez de légers tapotements du bout des doigts pour favoriser la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eEn tonique sur coton\u003c\/h3\u003e\n \u003cp\u003eVous pouvez aussi l'appliquer à l'aide d'un coton réutilisable en guise de tonique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eRafraîchissement express\u003c\/h3\u003e\n \u003cp\u003eEn journée, utilisez-la pour rafraîchir votre teint à tout moment, même par-dessus le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-tip\"\u003e\n \u003cspan class=\"pp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eConservez le flacon à température ambiante, à l'abri de la lumière directe et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eFabrication française et engagement bio\u003c\/h2\u003e\n \u003cdiv class=\"pp-commitment-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eFabriquée en France\u003c\/strong\u003e par Eolesens, cette eau de beauté est issue d'une \u003cstrong\u003edistillation douce\u003c\/strong\u003e qui préserve toute la concentration en actifs des plantes. Le produit est \u003cstrong\u003ecertifié Cosmétique Bio\u003c\/strong\u003e, garantissant l'absence de conservateurs synthétiques, de parabènes et de parfums artificiels. En choisissant ce soin, vous optez pour une cosmétique respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication artisanale française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌱 Certifiée Bio\u003c\/h3\u003e\n \u003cp\u003eCosmétique Bio certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n \u003cp\u003eZéro conservateur synthétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌿 Distillation douce\u003c\/h3\u003e\n \u003cp\u003eActifs végétaux préservés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"pp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"pp-accordion\"\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003e200 ml en flacon spray pratique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e🏅 Certification\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eCosmétique Bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e🚫 Sans alcool\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eConvient aux peaux sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e🇫🇷 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"pp-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pp-cream: #faf5f7;\n --pp-white: #ffffff;\n --pp-primary: #c42a6e;\n --pp-primary-dark: #8a1c50;\n --pp-primary-light: #f8e8f0;\n --pp-secondary: #6b7fc4;\n --pp-accent: #d94b8a;\n --pp-text: #1a1a1a;\n --pp-text-light: #5a5a5a;\n --pp-border: #e8dce2;\n --pp-shadow: 0 4px 24px rgba(196,42,110,.08);\n --pp-shadow-lg: 0 12px 48px rgba(196,42,110,.15);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-accent) 40%, var(--pp-secondary) 100%);\n border-radius: var(--pp-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(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pp-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.pp-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.pp-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.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-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(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-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.pp-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(--pp-primary), var(--pp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-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.pp-section-intro strong {\n color: var(--pp-primary-dark);\n}\n\n\/* === CARDS === *\/\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-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.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pp-testimonial {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-primary);\n}\n\n.pp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.pp-testimonial-text strong {\n color: var(--pp-primary-dark);\n font-style: normal;\n}\n\n\/* === COMMITMENT BOX === *\/\n.pp-commitment-box {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-secondary);\n}\n\n.pp-commitment-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--pp-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.pp-commitment-box strong {\n color: var(--pp-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.pp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pp-primary-light);\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pp-tip p {\n font-size: 14px;\n color: var(--pp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.pp-accordion {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n box-shadow: var(--pp-shadow);\n overflow: hidden;\n}\n\n.pp-accordion-item {\n border-bottom: 1px solid var(--pp-border);\n margin: 0;\n padding: 0;\n}\n\n.pp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pp-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.pp-accordion-header:hover {\n background: var(--pp-primary-light);\n}\n\n.pp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pp-primary);\n transition: transform .2s ease;\n}\n\n.pp-accordion-item[open] .pp-accordion-header::after {\n content: '−';\n}\n\n.pp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pp-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pp-disclaimer {\n font-size: 12px;\n color: var(--pp-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 .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pp-card {\n padding: 1.125rem;\n }\n\n .pp-section {\n margin-bottom: 1.75rem;\n }\n\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pp-grid-compact {\n gap: .625rem;\n }\n\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n\n .pp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pp-timeline-content p {\n font-size: 13px;\n }\n\n .pp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pp-testimonial {\n padding: 1.25rem;\n }\n\n .pp-testimonial-text {\n font-size: 14px;\n }\n\n .pp-commitment-box {\n padding: 1.25rem;\n }\n\n .pp-commitment-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-card:nth-child(4) { animation-delay: .2s; }\n .pp-card:nth-child(5) { animation-delay: .25s; }\n .pp-card:nth-child(6) { animation-delay: .3s; }\n .pp-card:nth-child(7) { animation-delay: .35s; }\n .pp-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes ppFadeInUp {\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 .pp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45755412643997,"sku":"NBAISEN0003","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-pure-eolesens_1__11zon.jpg?v=1772612854"},{"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":11.37,"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-rose-musquee-50ml-comptoir-des-huiles","title":"Huile de Rose Musquée Bio - Revitalisante - 50ml - Comptoir des huiles","description":"\u003cdiv class=\"rm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rm-hero\"\u003e\n \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rm-hero-content\"\u003e\n \u003cdiv class=\"rm-badges-top\"\u003e\n \u003cspan class=\"rm-badge\"\u003e🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🌹 Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e✨ Peaux fatiguées \u0026amp; matures\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eHuile de Rose Musquée Bio\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003eHuile revitalisante – Visage \u0026amp; corps – 50 ml\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eComptoir des Huiles – L'élixir précieux qui redonne éclat, souplesse et jeunesse à votre peau, goutte après goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eL'huile de Rose Musquée Bio : un trésor revitalisant pour votre peau\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de rose musquée\u003c\/strong\u003e véritablement efficace pour redonner éclat et souplesse à votre peau ? L'\u003cstrong\u003ehuile à la rose musquée\u003c\/strong\u003e du \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e est un soin 100 % naturel et biologique, formulé pour les \u003cstrong\u003epeaux fatiguées et matures\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🧬 Oméga-3 \u0026amp; oméga-6\u003c\/h3\u003e\n \u003cp\u003eAcides gras essentiels préservés par pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🥕 Vitamine A naturelle\u003c\/h3\u003e\n \u003cp\u003eRétinol végétal pour stimuler le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydants puissants\u003c\/h3\u003e\n \u003cp\u003eProtection contre le stress oxydatif et le vieillissement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌹 Rosa canina\u003c\/h3\u003e\n \u003cp\u003eGraines sélectionnées issues de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de rose musquée pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003ePrisée dans le monde entier, cette huile précieuse offre des résultats visibles sur tous les types de peau.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🔄 Régénération cutanée\u003c\/h3\u003e\n \u003cp\u003eSa concentration en acides gras polyinsaturés et en rétinol naturel stimule le renouvellement cellulaire. Elle aide à estomper visiblement les \u003cstrong\u003ecicatrices\u003c\/strong\u003e, les \u003cstrong\u003evergetures\u003c\/strong\u003e et les marques laissées par l'acné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e⏳ Action anti-âge\u003c\/h3\u003e\n \u003cp\u003eEn nourrissant la peau en profondeur, elle contribue à lisser les ridules et à préserver l'élasticité cutanée. Beaucoup constatent une différence visible après quelques semaines d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌟 Uniformité du teint\u003c\/h3\u003e\n \u003cp\u003eGrâce à la vitamine A, cette huile aide à atténuer les taches pigmentaires et les irrégularités, pour un teint plus lumineux et homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Hydratation durable\u003c\/h3\u003e\n \u003cp\u003eSa texture sèche pénètre rapidement sans laisser de film gras. La peau reste souple et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🕊️ Apaisement\u003c\/h3\u003e\n \u003cp\u003eParticulièrement douce, elle convient aux peaux sensibles, réactives ou fragilisées par des agressions extérieures (froid, soleil, pollution).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eHuile de rose musquée danger : qu'en est-il vraiment ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-testimonial\"\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eRassurez-vous : une huile de rose musquée pure et bio comme celle-ci ne présente pas de danger particulier. Il convient simplement de respecter quelques précautions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e☀️\u003c\/span\u003e\n \u003cp\u003eÉvitez l'exposition directe au soleil juste après application, car le rétinol naturel peut sensibiliser légèrement la peau aux UV. Si vous avez une peau très grasse ou à tendance acnéique, testez d'abord sur une petite zone. En cas de doute, demandez conseil à votre dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile revitalisante ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-timeline\"\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eDéposez 3 à 5 gouttes\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et légèrement humide, matin ou soir, pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eLe visage, le cou et le décolleté par mouvements circulaires ascendants pour stimuler la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur les zones concernées (vergetures, cicatrices) en massant jusqu'à pénétration complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eBoostez votre routine\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la seule ou mélangez-la à votre crème de nuit pour décupler son efficacité régénérante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e🌙\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Le soir, quelques gouttes appliquées en sérum avant le coucher permettent à la peau de bénéficier d'une régénération optimale pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\" open\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧪 INCI\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eRosa Canina Seed Oil*\u003c\/strong\u003e (*ingrédient issu de l'agriculture biologique).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🚫 Sans additifs\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eUne formule minimaliste et transparente : \u003cstrong\u003eaucun additif, aucun conservateur, aucun parfum de synthèse\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eFlacon en verre ambré de 50 ml avec pipette compte-gouttes pour un dosage précis et une conservation optimale.\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=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le Comptoir des Huiles ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌱 Matières premières bio\u003c\/h3\u003e\n \u003cp\u003eSélection rigoureuse des graines de rose musquée issues de l'agriculture biologique certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e❄️ Extraction artisanale à froid\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid garantissant la préservation de tous les actifs précieux de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e♻️ Démarche écoresponsable\u003c\/h3\u003e\n \u003cp\u003eEmballage en verre recyclable, engagement écologique à chaque étape de la fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-cta-box\"\u003e\n \u003cp\u003e🌹 Intégrez dès maintenant cette \u003cstrong\u003ehuile de rose musquée bio\u003c\/strong\u003e dans votre routine quotidienne pour un soin naturel, efficace et respectueux de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-disclaimer\"\u003eCe produit cosmétique ne remplace pas un avis ou un traitement médical en cas de problème cutané persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rm-cream: #fdf8f5;\n --rm-white: #ffffff;\n --rm-primary: #d4a0a0;\n --rm-primary-dark: #8b4a5e;\n --rm-primary-light: #f9eff1;\n --rm-secondary: #c9886e;\n --rm-accent: #e8b4b8;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #ecddd8;\n --rm-shadow: 0 4px 24px rgba(139,74,94,.08);\n --rm-shadow-lg: 0 12px 48px rgba(139,74,94,.15);\n --rm-radius: 20px;\n --rm-radius-sm: 12px;\n}\n\n.rm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rm-hero {\n position: relative;\n background: linear-gradient(135deg, #8b4a5e 0%, #d4a0a0 50%, #c9886e 100%);\n border-radius: var(--rm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rm-shadow-lg);\n}\n\n.rm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 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.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rm-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.rm-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.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rm-primary), var(--rm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.rm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.rm-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rm-shadow-lg);\n border-color: var(--rm-primary);\n}\n\n.rm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rm-grid-compact .rm-card {\n padding: 1rem;\n}\n\n.rm-grid-compact .rm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rm-grid-compact .rm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rm-primary), var(--rm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rm-timeline-content {\n flex: 1;\n background: var(--rm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rm-radius-sm);\n box-shadow: var(--rm-shadow);\n}\n\n.rm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rm-timeline-content p {\n font-size: 14px;\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rm-testimonial {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n border-left: 4px solid var(--rm-primary);\n}\n\n.rm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.rm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rm-primary-light);\n border-radius: var(--rm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rm-tip p {\n font-size: 14px;\n color: var(--rm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.rm-accordion {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-accordion-item {\n border-bottom: 1px solid var(--rm-border);\n margin: 0;\n padding: 0;\n}\n\n.rm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rm-accordion-header:hover {\n background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rm-primary);\n transition: transform .2s ease;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n content: '−';\n}\n\n.rm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-primary) 0%, var(--rm-primary-dark) 100%);\n border-radius: var(--rm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.rm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.rm-disclaimer {\n font-size: 12px;\n color: var(--rm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rm-card {\n padding: 1.125rem;\n }\n\n .rm-section {\n margin-bottom: 1.75rem;\n }\n\n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n\n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rm-grid-compact {\n gap: .625rem;\n }\n\n .rm-grid-compact .rm-card {\n padding: .75rem;\n }\n\n .rm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rm-timeline-content h3 {\n font-size: 14px;\n }\n\n .rm-timeline-content p {\n font-size: 13px;\n }\n\n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rm-testimonial {\n padding: 1.25rem;\n }\n\n .rm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rm-card {\n animation: rmFadeInUp .5s ease backwards;\n }\n .rm-card:nth-child(1) { animation-delay: .05s; }\n .rm-card:nth-child(2) { animation-delay: .1s; }\n .rm-card:nth-child(3) { animation-delay: .15s; }\n .rm-card:nth-child(4) { animation-delay: .2s; }\n .rm-card:nth-child(5) { animation-delay: .25s; }\n .rm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481310749049,"sku":"ROSEMUSQUEECDH","price":13.66,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-rose-musquee-bio-revitalisante-50ml-comptoir-des-hu-packshothd_502e04da-5dd9-4776-b605-815076b24e97.webp?v=1788537691"},{"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":9.61,"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_a405d260-848c-4e55-a55c-dae3dbe7a64d.webp?v=1788537466"},{"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.96,"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":8.39,"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_fbd72150-5f38-4bd3-8b45-7133ba4bfe7c.webp?v=1788538558"},{"product_id":"huile-de-pepin-de-figue-de-barbarie-anti-age-50ml-comptoir-des-huiles","title":"Huile de Pépins de Figue de Barbarie Bio - Anti-âge 30ml - Comptoir des huiles","description":"\u003cdiv class=\"fb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fb-hero\"\u003e\n \u003cdiv class=\"fb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fb-hero-content\"\u003e\n \u003cdiv class=\"fb-badges-top\"\u003e\n \u003cspan class=\"fb-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🇫🇷 Comptoir des Huiles\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e✨ Anti-âge puissant\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🌵 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fb-hero-title\"\u003eHuile de pépins de figue de barbarie bio\u003c\/span\u003e\n \u003cp class=\"fb-subtitle\"\u003eÉlixir de jouvence - Visage et corps - 30 ml\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003eL'huile végétale la plus riche en vitamine E au monde, pour une peau visiblement plus lisse, ferme et lumineuse jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eHuile de pépins de figue de barbarie bio : L'élixir anti-âge par excellence\u003c\/h2\u003e\n \u003cdiv class=\"fb-testimonial\"\u003e\n \u003cp class=\"fb-testimonial-text\"\u003eConsidérée comme la meilleure huile de pépins de figue de barbarie pour le soin de la peau, cette huile précieuse signée Comptoir des Huiles est un véritable trésor de beauté. 100 % naturelle et certifiée biologique, elle concentre une richesse exceptionnelle en vitamine E (environ 1 000 mg\/kg), en oméga-6 (acide linoléique) et en stérols. Ce trio d'actifs en fait l'alliée idéale des peaux en quête de jeunesse, de fermeté et d'éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🏆 Vitamine E\u003c\/h3\u003e\n \u003cp\u003e~1 000 mg\/kg — la teneur la plus élevée de toutes les huiles végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e💧 Oméga-6\u003c\/h3\u003e\n \u003cp\u003eAcide linoléique essentiel pour la souplesse et l'élasticité cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🛡️ Stérols\u003c\/h3\u003e\n \u003cp\u003eProtection et renforcement de la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🌵 Pureté totale\u003c\/h3\u003e\n \u003cp\u003eUn seul ingrédient, 100 % bio, première pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile de pépins de figue de barbarie\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003ePourquoi cette huile de pépins de figue de barbarie est-elle si convoitée en cosmétique naturelle ? Tout simplement parce que sa composition est exceptionnellement riche et complète.\u003c\/p\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eSa teneur record en vitamine E neutralise les radicaux libres responsables du vieillissement prématuré. Rides, ridules et perte de fermeté sont visiblement atténuées au fil des applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔄 Régénération et réparation\u003c\/h3\u003e\n \u003cp\u003eLes acides gras essentiels stimulent le renouvellement cellulaire. Cicatrices, vergetures et taches brunes s'estompent progressivement, laissant place à un teint plus uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💧 Hydratation non grasse\u003c\/h3\u003e\n \u003cp\u003eVéritable huile sèche, elle pénètre en quelques secondes sans laisser de film gras. Votre peau reste douce, souple et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💪 Effet raffermissant\u003c\/h3\u003e\n \u003cp\u003eEn soutenant la production naturelle de collagène, elle redonne du tonus aux peaux matures, fatiguées ou relâchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eSes propriétés anti-inflammatoires calment les peaux sensibles, réactives ou sujettes aux rougeurs, aux coups de soleil ou à l'eczéma.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eComposition : un seul ingrédient, une pureté totale\u003c\/h2\u003e\n \u003cdiv class=\"fb-card\" style=\"text-align:center; max-width:600px; margin:0 auto;\"\u003e\n \u003ch3\u003e🌿 INCI unique\u003c\/h3\u003e\n \u003cp style=\"font-size:clamp(16px,3vw,20px); font-weight:700; color:var(--fb-primary-dark); margin-bottom:.5rem;\"\u003eOpuntia Ficus-Indica Seed Oil*\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Issue de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem;\"\u003eCette huile bio de pépins de figue de barbarie est obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e, sans aucun solvant ni raffinage. Ce procédé artisanal préserve l'intégralité des nutriments : pas d'additifs, pas de conservateurs, pas de parfum ajouté. Juste la pureté du pépin de figue de barbarie dans sa forme la plus noble.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eComment utiliser votre huile de figue de barbarie ?\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003ePour profiter pleinement des bienfaits de l'huile de pépins de figue de barbarie, voici nos conseils pratiques :\u003c\/p\u003e\n \u003cdiv class=\"fb-timeline\"\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2 à 3 gouttes sur une peau propre et légèrement humide, matin et\/ou soir. Massez délicatement du centre du visage vers l'extérieur en remontant vers les tempes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eContour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez une goutte du bout de l'annulaire sur le contour de l'œil pour atténuer les ridules et les cernes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eCou et décolleté\u003c\/h3\u003e\n \u003cp\u003eÉtendez le geste à ces zones souvent oubliées, mais très exposées aux signes de l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eEn synergie\u003c\/h3\u003e\n \u003cp\u003eMélangez quelques gouttes à votre crème de jour ou à votre sérum habituel pour booster leur efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Conservez votre flacon à l'abri de la lumière et de la chaleur pour préserver toutes les qualités de cette huile précieuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir cette huile de pépins de figue de barbarie biologique ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid-compact\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e✅ Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eChaque lot est rigoureusement tracé et certifié bio par Comptoir des Huiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🫙 Flacon premium\u003c\/h3\u003e\n \u003cp\u003eVerre ambré avec pipette pour un dosage précis et une conservation optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌱 Sans additif\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur, aucun parfum — une pureté totale respectueuse de votre peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🏅 Soin incontournable\u003c\/h3\u003e\n \u003cp\u003eL'anti-âge naturel le plus efficace pour les peaux exigeantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-cta-box\"\u003e\n \u003cp\u003eOffrez à votre peau le soin anti-âge naturel le plus précieux qui existe.\u003cbr\u003eDécouvrez également tous les \u003ca href=\"https:\/\/www.naturellement-bio.com\/blogs\/news\/bienfaits-figue-de-barbarie\" title=\"les bienfaits de l'huile de figue de barbarie\" style=\"color:#fff;text-decoration:underline;font-weight:700;\"\u003ebienfaits de la figue de barbarie\u003c\/a\u003e sur notre blog.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fb-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fb-cream: #fdf8f5;\n --fb-white: #ffffff;\n --fb-primary: #9b5ba5;\n --fb-primary-dark: #6b3a73;\n --fb-primary-light: #f5eef7;\n --fb-secondary: #c47db5;\n --fb-accent: #d4a574;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e8dce8;\n --fb-shadow: 0 4px 24px rgba(107,58,115,.08);\n --fb-shadow-lg: 0 12px 48px rgba(107,58,115,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #6b3a73 0%, #9b5ba5 40%, #c47db5 75%, #d4a574 100%);\n border-radius: var(--fb-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(--fb-shadow-lg);\n}\n\n.fb-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,165,116,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-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.fb-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.fb-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.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fb-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(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-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.fb-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(--fb-primary), var(--fb-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-card-highlight {\n background: var(--fb-primary-light);\n border: 2px solid var(--fb-border);\n}\n\n.fb-card-highlight:hover {\n border-color: var(--fb-primary);\n background: var(--fb-white);\n}\n\n\/* === GRILLES === *\/\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-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.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fb-testimonial {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-primary-dark) 100%);\n border-radius: var(--fb-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.fb-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.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.fb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fb-card {\n padding: 1.125rem;\n }\n\n .fb-section {\n margin-bottom: 1.75rem;\n }\n\n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n\n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fb-grid-compact {\n gap: .625rem;\n }\n\n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n\n .fb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\n }\n\n .fb-testimonial {\n padding: 1.25rem;\n }\n\n .fb-testimonial-text {\n font-size: 14px;\n }\n\n .fb-tip {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fbFadeInUp {\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 .fb-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":53481328869753,"sku":"FIGUEBARBARIECDH","price":27.54,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-pepins-de-figue-de-barbarie-bio-anti-age-30ml-compt-packshothd.webp?v=1788537522"},{"product_id":"ultimate-bio-creme-de-jour-anti-age-eclat-fermete-50ml-arc-en-sels","title":"Ultimate Bio : Crème de Jour Anti-Âge Éclat \u0026 Fermeté - 50ml - Arc en Sels","description":"\u003ch2\u003eUne crème de jour anti-âge bio d'exception pour les peaux matures\u003c\/h2\u003e\n\n\u003cp\u003eVous recherchez la \u003cstrong\u003emeilleure crème de jour anti-âge\u003c\/strong\u003e capable de répondre aux besoins spécifiques de votre peau mature ? La \u003cstrong\u003eCrème de Jour Ultimate Bio\u003c\/strong\u003e d'\u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/arc-en-sels\" target=\"_blank\" title=\"Arc en Sels cosmétique\" rel=\"noopener\"\u003eArc en Sels\u003c\/a\u003e concentre le meilleur de la cosmétique biologique pour vous offrir un soin complet : fermeté retrouvée, éclat ravivé et protection quotidienne contre les signes du temps.\u003c\/p\u003e\n\n\u003cp\u003eCertifiée \u003cstrong\u003eEcocert\u003c\/strong\u003e et composée à \u003cstrong\u003e90,5% d'ingrédients biologiques\u003c\/strong\u003e issus du commerce équitable, cette crème de jour anti-âge respecte autant votre peau que vos valeurs éthiques.\u003c\/p\u003e\n\n\u003chr class=\"mt-3\"\u003e\n\n\u003ch2\u003eL'huile de pépins de figue de barbarie : l'actif anti-âge le plus précieux au monde\u003c\/h2\u003e\n\n\u003cp\u003eSi vous vous demandez ce qui distingue vraiment cette \u003cstrong\u003ecrème de jour anti-âge\u003c\/strong\u003e des autres, la réponse tient en un ingrédient : l'\u003cstrong\u003ehuile de pépins de figue de barbarie bio\u003c\/strong\u003e. Considérée comme l'huile la plus rare et la plus efficace en cosmétique anti-âge, elle nécessite près d'une tonne de fruits pour produire un seul litre d'huile.\u003c\/p\u003e\n\n\u003cp\u003ePourquoi est-elle si recherchée pour les peaux matures ?\u003c\/p\u003e\n\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eExceptionnellement riche en vitamine E\u003c\/strong\u003e : elle contient 150% de plus que l'huile d'argan, offrant une protection antioxydante remarquable contre les radicaux libres responsables du vieillissement cutané\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConcentration unique en stérols\u003c\/strong\u003e : ces actifs végétaux stimulent la régénération cellulaire et renforcent la barrière cutanée\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcide linoléique en abondance\u003c\/strong\u003e : cet oméga-6 maintient l'hydratation profonde et atténue visiblement les rides installées\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003chr class=\"mt-3\"\u003e\n\n\u003ch2\u003eUne synergie d'actifs biologiques pour une action anti-âge complète\u003c\/h2\u003e\n\n\u003cp\u003eArc en Sels a formulé cette crème en associant plusieurs trésors naturels aux propriétés complémentaires. Chaque ingrédient a été sélectionné pour son efficacité prouvée sur les peaux matures :\u003c\/p\u003e\n\n\u003ch3\u003eHuile d'argan bio\u003c\/h3\u003e\n\u003cp\u003eVéritable alliée des peaux en quête de fermeté, l'huile d'argan bio apporte les acides gras essentiels dont votre peau a besoin pour maintenir son élasticité. Elle pénètre rapidement et favorise la régénération des tissus cutanés fragilisés par le temps.\u003c\/p\u003e\n\n\u003ch3\u003eBeurre de karité équitable\u003c\/h3\u003e\n\u003cp\u003eCe beurre végétal ancestral enveloppe la peau d'un voile protecteur sans effet occlusif. Il nourrit intensément les zones les plus sèches, adoucit le grain de peau et soutient naturellement la souplesse de l'épiderme.\u003c\/p\u003e\n\n\u003ch3\u003eEau de rose bio\u003c\/h3\u003e\n\u003cp\u003eTonifiante et rafraîchissante, l'eau de rose resserre les pores dilatés et unifie le teint. Son action apaisante calme les peaux sensibilisées par les agressions extérieures quotidiennes.\u003c\/p\u003e\n\n\u003ch3\u003eHuile essentielle de géranium rosat\u003c\/h3\u003e\n\u003cp\u003eRégulatrice et astringente, elle aide à équilibrer la production de sébum tout en apportant une note florale délicate. Ses propriétés tonifiantes contribuent à raffermir les contours du visage.\u003c\/p\u003e\n\n\u003chr class=\"mt-3\"\u003e\n\n\u003ch2\u003eUne texture qui fait la différence\u003c\/h2\u003e\n\n\u003cp\u003eContrairement à certaines crèmes anti-âge trop riches qui laissent un film gras inconfortable, la \u003cstrong\u003eCrème de Jour Ultimate Bio\u003c\/strong\u003e offre une texture légère et fondante. Elle s'absorbe rapidement et laisse la peau délicatement satinée, prête à recevoir votre maquillage si vous le souhaitez.\u003c\/p\u003e\n\n\u003cp\u003eVous apprécierez cette sensation de peau nourrie en profondeur, confortable toute la journée, sans aucune lourdeur.\u003c\/p\u003e\n\n\u003chr class=\"mt-3\"\u003e\n\n\u003ch2\u003eUne formulation propre et éthique\u003c\/h2\u003e\n\n\u003cp\u003eArc en Sels s'engage dans une cosmétique biologique et éthique exigeante. Cette \u003cstrong\u003ecrème de jour anti-âge\u003c\/strong\u003e est formulée \u003cstrong\u003esans\u003c\/strong\u003e :\u003c\/p\u003e\n\n\u003cul\u003e\n\u003cli\u003eParabènes\u003c\/li\u003e\n\u003cli\u003eSLS (Sodium Lauryl Sulfate)\u003c\/li\u003e\n\u003cli\u003eSilicones\u003c\/li\u003e\n\u003cli\u003eParfums et colorants synthétiques\u003c\/li\u003e\n\u003cli\u003eIngrédients d'origine animale\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eElle n'est pas testée sur les animaux et bénéficie de la \u003cstrong\u003ecertification Ecocert Cosmétique Biologique\u003c\/strong\u003e, garantissant le respect des normes les plus strictes en matière de cosmétique naturelle.\u003c\/p\u003e\n\n\u003chr class=\"mt-3\"\u003e\n\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\n\u003cp\u003eRosa Damascena Flower Water*, Prunus Amygdalus Dulcis Oil*, Butyrospermum Parkii Butter*, Glycerin, Cetearyl Alcohol, Argania Spinosa Kernel Oil*, Opuntia Ficus Indica Seed Oil*, Sodium Cetearyl Sulfate, Tocopherol, Pelargonium Graveolens Flower Oil*, Citronellol, Geraniol, Linalool.\u003c\/p\u003e\n\n\u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n\n\u003chr class=\"mt-3\"\u003e\n\n\u003ch2\u003eComment utiliser votre crème de jour pour des résultats optimaux\u003c\/h2\u003e\n\n\u003cp\u003ePour profiter pleinement des bienfaits de cette \u003cstrong\u003emeilleure crème de jour anti-âge\u003c\/strong\u003e bio, voici la routine idéale :\u003c\/p\u003e\n\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLe matin\u003c\/strong\u003e, sur une peau parfaitement nettoyée et tonifiée\u003c\/li\u003e\n\u003cli\u003ePrélevez une noisette de crème et réchauffez-la entre vos doigts\u003c\/li\u003e\n\u003cli\u003eAppliquez par légers mouvements ascendants sur le visage et le cou\u003c\/li\u003e\n\u003cli\u003eInsistez délicatement sur les zones marquées : contour des yeux, sillons nasogéniens, front\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003e\u003cstrong\u003eAstuce pour un soin intensifié\u003c\/strong\u003e : mélangez quelques gouttes d'huile de figue de barbarie pure ou de beurre de karité directement dans votre dose de crème. Cette association booste l'action anti-âge et convient particulièrement aux peaux très sèches ou en période hivernale.\u003c\/p\u003e\n\n\u003chr class=\"mt-3\"\u003e\n\n\u003ch2\u003eÀ qui s'adresse cette crème de jour anti-âge ?\u003c\/h2\u003e\n\n\u003cp\u003eLa Crème de Jour Ultimate Bio a été spécialement développée pour :\u003c\/p\u003e\n\n\u003cul\u003e\n\u003cli\u003eLes \u003cstrong\u003epeaux matures\u003c\/strong\u003e souhaitant préserver leur jeunesse\u003c\/li\u003e\n\u003cli\u003eLes peaux présentant des \u003cstrong\u003erides installées\u003c\/strong\u003e ou des ridules de déshydratation\u003c\/li\u003e\n\u003cli\u003eLes peaux en perte de \u003cstrong\u003efermeté et d'éclat\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eLes personnes recherchant une alternative \u003cstrong\u003ebio et éthique\u003c\/strong\u003e aux crèmes anti-âge conventionnelles\u003c\/li\u003e\n\u003cli\u003eLes peaux sensibles réactives aux formulations synthétiques\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003chr class=\"mt-3\"\u003e\n\n\u003ch2\u003eContenance et conservation\u003c\/h2\u003e\n\n\u003cp\u003e\u003cstrong\u003ePot de 50 ml\u003c\/strong\u003e avec couvercle doré, présenté dans un élégant coffret.\u003c\/p\u003e\n\n\u003cp\u003eConservez votre crème à l'abri de la lumière et de la chaleur. Refermez soigneusement le pot après chaque utilisation pour préserver l'intégrité des actifs naturels.\u003c\/p\u003e\n\n\u003chr class=\"mt-3\"\u003e\n\n\u003cp\u003e\u003cem\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/em\u003e\u003c\/p\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":53500588687737,"sku":"CREMEULTIMATE","price":47.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ultimate-bio-creme-de-jour-anti-age-eclat-fermete-50ml-arc-en-sels-305359.jpg?v=1732722033"},{"product_id":"lys-active-serum-anti-taches-15ml","title":"Sérum Concentré Anti-Taches Lys Active - 15ml - Centifolia","description":"\u003cdiv class=\"la-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"la-hero\"\u003e\n \u003cdiv class=\"la-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"la-hero-content\"\u003e\n \u003cdiv class=\"la-badges-top\"\u003e\n \u003cspan class=\"la-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🌸 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"la-hero-title\"\u003eSérum Concentré Anti-Taches Lys Active®\u003c\/span\u003e\n \u003cp class=\"la-subtitle\"\u003eCentifolia — La Cosméto-Botanique\u003c\/p\u003e\n \u003cp class=\"la-description\"\u003eTrois actifs botaniques puissants pour estomper les taches brunes, unifier le teint et révéler l'éclat naturel de votre peau — même sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eSérum concentré anti-taches Lys Active® Centifolia : un teint unifié, naturellement\u003c\/h2\u003e\n \u003cp class=\"la-section-intro\"\u003eVous cherchez le \u003cstrong\u003emeilleur sérum anti-taches\u003c\/strong\u003e d'origine naturelle pour retrouver un teint lumineux et homogène ?\u003c\/p\u003e\n \u003cdiv class=\"la-grid-compact\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e✨ Teint lumineux\u003c\/h3\u003e\n \u003cp\u003eRéduit visiblement les taches brunes et les irrégularités pigmentaires pour un teint éclatant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🧬 Formule concentrée\u003c\/h3\u003e\n \u003cp\u003e99 % d'ingrédients d'origine naturelle et 42 % bio, certifié COSMOS Organic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌱 Trois actifs botaniques\u003c\/h3\u003e\n \u003cp\u003eLys Blanc, Rétinol-Like végétal et Algue Rouge : un trio d'exception pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormulé pour respecter les peaux les plus réactives, sans irritation ni film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eTrois actifs végétaux pour cibler les taches pigmentaires\u003c\/h2\u003e\n \u003cp class=\"la-section-intro\"\u003eCe qui distingue ce sérum, c'est son trio d'actifs d'exception issus de la recherche botanique avancée :\u003c\/p\u003e\n \u003cdiv class=\"la-grid\"\u003e\n \u003cdiv class=\"la-card la-card-ingredient\"\u003e\n \u003ch3\u003e🌺 Cellules végétales de Lys Blanc\u003c\/h3\u003e\n \u003cp\u003eObtenues par biotechnologie respectueuse, elles freinent le transport de la mélanine vers la surface de la peau et stimulent le renouvellement cellulaire. Les taches existantes s'estompent tandis que le teint retrouve son éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card la-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Actif Rétinol-Like végétal\u003c\/h3\u003e\n \u003cp\u003eExtrait de ramboutan, il offre les bienfaits du rétinol — boost de collagène, amélioration de la fermeté — sans les irritations associées. Un vrai atout pour les peaux sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card la-card-ingredient\"\u003e\n \u003ch3\u003e🌊 Extrait d'Algue Rouge\u003c\/h3\u003e\n \u003cp\u003ePalmaria palmata, reconnue pour ses propriétés dépigmentantes, contribue à unifier le teint et à raviver la luminosité naturelle de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce sérum anti-taches brunes ?\u003c\/h2\u003e\n \u003cp class=\"la-section-intro\"\u003eCe soin convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les peaux sensibles. Il cible particulièrement :\u003c\/p\u003e\n \u003cdiv class=\"la-grid\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e☀️ Taches solaires\u003c\/h3\u003e\n \u003cp\u003eLes taches liées au soleil ou au vieillissement cutané s'estompent progressivement grâce à l'action ciblée des actifs botaniques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e💜 Marques post-inflammatoires\u003c\/h3\u003e\n \u003cp\u003eCicatrices d'acné, rougeurs résiduelles : le sérum aide à unifier le teint et atténuer les traces persistantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🪞 Teints ternes\u003c\/h3\u003e\n \u003cp\u003eManque d'uniformité, teint fatigué : retrouvez une peau lumineuse et homogène jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-tip\"\u003e\n \u003cspan class=\"la-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSa texture légère et non collante pénètre rapidement sans laisser de film gras — idéale dans votre routine quotidienne, été comme hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eComment utiliser le sérum Lys Active® ?\u003c\/h2\u003e\n \u003cdiv class=\"la-timeline\"\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eNettoyez et séchez délicatement votre visage, votre cou et votre décolleté avant l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le sérum\u003c\/h3\u003e\n \u003cp\u003eDéposez \u003cstrong\u003eune à deux gouttes\u003c\/strong\u003e du sérum matin et\/ou soir sur les zones ciblées ou l'ensemble du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eFaites pénétrer par de légers mouvements circulaires sur le visage, le cou et le décolleté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n \u003cp\u003ePour maximiser les résultats, enchaînez avec la crème ou le fluide de la gamme Lys Active® Centifolia.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-tip\"\u003e\n \u003cspan class=\"la-tip-icon\"\u003e⏳\u003c\/span\u003e\n \u003cp\u003eLes premières améliorations sont généralement visibles après \u003cstrong\u003equatre à six semaines\u003c\/strong\u003e d'utilisation régulière. La constance est la clé !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"la-accordion\"\u003e\n \u003cdetails class=\"la-accordion-item\" open\u003e\n \u003csummary class=\"la-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Propanediol, Glycerin, Calcium Citrate, Undecane, Polyglyceryl-4 Caprate, Helianthus Annuus Seed Oil*, Polyglyceryl-3 Cocoate, Ricinus Communis Seed Oil*, Triethyl Citrate, Aloe Barbadensis Leaf Juice Powder*, Palmaria Palmata Extract, Lilium Candidum Leaf Cell Extract, Lilium Candidum Flower Extract*, Alteromonas Ferment Extract, Nephelium Lappaceum Leaf Extract, Phormidium Persicinum Extract, Lauroyl Lysine, Maris Aqua, Xanthan Gum, Sclerotium Gum, Maltodextrin, Biosaccharide Gum-1, Caprylyl\/Capryl Glucoside, Tridecane, Polyglyceryl-6 Laurate, Phenethyl Alcohol, Parfum, Tocopherol, Citric Acid, Sodium Benzoate, Geraniol, Limonene, Linalool.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique. 99 % d'origine naturelle, 42 % bio.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eEngagements et certification\u003c\/h2\u003e\n \u003cdiv class=\"la-grid-compact\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert Greenlife, gage d'une formulation naturelle et responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🐰 100 % vegan\u003c\/h3\u003e\n \u003cp\u003eSans ingrédients d'origine animale, adapté aux modes de vie éthiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e♻️ Éco-conçu\u003c\/h3\u003e\n \u003cp\u003eFlacon-pipette en verre recyclé à 30 %, sans phtalate ni bisphénol A.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFormulé et fabriqué en France, dans le respect des standards les plus exigeants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"la-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"la-accordion\"\u003e\n \u003cdetails class=\"la-accordion-item\"\u003e\n \u003csummary class=\"la-accordion-header\"\u003e⚠️ Précautions et conseils d'usage\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux ; en cas de contact, rincez abondamment. Conservez hors de portée des enfants. Ce produit cosmétique ne constitue pas un traitement médical : en cas de taches persistantes ou suspectes, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"la-accordion-item\"\u003e\n \u003csummary class=\"la-accordion-header\"\u003e📏 Contenance\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eFlacon-pipette de \u003cstrong\u003e15 ml\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"la-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:root {\n --la-cream: #fdf6f8;\n --la-white: #ffffff;\n --la-primary: #b5365a;\n --la-primary-dark: #8a1e3f;\n --la-primary-light: #f9e8ee;\n --la-secondary: #d4728e;\n --la-accent: #e8a0b4;\n --la-text: #1a1a1a;\n --la-text-light: #5a5a5a;\n --la-border: #f0d4de;\n --la-shadow: 0 4px 24px rgba(181,54,90,.08);\n --la-shadow-lg: 0 12px 48px rgba(138,30,63,.15);\n --la-radius: 20px;\n --la-radius-sm: 12px;\n}\n\n.la-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--la-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.la-hero {\n position: relative;\n background: linear-gradient(135deg, #8a1e3f 0%, #b5365a 40%, #d4728e 100%);\n border-radius: var(--la-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(--la-shadow-lg);\n}\n\n.la-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.la-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.la-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.la-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.la-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 620px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.la-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.la-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(--la-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.la-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.la-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.la-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--la-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.la-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(--la-primary), var(--la-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.la-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--la-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.la-section-intro strong {\n color: var(--la-primary-dark);\n}\n\n\/* === CARDS === *\/\n.la-card {\n background: var(--la-white);\n border-radius: var(--la-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--la-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.la-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--la-shadow-lg);\n border-color: var(--la-primary);\n}\n\n.la-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--la-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.la-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--la-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.la-card-ingredient {\n text-align: left;\n}\n\n.la-card-ingredient h3 {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.la-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.la-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.la-grid-compact .la-card {\n padding: 1rem;\n}\n\n.la-grid-compact .la-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.la-grid-compact .la-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.la-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.la-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.la-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--la-primary), var(--la-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.la-timeline-content {\n flex: 1;\n background: var(--la-white);\n padding: 1rem 1.25rem;\n border-radius: var(--la-radius-sm);\n box-shadow: var(--la-shadow);\n}\n\n.la-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--la-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.la-timeline-content p {\n font-size: 14px;\n color: var(--la-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.la-timeline-content p strong {\n color: var(--la-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.la-testimonial {\n background: var(--la-white);\n border-radius: var(--la-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--la-shadow);\n border-left: 4px solid var(--la-primary);\n}\n\n.la-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--la-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.la-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--la-primary-light);\n border-radius: var(--la-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.la-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.la-tip p {\n font-size: 14px;\n color: var(--la-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.la-tip p strong {\n color: var(--la-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.la-accordion {\n background: var(--la-white);\n border-radius: var(--la-radius);\n box-shadow: var(--la-shadow);\n overflow: hidden;\n}\n\n.la-accordion-item {\n border-bottom: 1px solid var(--la-border);\n margin: 0;\n padding: 0;\n}\n\n.la-accordion-item:last-child {\n border-bottom: none;\n}\n\n.la-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--la-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.la-accordion-header:hover {\n background: var(--la-primary-light);\n}\n\n.la-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.la-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--la-primary);\n transition: transform .2s ease;\n}\n\n.la-accordion-item[open] .la-accordion-header::after {\n content: '−';\n}\n\n.la-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--la-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.la-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.la-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.la-disclaimer {\n font-size: 12px;\n color: var(--la-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === CTA === *\/\n.la-cta-box {\n background: linear-gradient(135deg, var(--la-primary) 0%, var(--la-primary-dark) 100%);\n border-radius: var(--la-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.la-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 .la-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .la-card {\n padding: 1.125rem;\n }\n\n .la-card-ingredient {\n text-align: left;\n }\n\n .la-section {\n margin-bottom: 1.75rem;\n }\n\n .la-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--la-radius-sm);\n }\n\n .la-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .la-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .la-grid-compact {\n gap: .625rem;\n }\n\n .la-grid-compact .la-card {\n padding: .75rem;\n }\n\n .la-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .la-timeline-content {\n padding: .875rem 1rem;\n }\n\n .la-timeline-content h3 {\n font-size: 14px;\n }\n\n .la-timeline-content p {\n font-size: 13px;\n }\n\n .la-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .la-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .la-testimonial {\n padding: 1.25rem;\n }\n\n .la-testimonial-text {\n font-size: 14px;\n }\n\n .la-tip {\n padding: .875rem 1rem;\n }\n\n .la-tip-icon {\n font-size: 20px;\n }\n\n .la-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .la-card {\n animation: laFadeInUp .5s ease backwards;\n }\n .la-card:nth-child(1) { animation-delay: .05s; }\n .la-card:nth-child(2) { animation-delay: .1s; }\n .la-card:nth-child(3) { animation-delay: .15s; }\n .la-card:nth-child(4) { animation-delay: .2s; }\n .la-card:nth-child(5) { animation-delay: .25s; }\n .la-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes laFadeInUp {\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 .la-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":53502902403449,"sku":"CE0468","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-concentre-anti-taches-lys-active-15ml-centifolia-packshothd.webp?v=1775897447"},{"product_id":"huile-neem-bio-anti-imperfections-50ml","title":"Huile de Neem BIO 50 ml - Anti-imperfections - Comptoir des Huiles","description":"\u003cdiv class=\"nm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nm-hero\"\u003e\n \u003cdiv class=\"nm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nm-hero-content\"\u003e\n \u003cdiv class=\"nm-badges-top\"\u003e\n \u003cspan class=\"nm-badge\"\u003e🌿 100 % naturelle \u0026amp; BIO\u003c\/span\u003e\n \u003cspan class=\"nm-badge\"\u003e🧴 Flacon pipette 50 ml\u003c\/span\u003e\n \u003cspan class=\"nm-badge\"\u003e✨ Anti-imperfections\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nm-hero-title\"\u003eHuile de Neem BIO\u003c\/span\u003e\n \u003cp class=\"nm-subtitle\"\u003eLe soin ancestral ayurvédique pour les peaux à problèmes\u003c\/p\u003e\n \u003cp class=\"nm-description\"\u003ePurifiante, apaisante et réparatrice — une huile végétale pure, certifiée Cosmos Organic, pour le visage, le corps et les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eHuile de Neem BIO : le soin naturel anti-imperfections pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eVous cherchez une solution naturelle pour lutter contre les boutons, les irritations ou les pellicules ?\u003c\/p\u003e\n \u003cp class=\"nm-section-text\"\u003eL'\u003cstrong\u003ehuile de Neem BIO 50 ml\u003c\/strong\u003e de \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e, en flacon pipette, est un véritable concentré de bienfaits. Extraite des graines de l'arbre de Neem (\u003cem\u003eAzadirachta indica\u003c\/em\u003e), cette huile végétale est utilisée depuis des siècles en médecine ayurvédique pour ses propriétés purifiantes exceptionnelles. 100 % naturelle et certifiée biologique, elle s'adresse aux \u003cstrong\u003epeaux à problèmes, sensibles et réactives\u003c\/strong\u003e, aussi bien pour le visage que pour les cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de Neem pour votre peau\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eUne richesse en acides gras essentiels (oléique, linoléique, stéarique) et en vitamine E qui offre des propriétés multiples.\u003c\/p\u003e\n \u003cdiv class=\"nm-grid\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🧼 Purifiante et antibactérienne\u003c\/h3\u003e\n \u003cp\u003eElle aide à assainir les pores obstrués et à réduire visiblement les imperfections, boutons et points noirs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🌸 Anti-inflammatoire et apaisante\u003c\/h3\u003e\n \u003cp\u003eElle calme les rougeurs, les irritations et soulage les peaux sujettes à l'eczéma ou au psoriasis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🛡️ Antifongique naturelle\u003c\/h3\u003e\n \u003cp\u003eElle contribue à limiter la prolifération des champignons responsables de certaines affections cutanées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e💧 Nourrissante et réparatrice\u003c\/h3\u003e\n \u003cp\u003eElle restaure le film hydrolipidique des zones sèches et abîmées, sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eUn allié précieux pour le cuir chevelu\u003c\/h2\u003e\n \u003cdiv class=\"nm-testimonial\"\u003e\n \u003cp class=\"nm-testimonial-text\"\u003eAu-delà du visage, l'\u003cstrong\u003ehuile de Neem\u003c\/strong\u003e est particulièrement efficace en soin capillaire. Si vous souffrez de démangeaisons, de pellicules persistantes ou d'un cuir chevelu irrité, quelques gouttes suffisent pour retrouver confort et équilibre. Sa texture riche pénètre facilement sans alourdir les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-grid-compact nm-mt\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🩹 Pellicules\u003c\/h3\u003e\n \u003cp\u003eRéduit les squames et purifie le cuir chevelu en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e😌 Démangeaisons\u003c\/h3\u003e\n \u003cp\u003eApaise les irritations et restaure le confort du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eHuile de Neem et plantes : un insecticide naturel reconnu\u003c\/h2\u003e\n \u003cp class=\"nm-section-text\"\u003eVous avez peut-être entendu parler de l'\u003cstrong\u003ehuile de Neem comme insecticide naturel\u003c\/strong\u003e pour les plantes. C'est tout à fait exact : grâce à l'azadirachtine qu'elle contient, elle est utilisée en agriculture biologique comme répulsif contre les pucerons et autres nuisibles.\u003c\/p\u003e\n \u003cdiv class=\"nm-tip\"\u003e\n \u003cspan class=\"nm-tip-icon\"\u003e🪴\u003c\/span\u003e\n \u003cp\u003eCependant, cette formulation cosmétique de Comptoir des Huiles est spécifiquement conçue pour un \u003cstrong\u003eusage cutané et capillaire\u003c\/strong\u003e. Il ne s'agit pas d'une huile essentielle de Neem, mais bien d'une huile végétale pure, douce et adaptée à la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de Neem BIO ?\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eLe flacon pipette en verre permet une application précise, hygiénique et sans gaspillage.\u003c\/p\u003e\n \u003cdiv class=\"nm-timeline\"\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eDéposez 1 à 2 gouttes le soir sur les zones à imperfections, sur peau propre et sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez localement les zones sèches, rugueuses ou irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eSur le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes, massez délicatement, puis laissez poser 30 minutes avant de rincer avec votre shampooing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-tip\"\u003e\n \u003cspan class=\"nm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'odeur du Neem est assez prononcée. N'hésitez pas à mélanger quelques gouttes avec une huile plus neutre comme le jojoba ou l'amande douce pour adoucir le parfum et la texture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"nm-composition-box\"\u003e\n \u003cdiv class=\"nm-composition-ingredient\"\u003e\n \u003cspan class=\"nm-composition-label\"\u003eIngrédient unique (INCI)\u003c\/span\u003e\n \u003cspan class=\"nm-composition-value\"\u003eMelia Azadirachta Seed Oil*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"nm-composition-note\"\u003e*Issu de l'agriculture biologique – Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-grid-compact nm-mt\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum de synthèse\u003c\/h3\u003e\n \u003cp\u003eAucun arôme artificiel ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003eFormule pure, sans additif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eL'huile de Neem présente-t-elle un danger ?\u003c\/h2\u003e\n \u003cdiv class=\"nm-accordion\"\u003e\n \u003cdetails class=\"nm-accordion-item\"\u003e\n \u003csummary class=\"nm-accordion-header\"\u003e🧪 Test d'allergie recommandé\u003c\/summary\u003e\n \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est recommandé de réaliser un test dans le pli du coude avant la première utilisation, surtout si vous avez la peau très réactive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nm-accordion-item\"\u003e\n \u003csummary class=\"nm-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de Neem est déconseillée aux femmes enceintes et aux jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nm-accordion-item\"\u003e\n \u003csummary class=\"nm-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"nm-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 \u003cp class=\"nm-section-text nm-mt\"\u003eUtilisée en application cutanée externe, l'\u003cstrong\u003ehuile de Neem BIO\u003c\/strong\u003e ne présente pas de danger particulier. Un usage raisonné et un test préalable garantissent une expérience en toute sérénité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"nm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"nm-cta-box\"\u003e\n \u003cp\u003e🌿 Adoptez l'\u003cstrong\u003ehuile de Neem BIO\u003c\/strong\u003e de Comptoir des Huiles pour une routine beauté naturelle, efficace et respectueuse de votre peau comme de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nm-disclaimer\"\u003eComplément cosmétique. Ne se substitue pas à un traitement médical. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --nm-cream: #f7f5f0;\n --nm-white: #ffffff;\n --nm-primary: #2e6b50;\n --nm-primary-dark: #1d4a36;\n --nm-primary-light: #e8f0eb;\n --nm-secondary: #c9a96e;\n --nm-accent: #8b6914;\n --nm-text: #1a1a1a;\n --nm-text-light: #5a5a5a;\n --nm-border: #e0ddd6;\n --nm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nm-radius: 20px;\n --nm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.nm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nm-hero {\n position: relative;\n background: linear-gradient(135deg, #1d4a36 0%, #2e6b50 40%, #3a7d5e 70%, #c9a96e 100%);\n border-radius: var(--nm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nm-shadow-lg);\n}\n\n.nm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(201,169,110,.12) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 0%, transparent 40%);\n opacity: 1;\n}\n\n.nm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.nm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.nm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.nm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.nm-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.nm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.nm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nm-primary), var(--nm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.nm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.nm-section-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--nm-text-light);\n line-height: 1.8;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n text-align: center;\n}\n\n.nm-section-text strong {\n color: var(--nm-text);\n}\n\n.nm-mt {\n margin-top: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.nm-card {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nm-shadow-lg);\n border-color: var(--nm-primary);\n}\n\n.nm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nm-grid-compact .nm-card {\n padding: 1rem;\n}\n\n.nm-grid-compact .nm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nm-grid-compact .nm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nm-primary), var(--nm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nm-timeline-content {\n flex: 1;\n background: var(--nm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nm-radius-sm);\n box-shadow: var(--nm-shadow);\n}\n\n.nm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nm-timeline-content p {\n font-size: 14px;\n color: var(--nm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nm-testimonial {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nm-shadow);\n border-left: 4px solid var(--nm-primary);\n}\n\n.nm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nm-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.nm-testimonial-text strong {\n color: var(--nm-primary-dark);\n}\n\n\/* === COMPOSITION BOX === *\/\n.nm-composition-box {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nm-shadow);\n text-align: center;\n border: 2px solid var(--nm-primary-light);\n}\n\n.nm-composition-ingredient {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n margin-bottom: 1rem;\n}\n\n.nm-composition-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--nm-text-light);\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.nm-composition-value {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--nm-primary-dark);\n font-style: italic;\n}\n\n.nm-composition-note {\n font-size: 14px;\n color: var(--nm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nm-composition-note strong {\n color: var(--nm-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.nm-accordion {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n box-shadow: var(--nm-shadow);\n overflow: hidden;\n}\n\n.nm-accordion-item {\n border-bottom: 1px solid var(--nm-border);\n margin: 0;\n padding: 0;\n}\n\n.nm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nm-accordion-header:hover {\n background: var(--nm-primary-light);\n}\n\n.nm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nm-primary);\n transition: transform .2s ease;\n}\n\n.nm-accordion-item[open] .nm-accordion-header::after {\n content: '−';\n}\n\n.nm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nm-primary-light);\n border-radius: var(--nm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nm-tip p {\n font-size: 14px;\n color: var(--nm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.nm-tip p strong {\n color: var(--nm-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.nm-cta-box {\n background: linear-gradient(135deg, var(--nm-primary) 0%, var(--nm-primary-dark) 100%);\n border-radius: var(--nm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nm-disclaimer {\n font-size: 12px;\n color: var(--nm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nm-card {\n padding: 1.125rem;\n }\n\n .nm-section {\n margin-bottom: 1.75rem;\n }\n\n .nm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nm-radius-sm);\n }\n\n .nm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nm-grid-compact {\n gap: .625rem;\n }\n\n .nm-grid-compact .nm-card {\n padding: .75rem;\n }\n\n .nm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nm-timeline-content h3 {\n font-size: 14px;\n }\n\n .nm-timeline-content p {\n font-size: 13px;\n }\n\n .nm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nm-testimonial {\n padding: 1.25rem;\n }\n\n .nm-testimonial-text {\n font-size: 14px;\n }\n\n .nm-composition-value {\n font-size: 18px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nm-card {\n animation: nmFadeInUp .5s ease backwards;\n }\n .nm-card:nth-child(1) { animation-delay: .05s; }\n .nm-card:nth-child(2) { animation-delay: .1s; }\n .nm-card:nth-child(3) { animation-delay: .15s; }\n .nm-card:nth-child(4) { animation-delay: .2s; }\n .nm-card:nth-child(5) { animation-delay: .25s; }\n .nm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes nmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":54830939013497,"sku":"HUILEDENEEMCOMPTOIRDESHUILES","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-neem-bio-50-ml-flacon-pipette-comptoir-des-huiles-packshothd.webp?v=1774365007"},{"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":9.89,"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":"geranium-rosat-huile-essentielle-saint-hilaire","title":"Huile Essentielle de Géranium Rosat Bio - Saint Hilaire - 10 ml","description":"\u003cdiv class=\"gr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gr-hero\"\u003e\n \u003cdiv class=\"gr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gr-hero-content\"\u003e\n \u003cdiv class=\"gr-badges-top\"\u003e\n \u003cspan class=\"gr-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🌸 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gr-hero-title\"\u003eHuile essentielle de Géranium Rosat Bio\u003c\/span\u003e\n \u003cp class=\"gr-subtitle\"\u003eDistillerie Saint-Hilaire — 10 ml\u003c\/p\u003e\n \u003cp class=\"gr-description\"\u003eUn trésor floral aux vertus exceptionnelles pour la peau, l'esprit et le bien-être au quotidien. Pelargonium graveolens d'origine Égypte, distillé avec un savoir-faire artisanal d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eHuile essentielle de Géranium Rosat Bio – Un incontournable de l'aromathérapie\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle de géranium rosat\u003c\/strong\u003e bio de la Distillerie Saint-Hilaire est un véritable trésor botanique. Obtenue par distillation à la vapeur d'eau des parties aériennes du \u003cem\u003ePelargonium graveolens\u003c\/em\u003e, elle dévoile un parfum floral et rosé d'une grande finesse.\u003c\/p\u003e\n \u003cp class=\"gr-section-intro\"\u003eQue vous cherchiez à prendre soin de votre peau, à éloigner les insectes ou à retrouver un équilibre émotionnel, cette \u003cstrong\u003ehuile essentielle bio\u003c\/strong\u003e saura répondre à vos attentes avec élégance.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de géranium rosat\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eLe \u003cstrong\u003egéranium rosat\u003c\/strong\u003e est l'une des huiles essentielles les plus polyvalentes en aromathérapie. Voici ses principales propriétés reconnues :\u003c\/p\u003e\n \u003cdiv class=\"gr-grid\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e✨ Régénérante cutanée\u003c\/h3\u003e\n \u003cp\u003eFavorise la cicatrisation des petites plaies, coupures et irritations. Particulièrement appréciée pour atténuer l'apparence des rides, des vergetures et des taches cutanées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🛡️ Anti-infectieuse et antifongique\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée en cas de mycoses cutanées, de candidoses ou d'affections comme l'eczéma, le psoriasis ou l'impétigo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e💎 Astringente et tonifiante\u003c\/h3\u003e\n \u003cp\u003eResserre les pores, tonifie les tissus et améliore l'élasticité de la peau. Un allié précieux pour les peaux mixtes, grasses ou matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🦟 Répulsif naturel\u003c\/h3\u003e\n \u003cp\u003eSon arôme floral éloigne efficacement moustiques et autres nuisibles. Idéal en diffusion lors des soirées d'été.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🧘 Apaisante émotionnelle\u003c\/h3\u003e\n \u003cp\u003eEn diffusion atmosphérique, aide à réduire le stress, l'anxiété et la nervosité, instaurant une ambiance douce et harmonieuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e💜 Soutien circulatoire\u003c\/h3\u003e\n \u003cp\u003eHémostatique, elle contribue à atténuer les sensations de jambes lourdes et les petits saignements superficiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de géranium rosat ?\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eVoici quelques conseils pratiques pour profiter pleinement de ses bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"gr-timeline\"\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eEn soin cutané\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à café d'huile végétale (jojoba, amande douce ou argan) et appliquez sur la zone concernée. Parfait pour le visage, les cicatrices ou les zones sujettes aux irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 10 gouttes dans votre diffuseur pour créer une atmosphère relaxante et repousser les insectes naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eEn synergie\u003c\/h3\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile essentielle géranium bourbon\u003c\/strong\u003e se marie parfaitement avec la lavande vraie, le palmarosa, l'ylang-ylang ou le citron pour des compositions personnalisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ajoutez 2 gouttes à votre crème de jour ou de nuit pour un soin anti-âge naturel et délicatement parfumé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eComposition et caractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"gr-grid-compact\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003ePelargonium graveolens\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eParties aériennes (feuilles et tiges)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e💧 Extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eÉgypte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🔬 Chémotype\u003c\/h3\u003e\n \u003cp\u003eCitronellol, géraniol, linalol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🧪 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003ePelargonium graveolens oil*. *Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gr-accordion\"\u003e\n \u003cdetails class=\"gr-accordion-item\" open\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eComme toute huile essentielle, le géranium rosat doit être utilisé avec discernement. \u003cstrong\u003eNe jamais l'appliquer pure sur la peau\u003c\/strong\u003e : diluez-la toujours dans une huile végétale. Effectuez un test dans le pli du coude 48 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eElle est \u003cstrong\u003edéconseillée aux femmes enceintes et allaitantes\u003c\/strong\u003e ainsi qu'aux enfants de moins de 6 ans. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace en aucun cas un traitement médical. Consultez votre médecin ou pharmacien pour tout usage thérapeutique.\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=\"gr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir la Distillerie Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"gr-cta-box\"\u003e\n \u003cp\u003eInstallée au cœur de l'Auvergne, la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e perpétue un savoir-faire artisanal exigeant. Chaque \u003cstrong\u003ehuile essentielle bio chémotypée\u003c\/strong\u003e est rigoureusement contrôlée pour garantir une traçabilité complète et une qualité irréprochable.\u003c\/p\u003e\n \u003cp style=\"margin-top:1rem;\"\u003eEn choisissant cette huile essentielle de géranium rosat, vous optez pour un produit authentique, respectueux de la nature et de votre bien-être. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gr-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments et ne peuvent se substituer à un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gr-cream: #faf7f5;\n --gr-white: #ffffff;\n --gr-primary: #c76b8a;\n --gr-primary-dark: #2d4a3e;\n --gr-primary-light: #f5e8ed;\n --gr-secondary: #e8a0b5;\n --gr-accent: #8b5e3c;\n --gr-text: #1a1a1a;\n --gr-text-light: #5a5a5a;\n --gr-border: #e8ddd6;\n --gr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gr-radius: 20px;\n --gr-radius-sm: 12px;\n}\n\n.gr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gr-primary-dark) 0%, #4a6e5d 40%, var(--gr-primary) 100%);\n border-radius: var(--gr-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(--gr-shadow-lg);\n}\n\n.gr-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(232,160,181,.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.gr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gr-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.gr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gr-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(--gr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gr-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.gr-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.gr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gr-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.gr-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(--gr-primary), var(--gr-secondary));\n border-radius: 2px;\n}\n\n.gr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gr-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.gr-card {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gr-shadow-lg);\n border-color: var(--gr-primary);\n}\n\n.gr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gr-grid-compact .gr-card {\n padding: 1rem;\n}\n\n.gr-grid-compact .gr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gr-grid-compact .gr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gr-primary), var(--gr-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.gr-timeline-content {\n flex: 1;\n background: var(--gr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gr-radius-sm);\n box-shadow: var(--gr-shadow);\n}\n\n.gr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gr-timeline-content p {\n font-size: 14px;\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.gr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gr-primary-light);\n border-radius: var(--gr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gr-tip p {\n font-size: 14px;\n color: var(--gr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.gr-accordion {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n box-shadow: var(--gr-shadow);\n overflow: hidden;\n}\n\n.gr-accordion-item {\n border-bottom: 1px solid var(--gr-border);\n margin: 0;\n padding: 0;\n}\n\n.gr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gr-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.gr-accordion-header:hover {\n background: var(--gr-primary-light);\n}\n\n.gr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gr-primary);\n transition: transform .2s ease;\n}\n\n.gr-accordion-item[open] .gr-accordion-header::after {\n content: '−';\n}\n\n.gr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.gr-cta-box {\n background: linear-gradient(135deg, var(--gr-primary-dark) 0%, #4a6e5d 100%);\n border-radius: var(--gr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gr-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.gr-disclaimer {\n font-size: 12px;\n color: var(--gr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .gr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gr-card {\n padding: 1.125rem;\n }\n\n .gr-section {\n margin-bottom: 1.75rem;\n }\n\n .gr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gr-radius-sm);\n }\n\n .gr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gr-grid-compact {\n gap: .625rem;\n }\n\n .gr-grid-compact .gr-card {\n padding: .75rem;\n }\n\n .gr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gr-timeline-content h3 {\n font-size: 14px;\n }\n\n .gr-timeline-content p {\n font-size: 13px;\n }\n\n .gr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gr-testimonial {\n padding: 1.25rem;\n }\n\n .gr-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gr-card {\n animation: grFadeInUp .5s ease backwards;\n }\n .gr-card:nth-child(1) { animation-delay: .05s; }\n .gr-card:nth-child(2) { animation-delay: .1s; }\n .gr-card:nth-child(3) { animation-delay: .15s; }\n .gr-card:nth-child(4) { animation-delay: .2s; }\n .gr-card:nth-child(5) { animation-delay: .25s; }\n .gr-card:nth-child(6) { animation-delay: .3s; }\n .gr-card:nth-child(7) { animation-delay: .35s; }\n .gr-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes grFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gr-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":54858776445305,"sku":"NBAIDSH0003","price":9.84,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-geranium-rosat-bio-saint-hilaire-10-ml-packshothd_8e810e0a-8758-4a26-9e5d-47b101e4aafd.webp?v=1786261755"},{"product_id":"huile-vegetale-carotte-bio-50m","title":"Huile végétale à la Carotte Bio - Saint Hilaire - 50 ml","description":"\u003cdiv class=\"mc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mc-hero\"\u003e\n \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mc-hero-content\"\u003e\n \u003cdiv class=\"mc-badges-top\"\u003e\n \u003cspan class=\"mc-badge\"\u003e🌿 Biologique certifié\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🥕 Riche en bêta-carotène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eHuile végétale à la Carotte Bio\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eUn macérât huileux d'exception, issu de racines de carotte bio macérées dans de l'huile de tournesol biologique. Le secret d'un teint lumineux et doré, naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eMacérât huileux de carotte bio : l'allié naturel d'un teint lumineux\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de carotte pour le visage\u003c\/strong\u003e qui apporte un véritable éclat naturel à votre peau ? Le macérât huileux de carotte bio de la Distillerie Saint-Hilaire est bien plus qu'un simple soin : c'est un concentré de bêta-carotène issu de racines de carotte (\u003cem\u003eDaucus carota\u003c\/em\u003e) macérées patiemment dans une huile de tournesol biologique. Fabriqué en Auvergne selon un savoir-faire artisanal, ce flacon de 50 ml deviendra vite un incontournable de votre routine beauté.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePourquoi utiliser une huile de carotte sur le visage ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eLa carotte est naturellement riche en \u003cstrong\u003ebêta-carotène\u003c\/strong\u003e, un pigment précurseur de la vitamine A reconnu pour ses propriétés antioxydantes. Appliquée sur la peau, cette \u003cstrong\u003ehuile végétale de carotte\u003c\/strong\u003e offre des bienfaits concrets que vous remarquerez rapidement :\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e✨ Effet bonne mine immédiat\u003c\/h3\u003e\n \u003cp\u003eLe bêta-carotène donne à la peau une teinte dorée subtile et un éclat sain, sans artifice. Le teint paraît reposé et lumineux dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e☀️ Préparation au bronzage\u003c\/h3\u003e\n \u003cp\u003eAppliquée quelques semaines avant l'été, elle prépare la peau à l'exposition solaire et aide à obtenir un hâle plus uniforme et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eElle lutte contre les radicaux libres responsables du vieillissement prématuré de la peau, aidant à préserver sa souplesse et sa jeunesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e💧 Nutrition et régénération\u003c\/h3\u003e\n \u003cp\u003eLes peaux sèches, ternes ou fragilisées retrouvent confort et douceur grâce à l'action nourrissante de l'huile de tournesol combinée aux actifs de la carotte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile visage carotte au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eL'avantage de ce macérât, c'est sa polyvalence. Voici quelques façons concrètes de l'intégrer à vos soins :\u003c\/p\u003e\n \u003cdiv class=\"mc-timeline\"\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eAppliquez 3 à 4 gouttes le soir sur un visage propre et sec. Massez délicatement du centre vers l'extérieur du visage jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eEn préparation solaire\u003c\/h3\u003e\n \u003cp\u003eCommencez à l'utiliser 2 à 3 semaines avant vos vacances pour préparer naturellement votre peau au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eEn soin après-soleil\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le corps après une journée d'exposition pour apaiser, nourrir et prolonger votre bronzage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eEn mélange personnalisé\u003c\/h3\u003e\n \u003cp\u003eAssociez quelques gouttes à votre crème de jour, à une autre huile végétale ou à votre fond de teint pour un effet bonne mine discret.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile carotte visage\u003c\/strong\u003e convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌻 Helianthus annuus seed oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de tournesol biologique — base de macération nourrissante et légère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🥕 Daucus carota sativa root extract*\u003c\/h3\u003e\n \u003cp\u003eExtrait de racine de carotte biologique — concentré en bêta-carotène pour l'éclat du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌿 Rosmarinus officinalis leaf extract*\u003c\/h3\u003e\n \u003cp\u003eExtrait de feuille de romarin biologique — antioxydant naturel qui préserve la qualité de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e Formule 100 % naturelle, sans conservateur de synthèse, sans parfum ajouté.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧴 Usage et application\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de projection, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière directe et de la chaleur pour préserver la qualité des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e☀️ Protection solaire\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eAttention :\u003c\/strong\u003e ce macérât ne remplace en aucun cas une crème solaire. Utilisez toujours une protection adaptée lors d'une exposition prolongée au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Allergies\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute ou de terrain allergique, réalisez un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mc-cta-box\"\u003e\n \u003cp\u003eFabriqué en France par la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e, ce macérât huileux de carotte bio reflète un engagement sincère pour des soins naturels, biologiques et respectueux de votre peau comme de l'environnement. Un geste simple pour un teint éclatant toute l'année. 🥕✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mc-cream: #fdf8f2;\n --mc-white: #ffffff;\n --mc-primary: #e8983e;\n --mc-primary-dark: #8b5e34;\n --mc-primary-light: #fdf0e2;\n --mc-secondary: #5a7a3a;\n --mc-accent: #d4782a;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #e8ddd0;\n --mc-shadow: 0 4px 24px rgba(139, 94, 52, .08);\n --mc-shadow-lg: 0 12px 48px rgba(139, 94, 52, .15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, #8b5e34 0%, #e8983e 50%, #d4782a 100%);\n border-radius: var(--mc-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(--mc-shadow-lg);\n}\n\n.mc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-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(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mc-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.mc-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.mc-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.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-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.mc-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(--mc-primary), var(--mc-secondary));\n border-radius: 2px;\n}\n\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-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.mc-section-intro strong {\n color: var(--mc-text);\n}\n\n\/* === CARDS === *\/\n.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRID COMPACT === *\/\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-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.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mc-tip p strong {\n color: var(--mc-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-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.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n.mc-accordion-content p strong {\n color: var(--mc-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border-left: 4px solid var(--mc-primary);\n}\n\n.mc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mc-cta-box {\n background: linear-gradient(135deg, var(--mc-primary) 0%, var(--mc-primary-dark) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mc-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.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-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 .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-testimonial {\n padding: 1.25rem;\n }\n\n .mc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mcFadeInUp {\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 .mc-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":54862224720249,"sku":"NBAIDSH0019","price":7.09,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-a-la-carotte-bio-saint-hilaire-50-ml-packshothd.webp?v=1774427265"},{"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":"soin-naturel-amande-douce-50ml","title":"Huile végétale d'Amande Douce Bio - Saint-Hilaire - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile végétale d'Amande Douce Bio - Saint-Hilaire - 50ml\nPalette détectée:\n - Primaire: #2D5A3D (vert foncé du texte \"Distillerie Saint-Hilaire\" sur l'étiquette)\n - Secondaire: #C8A96E (ambre doré du flacon en verre et des amandes)\n - Accent: #E8D5B0 (beige crème de l'étiquette)\n - Fond flacon: #8B5E3C (brun ambré du verre)\nAmbiance: Naturel\/bio, artisanal, douceur, authenticité provençale\/auvergnate, cosmétique végétale\nPréfixe CSS: ad\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile d'amande douce bio : le soin végétal par excellence pour votre peau et vos cheveux\"\n 2. \"Pourquoi choisir l'huile d'amande douce ? Ses bienfaits décryptés\"\n 3. \"L'huile d'amande douce pour les cheveux : un soin capillaire naturel\"\n 4. \"L'huile d'amande douce pour bébé : douceur et sécurité\"\n 5. \"Comment utiliser cette huile végétale d'amande douce bio ?\"\n 6. \"Y a-t-il des inconvénients à l'huile d'amande douce ?\"\n 7. \"Composition\"\n 8. \"Des engagements bio et écoresponsables concrets\"\n 9. \"À qui s'adresse cette huile d'amande douce bio ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\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🌿 Certifiée Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🫒 1ère pression à froid\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🇫🇷 Conditionnée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🍶 Flacon verre 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ad-hero-title\"\u003eHuile végétale d'Amande Douce Bio\u003c\/span\u003e\n \u003cp class=\"ad-subtitle\"\u003eDistillerie Saint-Hilaire — Auvergne\u003c\/p\u003e\n \u003cp class=\"ad-description\"\u003eLa douceur pure de l'amande biologique, obtenue par première pression à froid. Un soin multi-usage pour toute la famille : peau, cheveux, bébé, massage.\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\u003eHuile d'amande douce bio : le soin végétal par excellence pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eSi vous cherchez \u003cstrong\u003eune huile végétale polyvalente, douce et efficace\u003c\/strong\u003e, vous êtes au bon endroit.\u003c\/p\u003e\n \u003cdiv class=\"ad-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile d'amande douce\u003c\/strong\u003e biologique de la Distillerie Saint-Hilaire est un trésor de simplicité : obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e à partir d'amandes cultivées en Espagne, elle conserve l'intégralité de ses nutriments précieux. Aucun raffinage, aucun additif, juste la richesse naturelle de l'amande (\u003cem\u003ePrunus dulcis\u003c\/em\u003e) dans un flacon en verre de 50 ml muni d'une pompe pratique.\u003c\/p\u003e\n \u003cp\u003eQue vous souhaitiez nourrir une peau sèche, apaiser la peau fragile de votre bébé, redonner de l'éclat à vos cheveux ou vous offrir un massage relaxant, cette \u003cstrong\u003ehuile d'amande douce\u003c\/strong\u003e saura répondre à vos attentes avec douceur et efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile d'amande douce ? Ses bienfaits décryptés\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eL'huile d'amande douce fait partie des huiles végétales les plus anciennes et les plus appréciées en cosmétique naturelle, et ce n'est pas un hasard.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧬 Riche en acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003eSa composition exceptionnelle en oméga-9 (acide oléique) et oméga-6 (acide linoléique) en fait un soin nourrissant profond qui renforce le film hydrolipidique de la peau. Résultat : votre peau reste souple, protégée et confortable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🍊 Source naturelle de vitamines\u003c\/h3\u003e\n \u003cp\u003eElle concentre des vitamines A, B1, B2, B6 et surtout de la \u003cstrong\u003evitamine E\u003c\/strong\u003e, un puissant antioxydant naturel qui aide à lutter contre le vieillissement cutané prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌸 Adoucissante et apaisante\u003c\/h3\u003e\n \u003cp\u003eLes \u003cstrong\u003ebienfaits de l'huile d'amande douce\u003c\/strong\u003e sont particulièrement remarquables sur les peaux sensibles, réactives ou sujettes aux tiraillements. Elle calme les rougeurs et les démangeaisons avec une douceur incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e✨ Texture soyeuse et pénétrante\u003c\/h3\u003e\n \u003cp\u003eContrairement à certaines huiles plus épaisses, elle pénètre relativement vite sans laisser de film gras désagréable, ce qui la rend agréable en application quotidienne.\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\u003eL'huile d'amande douce pour les cheveux : un soin capillaire naturel\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eSi vos cheveux sont secs, cassants ou ternes, l'\u003cstrong\u003ehuile d'amande douce pour les cheveux\u003c\/strong\u003e pourrait bien devenir votre alliée indispensable.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid-compact\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e💇 Répare les pointes\u003c\/h3\u003e\n \u003cp\u003eRedonne souplesse et brillance aux pointes sèches et fourchues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Apaise le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAction émolliente sur un cuir chevelu irrité ou sujet aux pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🛡️ Protège les cheveux\u003c\/h3\u003e\n \u003cp\u003eProtège des agressions extérieures : vent, froid, chaleur des appareils coiffants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌀 Discipline les boucles\u003c\/h3\u003e\n \u003cp\u003eLimite les frisottis et apporte de la définition aux cheveux bouclés ou frisés.\u003c\/p\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 pratique :\u003c\/strong\u003e appliquez une noisette d'huile sur vos longueurs et pointes sèches, laissez poser 30 minutes à 1 heure en bain d'huile avant votre shampooing. Pour un soin express au quotidien, une ou deux gouttes sur les pointes encore humides après le lavage suffisent à les protéger et les nourrir.\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\u003eL'huile d'amande douce pour bébé : douceur et sécurité\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eL'\u003cstrong\u003ehuile d'amande douce pour bébé\u003c\/strong\u003e est un grand classique, plébiscité par des générations de parents. Sa texture douce et sa composition naturelle en font un soin parfaitement adapté à la peau fragile des tout-petits.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e👶 Massage de bébé\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes réchauffées entre vos paumes suffisent pour un moment de tendresse et de détente. Le massage favorise le lien parent-enfant tout en hydratant la peau délicate de votre bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Croûtes de lait\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite quantité sur le cuir chevelu de votre nourrisson, laissez agir quelques minutes, puis brossez délicatement avec une brosse à poils souples avant le bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🤲 Zones sèches\u003c\/h3\u003e\n \u003cp\u003eCoudes, joues, petits plis… l'huile d'amande douce nourrit et adoucit les zones qui tiraillent.\u003c\/p\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\u003ePrécaution :\u003c\/strong\u003e bien que très douce, il est toujours recommandé de réaliser un test cutané dans le pli du coude de votre enfant 24 heures avant la première utilisation, notamment en cas d'antécédents allergiques aux fruits à coque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile végétale d'amande douce bio ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eLa polyvalence de cette huile est l'un de ses plus grands atouts. Voici comment l'intégrer simplement à votre routine.\u003c\/p\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\u003eSoin du visage\u003c\/h3\u003e\n \u003cp\u003eLe soir, sur une peau nettoyée, déposez 3 à 4 gouttes au creux de vos paumes et massez délicatement votre visage en mouvements ascendants. Particulièrement recommandée pour les peaux sèches, sensibles ou matures.\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\u003eSoin du corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, appliquez sur la peau encore légèrement humide pour une absorption optimale. Insistez sur les zones les plus sèches : coudes, genoux, pieds.\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\u003eHuile de massage\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la pure pour un massage relaxant, ou mélangez-la avec quelques gouttes d'huile essentielle de votre choix (lavande pour la détente, ylang-ylang pour la sensualité). Sa texture fluide facilite les mouvements et offre un excellent glissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eDémaquillant naturel\u003c\/h3\u003e\n \u003cp\u003eSur un coton ou directement avec les doigts, elle dissout efficacement le maquillage, même waterproof, tout en prenant soin de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eBase en aromathérapie\u003c\/h3\u003e\n \u003cp\u003eEn tant qu'huile de support, elle sert de base idéale pour diluer vos huiles essentielles avant une application cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eY a-t-il des inconvénients à l'huile d'amande douce ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eSoyons transparents : comme tout produit naturel, l'\u003cstrong\u003ehuile d'amande douce\u003c\/strong\u003e présente quelques limites qu'il est important de connaître pour l'utiliser en toute sérénité.\u003c\/p\u003e\n \u003cdiv class=\"ad-accordion\"\u003e\n \u003cdetails class=\"ad-accordion-item\"\u003e\n \u003csummary class=\"ad-accordion-header\"\u003e🥜 Allergies aux fruits à coque\u003c\/summary\u003e\n \u003cdiv class=\"ad-accordion-content mt-3\"\u003e\n \u003cp\u003eC'est le principal point de vigilance. Si vous ou votre enfant êtes allergique aux amandes ou aux fruits à coque, cette huile est déconseillée. En cas de doute, consultez votre médecin ou votre allergologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ad-accordion-item\"\u003e\n \u003csummary class=\"ad-accordion-header\"\u003e🔬 Comédogénicité légère\u003c\/summary\u003e\n \u003cdiv class=\"ad-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile d'amande douce a un indice de comédogénicité de 2 sur 5. Si vous avez la peau grasse ou sujette aux imperfections, privilégiez son utilisation sur le corps plutôt que sur le visage, ou testez-la progressivement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ad-accordion-item\"\u003e\n \u003csummary class=\"ad-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ad-accordion-content mt-3\"\u003e\n \u003cp\u003eComme toute huile vierge de qualité, elle peut rancir si elle est exposée à la chaleur ou à la lumière. Conservez-la dans un endroit frais et sec, à l'abri de la lumière directe, et utilisez-la dans les 6 mois suivant l'ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ad-composition-box\"\u003e\n \u003cdiv class=\"ad-composition-main\"\u003e\n \u003ch3\u003e🌱 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003ePrunus Amygdalus Dulcis Oil*\u003c\/strong\u003e (huile d'amande douce)\u003c\/p\u003e\n \u003cp\u003e*Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-grid-compact\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🫒 Mode d'obtention\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid, sans traitement chimique ni raffinage. Préserve l'intégralité des acides gras, vitamines et composés actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🇪🇸 Origine\u003c\/h3\u003e\n \u003cp\u003eAmandes cultivées en Espagne, conditionnement en France par la Distillerie Saint-Hilaire (Auvergne).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eDes engagements bio et écoresponsables concrets\u003c\/h2\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🏅 Certification Ecocert – COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCe label exigeant garantit que l'ensemble du processus de fabrication, de la culture de l'amande au conditionnement, respecte des critères environnementaux stricts et vérifiés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🍶 Flacon en verre ambré\u003c\/h3\u003e\n \u003cp\u003eRecyclable et protecteur, il préserve l'huile de la lumière et assure une meilleure conservation de ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e💧 Pompe doseuse\u003c\/h3\u003e\n \u003cp\u003eElle vous permet de prélever la juste quantité, sans gaspillage ni contamination du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire Distillerie Saint-Hilaire\u003c\/h3\u003e\n \u003cp\u003eImplantée en Auvergne, cette distillerie artisanale perpétue un savoir-faire rigoureux, en privilégiant des matières premières biologiques et traçables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette huile d'amande douce bio ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eElle convient à \u003cstrong\u003etoute la famille\u003c\/strong\u003e, des nourrissons aux adultes, et s'adapte à de nombreuses situations.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Peaux sèches et sensibles\u003c\/h3\u003e\n \u003cp\u003eLes personnes à la peau sèche, sensible ou réactive qui cherchent un soin nourrissant sans ingrédient superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e👶 Jeunes parents\u003c\/h3\u003e\n \u003cp\u003eLes jeunes parents souhaitant un soin naturel et sûr pour la peau de leur bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs et abîmés\u003c\/h3\u003e\n \u003cp\u003eLes personnes aux cheveux secs, abîmés ou indisciplinés en quête d'un soin capillaire simple et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧘 Amateurs d'aromathérapie\u003c\/h3\u003e\n \u003cp\u003eLes amateurs d'aromathérapie et de massage qui recherchent une huile de support de qualité biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌿 Routine simplifiée\u003c\/h3\u003e\n \u003cp\u003eToute personne souhaitant simplifier sa routine beauté avec un produit multi-usage, naturel et certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + Précautions --\u003e\n \u003csection class=\"ad-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ad-cta-box\"\u003e\n \u003cp\u003e🌿 L'huile d'amande douce bio Saint-Hilaire : un seul geste pour nourrir, apaiser et sublimer votre peau et vos cheveux, au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-disclaimer\"\u003e\u003cstrong\u003ePrécautions d'emploi :\u003c\/strong\u003e cette huile végétale est un soin cosmétique et ne remplace en aucun cas un traitement médical. En cas de doute, notamment en cas d'allergie connue aux fruits à coque, consultez un professionnel de santé avant utilisation. Réservé à un usage externe. 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 --ad-cream: #FAF7F2;\n --ad-white: #ffffff;\n --ad-primary: #2D5A3D;\n --ad-primary-dark: #1E3F2B;\n --ad-primary-light: #EDF5F0;\n --ad-secondary: #C8A96E;\n --ad-accent: #E8D5B0;\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\/* === CONTENEUR === *\/\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, #1E3F2B 0%, #2D5A3D 40%, #3D7A52 70%, #C8A96E 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(200,169,110,.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(200,169,110,.06) 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\/* === TITRE HERO === *\/\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: var(--ad-accent);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.ad-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.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\/* === 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\/* === SECTION INTRO TEXT === *\/\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\/* === GRILLE COMPACTE === *\/\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\/* === HIGHLIGHT BOX === *\/\n.ad-highlight-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 border-left: 4px solid var(--ad-secondary);\n}\n\n.ad-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--ad-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.ad-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ad-composition-box {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.ad-composition-main {\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 text-align: center;\n border: 2px solid var(--ad-primary-light);\n}\n\n.ad-composition-main h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--ad-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.ad-composition-main p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--ad-text-light);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.ad-composition-main p:last-child {\n margin-bottom: 0;\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.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ad-testimonial {\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 border-left: 4px solid var(--ad-primary);\n}\n\n.ad-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ad-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ad-accordion {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n box-shadow: var(--ad-shadow);\n overflow: hidden;\n}\n\n.ad-accordion-item {\n border-bottom: 1px solid var(--ad-border);\n margin: 0;\n padding: 0;\n}\n\n.ad-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ad-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ad-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.ad-accordion-header:hover {\n background: var(--ad-primary-light);\n}\n\n.ad-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ad-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ad-primary);\n transition: transform .2s ease;\n}\n\n.ad-accordion-item[open] .ad-accordion-header::after {\n content: '−';\n}\n\n.ad-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ad-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ad-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\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\/* === CTA FINAL === *\/\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 line-height: 1.6;\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ad-accordion-content {\n padding: 0 1rem .875rem;\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-highlight-box {\n padding: 1.25rem;\n }\n\n .ad-highlight-box p {\n font-size: 14px;\n }\n\n .ad-composition-main {\n padding: 1rem;\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":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54862249525625,"sku":"NBAIDSH0015","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-amande-douce-bio-saint-hilaire-50ml.jpg?v=1770369943"},{"product_id":"huile-vegetale-calendula-bio-saint-hilaire","title":"Huile Végétale de Calendula Bio - Saint-Hilaire - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Calendula Bio - Saint-Hilaire - 50ml\nPalette détectée:\n - Primaire: #D4891C (jaune-orangé doré du bandeau Calendula sur l'étiquette)\n - Secondaire: #5C3A1E (brun ambre du flacon en verre)\n - Accent: #E8A830 (jaune vif des fleurs de calendula)\nAmbiance: Naturel\/bio, artisanal français, herboristerie traditionnelle, douceur maternelle, Auvergne\nPréfixe CSS: cal\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Macérat huileux de Calendula biologique : l'allié des peaux sensibles\"\n 2. \"Huile de calendula : bienfaits pour la peau\"\n 3. \"Pour quelles situations utiliser l'huile de calendula ?\"\n 4. \"Comment utiliser ce macérat huileux de calendula ?\"\n 5. \"Composition complète (INCI)\"\n 6. \"Pourquoi choisir le macérat de calendula Saint-Hilaire ?\"\n 7. \"Précautions d'emploi et conservation\"\n 8. \"Questions fréquentes sur l'huile de calendula\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cal-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cal-hero\"\u003e\n \u003cdiv class=\"cal-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cal-hero-content\"\u003e\n \u003cdiv class=\"cal-badges-top\"\u003e\n \u003cspan class=\"cal-badge\"\u003e🌿 Certifié biologique\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e🌼 100% naturel\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e👶 Convient aux bébés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cal-hero-title\"\u003eHuile végétale de Calendula bio\u003c\/span\u003e\n \u003cp class=\"cal-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml avec pompe doseuse\u003c\/p\u003e\n \u003cp class=\"cal-description\"\u003eLe macérat huileux artisanal d'exception pour apaiser, nourrir et réparer les peaux les plus sensibles — du nourrisson à l'adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eMacérat huileux de Calendula biologique : l'allié des peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de calendula\u003c\/strong\u003e authentique, douce et véritablement efficace pour prendre soin des peaux les plus fragiles ?\u003c\/p\u003e\n \u003cdiv class=\"cal-highlight-box\"\u003e\n \u003cp\u003eCe \u003cstrong\u003emacérat huileux de Calendula bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est obtenu selon un procédé artisanal ancestral : les fleurs de \u003cem\u003eCalendula officinalis\u003c\/em\u003e — le fameux « Souci des jardins » — sont longuement macérées dans une \u003cstrong\u003ehuile de tournesol biologique\u003c\/strong\u003e, permettant d'en capturer toute la richesse en principes actifs apaisants et réparateurs.\u003c\/p\u003e\n \u003cp\u003eFabriqué en Auvergne par une distillerie reconnue pour son savoir-faire et son exigence de qualité, ce flacon de 50 ml avec pompe doseuse vous accompagne au quotidien pour apaiser, nourrir et protéger votre peau, celle de vos proches et même celle des tout-petits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eHuile de calendula : bienfaits pour la peau\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eLe calendula est l'une des plantes les plus étudiées et les plus appréciées en cosmétique naturelle. Ses fleurs regorgent de \u003cstrong\u003eflavonoïdes\u003c\/strong\u003e, de \u003cstrong\u003ecaroténoïdes\u003c\/strong\u003e et d'\u003cstrong\u003eesters faradiol\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌸 Apaisante pour les peaux irritées\u003c\/h3\u003e\n \u003cp\u003eRougeurs, tiraillements, petites irritations du quotidien… L'huile au calendula calme rapidement les inconforts cutanés. Un réflexe naturel en cas de peau échauffée par le soleil, le froid ou le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e✨ Réparatrice et régénérante\u003c\/h3\u003e\n \u003cp\u003eElle soutient le processus naturel de réparation de la peau. Gerçures, crevasses, petites zones abîmées ou dessèchement : elle favorise le renouvellement cellulaire pour une peau saine et souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💧 Nourrissante en profondeur\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'huile de tournesol bio, ce macérat est riche en acides gras essentiels (oméga 6, oméga 9) et en vitamine E. Il nourrit intensément sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🛡️ Adoucissante et protectrice\u003c\/h3\u003e\n \u003cp\u003eSes propriétés émollientes assouplissent la peau et renforcent la barrière cutanée. Les antioxydants naturels aident à lutter contre le stress oxydatif et le vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e👶 Adaptée aux peaux délicates\u003c\/h3\u003e\n \u003cp\u003eSa grande douceur en fait un soin de choix pour les peaux réactives, atopiques, ainsi que pour la peau fragile des bébés et des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-tip\"\u003e\n \u003cspan class=\"cal-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e il n'existe pas d'\u003cstrong\u003ehuile essentielle de calendula\u003c\/strong\u003e à proprement parler. Le calendula ne se distille pas comme la lavande ou le tea tree. C'est bien sous forme de \u003cstrong\u003emacérat huileux\u003c\/strong\u003e (aussi appelé huile de calendula) que l'on profite de ses bienfaits en cosmétique. Une nuance importante pour bien choisir votre produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003ePour quelles situations utiliser l'huile de calendula ?\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eCe macérat huileux est d'une polyvalence remarquable. Voici les situations concrètes dans lesquelles il peut devenir votre meilleur allié :\u003c\/p\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e😊 Rougeurs et irritations du visage\u003c\/h3\u003e\n \u003cp\u003eIdéal en soin quotidien pour les peaux sensibles sujettes aux rougeurs diffuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🧤 Mains sèches et gerçures hivernales\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes suffisent pour réparer et assouplir la peau des mains abîmée par le froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e👶 Peau de bébé\u003c\/h3\u003e\n \u003cp\u003eParfait en massage doux pour apaiser les petites irritations liées aux couches ou aux frottements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e☀️ Après-soleil naturel\u003c\/h3\u003e\n \u003cp\u003eEn application sur une peau échauffée par le soleil, il apporte un soulagement immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🦵 Zones de sécheresse localisées\u003c\/h3\u003e\n \u003cp\u003eCoudes, genoux, talons… les zones rugueuses retrouvent souplesse et confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌀 Vergetures et cicatrices récentes\u003c\/h3\u003e\n \u003cp\u003eEn massage régulier, il contribue à améliorer l'aspect de la peau et à soutenir sa régénération naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💆 Base de massage\u003c\/h3\u003e\n \u003cp\u003eUtilisé seul ou avec quelques gouttes d'huiles essentielles adaptées, il constitue une excellente huile de massage corporel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eComment utiliser ce macérat huileux de calendula ?\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eGrâce à sa \u003cstrong\u003epompe doseuse pratique\u003c\/strong\u003e, l'application est simple et hygiénique :\u003c\/p\u003e\n \u003cdiv class=\"cal-timeline\"\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et légèrement humide, appliquez 3 à 4 pressions de pompe. Massez délicatement du centre du visage vers l'extérieur, matin et\/ou soir. Votre peau absorbe rapidement l'huile, sans sensation de gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eEn soin corps localisé\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur la zone concernée, 2 à 3 fois par jour, en massant doucement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eEn massage bébé\u003c\/h3\u003e\n \u003cp\u003eRéchauffez une petite quantité entre vos paumes, puis massez tendrement le corps de bébé après le bain. Un moment de douceur et de complicité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eEn synergie avec des huiles essentielles\u003c\/h3\u003e\n \u003cp\u003eUtilisez ce macérat comme huile de support pour diluer vos huiles essentielles (lavande vraie, camomille romaine, tea tree…) selon vos besoins et les conseils d'un professionnel.\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=\"cal-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eSeulement \u003cstrong\u003edeux ingrédients\u003c\/strong\u003e pour une formule d'une simplicité et d'une pureté exemplaires.\u003c\/p\u003e\n \u003cdiv class=\"cal-grid-compact\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌻 Helianthus Annuus Seed Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de graines de tournesol biologique — support de macération\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌼 Calendula Officinalis Flower Extract*\u003c\/h3\u003e\n \u003cp\u003eExtrait de fleurs de Calendula officinal biologique — partie macérée : fleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-tip\"\u003e\n \u003cspan class=\"cal-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e Pas de parfum synthétique, pas de conservateur artificiel, pas d'additif superflu. Juste l'essentiel, certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003ePourquoi choisir le macérat de calendula Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🏔️ Fabrication artisanale en Auvergne\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire perpétue un savoir-faire régional et maîtrise chaque étape de la production, de la plante au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌿 Certification biologique\u003c\/h3\u003e\n \u003cp\u003eLes fleurs de calendula et l'huile de tournesol utilisées sont issues de l'agriculture biologique, garantissant un produit exempt de pesticides et de produits chimiques de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🫙 Flacon en verre ambré\u003c\/h3\u003e\n \u003cp\u003eLe contenant protège les actifs de la lumière et de l'oxydation, préservant la qualité de l'huile dans le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💧 Pompe doseuse\u003c\/h3\u003e\n \u003cp\u003eElle assure un dosage précis et une utilisation hygiénique, évitant tout contact direct avec le contenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e✈️ Format 50 ml pratique\u003c\/h3\u003e\n \u003cp\u003eFacile à emporter en voyage ou à glisser dans votre trousse de soin, tout en offrant plusieurs semaines d'utilisation grâce à la concentration du macérat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"cal-accordion\"\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🚫 Usage externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux. En cas de projection oculaire, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🧪 Test cutané recommandé\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eAvant une première utilisation, réalisez un \u003cstrong\u003etest cutané\u003c\/strong\u003e dans le pli du coude et attendez 24 heures pour vérifier l'absence de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e👶 Enfants de moins de 3 ans\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez l'avis d'un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon \u003cstrong\u003eà l'abri de la lumière et de la chaleur\u003c\/strong\u003e, dans un endroit frais et sec. Refermez bien la pompe après chaque utilisation pour préserver la fraîcheur du macérat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"cal-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème de peau persistant (eczéma, dermatite, psoriasis…), consultez un dermatologue ou votre médecin traitant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"cal-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de calendula\u003c\/h2\u003e\n \u003cdiv class=\"cal-accordion\"\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003eQuelle est la différence entre huile de calendula et huile essentielle de calendula ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eIl n'existe pas véritablement d'huile essentielle de calendula obtenue par distillation classique. Ce que l'on appelle couramment « \u003cstrong\u003ehuile de calendula\u003c\/strong\u003e » est en réalité un \u003cstrong\u003emacérat huileux\u003c\/strong\u003e : les fleurs sont mises à macérer dans une huile végétale (ici, du tournesol bio) pendant plusieurs semaines. C'est ce procédé qui permet d'obtenir un soin concentré en actifs apaisants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003eL'huile de calendula convient-elle aux bébés ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, le macérat huileux de calendula est reconnu pour sa grande douceur et est traditionnellement utilisé pour le soin de la peau des nourrissons et des jeunes enfants. Pour les bébés de moins de 3 mois, un avis médical est toutefois recommandé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003ePeut-on utiliser l'huile de calendula sur le visage ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. Elle est même particulièrement recommandée pour les peaux sensibles et réactives du visage. Appliquez-la le soir sur peau propre pour un effet nourrissant et apaisant optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003eL'huile de calendula est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eLe macérat de calendula sur base de tournesol a un \u003cstrong\u003eindice de comédogénicité faible\u003c\/strong\u003e (environ 0 à 1). Il convient donc à la plupart des types de peau, y compris les peaux mixtes, sans risque majeur de boucher les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003eCombien de temps se conserve ce macérat ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eConservé dans de bonnes conditions (à l'abri de la chaleur et de la lumière), le macérat huileux de calendula se conserve généralement 6 à 12 mois après ouverture. Référez-vous à la date indiquée sur le flacon.\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 --cal-cream: #FDF8F0;\n --cal-white: #ffffff;\n --cal-primary: #D4891C;\n --cal-primary-dark: #5C3A1E;\n --cal-primary-light: #FFF5E6;\n --cal-secondary: #E8A830;\n --cal-accent: #F0C044;\n --cal-text: #1a1a1a;\n --cal-text-light: #5a5a5a;\n --cal-border: #EDE3D6;\n --cal-shadow: 0 4px 24px rgba(92, 58, 30, .08);\n --cal-shadow-lg: 0 12px 48px rgba(92, 58, 30, .15);\n --cal-radius: 20px;\n --cal-radius-sm: 12px;\n}\n\n.cal-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cal-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cal-hero {\n position: relative;\n background: linear-gradient(135deg, #5C3A1E 0%, #8B5E3C 40%, #D4891C 100%);\n border-radius: var(--cal-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(--cal-shadow-lg);\n}\n\n.cal-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, 48, .3) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(240, 192, 68, .2) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.cal-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cal-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.cal-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cal-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(--cal-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cal-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cal-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: .02em;\n}\n\n.cal-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.cal-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cal-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cal-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.cal-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(--cal-primary), var(--cal-secondary));\n border-radius: 2px;\n}\n\n.cal-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cal-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.cal-highlight-box {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cal-shadow);\n border-left: 4px solid var(--cal-secondary);\n}\n\n.cal-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--cal-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.cal-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.cal-card {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cal-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cal-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cal-shadow-lg);\n border-color: var(--cal-primary);\n}\n\n.cal-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cal-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cal-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cal-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cal-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cal-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cal-grid-compact .cal-card {\n padding: 1rem;\n}\n\n.cal-grid-compact .cal-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cal-grid-compact .cal-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cal-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cal-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cal-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cal-primary), var(--cal-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.cal-timeline-content {\n flex: 1;\n background: var(--cal-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cal-radius-sm);\n box-shadow: var(--cal-shadow);\n}\n\n.cal-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cal-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cal-timeline-content p {\n font-size: 14px;\n color: var(--cal-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cal-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cal-primary-light);\n border-radius: var(--cal-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cal-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cal-tip p {\n font-size: 14px;\n color: var(--cal-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cal-accordion {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n box-shadow: var(--cal-shadow);\n overflow: hidden;\n}\n\n.cal-accordion-item {\n border-bottom: 1px solid var(--cal-border);\n margin: 0;\n padding: 0;\n}\n\n.cal-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cal-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cal-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.cal-accordion-header:hover {\n background: var(--cal-primary-light);\n}\n\n.cal-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cal-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cal-primary);\n transition: transform .2s ease;\n}\n\n.cal-accordion-item[open] .cal-accordion-header::after {\n content: '−';\n}\n\n.cal-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cal-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cal-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cal-disclaimer {\n font-size: 12px;\n color: var(--cal-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 .cal-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cal-card {\n padding: 1.125rem;\n }\n\n .cal-section {\n margin-bottom: 1.75rem;\n }\n\n .cal-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cal-radius-sm);\n }\n\n .cal-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cal-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cal-grid-compact {\n gap: .625rem;\n }\n\n .cal-grid-compact .cal-card {\n padding: .75rem;\n }\n\n .cal-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cal-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cal-timeline-content h3 {\n font-size: 14px;\n }\n\n .cal-timeline-content p {\n font-size: 13px;\n }\n\n .cal-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cal-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cal-highlight-box {\n padding: 1.25rem;\n }\n\n .cal-highlight-box p {\n font-size: 14px;\n }\n\n .cal-tip {\n padding: .875rem 1rem;\n }\n\n .cal-tip-icon {\n font-size: 20px;\n }\n\n .cal-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cal-card {\n animation: calFadeInUp .5s ease backwards;\n }\n .cal-card:nth-child(1) { animation-delay: .05s; }\n .cal-card:nth-child(2) { animation-delay: .1s; }\n .cal-card:nth-child(3) { animation-delay: .15s; }\n .cal-card:nth-child(4) { animation-delay: .2s; }\n .cal-card:nth-child(5) { animation-delay: .25s; }\n .cal-card:nth-child(6) { animation-delay: .3s; }\n .cal-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes calFadeInUp {\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 .cal-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":54862394917241,"sku":"NBAIDSH0018","price":8.19,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-calendula-bio-saint-hilaire-50ml-bis-min.jpg?v=1770369757"},{"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"},{"product_id":"huile-vegetale-rose-musquee-bio-50ml","title":"Huile Végétale de Rose musquée Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Rose musquée Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #8B4E2A (brun ambré du flacon)\n - Secondaire: #E8B4C0 (rose poudré du bandeau packaging)\n - Accent: #C4564A (rouge des cynorrhodons\/fruits)\nAmbiance: Naturel\/botanique, élégant et féminin, cosmétique bio premium, artisanat français\nPréfixe CSS: rm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale de Rose musquée bio : le secret d'une peau régénérée et lumineuse\"\n 2. \"Pourquoi la rose musquée est-elle si précieuse pour la peau ?\"\n 3. \"Les bienfaits concrets de cette huile de rose musquée bio\"\n 4. \"Pour qui est faite cette huile végétale de rose musquée ?\"\n 5. \"Comment utiliser l'huile de rose musquée sur le visage ?\"\n 6. \"La qualité Saint-Hilaire : un savoir-faire d'Auvergne\"\n 7. \"Huile de rose musquée : danger ou précautions ?\"\n 8. \"Composition complète (INCI)\"\n 9. \"Questions fréquentes sur l'huile de rose musquée\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"rm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rm-hero\"\u003e\n \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rm-hero-content\"\u003e\n \u003cdiv class=\"rm-badges-top\"\u003e\n \u003cspan class=\"rm-badge\"\u003e🌹 Rosa rubiginosa\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e❄️ Pressée à froid\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eHuile végétale de Rose musquée bio\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eUn trésor botanique concentré en vitamine A naturelle et en acides gras essentiels, pour une peau visiblement régénérée, lumineuse et unifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eHuile végétale de Rose musquée bio : le secret d'une peau régénérée et lumineuse\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eObtenue par pression à froid des graines de \u003cem\u003eRosa rubiginosa\u003c\/em\u003e, cette huile concentre une richesse exceptionnelle en acides gras essentiels, en vitamine A (rétinol naturel) et en vitamine E.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🔬 Rétinol naturel\u003c\/h3\u003e\n \u003cp\u003eVitamine A acide d'origine végétale pour stimuler le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant qui protège les cellules du stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Oméga 3-6-9\u003c\/h3\u003e\n \u003cp\u003eProfil lipidique rare pour nourrir, apaiser et renforcer la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🎯 Flacon pompe\u003c\/h3\u003e\n \u003cp\u003e50 ml en verre ambré pour un dosage précis et une conservation optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align:center;margin-top:1.25rem;font-size:clamp(13px,2vw,15px);color:var(--rm-text-light);line-height:1.7;\"\u003eQue vous souhaitiez atténuer des cicatrices, estomper des taches pigmentaires, lisser des ridules ou simplement offrir à votre visage une nutrition profonde, cette huile s'adapte à de nombreuses préoccupations cutanées.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePourquoi la rose musquée est-elle si précieuse pour la peau ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eLa rose musquée (\u003cem\u003eRosa rubiginosa\u003c\/em\u003e) est un arbuste originaire d'Amérique du Sud dont les petits fruits rouges renferment des graines exceptionnellement riches en nutriments. Son profil lipidique rare est dominé par des acides gras polyinsaturés.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🧬 Acide linoléique (oméga-6)\u003c\/h3\u003e\n \u003cp\u003eRenforce la barrière cutanée et limite les pertes en eau pour une peau durablement hydratée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌊 Acide alpha-linolénique (oméga-3)\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux sensibles ou réactives et favorise la souplesse cutanée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e✨ Acide oléique (oméga-9)\u003c\/h3\u003e\n \u003cp\u003eFacilite la pénétration de l'huile et nourrit les couches profondes de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🔬 Trétinoïne naturelle\u003c\/h3\u003e\n \u003cp\u003eVitamine A acide rare à l'état naturel, reconnue pour stimuler le renouvellement cellulaire et améliorer la texture de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant qui protège les cellules du stress oxydatif et préserve la jeunesse cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eC'est cette combinaison unique qui fait de l'huile de rose musquée un actif cosmétique aussi réputé, aussi bien en soin anti-âge qu'en soin réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de cette huile de rose musquée bio\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e🩹 Régénération et réparation cutanée\u003c\/h3\u003e\n \u003cp\u003eParticulièrement appréciée pour accompagner la peau après des agressions : cicatrices d'acné, marques post-opératoires, vergetures ou brûlures superficielles. Sa teneur en rétinol et en acides gras essentiels soutient le renouvellement cellulaire naturel. Beaucoup d'utilisateurs constatent une nette amélioration dès quelques semaines d'application régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e⏳ Soin anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eRidules autour des yeux, perte de fermeté, teint terne : en stimulant la synthèse de collagène et en améliorant l'élasticité de la peau, elle aide à lisser visiblement la surface cutanée. Après quelques semaines, le teint apparaît plus lumineux et la peau plus rebondie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e🎨 Atténuation des taches pigmentaires\u003c\/h3\u003e\n \u003cp\u003eTaches brunes, masque de grossesse, hyperpigmentation post-inflammatoire : la vitamine A naturelle favorise le renouvellement des cellules superficielles, aidant à estomper progressivement les zones hyperpigmentées au fil des applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e💦 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eVotre peau tiraille ou manque de souplesse ? Cette huile pénètre rapidement sans laisser de film gras désagréable. Elle restaure le film hydrolipidique et offre un confort immédiat, même aux peaux desséchées par le froid, le vent ou la climatisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePour qui est faite cette huile végétale de rose musquée ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eL'un de ses grands atouts : elle convient à une grande variété de types de peau.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e👵 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eRéduit l'apparence des rides et redonne de l'éclat au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition profonde et durable pour retrouver souplesse et confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🩹 Peaux marquées par des cicatrices\u003c\/h3\u003e\n \u003cp\u003eAcné, chirurgie, brûlures légères, vergetures : accompagne la réparation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e😶‍🌫️ Peaux ternes ou fatiguées\u003c\/h3\u003e\n \u003cp\u003ePour retrouver un teint uniforme et lumineux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles ou réactives\u003c\/h3\u003e\n \u003cp\u003eComposition apaisante riche en oméga-3 pour calmer les inconforts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e si vous avez une peau à tendance grasse ou acnéique, utilisez cette huile avec parcimonie, de préférence le soir, en ciblant les zones qui en ont le plus besoin (cicatrices, taches). Sa légère teinte orangée est tout à fait normale : elle témoigne de sa richesse en caroténoïdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de rose musquée sur le visage ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003ePour profiter pleinement de tous ses bienfaits, voici une routine simple et efficace :\u003c\/p\u003e\n \u003cdiv class=\"rm-timeline\"\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003e🌙 Le soir (utilisation recommandée)\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et légèrement humide, pressez 3 à 5 gouttes dans le creux de votre main. Réchauffez l'huile entre vos paumes, puis appliquez-la sur le visage, le cou et le décolleté en effectuant de doux mouvements ascendants et circulaires. L'application sur peau humide favorise une meilleure pénétration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003e☀️ Le matin (en option)\u003c\/h3\u003e\n \u003cp\u003eMélangez 2 gouttes d'huile à votre crème de jour habituelle pour un effet bonne mine immédiat. Pensez à appliquer une protection solaire par-dessus, car la vitamine A peut rendre la peau légèrement plus sensible au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003e🎯 En soin ciblé\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement quelques gouttes directement sur les cicatrices, vergetures ou taches que vous souhaitez atténuer, matin et soir, pendant au moins 8 semaines pour observer des résultats significatifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003e🧪 En mélange\u003c\/h3\u003e\n \u003cp\u003eExcellente base pour diluer vos huiles essentielles (lavande, géranium, hélichryse italienne…) dans le cadre de soins personnalisés.\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=\"rm-section\"\u003e\n \u003ch2\u003eLa qualité Saint-Hilaire : un savoir-faire d'Auvergne\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eLa Distillerie Saint-Hilaire, implantée au cœur de l'Auvergne, cultive un savoir-faire artisanal exigeant dans la production d'huiles végétales et d'huiles essentielles biologiques.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌿 Certifiée biologique\u003c\/h3\u003e\n \u003cp\u003e100 % des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e❄️ Pressée à froid\u003c\/h3\u003e\n \u003cp\u003eProcédé doux qui préserve l'intégralité des actifs sans altération par la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 Pure et sans additif\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur, aucun parfum synthétique, aucun solvant chimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🫙 Flacon verre ambré\u003c\/h3\u003e\n \u003cp\u003eProtection contre la lumière et l'oxydation pour une fraîcheur optimale jusqu'à la dernière goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eHuile de rose musquée : danger ou précautions ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eRassurez-vous : cette huile végétale est globalement très bien tolérée et ne présente pas de risque particulier pour la grande majorité des utilisateurs. Quelques précautions sont toutefois à respecter.\u003c\/p\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧪 Test de tolérance\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eAvant la première utilisation, appliquez une petite quantité dans le pli du coude et attendez 24 heures pour vérifier l'absence de réaction allergique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e☀️ Photosensibilité\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eEn raison de sa teneur en vitamine A, évitez l'exposition prolongée au soleil juste après l'application, ou appliquez-la de préférence le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez l'avis de votre médecin ou sage-femme avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🩹 Plaies ouvertes\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas appliquer sur des plaies ouvertes ou des lésions infectées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et de la lumière directe. Une fois ouvert, utilisez l'huile dans les 6 mois pour bénéficier de toutes ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-disclaimer\"\u003eEn cas de doute ou de problème cutané persistant, consultez un dermatologue. Cette huile végétale est un soin cosmétique et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"rm-composition-box\"\u003e\n \u003cp class=\"rm-inci\"\u003e\u003cstrong\u003eIngrédient :\u003c\/strong\u003e \u003cem\u003eRosa rubiginosa seed oil*\u003c\/em\u003e (huile végétale de rose musquée)\u003c\/p\u003e\n \u003cp class=\"rm-inci-note\"\u003e* Ingrédient issu de l'agriculture biologique. \u003cstrong\u003e100 % du total des ingrédients sont d'origine biologique.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact rm-composition-details\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌱 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eGraine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e❄️ Extraction\u003c\/h3\u003e\n \u003cp\u003ePression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌹 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRosa rubiginosa\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de rose musquée\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003ePeut-on utiliser l'huile de rose musquée tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, tout à fait. L'huile de rose musquée peut s'intégrer à votre routine quotidienne, de préférence le soir. Pour les peaux sensibles ou mixtes, une application un jour sur deux peut suffire dans un premier temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003eAu bout de combien de temps voit-on les résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eChaque peau est différente, mais de nombreux utilisateurs observent une amélioration de la texture et de l'éclat du teint dès 3 à 4 semaines d'utilisation régulière. Pour les cicatrices plus anciennes ou les taches installées, comptez 2 à 3 mois d'application assidue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003eL'huile de rose musquée est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de rose musquée possède un indice de comédogénicité faible (1 sur 5). Elle est donc généralement bien tolérée par les peaux mixtes. Toutefois, si vous êtes sujette aux imperfections, privilégiez une utilisation ciblée plutôt qu'une application sur l'ensemble du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003ePeut-on l'utiliser sur le corps ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. L'huile de rose musquée est excellente en soin corporel, notamment sur les zones sujettes aux vergetures (ventre, cuisses, poitrine) ou sur les cicatrices situées sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003ePeut-on la mélanger avec d'autres huiles ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, elle se marie très bien avec d'autres huiles végétales comme l'huile de jojoba, l'huile d'argan ou l'huile de bourrache pour des soins sur mesure adaptés à 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=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rm-cta-box\"\u003e\n \u003cp\u003e🌹 Offrez à votre peau le pouvoir régénérant de la rose musquée bio.\u003cbr\u003eUn flacon de 50 ml suffit pour plusieurs mois de soin quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-disclaimer\"\u003eLes compléments alimentaires et soins cosmétiques ne se substituent pas à une alimentation variée et équilibrée, ni à un suivi médical. Se référer aux précautions d'emploi avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rm-cream: #FDF8F5;\n --rm-white: #ffffff;\n --rm-primary: #8B4E2A;\n --rm-primary-dark: #5E3219;\n --rm-primary-light: #F5EAE2;\n --rm-secondary: #E8B4C0;\n --rm-accent: #C4564A;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #e8ddd6;\n --rm-shadow: 0 4px 24px rgba(139, 78, 42, .08);\n --rm-shadow-lg: 0 12px 48px rgba(139, 78, 42, .15);\n --rm-radius: 20px;\n --rm-radius-sm: 12px;\n}\n\n.rm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rm-hero {\n position: relative;\n background: linear-gradient(135deg, #8B4E2A 0%, #A0664A 40%, #C4564A 70%, #E8B4C0 100%);\n border-radius: var(--rm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rm-shadow-lg);\n}\n\n.rm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.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,180,192,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.rm-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.rm-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.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.rm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rm-primary), var(--rm-secondary));\n border-radius: 2px;\n}\n\n.rm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.rm-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rm-shadow-lg);\n border-color: var(--rm-secondary);\n}\n\n.rm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rm-card-highlight {\n border-left: 4px solid var(--rm-secondary);\n text-align: left;\n}\n\n.rm-card-highlight:hover {\n border-color: var(--rm-primary);\n}\n\n\/* === GRILLES === *\/\n.rm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rm-grid-compact .rm-card {\n padding: 1rem;\n}\n\n.rm-grid-compact .rm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rm-grid-compact .rm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rm-primary), var(--rm-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.rm-timeline-content {\n flex: 1;\n background: var(--rm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rm-radius-sm);\n box-shadow: var(--rm-shadow);\n}\n\n.rm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rm-timeline-content p {\n font-size: 14px;\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL (unused here but kept for system) === *\/\n.rm-testimonial {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n border-left: 4px solid var(--rm-primary);\n}\n\n.rm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.rm-accordion {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-accordion-item {\n border-bottom: 1px solid var(--rm-border);\n margin: 0;\n padding: 0;\n}\n\n.rm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rm-accordion-header:hover {\n background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rm-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n margin-left: 1rem;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n content: '−';\n}\n\n.rm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.rm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rm-primary-light);\n border-radius: var(--rm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rm-tip p {\n font-size: 14px;\n color: var(--rm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.rm-composition-box {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n text-align: center;\n}\n\n.rm-inci {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.rm-inci-note {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0 0 1.5rem 0;\n line-height: 1.6;\n}\n\n.rm-composition-details {\n margin-top: 0;\n}\n\n.rm-composition-details .rm-card {\n background: var(--rm-primary-light);\n box-shadow: none;\n}\n\n.rm-composition-details .rm-card:hover {\n box-shadow: var(--rm-shadow);\n}\n\n\/* === CTA FINAL === *\/\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-primary) 0%, var(--rm-primary-dark) 100%);\n border-radius: var(--rm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rm-cta-box 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.rm-disclaimer {\n font-size: 12px;\n color: var(--rm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rm-card {\n padding: 1.125rem;\n }\n\n .rm-section {\n margin-bottom: 1.75rem;\n }\n\n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n\n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rm-grid-compact {\n gap: .625rem;\n }\n\n .rm-grid-compact .rm-card {\n padding: .75rem;\n }\n\n .rm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rm-timeline-content h3 {\n font-size: 14px;\n }\n\n .rm-timeline-content p {\n font-size: 13px;\n }\n\n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rm-testimonial {\n padding: 1.25rem;\n }\n\n .rm-testimonial-text {\n font-size: 14px;\n }\n\n .rm-composition-box {\n padding: 1.25rem;\n }\n\n .rm-card-highlight {\n border-left-width: 3px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rm-card {\n animation: rmFadeInUp .5s ease backwards;\n }\n .rm-card:nth-child(1) { animation-delay: .05s; }\n .rm-card:nth-child(2) { animation-delay: .1s; }\n .rm-card:nth-child(3) { animation-delay: .15s; }\n .rm-card:nth-child(4) { animation-delay: .2s; }\n .rm-card:nth-child(5) { animation-delay: .25s; }\n .rm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54864015589753,"sku":"NBAIDSH0036","price":13.94,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-rose-musquee-bio-saint-hilaire-50-ml-ingredients_3454db5c-e4fd-41e6-853f-57e525646821.webp?v=1771577430"},{"product_id":"eau-florale-bleuet-bio-saint-hilaire-200ml","title":"Eau Florale de Bleuet Bio - Saint-Hilaire - 200ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Eau Florale de Bleuet Bio - Distillerie Saint-Hilaire - 200ml\nPalette détectée:\n - Primaire: #1e3a6e (bleu profond du flacon cobalt)\n - Secondaire: #5b8fd9 (bleu bleuet\/cornflower)\n - Accent: #3b5998 (bleu moyen intermédiaire)\n - Fond packaging blanc: #ffffff (bandeau étiquette)\nAmbiance: Naturel, botanique, artisanal français, cosmétique bio, douceur florale, pureté\nPréfixe CSS: bf\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Eau florale de bleuet bio : un soin ancestral pour les peaux sensibles\"\n 2. \"Bienfaits de l'eau florale de bleuet bio\"\n 3. \"Comment utiliser cet hydrolat de bleuet ?\"\n 4. \"Composition\"\n 5. \"La Distillerie Saint-Hilaire : un savoir-faire artisanal d'Auvergne\"\n 6. \"Conseils de conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\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🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e💧 100% pur hydrolat\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🌸 Sans conservateur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bf-hero-title\"\u003eEau Florale de Bleuet Bio\u003c\/span\u003e\n \u003cp class=\"bf-subtitle\"\u003eDistillerie Saint-Hilaire — 200 ml\u003c\/p\u003e\n \u003cp class=\"bf-description\"\u003eUn hydrolat d'exception, distillé à la vapeur d'eau au cœur de l'Auvergne, pour apaiser les peaux sensibles et décongestionner le contour des yeux naturellement.\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\u003eEau florale de bleuet bio : un soin ancestral pour les peaux sensibles\u003c\/h2\u003e\n \u003cdiv class=\"bf-testimonial\"\u003e\n \u003cp class=\"bf-testimonial-text\"\u003eConnue depuis des siècles pour sa douceur exceptionnelle, l'eau florale de bleuet est l'alliée incontournable des peaux délicates et des yeux fatigués. Cet hydrolat de bleuet signé Distillerie Saint-Hilaire est obtenu par distillation à la vapeur d'eau de la partie aérienne fleurie du \u003cem\u003eCentaurea cyanus\u003c\/em\u003e, cultivé en agriculture biologique au cœur de l'Auvergne. Le résultat : un soin pur, sans conservateur ni additif, qui respecte profondément votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eBienfaits de l'eau florale de bleuet bio\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003ePourquoi cet hydrolat de bleuet est-il si apprécié en cosmétique naturelle ? Ses propriétés sont multiples et particulièrement adaptées aux peaux réactives.\u003c\/p\u003e\n \u003cdiv class=\"bf-grid\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌿 Apaisante et anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eElle calme les rougeurs, les irritations cutanées et les sensations d'inconfort, y compris après un coup de soleil ou le feu du rasoir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e👁️ Décongestionnante contour des yeux\u003c\/h3\u003e\n \u003cp\u003eSon usage le plus célèbre : elle aide à réduire les poches, les cernes et à soulager les yeux gonflés par la fatigue ou les allergies saisonnières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e✨ Adoucissante et régénérante\u003c\/h3\u003e\n \u003cp\u003eElle favorise la réparation des peaux fragilisées, abîmées par l'acné, l'eczéma ou les petites agressions du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e💎 Rafraîchissante et tonifiante\u003c\/h3\u003e\n \u003cp\u003eAppliquée en brume, elle ravive instantanément l'éclat du teint et resserre les pores en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eComment utiliser cet hydrolat de bleuet ?\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eLe format spray 200 ml rend l'utilisation de cette eau florale très pratique au quotidien. Voici les façons les plus efficaces de l'intégrer à votre routine.\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\u003eEn tonique visage\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur l'ensemble du visage après le nettoyage, matin et soir. Laissez sécher naturellement avant d'appliquer votre sérum ou votre crème hydratante.\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\u003eEn compresse sur les yeux\u003c\/h3\u003e\n \u003cp\u003eImbibez deux cotons ou compresses, placez-les sur vos paupières fermées pendant 10 à 15 minutes. Un geste simple qui fait toute la différence en cas de yeux fatigués ou irrités.\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\u003eEn brume rafraîchissante\u003c\/h3\u003e\n \u003cp\u003eGardez le flacon au réfrigérateur pour un effet fraîcheur décuplé, idéal en été pour revitaliser votre peau tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn ingrédient cosmétique maison\u003c\/h3\u003e\n \u003cp\u003eCet hydrolat constitue une base parfaite pour vos masques, lotions ou sérums faits maison. Une versatilité appréciable pour les passionnés de DIY beauté.\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=\"bf-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"bf-composition-box\"\u003e\n \u003cdiv class=\"bf-composition-inci\"\u003e\n \u003cspan class=\"bf-composition-label\"\u003eIngrédient (INCI)\u003c\/span\u003e\n \u003cspan class=\"bf-composition-value\"\u003eCentaurea Cyanus Flower Water*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"bf-composition-note\"\u003e*issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-grid-compact\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003eAucun agent de conservation ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum de synthèse\u003c\/h3\u003e\n \u003cp\u003eUniquement l'odeur naturelle du bleuet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eAucun alcool ajouté dans la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e✅ Pureté totale\u003c\/h3\u003e\n \u003cp\u003eCertifié biologique, un seul ingrédient\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eLa Distillerie Saint-Hilaire : un savoir-faire artisanal d'Auvergne\u003c\/h2\u003e\n \u003cdiv class=\"bf-testimonial\"\u003e\n \u003cp class=\"bf-testimonial-text\"\u003eInstallée au cœur de l'Auvergne, la Distillerie Saint-Hilaire perpétue un savoir-faire artisanal dans la distillation de plantes aromatiques et médicinales. Chaque lot d'eau florale de bleuet bio est élaboré en petites quantités pour garantir une qualité optimale. La marque s'engage dans une démarche biologique et équitable, avec un conditionnement en flacon bleu recyclable qui protège le produit de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"bf-accordion\"\u003e\n \u003cdetails class=\"bf-accordion-item\" open\u003e\n \u003csummary class=\"bf-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n \u003cdiv class=\"bf-accordion-content mt-3\"\u003e\n \u003cp\u003ePour préserver toutes les propriétés de votre hydrolat de bleuet, conservez-le au réfrigérateur après ouverture et utilisez-le dans les six mois. Le flacon opaque assure une bonne protection, mais la fraîcheur prolonge la durée de vie du produit et renforce son action décongestionnante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bf-accordion-item\"\u003e\n \u003csummary class=\"bf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bf-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 réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"bf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bf-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à votre peau la douceur ancestrale du bleuet d'Auvergne — un hydrolat pur, biologique et artisanal pour un rituel beauté naturel au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bf-disclaimer\"\u003eCe produit cosmétique ne se substitue 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\/* === VARIABLES CSS — EAU FLORALE BLEUET === *\/\n:root {\n --bf-cream: #f4f7fb;\n --bf-white: #ffffff;\n --bf-primary: #2c4f8a;\n --bf-primary-dark: #1a3262;\n --bf-primary-light: #e8eff8;\n --bf-secondary: #6b9de8;\n --bf-accent: #8fb4f0;\n --bf-text: #1a1a2e;\n --bf-text-light: #556075;\n --bf-border: #d6e0ee;\n --bf-shadow: 0 4px 24px rgba(28, 50, 98, .07);\n --bf-shadow-lg: 0 12px 48px rgba(28, 50, 98, .14);\n --bf-radius: 20px;\n --bf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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, #1a3262 0%, #2c4f8a 40%, #5b8fd9 80%, #8fb4f0 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-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.bf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\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\/* === TITRE HERO === *\/\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, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .03em;\n}\n\n.bf-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.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}\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\/* === SECTION INTRO === *\/\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.7;\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\/* === GRILLES === *\/\n.bf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\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\/* === COMPOSITION BOX === *\/\n.bf-composition-box {\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 text-align: center;\n margin-bottom: 1.25rem;\n border: 2px solid var(--bf-primary-light);\n}\n\n.bf-composition-inci {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n align-items: center;\n}\n\n.bf-composition-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--bf-text-light);\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.bf-composition-value {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--bf-primary-dark);\n font-style: italic;\n}\n\n.bf-composition-note {\n margin: .75rem 0 0 0;\n font-size: 14px;\n color: var(--bf-text-light);\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.bf-accordion {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n box-shadow: var(--bf-shadow);\n overflow: hidden;\n}\n\n.bf-accordion-item {\n border-bottom: 1px solid var(--bf-border);\n margin: 0;\n padding: 0;\n}\n\n.bf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bf-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.bf-accordion-header:hover {\n background: var(--bf-primary-light);\n}\n\n.bf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bf-primary);\n transition: transform .2s ease;\n}\n\n.bf-accordion-item[open] .bf-accordion-header::after {\n content: '−';\n}\n\n.bf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bf-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bf-accordion-content {\n padding: 0 1rem .875rem;\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-composition-value {\n font-size: 18px;\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 .bf-timeline-item {\n animation: bfFadeInUp .5s ease backwards;\n }\n .bf-timeline-item:nth-child(1) { animation-delay: .05s; }\n .bf-timeline-item:nth-child(2) { animation-delay: .1s; }\n .bf-timeline-item:nth-child(3) { animation-delay: .15s; }\n .bf-timeline-item:nth-child(4) { animation-delay: .2s; }\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":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54868407484793,"sku":"NBAIDSH0027","price":8.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HVbleuet_1_-min.jpg?v=1766172678"},{"product_id":"eau-florale-tea-tree-bio-200ml","title":"Eau Florale Tea Tree Bio - Saint-Hilaire - 200ml","description":"\u003cdiv class=\"tt-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"tt-hero\"\u003e\n \u003cdiv class=\"tt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tt-hero-content\"\u003e\n \u003cdiv class=\"tt-badges-top\"\u003e\n \u003cspan class=\"tt-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e💧 200 ml spray\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tt-hero-title\"\u003eEau Florale Tea Tree Bio\u003c\/span\u003e\n \u003cp class=\"tt-subtitle\"\u003eDistillerie Saint-Hilaire — Auvergne\u003c\/p\u003e\n \u003cp class=\"tt-description\"\u003eLa puissance purifiante du tea tree dans une eau florale 100 % pure, biologique et non diluée. Votre alliée quotidienne pour une peau nette, apaisée et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eEau florale de tea tree bio : le soin purifiant par excellence\u003c\/h2\u003e\n \u003cdiv class=\"tt-testimonial\"\u003e\n \u003cp class=\"tt-testimonial-text\"\u003eVous cherchez un soin naturel capable de purifier votre peau sans l'agresser ? L'eau florale bio de tea tree Saint-Hilaire est faite pour vous. Obtenue par distillation à la vapeur d'eau des feuilles de \u003cem\u003eMelaleuca alternifolia\u003c\/em\u003e issues de l'agriculture biologique, cette eau florale concentre toute la puissance du tea tree dans une formule douce, sans additif chimique ni conservateur de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tt-section-intro\" style=\"margin-top:1.25rem;\"\u003eConditionnée en flacon spray de 200 ml, elle devient vite indispensable dans votre routine beauté quotidienne, que ce soit pour le visage, le corps ou même le cuir chevelu.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eBienfaits de l'eau florale tea tree pour la peau\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eLe tea tree est reconnu depuis des siècles pour ses propriétés antibactériennes, antiseptiques et purifiantes. Sous forme d'eau florale, ces vertus sont présentes dans une concentration plus douce que l'huile essentielle, adaptée à une utilisation quotidienne, même sur les peaux sensibles.\u003c\/p\u003e\n \u003cdiv class=\"tt-grid\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e✨ Purifie et assainit\u003c\/h3\u003e\n \u003cp\u003eAide à réduire les imperfections, les boutons et les points noirs en limitant la prolifération bactérienne à la surface de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e💎 Régule le sébum\u003c\/h3\u003e\n \u003cp\u003eParticulièrement recommandée pour les peaux mixtes à grasses, elle contribue à matifier le teint sans dessécher l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌸 Apaise les irritations\u003c\/h3\u003e\n \u003cp\u003eRougeurs, tiraillements, petites démangeaisons — elle calme la peau en douceur grâce à ses propriétés anti-inflammatoires naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🎯 Tonifie et resserre les pores\u003c\/h3\u003e\n \u003cp\u003eUtilisée en lotion tonique, elle affine visiblement le grain de peau et redonne de l'éclat au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e💆 Assainit le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eEn cas de démangeaisons ou de cuir chevelu à tendance grasse, elle constitue un soin complémentaire efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eComment utiliser cette eau florale de tea tree bio ?\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eGrâce à son format spray pratique, cette eau florale tea tree s'utilise de multiples façons :\u003c\/p\u003e\n \u003cdiv class=\"tt-timeline\"\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003eEn lotion tonique matin et soir\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur un coton et passez-le délicatement sur le visage après le nettoyage. Cela prépare votre peau à recevoir votre sérum ou votre crème hydratante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003eEn brume fraîcheur\u003c\/h3\u003e\n \u003cp\u003ePulvérisez directement sur le visage à tout moment de la journée pour un effet rafraîchissant et purifiant immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003eEn soin du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquez en friction sur le cuir chevelu avant le shampoing pour apaiser les démangeaisons et réguler l'excès de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003eEn complément d'un masque à l'argile\u003c\/h3\u003e\n \u003cp\u003eRemplacez l'eau par cette eau florale pour préparer vos masques purifiants maison — un geste simple pour décupler les résultats.\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=\"tt-section\"\u003e\n \u003ch2\u003eComposition et qualité certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"tt-grid-compact\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌱 Ingrédient unique\u003c\/h3\u003e\n \u003cp\u003eMelaleuca alternifolia (tea tree) leaf water* — *issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🏔️ Distillée en Auvergne\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire maîtrise l'intégralité du processus de distillation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuille — distillation lente à la vapeur d'eau pour préserver tous les actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e✅ Pureté garantie\u003c\/h3\u003e\n \u003cp\u003ePure, non diluée, sans aucun ajout — certifiée biologique et commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-tip\"\u003e\n \u003cspan class=\"tt-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eLes feuilles de tea tree sont distillées lentement à la vapeur d'eau, ce qui permet de préserver l'ensemble des actifs végétaux pour une eau florale d'une qualité exceptionnelle. Contenance : \u003cstrong\u003e200 ml\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"tt-accordion\"\u003e\n \u003cdetails class=\"tt-accordion-item\" open\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre eau florale bio à l'abri de la lumière et de la chaleur. Une fois ouverte, vous pouvez la placer au réfrigérateur pour prolonger sa fraîcheur et décupler l'effet tonifiant lors de l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e⏳ Durée d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eUtilisez-la de préférence dans les six mois suivant l'ouverture pour profiter de toutes ses propriétés purifiantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e⚠️ Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eCette eau florale de tea tree bio est un soin cosmétique naturel. Elle ne remplace en aucun cas un avis ou un traitement médical. En cas de doute, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"tt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tt-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le pouvoir purifiant du tea tree bio — une eau florale pure, distillée en Auvergne, pour une routine beauté naturelle et efficace au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tt-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit ne se substitue pas à un suivi médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tt-cream: #f4f6fa;\n --tt-white: #ffffff;\n --tt-primary: #2e4a8e;\n --tt-primary-dark: #1a2f5e;\n --tt-primary-light: #e8edf7;\n --tt-secondary: #4a7cb5;\n --tt-accent: #3b6db0;\n --tt-text: #1a1a1a;\n --tt-text-light: #5a5a5a;\n --tt-border: #dde3ef;\n --tt-shadow: 0 4px 24px rgba(46,74,142,.08);\n --tt-shadow-lg: 0 12px 48px rgba(26,47,94,.15);\n --tt-radius: 20px;\n --tt-radius-sm: 12px;\n}\n\n.tt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tt-hero {\n position: relative;\n background: linear-gradient(135deg, #1a2f5e 0%, #2e4a8e 40%, #4a7cb5 100%);\n border-radius: var(--tt-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(--tt-shadow-lg);\n}\n\n.tt-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.04) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.02) 0%, transparent 70%);\n opacity: 1;\n}\n\n.tt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tt-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(--tt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tt-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.tt-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.tt-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.tt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tt-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.tt-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(--tt-primary), var(--tt-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.tt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tt-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.tt-card {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tt-shadow-lg);\n border-color: var(--tt-primary);\n}\n\n.tt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.tt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.tt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tt-grid-compact .tt-card {\n padding: 1rem;\n}\n\n.tt-grid-compact .tt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tt-grid-compact .tt-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.tt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tt-primary), var(--tt-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.tt-timeline-content {\n flex: 1;\n background: var(--tt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tt-radius-sm);\n box-shadow: var(--tt-shadow);\n}\n\n.tt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tt-timeline-content p {\n font-size: 14px;\n color: var(--tt-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.tt-testimonial {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tt-shadow);\n border-left: 4px solid var(--tt-primary);\n}\n\n.tt-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tt-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.tt-accordion {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n box-shadow: var(--tt-shadow);\n overflow: hidden;\n}\n\n.tt-accordion-item {\n border-bottom: 1px solid var(--tt-border);\n margin: 0;\n padding: 0;\n}\n\n.tt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tt-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.tt-accordion-header:hover {\n background: var(--tt-primary-light);\n}\n\n.tt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tt-primary);\n transition: transform .2s ease;\n}\n\n.tt-accordion-item[open] .tt-accordion-header::after {\n content: '−';\n}\n\n.tt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.tt-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.tt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tt-primary-light);\n border-radius: var(--tt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.tt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tt-tip p {\n font-size: 14px;\n color: var(--tt-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.tt-cta-box {\n background: linear-gradient(135deg, var(--tt-primary) 0%, var(--tt-primary-dark) 100%);\n border-radius: var(--tt-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tt-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.tt-disclaimer {\n font-size: 12px;\n color: var(--tt-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 .tt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tt-card {\n padding: 1.125rem;\n }\n\n .tt-section {\n margin-bottom: 1.75rem;\n }\n\n .tt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tt-radius-sm);\n }\n\n .tt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tt-grid-compact {\n gap: .625rem;\n }\n\n .tt-grid-compact .tt-card {\n padding: .75rem;\n }\n\n .tt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tt-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tt-timeline-content h3 {\n font-size: 14px;\n }\n\n .tt-timeline-content p {\n font-size: 13px;\n }\n\n .tt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .tt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .tt-testimonial {\n padding: 1.25rem;\n }\n\n .tt-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tt-card {\n animation: ttFadeInUp .5s ease backwards;\n }\n .tt-card:nth-child(1) { animation-delay: .05s; }\n .tt-card:nth-child(2) { animation-delay: .1s; }\n .tt-card:nth-child(3) { animation-delay: .15s; }\n .tt-card:nth-child(4) { animation-delay: .2s; }\n .tt-card:nth-child(5) { animation-delay: .25s; }\n .tt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ttFadeInUp {\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 .tt-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":54868447494521,"sku":"NBAIDSH0011","price":9.09,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-tea-tree-bio-saint-hilaire-200ml-ingredients.webp?v=1774261234"},{"product_id":"huile-ricin-bio-saint-hilaire-200ml","title":"Huile Végétale de Ricin Bio - Saint-Hilaire - 200ml","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🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e❄️ Pressée à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-hero-title\"\u003eHuile végétale de ricin bio\u003c\/span\u003e\n \u003cp class=\"rc-subtitle\"\u003eDistillerie Saint-Hilaire · Auvergne · 200 ml\u003c\/p\u003e\n \u003cp class=\"rc-description\"\u003eL'huile de ricin pure et vierge, issue de l'agriculture biologique et équitable, pour fortifier vos cheveux, nourrir votre peau et renforcer vos ongles au quotidien.\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 bio : le soin naturel par excellence pour vos cheveux, votre peau et vos ongles\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de ricin bio\u003c\/strong\u003e vraiment efficace, pure et obtenue dans le respect de l'environnement ? L'huile végétale de ricin de la Distillerie Saint-Hilaire, en format généreux de 200 ml, coche toutes les cases.\u003c\/p\u003e\n \u003cp class=\"rc-section-intro\"\u003ePressée à froid à partir de graines de \u003cem\u003eRicinus communis\u003c\/em\u003e issues de l'agriculture biologique et équitable, elle préserve l'intégralité de ses actifs naturels pour vous offrir un soin polyvalent d'une qualité remarquable.\u003c\/p\u003e\n \u003cdiv class=\"rc-grid-compact\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💇 Cheveux fortifiés\u003c\/h3\u003e\n \u003cp\u003eStimule la pousse et renforce la fibre capillaire de l'intérieur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧴 Peau nourrie\u003c\/h3\u003e\n \u003cp\u003eHydratation profonde et durable pour les peaux sèches ou irritées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💅 Ongles renforcés\u003c\/h3\u003e\n \u003cp\u003eRéduit la casse et favorise la pousse d'ongles plus résistants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧔 Barbe soignée\u003c\/h3\u003e\n \u003cp\u003eAdoucit, nourrit et donne de la densité à votre barbe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\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 cosmétique naturelle ?\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eUtilisée depuis des millénaires, l'huile de ricin doit ses vertus exceptionnelles à sa \u003cstrong\u003erichesse en acide ricinoléique\u003c\/strong\u003e (85 à 90 % de sa composition), un acide gras rare que l'on ne retrouve dans quasiment aucune autre huile végétale.\u003c\/p\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💪 Action fortifiante\u003c\/h3\u003e\n \u003cp\u003eRenforce la fibre capillaire, les ongles et les cils de l'intérieur pour une résistance accrue au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💧 Pouvoir nourrissant intense\u003c\/h3\u003e\n \u003cp\u003ePénètre les couches superficielles de la peau et du cheveu pour une hydratation profonde et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🛡️ Propriétés protectrices\u003c\/h3\u003e\n \u003cp\u003eForme un film lipidique naturel qui protège contre le froid, la pollution et la sécheresse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e✨ Effet gainant\u003c\/h3\u003e\n \u003cp\u003eEnrobe le cheveu pour lui donner plus de densité, de brillance et de souplesse sans alourdir\u003c\/p\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\u003eAssociée à la \u003cstrong\u003evitamine E\u003c\/strong\u003e naturellement présente dans l'huile, ces propriétés font de l'huile de ricin bio un soin complet, efficace et 100 % d'origine naturelle.\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\u003eHuile de ricin et cheveux : un duo incontournable\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eSi l'\u003cstrong\u003ehuile de ricin pour les cheveux\u003c\/strong\u003e jouit d'une telle réputation, ce n'est pas un hasard. C'est l'une des huiles végétales les plus efficaces pour répondre à de nombreuses problématiques capillaires.\u003c\/p\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌱 Stimuler la pousse des cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquée régulièrement en massage sur le cuir chevelu, l'huile de ricin favorise la microcirculation sanguine au niveau des follicules pileux. Ce geste simple, réalisé du bout des doigts pendant quelques minutes, crée un environnement propice à la croissance capillaire. Beaucoup constatent des cheveux plus vigoureux après quelques semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🔧 Nourrir et réparer les cheveux secs ou abîmés\u003c\/h3\u003e\n \u003cp\u003eCheveux ternes, fourchus ou fragilisés par les colorations, le lissage ou le soleil ? En masque avant-shampoing, l'acide ricinoléique comble les micro-fissures de la fibre capillaire et restaure la gaine protectrice naturelle du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌟 Donner volume et brillance\u003c\/h3\u003e\n \u003cp\u003eL'effet gainant de l'huile de ricin sur cheveux fins est particulièrement intéressant : en enrobant chaque fibre, elle donne une impression de densité accrue tout en apportant une brillance naturelle, sans alourdir.\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\u003eAu-delà des cheveux : les multiples usages de l'huile de ricin bio\u003c\/h2\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💅 Soin des ongles et des cuticules\u003c\/h3\u003e\n \u003cp\u003eVos ongles se dédoublent ou se cassent ? Massez chaque soir une goutte sur chaque ongle et ses cuticules. En quelques semaines, observez des \u003cstrong\u003eongles plus résistants\u003c\/strong\u003e et des cuticules plus souples et mieux hydratées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e👁️ Soin des cils et des sourcils\u003c\/h3\u003e\n \u003cp\u003eAppliquée à l'aide d'une brosse à mascara propre, l'huile de ricin nourrit et fortifie vos cils et sourcils. Une alternative naturelle pour retrouver des cils plus épais et des sourcils mieux fournis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧴 Soin de la peau\u003c\/h3\u003e\n \u003cp\u003eAllié précieux pour les \u003cstrong\u003epeaux sèches ou irritées\u003c\/strong\u003e, elle apaise les zones de sécheresse (coudes, talons, mains abîmées) et aide à améliorer l'apparence des petites cicatrices ou vergetures. Idéale aussi dans vos préparations cosmétiques maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧔 Entretien de la barbe\u003c\/h3\u003e\n \u003cp\u003eMessieurs, elle nourrit le poil en profondeur, adoucit la barbe, réduit les démangeaisons et hydrate la peau sous-jacente. Quelques gouttes suffisent pour une barbe plus douce, plus dense et visuellement plus fournie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de ricin sur les cheveux et la peau ?\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eL'huile de ricin a une texture naturellement \u003cstrong\u003eépaisse et visqueuse\u003c\/strong\u003e. C'est tout à fait normal et c'est le signe d'une huile pure et non diluée. Voici nos conseils pratiques :\u003c\/p\u003e\n\n \u003cdiv class=\"rc-card\" style=\"margin-bottom:1.25rem;\"\u003e\n \u003ch3\u003e🧖 En masque capillaire (méthode la plus populaire)\u003c\/h3\u003e\n \u003c\/div\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\u003ePrélevez et réchauffez\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette d'huile de ricin dans le creux de votre main et réchauffez-la entre vos paumes pour la rendre plus fluide.\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\u003eAppliquez et massez\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le cuir chevelu en massant par mouvements circulaires, puis répartissez sur les longueurs et les pointes.\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\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003eEnveloppez vos cheveux dans une serviette chaude ou un bonnet de douche et laissez poser \u003cstrong\u003eau minimum 30 minutes\u003c\/strong\u003e, idéalement toute une nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003eRincez et répétez\u003c\/h3\u003e\n \u003cp\u003eProcédez à deux shampoings doux pour éliminer complètement l'huile. Répétez 1 à 2 fois par semaine pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"rc-tip\"\u003e\n \u003cspan class=\"rc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si vous trouvez la texture trop épaisse, mélangez l'huile de ricin avec une huile plus légère comme l'huile de coco, de jojoba ou d'amande douce (moitié-moitié). L'application sera plus facile et les bienfaits complémentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"rc-card\" style=\"margin-top:1.25rem;\"\u003e\n \u003ch3\u003e🎯 En soin ciblé (ongles, cils, sourcils, peau)\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite quantité directement sur la zone à traiter, massez délicatement pour favoriser la pénétration, puis laissez agir sans rincer — de préférence le soir avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"rc-card rc-composition-card\"\u003e\n \u003ch3\u003e🧬 Ingrédient (INCI)\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRicinus communis seed oil*\u003c\/em\u003e\u003c\/p\u003e\n \u003cp style=\"font-size:12px;color:var(--rc-text-light);margin-top:.5rem;\"\u003e* Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌾 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eGraine de ricin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e❄️ Mode d'obtention\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique et équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e200 ml\u003c\/p\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\u003eCette huile est \u003cstrong\u003e100 % pure, vierge et sans aucun additif\u003c\/strong\u003e. Aucun parfum, aucun conservateur, aucun solvant chimique n'entre dans sa composition. Un produit brut, tel que la nature l'a conçu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eCe qui distingue l'huile de ricin bio Saint-Hilaire\u003c\/h2\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌿 Certifiée biologique\u003c\/h3\u003e\n \u003cp\u003eLes graines de ricin sont cultivées sans pesticides ni engrais chimiques de synthèse, pour une huile respectueuse de votre corps et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eUn choix éthique qui garantit une juste rémunération des producteurs et soutient des pratiques agricoles durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e❄️ Pressée à froid\u003c\/h3\u003e\n \u003cp\u003eCe procédé mécanique, sans chaleur excessive, préserve intégralement les acides gras, la vitamine E et tous les actifs sensibles de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e📦 Format 200 ml généreux\u003c\/h3\u003e\n \u003cp\u003eIdéal pour une utilisation régulière sur plusieurs mois, que ce soit pour les cheveux, la peau ou les ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire est implantée en Auvergne et perpétue un savoir-faire artisanal depuis plusieurs générations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de ricin bio\u003c\/h2\u003e\n \u003cdiv class=\"rc-accordion\"\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🌱 L'huile de ricin fait-elle vraiment pousser les cheveux ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de ricin ne possède pas de propriétés « magiques », mais son action nourrissante et stimulante sur le cuir chevelu crée des conditions favorables à la pousse. En massant régulièrement le cuir chevelu, vous favorisez la circulation sanguine et apportez des nutriments essentiels au bulbe pileux. Les résultats varient d'une personne à l'autre, mais beaucoup constatent une amélioration nette après \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e💇 Peut-on l'utiliser sur tous les types de cheveux ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, l'huile de ricin et les cheveux de tous types font bon ménage. Cheveux crépus, frisés, bouclés, lisses, fins ou épais peuvent tous bénéficier de ses propriétés. La seule précaution : adaptez la quantité utilisée. Les cheveux fins nécessiteront moins de produit pour ne pas être alourdis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🔬 L'huile de ricin est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de ricin a un indice de comédogénicité considéré comme faible (1 sur 5). Elle peut donc être utilisée sur le visage avec précaution, notamment en soin ciblé. Si vous avez une peau à tendance acnéique, il est recommandé de faire un test sur une petite zone avant de l'adopter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🕐 Combien de temps se conserve-t-elle ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre huile de ricin bio à l'abri de la lumière et de la chaleur. Dans ces conditions, elle se conserve généralement entre \u003cstrong\u003e12 et 18 mois\u003c\/strong\u003e après ouverture. Fiez-vous à la date indiquée sur le flacon.\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=\"rc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rc-accordion\"\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de projection oculaire, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🧪 Test cutané recommandé\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez un test cutané dans le pli du coude 24 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=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes et allaitantes sans avis médical préalable. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"rc-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un traitement médical. En cas de problème capillaire ou 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 --rc-cream: #FDF8F3;\n --rc-white: #ffffff;\n --rc-primary: #C9787C;\n --rc-primary-dark: #8B3A3E;\n --rc-primary-light: #FBF0F0;\n --rc-secondary: #2D4A2D;\n --rc-accent: #D4A843;\n --rc-text: #1a1a1a;\n --rc-text-light: #5a5a5a;\n --rc-border: #e8e0d8;\n --rc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rc-shadow-lg: 0 12px 48px rgba(0,0,0,.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, #2D4A2D 0%, #3D6B3D 35%, #C9787C 75%, #8B3A3E 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(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.05) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 45%);\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,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.rc-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.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-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 line-height: 1.3;\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-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\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: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\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-secondary);\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\/* === GRILLE COMPACTE === *\/\n.rc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rc-grid-compact .rc-card {\n padding: 1rem;\n}\n\n.rc-grid-compact .rc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rc-grid-compact .rc-card p {\n font-size: 12px;\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-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\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-secondary);\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.5;\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\/* === 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-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.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\/* === 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 CARD === *\/\n.rc-composition-card {\n border-left: 4px solid var(--rc-secondary);\n text-align: left;\n}\n\n\/* === DISCLAIMER === *\/\n.rc-disclaimer {\n font-size: 12px;\n color: var(--rc-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 .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-grid-compact {\n gap: .625rem;\n }\n\n .rc-grid-compact .rc-card {\n padding: .75rem;\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\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":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54868516766073,"sku":"NBAIDSH0023","price":13.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-ricin-bio-saint-hilaire-200ml-packshothd.webp?v=1775115262"},{"product_id":"huile-rose-musquee-bio-chili","title":"Huile végétale de Rose Musquée du Chili Bio - 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile végétale de Rose Musquée du Chili Bio - 30 ml\nPalette détectée:\n - Primaire: #C4567A (rose musquée\/mauve du packaging)\n - Secondaire: #D4A574 (ambre doré de l'huile)\n - Accent: #4A4A4A (gris anthracite du logo)\nAmbiance: Féminin, naturel\/bio, élégant, soins premium, inspiration florale\nPréfixe CSS: rm\n--\u003e\n\n\u003cdiv class=\"rm-premium\"\u003e\n \n \u003cdiv class=\"rm-hero\"\u003e\n \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rm-hero-content\"\u003e\n \u003cdiv class=\"rm-badges-top\"\u003e\n \u003cspan class=\"rm-badge\"\u003e🌹 100% Bio\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🇨🇱 Origine Chili\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e✨ Revitalisante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eHuile de Rose Musquée\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003eLe trésor régénérant des Andes chiliennes\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eExtraite par première pression à froid, cette huile précieuse révèle tout son potentiel anti-âge et réparateur pour sublimer votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e🌸 Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🔄 Régénération cellulaire\u003c\/h3\u003e\n \u003cp\u003eRiche en acide linoléique et vitamine A, elle stimule le renouvellement cellulaire pour une peau plus lisse et lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e✨ Réduction des imperfections\u003c\/h3\u003e\n \u003cp\u003eAtténue visiblement les cicatrices, vergetures et taches pigmentaires pour une peau unifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003ePropriétés nourrissantes qui apportent confort et souplesse à toutes les peaux, même les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eLes antioxydants combattent les radicaux libres, retardant l'apparition des rides et ridules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e👩 Peaux marquées\u003c\/h3\u003e\n \u003cp\u003eIdéale pour atténuer les cicatrices d'acné, marques ou vergetures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌟 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eParfaite pour lutter contre les signes du vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément les peaux en manque de confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e💎 Une pureté absolue\u003c\/h2\u003e\n \u003cdiv class=\"rm-purity-box\"\u003e\n \u003cdiv class=\"rm-purity-grid\"\u003e\n \u003cdiv class=\"rm-purity-item\"\u003e\n \u003cspan class=\"rm-purity-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"rm-purity-text\"\u003e100% naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-purity-item\"\u003e\n \u003cspan class=\"rm-purity-icon\"\u003e🏔️\u003c\/span\u003e\n \u003cspan class=\"rm-purity-text\"\u003eRégions préservées du Chili\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-purity-item\"\u003e\n \u003cspan class=\"rm-purity-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"rm-purity-text\"\u003eSans additifs ni conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-purity-item\"\u003e\n \u003cspan class=\"rm-purity-icon\"\u003e💚\u003c\/span\u003e\n \u003cspan class=\"rm-purity-text\"\u003eRespectueuse de l'environnement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e📖 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rm-steps\"\u003e\n \u003cdiv class=\"rm-step\"\u003e\n \u003cdiv class=\"rm-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur une peau propre et sèche, de préférence le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-step\"\u003e\n \u003cdiv class=\"rm-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rm-step-content\"\u003e\n \u003ch3\u003eDosez avec précision\u003c\/h3\u003e\n \u003cp\u003ePrélevez quelques gouttes au creux de vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-step\"\u003e\n \u003cdiv class=\"rm-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rm-step-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires pour favoriser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-step\"\u003e\n \u003cdiv class=\"rm-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rm-step-content\"\u003e\n \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n \u003cp\u003eL'huile agit en profondeur pendant votre sommeil pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-tip\"\u003e💡 \u003cstrong\u003eAstuce :\u003c\/strong\u003e Peut être mélangée à votre crème hydratante habituelle pour booster ses effets.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e📦 Contenance et durée\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content\"\u003e\n \u003cp\u003eFlacon airless de 30 ml. Utilisée quotidiennement, cette huile vous accompagne pendant environ 2 à 3 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"rm-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 propriétés de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🏆 Certification Bio\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content\"\u003e\n \u003cp\u003eCertifiée biologique, issue de graines de rose musquée cultivées selon les standards de l'agriculture biologique dans les régions préservées du Chili.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rm-cta-box\"\u003e\n \u003cp\u003e🌹 Offrez à votre peau le pouvoir régénérant de la Rose Musquée du Chili et révélez votre éclat naturel. \u003cem\u003eVotre éclat, notre signature.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rm-cream: #FDF8F5;\n --rm-white: #ffffff;\n --rm-primary: #C4567A;\n --rm-primary-dark: #9E3D5C;\n --rm-primary-light: #FAF0F3;\n --rm-secondary: #D4A574;\n --rm-accent: #4A4A4A;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #e8ddd8;\n --rm-shadow: 0 4px 24px rgba(196,86,122,.08);\n --rm-shadow-lg: 0 12px 48px rgba(196,86,122,.15);\n --rm-radius: 20px;\n --rm-radius-sm: 12px;\n}\n\n.rm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.rm-hero {\n position: relative;\n background: linear-gradient(135deg, #C4567A 0%, #D4A574 50%, #E8C5A8 100%);\n border-radius: var(--rm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rm-shadow-lg);\n}\n\n.rm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: 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 5C16.2 5 5 16.2 5 30s11.2 25 25 25 25-11.2 25-25S43.8 5 30 5zm0 45c-11 0-20-9-20-20s9-20 20-20 20 9 20 20-9 20-20 20z' fill='%23fff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.rm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.rm-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.rm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rm-primary), var(--rm-secondary));\n border-radius: 2px;\n}\n\n.rm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rm-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rm-shadow-lg);\n border-color: var(--rm-primary);\n}\n\n.rm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rm-purity-box {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid var(--rm-primary-light);\n}\n\n.rm-purity-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.25rem;\n}\n\n.rm-purity-item {\n display: flex;\n align-items: center;\n gap: .75rem;\n}\n\n.rm-purity-icon {\n font-size: 24px;\n}\n\n.rm-purity-text {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 600;\n color: var(--rm-text);\n}\n\n.rm-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rm-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: 1.25rem;\n box-shadow: var(--rm-shadow);\n transition: all .3s ease;\n}\n\n.rm-step:hover {\n transform: translateX(6px);\n box-shadow: var(--rm-shadow-lg);\n}\n\n.rm-step-number {\n min-width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rm-primary), var(--rm-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rm-step-content h3 {\n font-size: clamp(14px, 2.5vw, 16px);\n font-weight: 700;\n color: var(--rm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rm-step-content p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.rm-tip {\n background: var(--rm-primary-light);\n border-radius: var(--rm-radius-sm);\n padding: 1rem 1.25rem;\n font-size: clamp(13px, 2vw, 14px);\n color: var(--rm-primary-dark);\n margin-top: 1.25rem;\n text-align: center;\n}\n\n.rm-accordion {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-accordion-item {\n border-bottom: 1px solid var(--rm-border);\n margin: 0;\n padding: 0;\n}\n\n.rm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rm-accordion-header:hover {\n background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rm-primary);\n transition: transform .2s ease;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n content: '−';\n}\n\n.rm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.rm-accordion-content p {\n margin: 0;\n}\n\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-primary) 0%, var(--rm-primary-dark) 100%);\n border-radius: var(--rm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rm-cta-box 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.rm-cta-box em {\n display: block;\n margin-top: .5rem;\n font-style: italic;\n opacity: .9;\n}\n\n@media (max-width: 767px) {\n .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .rm-card {\n padding: 1.125rem;\n }\n \n .rm-section {\n margin-bottom: 1.75rem;\n }\n \n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n \n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .rm-purity-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .rm-step {\n padding: 1rem;\n }\n \n .rm-step-number {\n min-width: 36px;\n height: 36px;\n font-size: 14px;\n }\n \n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .rm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .rm-card:nth-child(1) { animation-delay: .05s; }\n .rm-card:nth-child(2) { animation-delay: .1s; }\n .rm-card:nth-child(3) { animation-delay: .15s; }\n .rm-card:nth-child(4) { animation-delay: .2s; }\n \n .rm-step {\n animation: fadeInUp .5s ease backwards;\n }\n .rm-step:nth-child(1) { animation-delay: .05s; }\n .rm-step:nth-child(2) { animation-delay: .1s; }\n .rm-step:nth-child(3) { animation-delay: .15s; }\n .rm-step:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rm-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":54869182218617,"sku":"ROSEMUSQUEEARCENSEL","price":15.43,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-rose-musquee-du-chili-bio-30-ml-arc-en-sel-lifestyle.webp?v=1768500480"},{"product_id":"huile-nigelle-bio-cumin-noir","title":"Huile Végétale de Nigelle (Cumin Noir) - Clarifiante 100 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Nigelle (Cumin Noir) - Clarifiante\nPalette détectée:\n - Primaire: #1E3A5F (bleu marine profond du logo et des accents)\n - Secondaire: #C4A962 (doré\/jaune de l'huile dans le flacon)\n - Accent: #7B8FB0 (bleu lavande des éléments décoratifs)\nAmbiance: Élégante et raffinée, inspirée de l'Orient avec des motifs mandala, naturelle et premium, univers cosmétique haut de gamme\nPréfixe CSS: ng\n--\u003e\n\n\u003cdiv class=\"ng-premium\"\u003e\n \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✨ Clarifiante\u003c\/span\u003e\n \u003cspan class=\"ng-badge\"\u003e🌙 Trésor d'Orient\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ng-hero-title\"\u003eHuile de Nigelle\u003c\/span\u003e\n \u003cp class=\"ng-subtitle\"\u003eCumin noir • Pression à froid\u003c\/p\u003e\n \u003cp class=\"ng-description\"\u003eUn élixir précieux millénaire aux propriétés exceptionnelles pour révéler l'éclat de votre peau et renforcer votre vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"ng-grid\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌸 Apaisante \u0026amp; réparatrice\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations, rougeurs et inflammations cutanées pour une peau apaisée et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🛡️ Renforce l'immunité\u003c\/h3\u003e\n \u003cp\u003eSes composés actifs comme la thymoquinone renforcent les défenses naturelles de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💎 Anti-imperfections\u003c\/h3\u003e\n \u003cp\u003ePropriétés purifiantes et équilibrantes, idéale pour les peaux mixtes à grasses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eAcides gras essentiels qui nourrissent et protègent la peau tout en préservant son élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eRenforce les cheveux, limite leur chute et apaise le cuir chevelu irrité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌟 Antioxydante\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines et antioxydants pour lutter contre le vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e🌿 Une pureté incomparable\u003c\/h2\u003e\n \u003cdiv class=\"ng-purity-box\"\u003e\n \u003cdiv class=\"ng-purity-content\"\u003e\n \u003cp class=\"ng-purity-text\"\u003eCertifiée \u003cstrong\u003e100% biologique\u003c\/strong\u003e, cette huile de nigelle est extraite par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e pour préserver tous ses actifs naturels. Sans additifs ni conservateurs, cultivée dans le respect de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"ng-purity-badges\"\u003e\n \u003cspan class=\"ng-purity-badge\"\u003e🌱 Sans additifs\u003c\/span\u003e\n \u003cspan class=\"ng-purity-badge\"\u003e🍃 Sans conservateurs\u003c\/span\u003e\n \u003cspan class=\"ng-purity-badge\"\u003e♻️ Production éthique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e💆 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"ng-usage-grid\"\u003e\n \u003cdiv class=\"ng-usage-card\"\u003e\n \u003cdiv class=\"ng-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003e🧴 Soin visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur les zones concernées et massez délicatement matin et\/ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-usage-card\"\u003e\n \u003cdiv class=\"ng-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003e💆 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant le shampoing pour nourrir et revitaliser la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-usage-card\"\u003e\n \u003cdiv class=\"ng-usage-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003e🥄 Usage interne\u003c\/h3\u003e\n \u003cp\u003eUne cuillère à café par jour pour ses propriétés bienfaisantes (avis médical recommandé).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e👤 Pour qui est fait l'huile de nigelle ?\u003c\/h2\u003e\n \u003cdiv class=\"ng-grid-compact\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌺 Peaux ternes\u003c\/h3\u003e\n \u003cp\u003eRévèle l'éclat naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e😓 Peaux fatiguées\u003c\/h3\u003e\n \u003cp\u003eRevitalise et régénère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💧 Peaux mixtes\/grasses\u003c\/h3\u003e\n \u003cp\u003ePurifie et équilibre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🔥 Peaux irritées\u003c\/h3\u003e\n \u003cp\u003eApaise et répare\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ng-accordion\"\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ng-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=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content\"\u003e\n \u003cp\u003eEn usage interne, demandez l'avis d'un professionnel de santé. Déconseillé aux femmes enceintes et allaitantes sans avis médical. Faire un test cutané avant première 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🏭 Engagement Arc en Sels\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content\"\u003e\n \u003cp\u003eArc en Sels sélectionne avec soin les meilleures matières premières pour proposer des produits naturels et biologiques d'une qualité irréprochable. Cette huile est issue d'une production éthique et durable, respectant autant votre santé que la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ng-cta-box\"\u003e\n \u003cp\u003e🌙 Découvrez ce trésor d'Orient millénaire et offrez à votre peau l'éclat qu'elle mérite.\u003cbr\u003e\u003cstrong\u003eVotre éclat, notre signature.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ng-cream: #FAF8F5;\n --ng-white: #ffffff;\n --ng-primary: #1E3A5F;\n --ng-primary-dark: #152A45;\n --ng-primary-light: #E8EEF4;\n --ng-secondary: #C4A962;\n --ng-accent: #7B8FB0;\n --ng-text: #1a1a1a;\n --ng-text-light: #5a5a5a;\n --ng-border: #e0e0e0;\n --ng-shadow: 0 4px 24px rgba(30,58,95,.08);\n --ng-shadow-lg: 0 12px 48px rgba(30,58,95,.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, var(--ng-primary) 0%, var(--ng-primary-dark) 50%, #0D1B2A 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: \n radial-gradient(circle at 20% 80%, var(--ng-secondary) 1px, transparent 1px),\n radial-gradient(circle at 80% 20%, var(--ng-secondary) 1px, transparent 1px),\n radial-gradient(circle at 50% 50%, var(--ng-accent) 1px, transparent 1px);\n background-size: 60px 60px, 80px 80px, 40px 40px;\n opacity: .15;\n}\n\n.ng-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ng-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\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 box-shadow: 0 4px 20px rgba(196,169,98,.3);\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 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.ng-subtitle {\n color: var(--ng-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.ng-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.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\/* === 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-secondary);\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\/* === PURITY BOX === *\/\n.ng-purity-box {\n background: linear-gradient(135deg, var(--ng-primary-light) 0%, var(--ng-white) 100%);\n border-radius: var(--ng-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 2px solid var(--ng-secondary);\n box-shadow: var(--ng-shadow);\n}\n\n.ng-purity-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ng-text);\n line-height: 1.8;\n text-align: center;\n margin: 0 0 1.5rem 0;\n}\n\n.ng-purity-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.ng-purity-badge {\n background: var(--ng-white);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--ng-primary);\n box-shadow: 0 2px 8px rgba(0,0,0,.08);\n}\n\n\/* === USAGE CARDS === *\/\n.ng-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.ng-usage-card {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ng-shadow);\n text-align: center;\n position: relative;\n transition: all .3s ease;\n}\n\n.ng-usage-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--ng-shadow-lg);\n}\n\n.ng-usage-number {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--ng-secondary) 0%, #D4B972 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 900;\n color: var(--ng-primary-dark);\n box-shadow: 0 4px 12px rgba(196,169,98,.4);\n}\n\n.ng-usage-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--ng-primary-dark);\n margin: .75rem 0 .5rem 0;\n}\n\n.ng-usage-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--ng-text-light);\n margin: 0;\n line-height: 1.6;\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}\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-secondary);\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: 5px;\n}\n\n.ng-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\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::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, var(--ng-secondary) 0%, transparent 50%);\n opacity: .1;\n}\n\n.ng-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 .ng-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ng-usage-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\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-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-purity-box {\n padding: 1.25rem;\n }\n \n .ng-purity-badges {\n gap: .5rem;\n }\n \n .ng-purity-badge {\n font-size: 12px;\n padding: .4rem .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ng-card, .ng-usage-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ng-card:nth-child(1), .ng-usage-card:nth-child(1) { animation-delay: .05s; }\n .ng-card:nth-child(2), .ng-usage-card:nth-child(2) { animation-delay: .1s; }\n .ng-card:nth-child(3), .ng-usage-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 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 .ng-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":54869209710969,"sku":"CUMINNOIRARCENSELS","price":15.61,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-nigelle-cumin-noir-clarifiante-100-ml-arc--lifestyle.webp?v=1768500555"},{"product_id":"huile-neem-bio-30ml","title":"Huile de Neem Bio - Réparatrice - 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Neem Bio - Arc en Sels\nPalette détectée:\n - Primaire: #4A7C34 (vert olive\/neem des éléments graphiques)\n - Secondaire: #8B6914 (ambre doré de l'huile)\n - Accent: #2D5A1E (vert foncé des feuilles)\n - Neutre: #F7F5F0 (blanc cassé du packaging)\nAmbiance: Naturel\/Bio, Ayurvédique, Éthique, Épuré avec touches orientales\nPréfixe CSS: neem\n--\u003e\n\n\u003cdiv class=\"neem-premium\"\u003e\n \n \u003cdiv class=\"neem-hero\"\u003e\n \u003cdiv class=\"neem-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"neem-hero-content\"\u003e\n \u003cdiv class=\"neem-badges-top\"\u003e\n \u003cspan class=\"neem-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"neem-badge\"\u003e🧴 Pressée à froid\u003c\/span\u003e\n \u003cspan class=\"neem-badge\"\u003e✨ Multi-usages\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"neem-hero-title\"\u003eHuile de Neem Bio\u003c\/span\u003e\n \u003cp class=\"neem-subtitle\"\u003eRéparatrice \u0026amp; Purifiante\u003c\/p\u003e\n \u003cp class=\"neem-description\"\u003eTrésor millénaire de la tradition ayurvédique, cette huile précieuse prend soin de votre peau, vos cheveux et même de vos plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"neem-grid\"\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e✨ Peau plus nette\u003c\/h3\u003e\n \u003cp\u003ePurifiante, antibactérienne et antifongique, elle réduit les imperfections et apaise les irritations cutanées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, elle nourrit intensément et favorise la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e💆 Cheveux revitalisés\u003c\/h3\u003e\n \u003cp\u003eApaise le cuir chevelu, combat les pellicules et renforce la fibre capillaire de la racine aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🌱 Protection des plantes\u003c\/h3\u003e\n \u003cp\u003eRépulsif naturel contre les insectes nuisibles, respectueux de l'écosystème de votre jardin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eSes puissants antioxydants préservent la jeunesse, l'élasticité et l'éclat de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🛡️ Action réparatrice\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux à imperfections et les marques disgracieuses, elle aide à restaurer la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003e💡 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"neem-grid\"\u003e\n \u003cdiv class=\"neem-card neem-card-usage\"\u003e\n \u003ch3\u003e🧴 Pour la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes pures ou diluées sur les zones à purifier. Massez délicatement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card neem-card-usage\"\u003e\n \u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eMélangez avec une huile plus légère (jojoba, coco) et appliquez en masque avant shampoing. Laissez poser 30 min.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card neem-card-usage\"\u003e\n \u003ch3\u003e🌿 Pour les plantes\u003c\/h3\u003e\n \u003cp\u003eDiluez quelques gouttes dans de l'eau et vaporisez sur les feuilles pour éloigner naturellement les insectes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"neem-grid-compact\"\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🔬 Peaux grasses\u003c\/h3\u003e\n \u003cp\u003eRégule le sébum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🩹 Peaux à imperfections\u003c\/h3\u003e\n \u003cp\u003eAction purifiante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e😣 Cuirs chevelus irrités\u003c\/h3\u003e\n \u003cp\u003eApaise et assainit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🪴 Jardiniers écolos\u003c\/h3\u003e\n \u003cp\u003eProtection naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"neem-accordion\"\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eConservez votre huile de Neem à l'abri de la lumière et de la chaleur, dans un endroit frais et sec. L'huile peut se solidifier en dessous de 20°C, c'est normal : il suffit de la réchauffer légèrement entre vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. Déconseillé aux femmes enceintes et allaitantes. En cas de doute, effectuez un test cutané dans le pli du coude avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e🏭 Fabrication éthique\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eIssue de l'agriculture biologique certifiée, notre huile de Neem est pressée à froid pour préserver tous ses actifs. Arc en Sels s'engage dans le commerce équitable et les filières durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e📜 Note olfactive\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eL'huile de Neem possède une odeur caractéristique, terreuse et prononcée. C'est le signe d'une huile pure et non raffinée. Pour atténuer l'odeur, mélangez-la avec une huile végétale plus douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"neem-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"neem-cta-box\"\u003e\n \u003cp\u003e🌿 Découvrez le pouvoir ancestral du Neem, utilisé depuis des millénaires dans la médecine ayurvédique. Une huile bio, pure et multifonction pour une beauté naturelle et un jardin préservé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --neem-cream: #F8F6F1;\n --neem-white: #ffffff;\n --neem-primary: #4A7C34;\n --neem-primary-dark: #2D5A1E;\n --neem-primary-light: #E8F0E4;\n --neem-secondary: #8B6914;\n --neem-accent: #C4A035;\n --neem-text: #1a1a1a;\n --neem-text-light: #5a5a5a;\n --neem-border: #e0e0e0;\n --neem-shadow: 0 4px 24px rgba(0,0,0,.08);\n --neem-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --neem-radius: 20px;\n --neem-radius-sm: 12px;\n}\n\n.neem-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--neem-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.neem-hero {\n position: relative;\n background: linear-gradient(135deg, #4A7C34 0%, #2D5A1E 50%, #1E4516 100%);\n border-radius: var(--neem-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(--neem-shadow-lg);\n}\n\n.neem-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 5C15 5 5 15 5 30s10 25 25 25 25-10 25-25S45 5 30 5zm0 45c-11 0-20-9-20-20s9-20 20-20 20 9 20 20-9 20-20 20z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.neem-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.neem-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.neem-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(--neem-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.neem-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.neem-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.neem-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.neem-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.neem-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.neem-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--neem-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.neem-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(--neem-primary), var(--neem-secondary));\n border-radius: 2px;\n}\n\n.neem-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.neem-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.neem-card {\n background: var(--neem-white);\n border-radius: var(--neem-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--neem-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.neem-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--neem-shadow-lg);\n border-color: var(--neem-primary);\n}\n\n.neem-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--neem-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.neem-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--neem-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.neem-grid-compact .neem-card {\n padding: 1rem;\n}\n\n.neem-grid-compact .neem-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.neem-grid-compact .neem-card p {\n font-size: 12px;\n}\n\n.neem-card-usage {\n background: linear-gradient(135deg, var(--neem-white) 0%, var(--neem-primary-light) 100%);\n}\n\n.neem-accordion {\n background: var(--neem-white);\n border-radius: var(--neem-radius);\n box-shadow: var(--neem-shadow);\n overflow: hidden;\n}\n\n.neem-accordion-item {\n border-bottom: 1px solid var(--neem-border);\n margin: 0;\n padding: 0;\n}\n\n.neem-accordion-item:last-child {\n border-bottom: none;\n}\n\n.neem-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--neem-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.neem-accordion-header:hover {\n background: var(--neem-primary-light);\n}\n\n.neem-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.neem-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--neem-primary);\n transition: transform .2s ease;\n}\n\n.neem-accordion-item[open] .neem-accordion-header::after {\n content: '−';\n}\n\n.neem-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--neem-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.neem-accordion-content p {\n margin: 0;\n}\n\n.neem-cta-box {\n background: linear-gradient(135deg, var(--neem-primary) 0%, var(--neem-primary-dark) 100%);\n border-radius: var(--neem-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.neem-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.neem-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .neem-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .neem-card {\n padding: 1.125rem;\n }\n \n .neem-section {\n margin-bottom: 1.75rem;\n }\n \n .neem-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--neem-radius-sm);\n }\n \n .neem-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .neem-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .neem-grid-compact {\n gap: .625rem;\n }\n \n .neem-grid-compact .neem-card {\n padding: .75rem;\n }\n \n .neem-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .neem-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .neem-badges-top {\n gap: 8px;\n }\n \n .neem-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .neem-card {\n animation: fadeInUp .5s ease backwards;\n }\n .neem-card:nth-child(1) { animation-delay: .05s; }\n .neem-card:nth-child(2) { animation-delay: .1s; }\n .neem-card:nth-child(3) { animation-delay: .15s; }\n .neem-card:nth-child(4) { animation-delay: .2s; }\n .neem-card:nth-child(5) { animation-delay: .25s; }\n .neem-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 .neem-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":54869231501689,"sku":"HUILENEEMARCENSELS","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-neem-bio-reparatrice-30-ml-arc-en-sels-lifestyle.webp?v=1768500779"},{"product_id":"tea-tree-bio-huile-essentielle-10ml","title":"Huile essentielle de Tea Tree Bio - Saint-Hilaire - 10ml","description":"\u003cdiv class=\"tt-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"tt-hero\"\u003e\n \u003cdiv class=\"tt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tt-hero-content\"\u003e\n \u003cdiv class=\"tt-badges-top\"\u003e\n \u003cspan class=\"tt-badge\"\u003e🌿 Certifiée Bio AB\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e💧 100 % pure \u0026amp; naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tt-hero-title\"\u003eHuile essentielle de Tea Tree Bio\u003c\/span\u003e\n \u003cp class=\"tt-subtitle\"\u003eDistillerie Saint-Hilaire — 10 ml\u003c\/p\u003e\n \u003cp class=\"tt-description\"\u003eL'incontournable de l'aromathérapie : purifiante, assainissante et polyvalente. Issue de feuilles de \u003cem\u003eMelaleuca alternifolia\u003c\/em\u003e d'Australie, chémotypée et certifiée Ecocert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eHuile essentielle de Tea Tree Bio – L'indispensable de votre trousse aromathérapie\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile essentielle de tea tree\u003c\/strong\u003e fiable, polyvalente et certifiée biologique ? Celle proposée par la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e coche toutes les cases.\u003c\/p\u003e\n \u003cdiv class=\"tt-highlight-box\"\u003e\n \u003cp\u003eObtenue par distillation à la vapeur d'eau des feuilles de \u003cem\u003eMelaleuca alternifolia\u003c\/em\u003e, cette huile 100 % pure concentre le meilleur de l'arbre à thé australien, sans aucun additif ni solvant. Un flacon de 10 ml suffit pour des semaines d'utilisation tant ses applications sont variées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de Tea Tree : pourquoi elle est si prisée\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'huile essentielle de tea tree\u003c\/strong\u003e sont documentés depuis des décennies en aromathérapie. Voici ses principaux atouts :\u003c\/p\u003e\n \u003cdiv class=\"tt-grid\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e✨ Purifie la peau en profondeur\u003c\/h3\u003e\n \u003cp\u003eBoutons, imperfections, points noirs… Le tea tree aide à retrouver un teint plus net. Particulièrement apprécié en cas de peau grasse ou acnéique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🛡️ Soutient les défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eEn période hivernale ou lors des changements de saison, cette huile stimule vos défenses naturelles pour mieux résister.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🧹 Assainit et désinfecte\u003c\/h3\u003e\n \u003cp\u003ePetite coupure, éraflure, zone à nettoyer… Le tea tree est reconnu pour ses propriétés assainissantes, un véritable couteau suisse naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🦷 Hygiène bucco-dentaire\u003c\/h3\u003e\n \u003cp\u003eAphtes, gencives sensibles ou envie d'une haleine plus fraîche : une goutte sur votre dentifrice peut faire la différence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌬️ Purifie l'air ambiant\u003c\/h3\u003e\n \u003cp\u003eEn diffusion, elle contribue à assainir l'atmosphère de votre intérieur et à créer une ambiance fraîche et vivifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de Tea Tree au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eSavoir \u003cstrong\u003eutiliser l'huile essentielle de tea tree\u003c\/strong\u003e correctement, c'est profiter pleinement de ses propriétés en toute sécurité.\u003c\/p\u003e\n \u003cdiv class=\"tt-timeline\"\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003eEn application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 1 à 2 gouttes dans une cuillère à café d'huile végétale (jojoba, amande douce) puis appliquez localement. Ne l'appliquez jamais pure sur une grande surface de peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 8 gouttes dans votre diffuseur pendant 15 à 20 minutes pour assainir l'air d'une pièce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003eEn soin bucco-dentaire\u003c\/h3\u003e\n \u003cp\u003eDéposez 1 goutte sur votre dentifrice avant le brossage, 2 à 3 fois par semaine maximum.\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=\"tt-section\"\u003e\n \u003ch2\u003eHuile essentielle de Tea Tree : danger et précautions à connaître\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eComme toute huile essentielle concentrée, le tea tree demande quelques précautions. Concernant l'\u003cstrong\u003ehuile essentielle de tea tree et ses dangers\u003c\/strong\u003e potentiels, retenez ceci :\u003c\/p\u003e\n \u003cdiv class=\"tt-accordion\"\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e🤰 Femmes enceintes \u0026amp; enfants\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e et aux \u003cstrong\u003eenfants de moins de 3 ans\u003c\/strong\u003e sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e🧪 Test cutané obligatoire\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eToujours effectuer un \u003cstrong\u003etest cutané\u003c\/strong\u003e au 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 \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eÉviter le contact avec les yeux et les muqueuses. En cas de contact accidentel, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eComposition et caractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"tt-grid-compact\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌱 Ingrédient unique\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de Tea Tree (\u003cem\u003eMelaleuca alternifolia\u003c\/em\u003e) – 100 % pure et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🔬 Chémotype principal\u003c\/h3\u003e\n \u003cp\u003eTerpinèn-4-ol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (AB) – Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌏 Origine de la plante\u003c\/h3\u003e\n \u003cp\u003eAustralie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🏭 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon verre ambré recyclable avec compte-gouttes, fabriqué en France (Auvergne)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabricant\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!-- SECTION 6 --\u003e\n \u003csection class=\"tt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le Tea Tree Bio Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"tt-cta-box\"\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire est une référence française en aromathérapie biologique. Chaque lot est \u003cstrong\u003echémotypé\u003c\/strong\u003e, garantissant une composition précise et constante. Le flacon en verre ambré protège l'huile de la lumière, préservant toute sa richesse aromatique.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003eEn choisissant cette huile essentielle de tea tree bio, vous optez pour un produit \u003cstrong\u003etraçable, éthique et efficace\u003c\/strong\u003e – un allié naturel toujours à portée de main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tt-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. Ne pas dépasser les doses recommandées. 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 --tt-cream: #f5f7f2;\n --tt-white: #ffffff;\n --tt-primary: #2d6a4f;\n --tt-primary-dark: #1b4332;\n --tt-primary-light: #e8f0eb;\n --tt-secondary: #52b788;\n --tt-accent: #95d5b2;\n --tt-text: #1a1a1a;\n --tt-text-light: #5a5a5a;\n --tt-border: #dce5dc;\n --tt-shadow: 0 4px 24px rgba(27, 67, 50, .08);\n --tt-shadow-lg: 0 12px 48px rgba(27, 67, 50, .15);\n --tt-radius: 20px;\n --tt-radius-sm: 12px;\n}\n\n.tt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tt-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tt-primary-dark) 0%, var(--tt-primary) 50%, var(--tt-secondary) 100%);\n border-radius: var(--tt-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(--tt-shadow-lg);\n}\n\n.tt-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(149,213,178,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.tt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tt-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.tt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tt-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(--tt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tt-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.tt-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.tt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tt-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.tt-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(--tt-primary), var(--tt-secondary));\n border-radius: 2px;\n}\n\n.tt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tt-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.tt-highlight-box {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tt-shadow);\n border-left: 4px solid var(--tt-secondary);\n max-width: 750px;\n margin: 0 auto;\n}\n\n.tt-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--tt-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.tt-card {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tt-shadow-lg);\n border-color: var(--tt-primary);\n}\n\n.tt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.tt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tt-grid-compact .tt-card {\n padding: 1rem;\n}\n\n.tt-grid-compact .tt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tt-grid-compact .tt-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.tt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tt-primary), var(--tt-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(45, 106, 79, .3);\n}\n\n.tt-timeline-content {\n flex: 1;\n background: var(--tt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tt-radius-sm);\n box-shadow: var(--tt-shadow);\n}\n\n.tt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tt-timeline-content p {\n font-size: 14px;\n color: var(--tt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.tt-accordion {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n box-shadow: var(--tt-shadow);\n overflow: hidden;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.tt-accordion-item {\n border-bottom: 1px solid var(--tt-border);\n margin: 0;\n padding: 0;\n}\n\n.tt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tt-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.tt-accordion-header:hover {\n background: var(--tt-primary-light);\n}\n\n.tt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tt-primary);\n transition: transform .2s ease;\n}\n\n.tt-accordion-item[open] .tt-accordion-header::after {\n content: '−';\n}\n\n.tt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.tt-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.tt-cta-box {\n background: linear-gradient(135deg, var(--tt-primary) 0%, var(--tt-primary-dark) 100%);\n border-radius: var(--tt-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tt-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(149,213,178,.15) 0%, transparent 60%);\n}\n\n.tt-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.tt-disclaimer {\n font-size: 12px;\n color: var(--tt-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 .tt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tt-card {\n padding: 1.125rem;\n }\n\n .tt-section {\n margin-bottom: 1.75rem;\n }\n\n .tt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tt-radius-sm);\n }\n\n .tt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tt-grid-compact {\n gap: .625rem;\n }\n\n .tt-grid-compact .tt-card {\n padding: .75rem;\n }\n\n .tt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tt-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tt-timeline-content h3 {\n font-size: 14px;\n }\n\n .tt-timeline-content p {\n font-size: 13px;\n }\n\n .tt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .tt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .tt-highlight-box {\n padding: 1.25rem;\n }\n\n .tt-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tt-card {\n animation: ttFadeInUp .5s ease backwards;\n }\n .tt-card:nth-child(1) { animation-delay: .05s; }\n .tt-card:nth-child(2) { animation-delay: .1s; }\n .tt-card:nth-child(3) { animation-delay: .15s; }\n .tt-card:nth-child(4) { animation-delay: .2s; }\n .tt-card:nth-child(5) { animation-delay: .25s; }\n .tt-card:nth-child(6) { animation-delay: .3s; }\n .tt-card:nth-child(7) { animation-delay: .35s; }\n .tt-card:nth-child(8) { animation-delay: .4s; }\n\n .tt-timeline-item {\n animation: ttFadeInUp .5s ease backwards;\n }\n .tt-timeline-item:nth-child(1) { animation-delay: .1s; }\n .tt-timeline-item:nth-child(2) { animation-delay: .2s; }\n .tt-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes ttFadeInUp {\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 .tt-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":54874984612217,"sku":"NBAIDSH0009","price":6.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-tea-tree-saint-hilaire-min.jpg?v=1774283802"},{"product_id":"petit-grain-bigaradier-bio-10ml","title":"Huile Essentielle Petit Grain Bigaradier Bio - Saint-Hilaire - 10 ml","description":"\u003cdiv class=\"pgb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pgb-hero\"\u003e\n \u003cdiv class=\"pgb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pgb-hero-content\"\u003e\n \u003cdiv class=\"pgb-badges-top\"\u003e\n \u003cspan class=\"pgb-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"pgb-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"pgb-badge\"\u003e🔬 Chémotypée\u003c\/span\u003e\n \u003cspan class=\"pgb-badge\"\u003e🍃 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pgb-hero-title\"\u003eHuile essentielle petit grain bigaradier bio\u003c\/span\u003e\n \u003cp class=\"pgb-subtitle\"\u003eDistillerie Saint-Hilaire — Auvergne\u003c\/p\u003e\n \u003cp class=\"pgb-description\"\u003eUn concentré de douceur et d'apaisement issu des feuilles d'oranger amer, pour retrouver calme et sérénité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"pgb-section\"\u003e\n \u003ch2\u003eHuile essentielle de Petit Grain Bigarade Bio : l'alliée naturelle de la sérénité\u003c\/h2\u003e\n \u003cp class=\"pgb-section-intro\"\u003eObtenue par distillation à la vapeur d'eau des \u003cstrong\u003efeuilles et jeunes rameaux de l'oranger amer\u003c\/strong\u003e (\u003cem\u003eCitrus aurantium var amara\u003c\/em\u003e), l'huile essentielle de petit grain bigaradier de la Distillerie Saint-Hilaire vous offre un concentré de douceur et d'apaisement.\u003c\/p\u003e\n \u003cp class=\"pgb-section-intro\"\u003eSon parfum à la fois boisé, floral et légèrement acidulé en fait l'une des huiles essentielles les plus appréciées en aromathérapie pour retrouver calme et équilibre au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"pgb-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile essentielle petit grain bigarade ?\u003c\/h2\u003e\n \u003cp class=\"pgb-section-intro\"\u003eParmi les huiles essentielles relaxantes, le \u003cstrong\u003epetit grain de bigarade\u003c\/strong\u003e se distingue par sa polyvalence et sa grande tolérance. Voici ses principaux bienfaits traditionnellement reconnus :\u003c\/p\u003e\n \u003cdiv class=\"pgb-grid\"\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e😌 Apaisement nerveux\u003c\/h3\u003e\n \u003cp\u003eRéputée pour aider à apaiser le stress, l'anxiété et les tensions nerveuses accumulées. Idéale en période de surmenage ou de nervosité passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🌙 Soutien du sommeil\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes en diffusion avant le coucher contribuent à créer une atmosphère propice à un sommeil plus serein et réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e✨ Soin cutané\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés régulatrices, elle aide à équilibrer les peaux grasses ou à tendance mixte et à atténuer les petites imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e💛 Réconfort émotionnel\u003c\/h3\u003e\n \u003cp\u003eSon parfum subtil et enveloppant aide à retrouver confiance en soi et à dissiper les pensées négatives au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"pgb-section\"\u003e\n \u003ch2\u003eCarte d'identité du produit\u003c\/h2\u003e\n \u003cdiv class=\"pgb-grid-compact\"\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCitrus aurantium\u003c\/em\u003e var. \u003cem\u003eamara\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e💧 Méthode d'extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🔬 Composants principaux\u003c\/h3\u003e\n \u003cp\u003eAcétate de linalyle, linalol, myrcène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique (AB)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabricant\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire, Auvergne (France)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-tip\"\u003e\n \u003cspan class=\"pgb-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003eLa mention \u003cstrong\u003e« chémotypée »\u003c\/strong\u003e figurant sur le flacon vous garantit que la composition biochimique de cette huile essentielle a été rigoureusement analysée. C'est un gage de qualité et de traçabilité indispensable pour une utilisation en toute confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"pgb-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de petit grain bigarade ?\u003c\/h2\u003e\n \u003cp class=\"pgb-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle petit grain\u003c\/strong\u003e se prête à de nombreux usages. Voici les modes d'utilisation les plus courants :\u003c\/p\u003e\n \u003cdiv class=\"pgb-timeline\"\u003e\n \u003cdiv class=\"pgb-timeline-item\"\u003e\n \u003cdiv class=\"pgb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 8 gouttes dans votre diffuseur pendant 20 à 30 minutes pour parfumer et assainir votre intérieur tout en créant une ambiance relaxante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-item\"\u003e\n \u003cdiv class=\"pgb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-content\"\u003e\n \u003ch3\u003e🤲 En massage\u003c\/h3\u003e\n \u003cp\u003eDiluez 3 à 4 gouttes dans une cuillère à soupe d'huile végétale (amande douce, jojoba) et massez le plexus solaire, la nuque ou les poignets pour un effet détente immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-item\"\u003e\n \u003cdiv class=\"pgb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-content\"\u003e\n \u003ch3\u003e🛁 Dans le bain\u003c\/h3\u003e\n \u003cp\u003eMélangez 5 gouttes à une base neutre ou du sel de bain avant de verser dans l'eau chaude pour un moment de relaxation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-item\"\u003e\n \u003cdiv class=\"pgb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-content\"\u003e\n \u003ch3\u003e💆 En soin cosmétique\u003c\/h3\u003e\n \u003cp\u003eAjoutez 1 à 2 gouttes dans votre crème de nuit ou votre huile de soin pour favoriser une peau nette et équilibrée.\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=\"pgb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pgb-accordion\"\u003e\n \u003cdetails class=\"pgb-accordion-item\"\u003e\n \u003csummary class=\"pgb-accordion-header\"\u003e⚠️ Application cutanée\u003c\/summary\u003e\n \u003cdiv class=\"pgb-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas appliquer pure sur la peau : toujours diluer dans une huile végétale avant toute application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pgb-accordion-item\"\u003e\n \u003csummary class=\"pgb-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"pgb-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pgb-accordion-item\"\u003e\n \u003csummary class=\"pgb-accordion-header\"\u003e👶 Hors de portée des enfants\u003c\/summary\u003e\n \u003cdiv class=\"pgb-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pgb-accordion-item\"\u003e\n \u003csummary class=\"pgb-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"pgb-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute ou de traitement en cours, consultez un professionnel de santé avant utilisation. Ce produit ne remplace en aucun cas 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=\"pgb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pgb-cta-box\"\u003e\n \u003cp\u003e🍊 Avec cette \u003cstrong\u003ehuile essentielle de petit grain bigarade bio\u003c\/strong\u003e Saint-Hilaire, vous faites le choix d'un produit artisanal, certifié biologique et distillé en France. Un essentiel de votre trousse d'aromathérapie pour traverser chaque journée avec plus de sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pgb-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Les huiles essentielles ne sont pas des médicaments.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pgb-cream: #faf8f4;\n --pgb-white: #ffffff;\n --pgb-primary: #2d5a3d;\n --pgb-primary-dark: #1e3d2a;\n --pgb-primary-light: #e8f2ec;\n --pgb-secondary: #e5a830;\n --pgb-accent: #f0c24d;\n --pgb-text: #1a1a1a;\n --pgb-text-light: #5a5a5a;\n --pgb-border: #e0e0e0;\n --pgb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pgb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pgb-radius: 20px;\n --pgb-radius-sm: 12px;\n}\n\n.pgb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pgb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pgb-hero {\n position: relative;\n background: linear-gradient(135deg, #1e3d2a 0%, #2d5a3d 40%, #3a7a50 70%, #e5a830 100%);\n border-radius: var(--pgb-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(--pgb-shadow-lg);\n}\n\n.pgb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(229,168,48,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.pgb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pgb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pgb-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(--pgb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pgb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pgb-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.pgb-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: .05em;\n text-transform: uppercase;\n}\n\n.pgb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.pgb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pgb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pgb-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.pgb-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(--pgb-primary), var(--pgb-secondary));\n border-radius: 2px;\n}\n\n.pgb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pgb-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.pgb-card {\n background: var(--pgb-white);\n border-radius: var(--pgb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pgb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pgb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pgb-shadow-lg);\n border-color: var(--pgb-primary);\n}\n\n.pgb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pgb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pgb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pgb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pgb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pgb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pgb-grid-compact .pgb-card {\n padding: 1rem;\n}\n\n.pgb-grid-compact .pgb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pgb-grid-compact .pgb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pgb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pgb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pgb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pgb-primary), var(--pgb-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.pgb-timeline-content {\n flex: 1;\n background: var(--pgb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pgb-radius-sm);\n box-shadow: var(--pgb-shadow);\n}\n\n.pgb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pgb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pgb-timeline-content p {\n font-size: 14px;\n color: var(--pgb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pgb-testimonial {\n background: var(--pgb-white);\n border-radius: var(--pgb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pgb-shadow);\n border-left: 4px solid var(--pgb-primary);\n}\n\n.pgb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pgb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pgb-accordion {\n background: var(--pgb-white);\n border-radius: var(--pgb-radius);\n box-shadow: var(--pgb-shadow);\n overflow: hidden;\n}\n\n.pgb-accordion-item {\n border-bottom: 1px solid var(--pgb-border);\n margin: 0;\n padding: 0;\n}\n\n.pgb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pgb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pgb-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.pgb-accordion-header:hover {\n background: var(--pgb-primary-light);\n}\n\n.pgb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pgb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pgb-primary);\n transition: transform .2s ease;\n}\n\n.pgb-accordion-item[open] .pgb-accordion-header::after {\n content: '−';\n}\n\n.pgb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pgb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pgb-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pgb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pgb-primary-light);\n border-radius: var(--pgb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pgb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pgb-tip p {\n font-size: 14px;\n color: var(--pgb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pgb-cta-box {\n background: linear-gradient(135deg, var(--pgb-primary) 0%, var(--pgb-primary-dark) 100%);\n border-radius: var(--pgb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pgb-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.pgb-disclaimer {\n font-size: 12px;\n color: var(--pgb-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 .pgb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pgb-card {\n padding: 1.125rem;\n }\n\n .pgb-section {\n margin-bottom: 1.75rem;\n }\n\n .pgb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pgb-radius-sm);\n }\n\n .pgb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pgb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pgb-grid-compact {\n gap: .625rem;\n }\n\n .pgb-grid-compact .pgb-card {\n padding: .75rem;\n }\n\n .pgb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pgb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pgb-timeline-content h3 {\n font-size: 14px;\n }\n\n .pgb-timeline-content p {\n font-size: 13px;\n }\n\n .pgb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pgb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pgb-testimonial {\n padding: 1.25rem;\n }\n\n .pgb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pgb-card {\n animation: pgbFadeInUp .5s ease backwards;\n }\n .pgb-card:nth-child(1) { animation-delay: .05s; }\n .pgb-card:nth-child(2) { animation-delay: .1s; }\n .pgb-card:nth-child(3) { animation-delay: .15s; }\n .pgb-card:nth-child(4) { animation-delay: .2s; }\n .pgb-card:nth-child(5) { animation-delay: .25s; }\n .pgb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pgbFadeInUp {\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 .pgb-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":54875014857081,"sku":"NBAIDSH0010","price":7.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-petit-grain-bigaradier-bio-saint-hilaire-1-packshothd.webp?v=1774342701"},{"product_id":"eau-florale-rose-bio-saint-hilaire-200ml","title":"Eau Florale de Rose Bio - Saint-Hilaire - 200 ml","description":"\u003cdiv class=\"efr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"efr-hero\"\u003e\n \u003cdiv class=\"efr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"efr-hero-content\"\u003e\n \u003cdiv class=\"efr-badges-top\"\u003e\n \u003cspan class=\"efr-badge\"\u003e🌹 Rosa x damascena\u003c\/span\u003e\n \u003cspan class=\"efr-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"efr-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"efr-badge\"\u003e♻️ Flacon 100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"efr-hero-title\"\u003eEau Florale de Rose Bio\u003c\/span\u003e\n \u003cp class=\"efr-subtitle\"\u003eDistillerie Saint-Hilaire — 200 ml\u003c\/p\u003e\n \u003cp class=\"efr-description\"\u003eL'éclat naturel de la rose de Damas, capturé dans un hydrolat pur, biologique et équitable. 98 % d'ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003eEau florale de Rose de Damas bio : le secret d'une peau lumineuse\u003c\/h2\u003e\n \u003cp class=\"efr-section-intro\"\u003eVous cherchez une \u003cstrong\u003eeau de rose pour le visage\u003c\/strong\u003e qui soit à la fois pure, efficace et respectueuse de votre peau ?\u003c\/p\u003e\n \u003cdiv class=\"efr-testimonial\"\u003e\n \u003cp class=\"efr-testimonial-text\"\u003eCette eau florale de Rose bio de la Distillerie Saint-Hilaire est obtenue par distillation à la vapeur d'eau de pétales de \u003cstrong\u003eRosa x damascena\u003c\/strong\u003e, cultivés en agriculture biologique et équitable. Chaque flacon concentre toute la délicatesse et la puissance de la rose de Damas, sans aucun ajout de parfum ni de conservateur synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003ePourquoi appliquer de l'eau de rose sur le visage ?\u003c\/h2\u003e\n \u003cp class=\"efr-section-intro\"\u003eUn incontournable des rituels de beauté naturelle depuis des siècles. Des résultats visibles dès les premières applications.\u003c\/p\u003e\n \u003cdiv class=\"efr-grid\"\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e✨ Astringente et purifiante\u003c\/h3\u003e\n \u003cp\u003eElle aide à resserrer les pores dilatés et affine visiblement le grain de peau, idéale après le nettoyage du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e👁️ Décongestionnante\u003c\/h3\u003e\n \u003cp\u003eAppliquée en compresse fraîche sur les yeux, elle atténue les poches et les cernes liés à la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e💧 Hydratante\u003c\/h3\u003e\n \u003cp\u003eElle préserve le film hydrolipidique de la peau et prépare parfaitement l'épiderme à recevoir votre sérum ou votre crème.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eElle calme les rougeurs, les tiraillements et les sensations d'inconfort, même sur les peaux les plus sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🛡️ Protectrice\u003c\/h3\u003e\n \u003cp\u003eElle forme un voile protecteur contre les agressions extérieures comme la pollution ou le vent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003eComment utiliser cette eau de rose au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"efr-section-intro\"\u003eIntégrer l'eau de rose dans votre routine est très simple. Voici un rituel beauté en trois étapes pour un teint frais et éclatant.\u003c\/p\u003e\n \u003cdiv class=\"efr-timeline\"\u003e\n \u003cdiv class=\"efr-timeline-item\"\u003e\n \u003cdiv class=\"efr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-content\"\u003e\n \u003ch3\u003eVaporisez\u003c\/h3\u003e\n \u003cp\u003eMatin et soir, directement sur le visage, ou imbibez un coton réutilisable que vous passez délicatement sur l'ensemble du visage et du cou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-item\"\u003e\n \u003cdiv class=\"efr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-content\"\u003e\n \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n \u003cp\u003eQuelques secondes sans frotter : la peau absorbe naturellement les actifs de la rose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-item\"\u003e\n \u003cdiv class=\"efr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-content\"\u003e\n \u003ch3\u003eAppliquez votre soin\u003c\/h3\u003e\n \u003cp\u003eVotre soin hydratant habituel (sérum, huile végétale ou crème) pour sceller l'hydratation et maximiser les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-tip\"\u003e\n \u003cspan class=\"efr-tip-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e conservez votre flacon au réfrigérateur pour un effet fraîcheur décuplé, particulièrement agréable en été ou sur les yeux fatigués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"efr-grid\"\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🌹 Rosa Damascena Flower Water*\u003c\/h3\u003e\n \u003cp\u003eEau florale de rose de Damas issue de la distillation des fleurs. L'ingrédient star de ce soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🌱 Leuconostoc \/ Radish Root Ferment Filtrate\u003c\/h3\u003e\n \u003cp\u003eConservateur naturel obtenu par fermentation de radis, qui préserve la fraîcheur du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n \u003cp\u003eEau purifiée entrant dans la composition de l'hydrolat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🔬 Molécules naturelles de la rose\u003c\/h3\u003e\n \u003cp\u003eCitronellol°, Farnesol°, Geraniol°, Linalool°, Citral°, Eugenol° — naturellement présentes dans la rose de Damas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"efr-disclaimer\"\u003e* 98 % des ingrédients sont issus de l'agriculture biologique. ° Molécules naturellement présentes dans la plante.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003eDes engagements éthiques concrets\u003c\/h2\u003e\n \u003cp class=\"efr-section-intro\"\u003eBien plus qu'une simple eau de rose : un produit qui respecte la planète et les producteurs.\u003c\/p\u003e\n \u003cdiv class=\"efr-grid-compact\"\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifiée par Ecocert, garantie d'un produit véritablement biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🤝 Fair For Life\u003c\/h3\u003e\n \u003cp\u003eLes producteurs de roses sont rémunérés équitablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e♻️ Flacon recyclé\u003c\/h3\u003e\n \u003cp\u003e200 ml en plastique 100 % recyclé et recyclable, sans suremballage superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in Auvergne\u003c\/h3\u003e\n \u003cp\u003eDistillée par la Distillerie Saint-Hilaire, un savoir-faire artisanal français reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"efr-accordion\"\u003e\n \u003cdetails class=\"efr-accordion-item\" open\u003e\n \u003csummary class=\"efr-accordion-header\"\u003e⚠️ Précautions et conservation\u003c\/summary\u003e\n \u003cdiv class=\"efr-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez l'application chez les enfants de moins de 3 ans. Conservez le flacon bien fermé, dans un endroit frais et à l'abri de la lumière. Ce 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=\"efr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"efr-cta-box\"\u003e\n \u003cp\u003e🌹 Offrez à votre peau la pureté de la rose de Damas bio — un geste beauté simple, naturel et profondément efficace, matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --efr-cream: #f8f5f0;\n --efr-white: #ffffff;\n --efr-primary: #2e3d7c;\n --efr-primary-dark: #1c2754;\n --efr-primary-light: #e8ebf4;\n --efr-secondary: #d4a0b0;\n --efr-accent: #c97d94;\n --efr-text: #1a1a1a;\n --efr-text-light: #5a5a5a;\n --efr-border: #e0ddd8;\n --efr-shadow: 0 4px 24px rgba(46,61,124,.08);\n --efr-shadow-lg: 0 12px 48px rgba(46,61,124,.15);\n --efr-radius: 20px;\n --efr-radius-sm: 12px;\n}\n\n.efr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--efr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.efr-hero {\n position: relative;\n background: linear-gradient(135deg, #1c2754 0%, #2e3d7c 40%, #5a6db5 70%, #d4a0b0 100%);\n border-radius: var(--efr-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(--efr-shadow-lg);\n}\n\n.efr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(212,160,176,.2) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.efr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.efr-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.efr-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.efr-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.efr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.efr-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(--efr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.efr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.efr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.efr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--efr-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.efr-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(--efr-primary), var(--efr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.efr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--efr-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.efr-card {\n background: var(--efr-white);\n border-radius: var(--efr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--efr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.efr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--efr-shadow-lg);\n border-color: var(--efr-primary);\n}\n\n.efr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--efr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.efr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--efr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.efr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.efr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.efr-grid-compact .efr-card {\n padding: 1rem;\n}\n\n.efr-grid-compact .efr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.efr-grid-compact .efr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.efr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.efr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.efr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--efr-primary), var(--efr-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.efr-timeline-content {\n flex: 1;\n background: var(--efr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--efr-radius-sm);\n box-shadow: var(--efr-shadow);\n}\n\n.efr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--efr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.efr-timeline-content p {\n font-size: 14px;\n color: var(--efr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.efr-testimonial {\n background: var(--efr-white);\n border-radius: var(--efr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--efr-shadow);\n border-left: 4px solid var(--efr-secondary);\n}\n\n.efr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--efr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.efr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--efr-primary-light);\n border-radius: var(--efr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.efr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.efr-tip p {\n font-size: 14px;\n color: var(--efr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.efr-accordion {\n background: var(--efr-white);\n border-radius: var(--efr-radius);\n box-shadow: var(--efr-shadow);\n overflow: hidden;\n}\n\n.efr-accordion-item {\n border-bottom: 1px solid var(--efr-border);\n margin: 0;\n padding: 0;\n}\n\n.efr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.efr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--efr-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.efr-accordion-header:hover {\n background: var(--efr-primary-light);\n}\n\n.efr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.efr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--efr-primary);\n transition: transform .2s ease;\n}\n\n.efr-accordion-item[open] .efr-accordion-header::after {\n content: '−';\n}\n\n.efr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--efr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.efr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.efr-cta-box {\n background: linear-gradient(135deg, var(--efr-primary) 0%, var(--efr-primary-dark) 50%, #4a3060 100%);\n border-radius: var(--efr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.efr-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.efr-disclaimer {\n font-size: 12px;\n color: var(--efr-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 .efr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .efr-card {\n padding: 1.125rem;\n }\n\n .efr-section {\n margin-bottom: 1.75rem;\n }\n\n .efr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--efr-radius-sm);\n }\n\n .efr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .efr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .efr-grid-compact {\n gap: .625rem;\n }\n\n .efr-grid-compact .efr-card {\n padding: .75rem;\n }\n\n .efr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .efr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .efr-timeline-content h3 {\n font-size: 14px;\n }\n\n .efr-timeline-content p {\n font-size: 13px;\n }\n\n .efr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .efr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .efr-testimonial {\n padding: 1.25rem;\n }\n\n .efr-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .efr-card {\n animation: efrFadeInUp .5s ease backwards;\n }\n .efr-card:nth-child(1) { animation-delay: .05s; }\n .efr-card:nth-child(2) { animation-delay: .1s; }\n .efr-card:nth-child(3) { animation-delay: .15s; }\n .efr-card:nth-child(4) { animation-delay: .2s; }\n .efr-card:nth-child(5) { animation-delay: .25s; }\n .efr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes efrFadeInUp {\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 .efr-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":54875067482489,"sku":"NBAIDSH0021","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-de-rose-bio-saint-hilaire-200-ml-packshothd.webp?v=1774283652"},{"product_id":"beurre-karite-bio-cacao-najel-100g","title":"Beurre de Karité Parfum Cacao Certifié Bio – 100 g – Najel","description":"\u003cdiv class=\"bk-premium\"\u003e\n \u003cdiv class=\"bk-hero\"\u003e\n \u003cdiv class=\"bk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bk-hero-content\"\u003e\n \u003cdiv class=\"bk-badges-top\"\u003e\n \u003cspan class=\"bk-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"bk-badge\"\u003e🍫 Parfum Cacao\u003c\/span\u003e\n \u003cspan class=\"bk-badge\"\u003e💯 100 % Naturel\u003c\/span\u003e\n \u003cspan class=\"bk-badge\"\u003e✨ Multi-usage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bk-hero-title\"\u003eBeurre de Karité Parfum Cacao Bio\u003c\/span\u003e\n \u003cp class=\"bk-subtitle\"\u003eNajel · 100 g · Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"bk-description\"\u003eOffrez à votre peau et à vos cheveux un soin \u003cstrong\u003enaturel, gourmand et ultra nourrissant\u003c\/strong\u003e. Un pot de 100 g qui allie la richesse du karité brut à la senteur chaleureuse du cacao pour une expérience sensorielle inégalée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eUn beurre de karité bio aux multiples vertus\u003c\/h2\u003e\n \u003cp class=\"bk-section-intro\"\u003eIssu de l'agriculture biologique et certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, ce beurre de karité concentre acides gras essentiels, vitamines A, E et F, et insaponifiables. Une véritable pépite naturelle.\u003c\/p\u003e\n \u003cdiv class=\"bk-grid\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eNourrit les peaux sèches, sensibles ou abîmées et restaure durablement le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🛡️ Action protectrice\u003c\/h3\u003e\n \u003cp\u003eForme un film lipidique qui protège des agressions extérieures : froid, vent, soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🩹 Soin réparateur\u003c\/h3\u003e\n \u003cp\u003eApaise gerçures, irritations, coudes rugueux, talons secs et vergetures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e✨ Effet anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses antioxydants, il préserve la souplesse et l'éclat de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eBeurre de karité et cheveux : un duo d'exception\u003c\/h2\u003e\n \u003cp class=\"bk-section-intro\"\u003eVous vous demandez comment utiliser le beurre de karité dans les cheveux ? C'est l'allié précieux des chevelures sèches, crépues, frisées ou abîmées. Il gaine la fibre, discipline les frisottis et apporte brillance et douceur.\u003c\/p\u003e\n \u003cdiv class=\"bk-timeline\"\u003e\n \u003cdiv class=\"bk-timeline-item\"\u003e\n \u003cdiv class=\"bk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-content\"\u003e\n \u003ch3\u003e🛁 En masque avant-shampoing\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette sur cheveux humides, des longueurs aux pointes. Laissez poser 30 minutes puis lavez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-item\"\u003e\n \u003cdiv class=\"bk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-content\"\u003e\n \u003ch3\u003e💆‍♀️ En soin sans rinçage\u003c\/h3\u003e\n \u003cp\u003eUne infime quantité chauffée entre les paumes suffit pour dompter les pointes sèches au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-item\"\u003e\n \u003cdiv class=\"bk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-content\"\u003e\n \u003ch3\u003e🌸 Pour le cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eMassage doux pour apaiser et nourrir en profondeur les zones les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-tip\"\u003e\n \u003cspan class=\"bk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous cherchiez une alternative au célèbre \u003cstrong\u003eAroma Zone beurre de karité\u003c\/strong\u003e, la version Najel séduit par sa qualité bio, sa traçabilité et son délicat parfum cacao naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eComposition : 100 % naturelle et certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"bk-composition\"\u003e\n \u003ch3\u003e🌱 Ingrédients (INCI)\u003c\/h3\u003e\n \u003cp class=\"bk-inci\"\u003eButyrospermum Parkii (Shea) Butter*, Parfum (Fragrance), Benzyl Benzoate, Benzyl Cinnamate.\u003c\/p\u003e\n \u003cp class=\"bk-inci-note\"\u003e\u003cem\u003e*Issu de l'agriculture biologique. 100 % du total des ingrédients sont d'origine naturelle. 96 % sont issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-grid-compact\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans paraben\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans silicone\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans huile minérale\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans colorant de synthèse\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"bk-section-intro\"\u003ePrélevez une petite quantité de beurre, réchauffez-la entre vos doigts jusqu'à fonte, puis appliquez selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"bk-grid\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e👤 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eEn soin nourrissant ciblé sur les zones sèches et inconfortables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🌟 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez après la douche pour une peau veloutée et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e👄 Sur les lèvres\u003c\/h3\u003e\n \u003cp\u003eComme baume réparateur en cas de gerçures ou de lèvres desséchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e💇‍♀️ Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque profond ou soin coiffant pour gainer et sublimer les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-tip\"\u003e\n \u003cspan class=\"bk-tip-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière. À fortes températures, le beurre peut se liquéfier sans altérer ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"bk-cta-box\"\u003e\n \u003cp\u003eMarque pionnière des cosmétiques naturels d'inspiration orientale, \u003cstrong\u003eNajel\u003c\/strong\u003e sélectionne des matières premières d'une grande pureté, dans le respect des savoir-faire traditionnels et de l'environnement. Avec ce beurre de karité parfum cacao, vous adoptez une routine \u003cstrong\u003esensorielle, éthique et efficace\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bk-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis ou un traitement médical. En cas de réaction, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --bk-cream: #faf6f1;\n --bk-white: #ffffff;\n --bk-primary: #d68a5b;\n --bk-primary-dark: #8b4a2b;\n --bk-primary-light: #fbeee2;\n --bk-secondary: #5d3a24;\n --bk-accent: #c9a87a;\n --bk-text: #2a1810;\n --bk-text-light: #6b5645;\n --bk-border: #e8dccd;\n --bk-shadow: 0 4px 24px rgba(139, 74, 43, .08);\n --bk-shadow-lg: 0 12px 48px rgba(139, 74, 43, .15);\n --bk-radius: 20px;\n --bk-radius-sm: 12px;\n }\n\n .bk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--bk-text);\n line-height: 1.6;\n }\n\n .bk-hero {\n position: relative;\n background: linear-gradient(135deg, #d68a5b 0%, #b86a3e 50%, #8b4a2b 100%);\n border-radius: var(--bk-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(--bk-shadow-lg);\n }\n\n .bk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .6;\n }\n\n .bk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .bk-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 .bk-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n }\n\n .bk-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n }\n\n .bk-description strong {\n color: white;\n }\n\n .bk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .bk-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(--bk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .bk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .bk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .bk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bk-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 .bk-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(--bk-primary), var(--bk-secondary));\n border-radius: 2px;\n }\n\n .bk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bk-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n\n .bk-card {\n background: var(--bk-white);\n border-radius: var(--bk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .bk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bk-shadow-lg);\n border-color: var(--bk-primary);\n }\n\n .bk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .bk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bk-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .bk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .bk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n }\n\n .bk-grid-compact .bk-card {\n padding: 1rem;\n }\n\n .bk-grid-compact .bk-card h3 {\n font-size: 14px;\n margin-bottom: 0;\n }\n\n .bk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .bk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .bk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bk-primary), var(--bk-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: var(--bk-shadow);\n }\n\n .bk-timeline-content {\n flex: 1;\n background: var(--bk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bk-radius-sm);\n box-shadow: var(--bk-shadow);\n }\n\n .bk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bk-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .bk-timeline-content p {\n font-size: 14px;\n color: var(--bk-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .bk-composition {\n background: var(--bk-white);\n border-radius: var(--bk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--bk-shadow);\n border-left: 4px solid var(--bk-primary);\n max-width: 900px;\n margin: 0 auto;\n }\n\n .bk-composition h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--bk-primary-dark);\n margin: 0 0 .75rem 0;\n }\n\n .bk-inci {\n font-size: 14px;\n color: var(--bk-text);\n margin: 0 0 .75rem 0;\n line-height: 1.7;\n }\n\n .bk-inci-note {\n font-size: 13px;\n color: var(--bk-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .bk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bk-primary-light);\n border-radius: var(--bk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .bk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .bk-tip p {\n font-size: 14px;\n color: var(--bk-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .bk-cta-box {\n background: linear-gradient(135deg, var(--bk-primary) 0%, var(--bk-primary-dark) 100%);\n border-radius: var(--bk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--bk-shadow-lg);\n }\n\n .bk-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 max-width: 800px;\n margin: 0 auto;\n }\n\n .bk-cta-box strong {\n color: white;\n font-weight: 800;\n }\n\n .bk-disclaimer {\n font-size: 12px;\n color: var(--bk-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (max-width: 767px) {\n .bk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bk-card {\n padding: 1.125rem;\n }\n\n .bk-section {\n margin-bottom: 1.75rem;\n }\n\n .bk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bk-radius-sm);\n }\n\n .bk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bk-grid-compact {\n gap: .625rem;\n }\n\n .bk-grid-compact .bk-card {\n padding: .75rem;\n }\n\n .bk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bk-timeline-content h3 {\n font-size: 14px;\n }\n\n .bk-timeline-content p {\n font-size: 13px;\n }\n\n .bk-composition {\n padding: 1.25rem;\n }\n\n .bk-tip {\n padding: .875rem 1rem;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .bk-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bk-card:nth-child(1) { animation-delay: .05s; }\n .bk-card:nth-child(2) { animation-delay: .1s; }\n .bk-card:nth-child(3) { animation-delay: .15s; }\n .bk-card:nth-child(4) { animation-delay: .2s; }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54875322777977,"sku":"65131002","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-parfum-cacao-certifie-bio-100-g-najel-lifestyle.webp?v=1778149736"},{"product_id":"beurre-karite-bio-najel-150-ml","title":"Beurre de Karité Brut Bio - Najel - 100 g","description":"\u003cdiv class=\"nj-premium\"\u003e\n\u003cdiv class=\"nj-hero\"\u003e\n\u003cdiv class=\"nj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nj-hero-content\"\u003e\n\u003cdiv class=\"nj-badges-top\"\u003e\n\u003cspan class=\"nj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e✋ Récolte traditionnelle\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e💯 100% brut\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e🌍 Afrique de l'Ouest\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"nj-hero-title\"\u003eBeurre de Karité Brut Bio\u003c\/span\u003e\n\u003cp class=\"nj-subtitle\"\u003eNajel - 100 g · Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n\u003cp class=\"nj-description\"\u003eUn trésor de la nature, extrait à la main des noix de karité d'Afrique de l'Ouest selon des méthodes traditionnelles. Non raffiné, non désodorisé et certifié Cosmos Organic, il conserve l'intégralité de ses actifs précieux pour offrir à votre peau et à vos cheveux un soin authentique, pur et profondément nourrissant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003ePourquoi choisir un beurre de karité brut et non raffiné ?\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eContrairement aux versions transformées du marché, ce beurre Najel est \u003cstrong\u003e100 % brut\u003c\/strong\u003e. Sa couleur ivoire à beige et son odeur naturelle légèrement fumée témoignent de son authenticité, garantissant une concentration maximale en actifs.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌟 Vitamines A, D, E \u0026amp; F\u003c\/h3\u003e\n\u003cp\u003eAntioxydants puissants qui luttent activement contre le vieillissement cutané et préservent la jeunesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💧 Acides gras essentiels\u003c\/h3\u003e\n\u003cp\u003eOléique, stéarique et linoléique : ils nourrissent en profondeur et restructurent durablement l'épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e✨ Insaponifiables jusqu'à 17 %\u003c\/h3\u003e\n\u003cp\u003eDes substances rares aux propriétés réparatrices et protectrices exceptionnelles, signature du karité brut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eLes bienfaits du beurre de karité pour la peau\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eVéritable soin polyvalent, le beurre de karité agit en profondeur sur tous les types de peaux, des plus sensibles aux plus matures.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💦 Hydratation intense\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les peaux sèches, déshydratées ou matures, il restaure le film hydrolipidique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌸 Apaisant \u0026amp; calmant\u003c\/h3\u003e\n\u003cp\u003eSoulage les irritations, tiraillements et rougeurs en quelques applications.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🛡️ Bouclier protecteur\u003c\/h3\u003e\n\u003cp\u003eProtège du froid, du vent et du soleil grâce à un léger filtre UV naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🤰 Anti-vergetures\u003c\/h3\u003e\n\u003cp\u003eAide à atténuer les vergetures durant la grossesse et favorise la cicatrisation des gerçures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eBeurre de karité et cheveux : un duo gagnant\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eTradition ancestrale africaine qui a fait ses preuves, le beurre de karité est particulièrement adapté aux cheveux secs, bouclés, frisés, crépus ou abîmés par les colorations.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💪 Nutrition profonde\u003c\/h3\u003e\n\u003cp\u003eNourrit la fibre capillaire en profondeur et limite efficacement la casse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e✨ Brillance \u0026amp; discipline\u003c\/h3\u003e\n\u003cp\u003eDiscipline les frisottis et apporte une brillance naturelle aux longueurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌿 Cuir chevelu apaisé\u003c\/h3\u003e\n\u003cp\u003eCalme et soulage les cuirs chevelus secs ou irrités en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🛡️ Pointes protégées\u003c\/h3\u003e\n\u003cp\u003eProtège les pointes des agressions extérieures : chaleur, pollution et coiffage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-tip\"\u003e\n\u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour appliquer le beurre de karité sur les cheveux, faites-le fondre entre vos paumes et utilisez-le en bain d'huile avant shampoing, en soin sans rinçage sur les pointes, ou en masque nourrissant une fois par semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eComment utiliser le beurre de karité Najel ?\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eÀ température ambiante, le beurre est solide. Prélevez une petite noisette, réchauffez-la entre vos doigts jusqu'à obtenir une texture huileuse, puis appliquez selon vos besoins.\u003c\/p\u003e\n\u003cdiv class=\"nj-timeline\"\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e👁️ Sur le visage\u003c\/h3\u003e\n\u003cp\u003eEn soin de nuit ou contour des yeux, en très fine couche pour une régénération nocturne optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e🧴 Sur le corps\u003c\/h3\u003e\n\u003cp\u003eAprès la douche, sur peau légèrement humide pour une absorption optimale et une peau veloutée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n\u003cp\u003eEn masque avant-shampoing ou directement sur les longueurs sèches pour nourrir intensément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e🎯 En zones ciblées\u003c\/h3\u003e\n\u003cp\u003eCoudes, genoux, talons, lèvres gercées : un soin SOS pour les zones les plus sèches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eComposition 100 % naturelle\u003c\/h2\u003e\n\u003cdiv class=\"nj-testimonial\"\u003e\n\u003cp class=\"nj-testimonial-text\"\u003e\"\u003cstrong\u003eINCI\u003c\/strong\u003e : Butyrospermum Parkii (Shea) Butter*. \u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003cbr\u003e\u003cbr\u003eUn seul ingrédient, brut et certifié bio. Sans parfum, sans conservateur, sans additif. Conditionnement : pot de \u003cstrong\u003e100 g\u003c\/strong\u003e.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"nj-grid-compact\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌿 1 ingrédient\u003c\/h3\u003e\n\u003cp\u003e100% beurre de karité bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🚫 0 additif\u003c\/h3\u003e\n\u003cp\u003eSans parfum ni conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e✅ Certifié\u003c\/h3\u003e\n\u003cp\u003eCosmos Organic\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e📦 Format\u003c\/h3\u003e\n\u003cp\u003ePot de 100 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"nj-section\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"nj-accordion\"\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e⚠️ Conseils d'utilisation\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eRéservé à l'usage cosmétique externe. Évitez le contact avec les yeux. En cas de réaction, cessez l'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e🥜 Allergies\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes allergiques au latex (traces possibles).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit ne remplace en aucun cas un traitement médical : consultez un professionnel de santé en cas de problème dermatologique persistant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez à l'abri de la chaleur et de la lumière pour préserver toutes les qualités du beurre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --nj-cream: #fdf8f3;\n --nj-white: #ffffff;\n --nj-primary: #d68449;\n --nj-primary-dark: #8b4a1f;\n --nj-primary-light: #fbeadb;\n --nj-secondary: #c46a2e;\n --nj-accent: #5a3a1f;\n\n --nj-text: #2a1a0f;\n --nj-text-light: #6b5547;\n\n --nj-border: #ebd9c5;\n --nj-shadow: 0 4px 24px rgba(139, 74, 31, .08);\n --nj-shadow-lg: 0 12px 48px rgba(139, 74, 31, .18);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--nj-text);\n}\n\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #e89556 0%, #d68449 50%, #b8612a 100%);\n border-radius: var(--nj-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(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 25%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 30%);\n opacity: .15;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nj-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.nj-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.nj-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-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(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-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.nj-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(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-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(214, 132, 73, .35);\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.nj-testimonial {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nj-shadow);\n border-left: 4px solid var(--nj-primary);\n}\n\n.nj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.nj-accordion {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n box-shadow: var(--nj-shadow);\n overflow: hidden;\n}\n\n.nj-accordion-item {\n border-bottom: 1px solid var(--nj-border);\n margin: 0;\n padding: 0;\n}\n\n.nj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nj-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.nj-accordion-header:hover {\n background: var(--nj-primary-light);\n}\n\n.nj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nj-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--nj-primary);\n transition: transform .2s ease;\n}\n\n.nj-accordion-item[open] .nj-accordion-header::after {\n content: '−';\n}\n\n.nj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nj-accordion-content p {\n margin: 0;\n}\n\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--nj-primary);\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .nj-card {\n padding: 1.125rem;\n }\n \n .nj-section {\n margin-bottom: 1.75rem;\n }\n \n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n \n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .nj-grid-compact {\n gap: .625rem;\n }\n \n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n \n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .nj-timeline-content h3 {\n font-size: 14px;\n }\n \n .nj-timeline-content p {\n font-size: 13px;\n }\n \n .nj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .nj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .nj-testimonial {\n padding: 1.25rem;\n }\n \n .nj-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54878508319097,"sku":"NJ0225","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-brut-bio-najel-100-g-lifestyle.webp?v=1778142956"},{"product_id":"huile-dattier-desert-najel-80ml","title":"Huile de Dattier du Désert - Najel - 80 ml","description":"\u003cdiv class=\"dd-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"dd-hero\"\u003e\n \u003cdiv class=\"dd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dd-hero-content\"\u003e\n \u003cdiv class=\"dd-badges-top\"\u003e\n \u003cspan class=\"dd-badge\"\u003e🌿 Certifiée Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"dd-badge\"\u003e🌍 Origine Afrique subsaharienne\u003c\/span\u003e\n \u003cspan class=\"dd-badge\"\u003e✨ Toucher très sec\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dd-hero-title\"\u003eHuile de Dattier du Désert\u003c\/span\u003e\n \u003cp class=\"dd-subtitle\"\u003eNajel — Flacon spray 80 ml\u003c\/p\u003e\n \u003cp class=\"dd-description\"\u003eUn trésor cosmétique ancestral, réparateur et nourrissant, pour sublimer votre peau et vos cheveux au quotidien. 100 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eHuile de Dattier du Désert Najel : un soin réparateur certifié bio\u003c\/h2\u003e\n \u003cp class=\"dd-section-intro\"\u003eConnue sous le nom de \u003cstrong\u003eBalanites aegyptiaca\u003c\/strong\u003e, l'huile de dattier du désert est un trésor cosmétique ancestral originaire d'Afrique subsaharienne.\u003c\/p\u003e\n \u003cdiv class=\"dd-grid-compact\"\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🧴 Flacon spray 80 ml\u003c\/h3\u003e\n \u003cp\u003eFormat pratique en verre ambré pour un dosage précis et une protection optimale de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🌱 Certifiée Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifiée bio par Ecocert Greenlife selon le référentiel le plus exigeant du marché.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🤲 Toucher très sec\u003c\/h3\u003e\n \u003cp\u003ePénètre instantanément sans laisser de film gras. Idéale même le matin sous le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🏺 Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraite par première pression à froid pour préserver l'intégralité de ses actifs précieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eLes vertus de l'huile de dattier du désert pour la peau\u003c\/h2\u003e\n \u003cp class=\"dd-section-intro\"\u003eRiche en \u003cstrong\u003eacides gras insaturés\u003c\/strong\u003e (oléique et linoléique) et en \u003cstrong\u003eantioxydants naturels\u003c\/strong\u003e, cette huile végétale offre des vertus remarquables pour les peaux fragilisées.\u003c\/p\u003e\n \u003cdiv class=\"dd-grid\"\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🔧 Réparatrice\u003c\/h3\u003e\n \u003cp\u003eElle aide à restaurer les peaux abîmées, desséchées ou sujettes aux tiraillements. Un véritable baume de reconstruction cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e💧 Nourrissante en profondeur\u003c\/h3\u003e\n \u003cp\u003eElle assouplit et adoucit même les peaux les plus sèches et sensibles grâce à sa richesse en acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🛡️ Protectrice\u003c\/h3\u003e\n \u003cp\u003eElle forme un bouclier discret contre les agressions extérieures : froid, vent, pollution, sécheresse ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🍃 Purifiante\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés assainissantes, elle convient aussi aux peaux à imperfections sans obstruer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-tip\"\u003e\n \u003cspan class=\"dd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSon fini non gras la distingue nettement d'autres huiles végétales : vous pouvez l'appliquer sur le visage le matin sans craindre les brillances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eUne huile végétale pour cheveux secs, bouclés et fragilisés\u003c\/h2\u003e\n \u003cp class=\"dd-section-intro\"\u003eL'huile végétale de dattier du désert est aussi un soin capillaire d'exception. Si vous avez les cheveux secs, cassants ou bouclés, elle peut transformer votre routine.\u003c\/p\u003e\n \u003cdiv class=\"dd-grid\"\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e💪 Nourrit et répare\u003c\/h3\u003e\n \u003cp\u003eElle nourrit et répare la fibre capillaire en profondeur sans alourdir la chevelure ni laisser de résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e〰️ Discipline les boucles\u003c\/h3\u003e\n \u003cp\u003eElle discipline les cheveux bouclés et réduit les frisottis durablement pour des boucles définies et soyeuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e✨ Brillance et souplesse\u003c\/h3\u003e\n \u003cp\u003eElle redonne brillance et souplesse aux longueurs ternes et abîmées, révélant l'éclat naturel du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🔒 Protège les pointes\u003c\/h3\u003e\n \u003cp\u003eElle protège les pointes de la sécheresse et des agressions thermiques du sèche-cheveux et du lisseur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-tip\"\u003e\n \u003cspan class=\"dd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à une huile de ricin, souvent très épaisse, l'huile de dattier du désert possède une texture fluide et légère qui facilite son application et son absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile réparatrice Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"dd-timeline\"\u003e\n \u003cdiv class=\"dd-timeline-item\"\u003e\n \u003cdiv class=\"dd-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-content\"\u003e\n \u003ch3\u003eSoin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eVaporisez deux à trois gouttes sur peau propre, matin ou soir, et massez délicatement jusqu'à pénétration complète. Parfait sous une crème ou seul.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-item\"\u003e\n \u003cdiv class=\"dd-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-content\"\u003e\n \u003ch3\u003eSoin cheveux secs ou bouclés\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques pressions sur les longueurs et pointes humides ou sèches. En bain d'huile avant le shampooing, laissez poser 30 minutes pour un soin intensif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-item\"\u003e\n \u003cdiv class=\"dd-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-content\"\u003e\n \u003ch3\u003eSoin corps et barbe\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la en massage sur les zones sèches (coudes, jambes) ou sur la barbe pour l'assouplir et la discipliner naturellement.\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=\"dd-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"dd-accordion\"\u003e\n \u003cdetails class=\"dd-accordion-item\" open\u003e\n \u003csummary class=\"dd-accordion-header\"\u003e🧬 Ingrédient (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"dd-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eBalanites Roxburghii Seed Oil*\u003c\/strong\u003e — *Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003cp\u003e100 % du total des ingrédients est d'origine naturelle. Certifié bio par Ecocert Greenlife selon le référentiel Cosmos Organic.\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=\"dd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"dd-testimonial\"\u003e\n \u003cp class=\"dd-testimonial-text\"\u003eFondée à Alep, la maison Najel perpétue un savoir-faire cosmétique traditionnel tout en respectant des exigences écologiques strictes. Cette huile est extraite par première pression à froid pour préserver l'intégralité de ses actifs. Le flacon spray en verre ambré de 80 ml protège l'huile de la lumière et garantit un dosage précis à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau et vos cheveux le pouvoir réparateur du désert — une huile précieuse, bio et 100 % naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"dd-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --dd-cream: #faf6f0;\n --dd-white: #ffffff;\n --dd-primary: #c6973b;\n --dd-primary-dark: #8b6914;\n --dd-primary-light: #f5edd8;\n --dd-secondary: #d4a84b;\n --dd-accent: #3d2e12;\n --dd-text: #1a1a1a;\n --dd-text-light: #5a5a5a;\n --dd-border: #e6dcc8;\n --dd-shadow: 0 4px 24px rgba(139, 105, 20, .08);\n --dd-shadow-lg: 0 12px 48px rgba(139, 105, 20, .15);\n --dd-radius: 20px;\n --dd-radius-sm: 12px;\n}\n\n.dd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dd-hero {\n position: relative;\n background: linear-gradient(135deg, #3d2e12 0%, #8b6914 40%, #c6973b 100%);\n border-radius: var(--dd-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(--dd-shadow-lg);\n}\n\n.dd-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 60% 60%, rgba(212,168,75,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.dd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dd-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.dd-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.dd-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.dd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dd-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(--dd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dd-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.dd-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(--dd-primary), var(--dd-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.dd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dd-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.dd-section-intro strong {\n color: var(--dd-primary-dark);\n}\n\n\/* === CARDS === *\/\n.dd-card {\n background: var(--dd-white);\n border-radius: var(--dd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dd-shadow-lg);\n border-color: var(--dd-primary);\n}\n\n.dd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.dd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dd-grid-compact .dd-card {\n padding: 1rem;\n}\n\n.dd-grid-compact .dd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dd-grid-compact .dd-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dd-primary), var(--dd-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, 151, 59, .3);\n}\n\n.dd-timeline-content {\n flex: 1;\n background: var(--dd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dd-radius-sm);\n box-shadow: var(--dd-shadow);\n}\n\n.dd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dd-timeline-content p {\n font-size: 14px;\n color: var(--dd-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.dd-testimonial {\n background: var(--dd-white);\n border-radius: var(--dd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--dd-shadow);\n border-left: 4px solid var(--dd-primary);\n margin-bottom: 1.25rem;\n}\n\n.dd-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dd-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.dd-accordion {\n background: var(--dd-white);\n border-radius: var(--dd-radius);\n box-shadow: var(--dd-shadow);\n overflow: hidden;\n}\n\n.dd-accordion-item {\n border-bottom: 1px solid var(--dd-border);\n margin: 0;\n padding: 0;\n}\n\n.dd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dd-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.dd-accordion-header:hover {\n background: var(--dd-primary-light);\n}\n\n.dd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dd-primary);\n transition: transform .2s ease;\n}\n\n.dd-accordion-item[open] .dd-accordion-header::after {\n content: '−';\n}\n\n.dd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dd-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dd-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.dd-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.dd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dd-primary-light);\n border-radius: var(--dd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dd-tip p {\n font-size: 14px;\n color: var(--dd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.dd-cta-box {\n background: linear-gradient(135deg, var(--dd-primary) 0%, var(--dd-primary-dark) 100%);\n border-radius: var(--dd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dd-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.dd-disclaimer {\n font-size: 12px;\n color: var(--dd-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 .dd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dd-card {\n padding: 1.125rem;\n }\n\n .dd-section {\n margin-bottom: 1.75rem;\n }\n\n .dd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dd-radius-sm);\n }\n\n .dd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dd-grid-compact {\n gap: .625rem;\n }\n\n .dd-grid-compact .dd-card {\n padding: .75rem;\n }\n\n .dd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dd-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dd-timeline-content h3 {\n font-size: 14px;\n }\n\n .dd-timeline-content p {\n font-size: 13px;\n }\n\n .dd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .dd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .dd-testimonial {\n padding: 1.25rem;\n }\n\n .dd-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dd-card {\n animation: ddFadeInUp .5s ease backwards;\n }\n .dd-card:nth-child(1) { animation-delay: .05s; }\n .dd-card:nth-child(2) { animation-delay: .1s; }\n .dd-card:nth-child(3) { animation-delay: .15s; }\n .dd-card:nth-child(4) { animation-delay: .2s; }\n .dd-card:nth-child(5) { animation-delay: .25s; }\n .dd-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ddFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .dd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54880980205945,"sku":"NJ0220","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-dattier-du-desert-najel-80-ml-lifestyle.webp?v=1778145499"},{"product_id":"huile-dargan-bio-80-ml-najel","title":"Huile d'Argan Bio - Régénérante – 80 ml – Najel","description":"\u003cdiv class=\"argan-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"argan-hero\"\u003e\n\u003cdiv class=\"argan-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"argan-hero-content\"\u003e\n\u003cdiv class=\"argan-badges-top\"\u003e\n\u003cspan class=\"argan-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"argan-badge\"\u003e🇲🇦 Or du Maroc\u003c\/span\u003e \u003cspan class=\"argan-badge\"\u003e💧 100% Pure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"argan-hero-title\"\u003eHuile d'Argan Bio\u003c\/span\u003e\n\u003cp class=\"argan-subtitle\"\u003eL'élixir de beauté ancestral du Maroc\u003c\/p\u003e\n\u003cp class=\"argan-description\"\u003ePremière pression à froid, certifiée bio. Un soin complet et polyvalent pour votre visage, vos cheveux et votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003ePourquoi l'huile d'argan est-elle si précieuse pour votre peau ?\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eSurnommée « or liquide du Maroc », l'huile d'argan doit sa réputation à sa composition exceptionnellement riche en actifs naturels.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🧬 Acide linoléique (oméga-6)\u003c\/h3\u003e\n\u003cp\u003eRenforce la barrière cutanée et aide votre peau à retenir l'hydratation naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e💧 Acide oléique (oméga-9)\u003c\/h3\u003e\n\u003cp\u003eAssouplit et nourrit la peau en profondeur, sans laisser de film gras désagréable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant naturel qui protège vos cellules du stress oxydatif et du vieillissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌱 Stérols et polyphénols\u003c\/h3\u003e\n\u003cp\u003eComposés rares qui stimulent la régénération cellulaire et apaisent les irritations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-tip\"\u003e\n\u003cspan class=\"argan-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux crèmes industrielles chargées en eau et additifs, cette huile d'argan pure à 100 % pénètre rapidement pour nourrir réellement votre peau, couche après couche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eHuile d'argan sur le visage : des résultats visibles\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eCette huile sèche possède une texture légère qui ne bouche pas les pores, même pour les peaux mixtes.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e✨ Teint lumineux\u003c\/h3\u003e\n\u003cp\u003eLes antioxydants ravivent l'éclat de votre peau terne ou fatiguée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🎀 Peau rebondie\u003c\/h3\u003e\n\u003cp\u003eLes acides gras essentiels restaurent l'élasticité et la souplesse cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🕐 Anti-ridules\u003c\/h3\u003e\n\u003cp\u003eLa vitamine E aide à lisser le grain de peau et prévenir les signes de l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌸 Apaisement\u003c\/h3\u003e\n\u003cp\u003eRougeurs, tiraillements après-rasage et sensibilités sont calmés naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🛡️ Protection quotidienne\u003c\/h3\u003e\n\u003cp\u003ePollution, froid, vent... votre peau est mieux armée contre les agressions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eUn soin complet pour les cheveux et les ongles\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eUtilisée en masque capillaire, elle transforme littéralement les cheveux secs, cassants ou abîmés.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid-compact\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e💪 Nourrit la fibre\u003c\/h3\u003e\n\u003cp\u003eDe la racine aux pointes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌀 Dompte les frisottis\u003c\/h3\u003e\n\u003cp\u003eBrillance naturelle garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🔥 Protection thermique\u003c\/h3\u003e\n\u003cp\u003eContre sèche-cheveux et lisseur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e✂️ Répare les pointes\u003c\/h3\u003e\n\u003cp\u003ePrévient les fourches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-tip\"\u003e\n\u003cspan class=\"argan-tip-icon\"\u003e💅\u003c\/span\u003e\n\u003cp\u003ePour vos ongles, quelques gouttes massées régulièrement sur les cuticules suffisent à fortifier les ongles cassants et à assouplir les peaux sèches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eComment utiliser votre huile d'argan bio Najel ?\u003c\/h2\u003e\n\u003cdiv class=\"argan-timeline\"\u003e\n\u003cdiv class=\"argan-timeline-item\"\u003e\n\u003cspan class=\"argan-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"argan-timeline-content\"\u003e\n\u003ch3\u003e🌙 Pour le visage (soir)\u003c\/h3\u003e\n\u003cp\u003e3-4 gouttes réchauffées entre vos paumes, appliquées en massage du centre vers l'extérieur. Insistez sur les zones sèches et rides d'expression. Seule ou mélangée à votre crème de nuit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-timeline-item\"\u003e\n\u003cspan class=\"argan-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"argan-timeline-content\"\u003e\n\u003ch3\u003e💆 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eEn masque avant-shampooing (30 min à une nuit sous serviette chaude) ou en soin sans rinçage (1-2 gouttes sur cheveux secs pour discipliner et faire briller).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-timeline-item\"\u003e\n\u003cspan class=\"argan-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"argan-timeline-content\"\u003e\n\u003ch3\u003e🧴 Pour le corps\u003c\/h3\u003e\n\u003cp\u003eMassez les zones sèches (coudes, genoux, talons) après la douche sur peau légèrement humide. Idéale également en huile de massage relaxante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eComposition – 100 % pure et naturelle\u003cspan class=\"argan-composition-icon\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"argan-composition-box\"\u003e\n\u003cdiv class=\"argan-composition-header\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e🌰 Ingrédient unique (INCI)\u003c\/strong\u003e\n\u003cp\u003eArgania Spinosa Kernel Oil*\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"argan-composition-note\"\u003e*Issu de l'agriculture biologique certifiée\u003c\/p\u003e\n\u003cdiv class=\"argan-composition-details\"\u003e\n\u003cspan\u003e❌ Aucun additif\u003c\/span\u003e \u003cspan\u003e❌ Aucun conservateur\u003c\/span\u003e \u003cspan\u003e❌ Aucun parfum synthétique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"argan-composition-text\"\u003eHuile d'argan vierge, non raffinée, qui conserve l'intégralité de ses propriétés actives. Sa couleur dorée et son léger parfum caractéristique sont les signes d'une huile de qualité supérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eL'engagement qualité de Najel\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eSpécialiste des cosmétiques naturels depuis plus de 120 ans, Najel perpétue un savoir-faire artisanal respectueux.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid-compact\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertifiée Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e👩🌾 Production éthique\u003c\/h3\u003e\n\u003cp\u003eCoopératives marocaines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🧴 Flacon verre ambré\u003c\/h3\u003e\n\u003cp\u003eProtection optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette huile d'argan ?\u003c\/h2\u003e\n\u003cdiv class=\"argan-grid\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eRestaure le confort cutané et élimine les sensations de tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n\u003cp\u003eAide à préserver la fermeté et l'élasticité de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eComposition 100 % pure parfaitement tolérée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e⚖️ Peaux mixtes\u003c\/h3\u003e\n\u003cp\u003eUtilisée avec parcimonie, elle régule sans graisser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e💇 Cheveux abîmés\u003c\/h3\u003e\n\u003cp\u003eRépare et protège durablement les cheveux secs, colorés ou fragilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n\u003cdiv class=\"argan-accordion\"\u003e\n\u003cdetails open=\"\" class=\"argan-accordion-item\"\u003e\n\u003csummary class=\"argan-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n\u003cdiv class=\"argan-accordion-content\"\u003e\n\u003cp\u003eConservez à l'abri de la lumière directe et de la chaleur excessive. Le flacon en verre ambré assure une bonne protection, mais évitez de le laisser dans une salle de bain trop humide ou près d'une source de chaleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"argan-accordion-item\"\u003e\n\u003csummary class=\"argan-accordion-header\"\u003e📅 Durée de vie\u003c\/summary\u003e\n\u003cdiv class=\"argan-accordion-content\"\u003e\n\u003cp\u003eBien conservée, l'huile garde ses propriétés pendant 12 mois après ouverture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"argan-accordion-item\"\u003e\n\u003csummary class=\"argan-accordion-header\"\u003e📦 Format\u003c\/summary\u003e\n\u003cdiv class=\"argan-accordion-content\"\u003e\n\u003cp\u003e80 ml – Flacon en verre avec pompe doseuse pour une application précise et hygiénique.\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 style=\"margin-bottom: 0px!important;\" class=\"argan-section\"\u003e\n\u003cdiv class=\"argan-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau et vos cheveux le trésor millénaire du Maroc. Une huile, mille bienfaits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"argan-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --argan-cream: #FDF8F3;\n --argan-white: #ffffff;\n --argan-primary: #E07830;\n --argan-primary-dark: #B85A1A;\n --argan-primary-light: #FEF3EB;\n --argan-secondary: #2D1810;\n --argan-accent: #C4A259;\n --argan-text: #1a1a1a;\n --argan-text-light: #5a5a5a;\n --argan-border: #e8ddd4;\n --argan-shadow: 0 4px 24px rgba(45,24,16,.08);\n --argan-shadow-lg: 0 12px 48px rgba(45,24,16,.15);\n --argan-radius: 20px;\n --argan-radius-sm: 12px;\n}\n\n.argan-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--argan-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.argan-hero {\n position: relative;\n background: linear-gradient(135deg, #E07830 0%, #C4A259 50%, #B85A1A 100%);\n border-radius: var(--argan-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(--argan-shadow-lg);\n}\n\n.argan-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 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.argan-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.argan-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.argan-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(--argan-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.argan-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.argan-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.argan-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.argan-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.6;\n}\n\n\/* === SECTIONS === *\/\n.argan-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.argan-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--argan-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.argan-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(--argan-primary), var(--argan-accent));\n border-radius: 2px;\n}\n\n.argan-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--argan-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\/* === GRILLES === *\/\n.argan-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.argan-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.argan-card {\n background: var(--argan-white);\n border-radius: var(--argan-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--argan-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.argan-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--argan-shadow-lg);\n border-color: var(--argan-primary);\n}\n\n.argan-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--argan-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.argan-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--argan-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.argan-grid-compact .argan-card {\n padding: 1rem;\n}\n\n.argan-grid-compact .argan-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.argan-grid-compact .argan-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.argan-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.argan-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.argan-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--argan-primary), var(--argan-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(224,120,48,.3);\n}\n\n.argan-timeline-content {\n flex: 1;\n background: var(--argan-white);\n padding: 1rem 1.25rem;\n border-radius: var(--argan-radius-sm);\n box-shadow: var(--argan-shadow);\n}\n\n.argan-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--argan-secondary);\n margin: 0 0 .5rem 0;\n}\n\n.argan-timeline-content p {\n font-size: 14px;\n color: var(--argan-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.argan-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--argan-primary-light);\n border-radius: var(--argan-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--argan-primary);\n}\n\n.argan-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.argan-tip p {\n font-size: 14px;\n color: var(--argan-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.argan-composition-box {\n background: var(--argan-white);\n border-radius: var(--argan-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--argan-shadow);\n text-align: center;\n}\n\n.argan-composition-header {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.argan-composition-icon {\n font-size: 48px;\n}\n\n.argan-composition-header strong {\n font-size: 18px;\n color: var(--argan-secondary);\n display: block;\n}\n\n.argan-composition-header p {\n font-size: 16px;\n color: var(--argan-primary);\n font-weight: 600;\n font-style: italic;\n margin: .25rem 0 0 0;\n}\n\n.argan-composition-note {\n font-size: 13px;\n color: var(--argan-text-light);\n font-style: italic;\n margin: 0 0 1.25rem 0;\n}\n\n.argan-composition-details {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-bottom: 1.25rem;\n}\n\n.argan-composition-details span {\n background: var(--argan-primary-light);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--argan-primary-dark);\n}\n\n.argan-composition-text {\n font-size: 14px;\n color: var(--argan-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.argan-accordion {\n background: var(--argan-white);\n border-radius: var(--argan-radius);\n box-shadow: var(--argan-shadow);\n overflow: hidden;\n}\n\n.argan-accordion-item {\n border-bottom: 1px solid var(--argan-border);\n margin: 0;\n padding: 0;\n}\n\n.argan-accordion-item:last-child {\n border-bottom: none;\n}\n\n.argan-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--argan-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.argan-accordion-header:hover {\n background: var(--argan-primary-light);\n}\n\n.argan-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.argan-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--argan-primary);\n transition: transform .2s ease;\n}\n\n.argan-accordion-item[open] .argan-accordion-header::after {\n content: '−';\n}\n\n.argan-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--argan-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.argan-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.argan-cta-box {\n background: linear-gradient(135deg, var(--argan-primary) 0%, var(--argan-primary-dark) 100%);\n border-radius: var(--argan-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.argan-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: 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 opacity: .5;\n}\n\n.argan-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.argan-disclaimer {\n font-size: 12px;\n color: var(--argan-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 .argan-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .argan-card {\n padding: 1.125rem;\n }\n \n .argan-section {\n margin-bottom: 1.75rem;\n }\n \n .argan-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--argan-radius-sm);\n }\n \n .argan-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .argan-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .argan-grid-compact {\n gap: .625rem;\n }\n \n .argan-grid-compact .argan-card {\n padding: .75rem;\n }\n \n .argan-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .argan-timeline-content {\n padding: .875rem 1rem;\n }\n \n .argan-timeline-content h3 {\n font-size: 14px;\n }\n \n .argan-timeline-content p {\n font-size: 13px;\n }\n \n .argan-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .argan-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .argan-tip {\n padding: .875rem 1rem;\n }\n \n .argan-tip-icon {\n font-size: 20px;\n }\n \n .argan-tip p {\n font-size: 13px;\n }\n \n .argan-composition-box {\n padding: 1.25rem;\n }\n \n .argan-composition-icon {\n font-size: 36px;\n }\n \n .argan-composition-header {\n flex-direction: column;\n gap: .5rem;\n }\n \n .argan-composition-details {\n gap: .5rem;\n }\n \n .argan-composition-details span {\n padding: .375rem .75rem;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .argan-card {\n animation: fadeInUp .5s ease backwards;\n }\n .argan-card:nth-child(1) { animation-delay: .05s; }\n .argan-card:nth-child(2) { animation-delay: .1s; }\n .argan-card:nth-child(3) { animation-delay: .15s; }\n .argan-card:nth-child(4) { animation-delay: .2s; }\n .argan-card:nth-child(5) { animation-delay: .25s; }\n .argan-card:nth-child(6) { animation-delay: .3s; }\n \n .argan-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .argan-timeline-item:nth-child(1) { animation-delay: .1s; }\n .argan-timeline-item:nth-child(2) { animation-delay: .2s; }\n .argan-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .argan-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54928079782265,"sku":"NJ0180","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargan-bio-80-ml-najel-lifestyle.webp?v=1769157278"},{"product_id":"huile-dabricot-najel","title":"Huile végétale d'abricot bio 80 ml - Najel","description":"\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🍑 100 % pure \u0026amp; naturelle\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e✨ Pression à froid\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\"\u003eNajel — Sublime Éclat · 80 ml\u003c\/p\u003e\n \u003cp class=\"ab-description\"\u003eLe secret d'une peau lumineuse, nourrie en profondeur par la puissance d'un seul ingrédient bio, extrait à froid des noyaux d'abricot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eHuile végétale d'abricot bio Najel : le secret d'un teint lumineux\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eVous cherchez un soin naturel capable de redonner de l'éclat à votre peau tout en la nourrissant intensément ? L'\u003cstrong\u003ehuile d'abricot bio\u003c\/strong\u003e Najel est exactement ce qu'il vous faut.\u003c\/p\u003e\n \u003cdiv class=\"ab-grid-compact\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌱 Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction douce des noyaux d'abricot pour préserver l'intégralité des actifs précieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🔬 100 % pure\u003c\/h3\u003e\n \u003cp\u003eUn seul ingrédient, sans additif, sans conservateur, sans parfum ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification bio internationale, gage de qualité et de respect de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🙌 Tous types de peau\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux sèches, ternes, fatiguées ou matures, visage et corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 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\"\u003eUn véritable trésor de la cosmétique naturelle, riche en \u003cstrong\u003eacide oléique\u003c\/strong\u003e, \u003cstrong\u003evitamine A\u003c\/strong\u003e (bêta-carotène) et \u003cstrong\u003evitamine E\u003c\/strong\u003e (tocophérol).\u003c\/p\u003e\n \u003cdiv class=\"ab-grid\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e☀️ Éclat et bonne mine\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur en caroténoïdes, l'huile d'abricot visage ravive naturellement les teints ternes et fatigués. Quelques gouttes suffisent pour retrouver une peau lumineuse, comme après un bain de soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💧 Nutrition en profondeur\u003c\/h3\u003e\n \u003cp\u003eSa composition en acides gras essentiels nourrit et assouplit les peaux sèches, déshydratées ou fragilisées par le froid.\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 antioxydants qu'elle contient aident à protéger la peau du stress oxydatif et participent à maintenir sa souplesse et sa fermeté au fil du temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🪶 Texture légère et non grasse\u003c\/h3\u003e\n \u003cp\u003eContrairement à certaines huiles végétales, l'huile de noyau d'abricot pénètre rapidement sans laisser de film gras. Parfaite comme base de maquillage ou soin de nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les pointes sèches ou en masque avant-shampoing, elle redonne brillance et vitalité aux cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de noyau d'abricot Najel ?\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eUne huile multi-usages qui se prête à de nombreuses rituels de beauté au quotidien.\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\u003eSoin visage\u003c\/h3\u003e\n \u003cp\u003eRéchauffez 3 à 4 gouttes entre vos paumes et appliquez-les sur le visage nettoyé en massages circulaires, matin ou soir. Utilisez-la seule ou en mélange avec votre crème habituelle.\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\u003eSoin corps et massage\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur le corps après la douche pour nourrir la peau. Son toucher soyeux en fait une excellente huile de massage relaxant.\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\u003eSérum personnalisé\u003c\/h3\u003e\n \u003cp\u003eMélangez-la avec quelques gouttes d'huile essentielle de lavande ou de géranium rosat pour un soin sur mesure adapté à votre type de peau.\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\u003eSa texture fluide et son parfum délicat, légèrement fruité, rendent l'application particulièrement agréable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComposition – INCI\u003c\/h2\u003e\n \u003cdiv class=\"ab-composition-box\"\u003e\n \u003cdiv class=\"ab-composition-ingredient\"\u003e\n \u003cspan class=\"ab-composition-name\"\u003ePrunus Armeniaca Kernel Oil*\u003c\/span\u003e\n \u003cspan class=\"ab-composition-desc\"\u003eHuile de noyau d'abricot\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ab-composition-note\"\u003e*Issu de l'agriculture biologique. \u003cstrong\u003e100 % naturel, sans additifs, sans conservateurs, sans parfum ajouté.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile d'abricot bio Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"ab-grid\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🏠 Maison familiale\u003c\/h3\u003e\n \u003cp\u003eNajel est spécialisée dans les soins naturels depuis plusieurs décennies, gage d'un savoir-faire authentique et éprouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e❄️ Extraction à froid\u003c\/h3\u003e\n \u003cp\u003eLa pression à froid garantit la préservation de tous les nutriments et vitamines présents dans les noyaux d'abricot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🧴 Flacon pompe 80 ml\u003c\/h3\u003e\n \u003cp\u003ePratique et hygiénique, il permet de doser précisément chaque application tout en protégeant l'huile de l'oxydation.\u003c\/p\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\u003eCertifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e avec une composition à \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, cette huile s'inscrit dans une démarche respectueuse de votre peau comme de l'environnement.\u003c\/p\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 qu'elle mérite avec l'huile d'abricot bio Najel — un seul ingrédient, des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ab-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute ou de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ab-cream: #fdf6f2;\n --ab-white: #ffffff;\n --ab-primary: #e06040;\n --ab-primary-dark: #9c2e1a;\n --ab-primary-light: #fce8e0;\n --ab-secondary: #f0856a;\n --ab-accent: #d44a2e;\n --ab-text: #1a1a1a;\n --ab-text-light: #5a5a5a;\n --ab-border: #f0ddd5;\n --ab-shadow: 0 4px 24px rgba(156,46,26,.08);\n --ab-shadow-lg: 0 12px 48px rgba(156,46,26,.15);\n --ab-radius: 20px;\n --ab-radius-sm: 12px;\n}\n\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, #9c2e1a 0%, #e06040 50%, #f0856a 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: 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,200,150,.06) 0%, transparent 70%);\n opacity: 1;\n}\n\n.ab-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\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 line-height: 1.1;\n}\n\n.ab-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.ab-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.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 line-height: 1.25;\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.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 line-height: 1.7;\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-primary);\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.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-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.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\/* === 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\/* === COMPOSITION BOX === *\/\n.ab-composition-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 text-align: center;\n}\n\n.ab-composition-ingredient {\n display: flex;\n flex-direction: column;\n gap: .25rem;\n margin-bottom: 1.25rem;\n padding-bottom: 1.25rem;\n border-bottom: 2px dashed var(--ab-border);\n}\n\n.ab-composition-name {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n color: var(--ab-primary);\n font-style: italic;\n}\n\n.ab-composition-desc {\n font-size: 14px;\n color: var(--ab-text-light);\n}\n\n.ab-composition-note {\n font-size: 14px;\n color: var(--ab-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ab-cta-box {\n background: linear-gradient(135deg, var(--ab-primary) 0%, var(--ab-primary-dark) 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 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.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-composition-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@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":"NAJEL","offers":[{"title":"Default Title","offer_id":54930348704121,"sku":"NJ0205","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-dabricot-bio-80-ml-najel-ingredients_f861ec19-c6c4-4ecb-9736-e6868e58ea1c.webp?v=1772810003"},{"product_id":"huile-de-coco-bio-100-g-najel","title":"Huile de Coco bio - 100 g - Najel","description":"\u003cdiv class=\"hc-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"hc-hero\"\u003e\n\u003cdiv class=\"hc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hc-hero-content\"\u003e\n\u003cdiv class=\"hc-badges-top\"\u003e\n\u003cspan class=\"hc-badge\"\u003e🌴 100% naturelle\u003c\/span\u003e \u003cspan class=\"hc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"hc-badge\"\u003e✨ Multi-usages\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hc-hero-title\"\u003eHuile de Coco Bio\u003c\/span\u003e\n\u003cp class=\"hc-subtitle\"\u003eLe trésor tropical pour votre peau et vos cheveux\u003c\/p\u003e\n\u003cp class=\"hc-description\"\u003ePure, pressée à froid et certifiée bio. Un seul produit pour nourrir, protéger et sublimer l'ensemble de votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003ePourquoi l'huile de coco bio est-elle si prisée ?\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eUne composition exceptionnelle qui en fait l'une des huiles végétales les plus complètes au monde.\u003c\/p\u003e\n\u003cdiv class=\"hc-grid\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🥥 Acide laurique (~50%)\u003c\/h3\u003e\n\u003cp\u003eCet acide gras aux propriétés remarquables aide à maintenir l'équilibre naturel de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e💧 Acides gras essentiels\u003c\/h3\u003e\n\u003cp\u003eForment un film protecteur qui limite la perte d'hydratation cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌟 Vitamine E naturelle\u003c\/h3\u003e\n\u003cp\u003eAntioxydant reconnu qui contribue à préserver la jeunesse de votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux huiles raffinées, cette huile pressée à froid n'a subi aucun traitement chimique. Vous bénéficiez de tous ses bienfaits dans leur forme la plus pure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eL'huile de coco sur les cheveux : un soin profond et réparateur\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eCheveux secs, abîmés ou difficiles à coiffer ? Découvrez pourquoi elle fait des merveilles sur la fibre capillaire.\u003c\/p\u003e\n\u003cdiv class=\"hc-grid\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🔬 Pénétration en profondeur\u003c\/h3\u003e\n\u003cp\u003eContrairement à d'autres huiles qui restent en surface, elle nourrit véritablement de l'intérieur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🛡️ Protection contre les agressions\u003c\/h3\u003e\n\u003cp\u003eChaleur du sèche-cheveux, soleil, eau de mer... vos cheveux sont mieux armés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n\u003cp\u003eFini les cheveux ternes, ils retrouvent tout leur éclat et leur vitalité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🪮 Démêlage facilité\u003c\/h3\u003e\n\u003cp\u003eLes nœuds se défont plus aisément, sans casser ni fragiliser la fibre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline\"\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003ePrélevez une noisette d'huile\u003c\/h3\u003e\n\u003cp\u003eElle se liquéfie au contact de la chaleur de vos mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eAppliquez sur longueurs et pointes\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement pour bien répartir le soin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser 30 min à toute une nuit\u003c\/h3\u003e\n\u003cp\u003ePour un soin intensif, optez pour la pose nocturne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eLavez avec votre shampoing habituel\u003c\/h3\u003e\n\u003cp\u003eRépétez une fois par semaine pour des résultats optimaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce anti-frisottis :\u003c\/strong\u003e appliquez une infime quantité sur cheveux secs pour dompter les frisottis sans alourdir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eUn soin nourrissant pour le visage et le corps\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eUne huile polyvalente qui s'adapte à toutes les zones qui réclament nutrition et douceur.\u003c\/p\u003e\n\u003cdiv class=\"hc-dual-grid\"\u003e\n\u003cdiv class=\"hc-dual-card\"\u003e\n\u003cdiv class=\"hc-dual-header\"\u003e\n\u003cspan class=\"hc-dual-icon\"\u003e🌸\u003c\/span\u003e\n\u003ch3\u003ePour le visage\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul class=\"hc-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDémaquillant naturel\u003c\/strong\u003e – Dissout même le maquillage waterproof tout en nourrissant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin de nuit\u003c\/strong\u003e – Une fine couche pour une peau souple et repulpée au réveil\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBaume à lèvres\u003c\/strong\u003e – Parfait pour réparer les lèvres gercées en hiver\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-dual-card\"\u003e\n\u003cdiv class=\"hc-dual-header\"\u003e\n\u003cspan class=\"hc-dual-icon\"\u003e🧴\u003c\/span\u003e\n\u003ch3\u003ePour le corps\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul class=\"hc-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation après la douche\u003c\/strong\u003e – Pénètre rapidement sur peau humide\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin zones très sèches\u003c\/strong\u003e – Coudes, talons, genoux retrouvent leur souplesse\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de massage\u003c\/strong\u003e – Texture fondante et parfum délicat de coco\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e💆\u003c\/span\u003e\n\u003cp\u003eLes peaux sensibles et réactives l'apprécient particulièrement pour ses propriétés apaisantes naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eLa certification Cosmos Organic : une garantie de qualité\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eLe label Cosmos Organic n'est pas qu'un simple logo. C'est l'assurance d'un produit d'exception.\u003c\/p\u003e\n\u003cdiv class=\"hc-grid-compact\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌱 Origine biologique\u003c\/h3\u003e\n\u003cp\u003eIngrédients certifiés bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🚫 Sans substances controversées\u003c\/h3\u003e\n\u003cp\u003eParabènes, silicones... exclus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌍 Fabrication éco-responsable\u003c\/h3\u003e\n\u003cp\u003eProcessus respectueux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e📋 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eDu champ au pot\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eComposition\u003cspan class=\"hc-composition-icon\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"hc-composition-box\"\u003e\n\u003cdiv class=\"hc-composition-header\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"hc-composition-inci\"\u003e\u003cstrong\u003e🥥 INCI :\u003c\/strong\u003e Cocos Nucifera Oil*\u003c\/p\u003e\n\u003cp class=\"hc-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-composition-badge\"\u003e\n\u003cspan\u003e100% d'origine naturelle\u003c\/span\u003e \u003cspan\u003e100% des ingrédients végétaux issus de l'agriculture biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et conservation\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eL'huile de coco se solidifie en dessous de 25°C. C'est parfaitement normal et ne diminue en rien ses qualités.\u003c\/p\u003e\n\u003cdiv class=\"hc-timeline\"\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003ePrélevez la quantité souhaitée\u003c\/h3\u003e\n\u003cp\u003eUtilisez une spatule propre pour préserver l'hygiène du produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eRéchauffez entre vos paumes\u003c\/h3\u003e\n\u003cp\u003eL'huile fond instantanément au contact de la chaleur corporelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eAppliquez sur la zone à traiter\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement pour favoriser la pénétration\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-accordion\"\u003e\n\u003cdetails class=\"hc-accordion-item\"\u003e\n\u003csummary class=\"hc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"hc-accordion-content\"\u003e\n\u003cp\u003eGardez le pot à l'abri de la lumière directe et de l'humidité. Bien refermé, il se conserve plusieurs mois sans problème.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette huile de coco bio ?\u003c\/h2\u003e\n\u003cdiv class=\"hc-grid\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🏜️ Peau sèche ou déshydratée\u003c\/h3\u003e\n\u003cp\u003eNutrition intense pour retrouver confort et souplesse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e💇 Cheveux secs ou ternes\u003c\/h3\u003e\n\u003cp\u003eRéparation profonde et brillance retrouvée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🎯 Adeptes du minimalisme\u003c\/h3\u003e\n\u003cp\u003eUn seul produit multi-usages pour simplifier votre routine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌿 Amateurs de naturel\u003c\/h3\u003e\n\u003cp\u003eSoins certifiés bio et composition irréprochable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e si vous avez une peau à tendance acnéique, testez d'abord sur une petite zone car l'huile de coco peut être comédogène pour certains types de peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"hc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eNajel : l'expertise des soins naturels depuis 1895\u003c\/h2\u003e\n\u003cdiv class=\"hc-testimonial\"\u003e\n\u003cp class=\"hc-testimonial-text\"\u003eLa maison Najel perpétue depuis plus d'un siècle un savoir-faire unique dans la fabrication de produits de soin naturels. Connue mondialement pour son authentique savon d'Alep, la marque propose une gamme complète d'huiles végétales biologiques, toutes sélectionnées avec le même souci d'excellence et de pureté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-cta-box\"\u003e\n\u003cp\u003e🥥 \u003cstrong\u003e100 g\u003c\/strong\u003e de pur trésor tropical pour sublimer votre peau et vos cheveux au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"hc-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --hc-cream: #FDF8F3;\n --hc-white: #ffffff;\n --hc-primary: #C9A86C;\n --hc-primary-dark: #4A3D35;\n --hc-primary-light: #F5EDE0;\n --hc-secondary: #8B7355;\n --hc-accent: #E8D5B5;\n\n \/* Textes *\/\n --hc-text: #1a1a1a;\n --hc-text-light: #5a5a5a;\n\n \/* Effets *\/\n --hc-border: #e0e0e0;\n --hc-shadow: 0 4px 24px rgba(74,61,53,.08);\n --hc-shadow-lg: 0 12px 48px rgba(74,61,53,.15);\n --hc-radius: 20px;\n --hc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.hc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hc-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A86C 0%, #A88B5A 50%, #4A3D35 100%);\n border-radius: var(--hc-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(--hc-shadow-lg);\n}\n\n.hc-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, 35 35, 30 55 C25 35, 15 25, 5 20 C15 20, 25 15, 30 5Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.hc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hc-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.hc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hc-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(--hc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hc-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.hc-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.hc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hc-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.hc-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(--hc-primary), var(--hc-secondary));\n border-radius: 2px;\n}\n\n.hc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.hc-card {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hc-shadow-lg);\n border-color: var(--hc-primary);\n}\n\n.hc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hc-grid-compact .hc-card {\n padding: 1rem;\n}\n\n.hc-grid-compact .hc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hc-grid-compact .hc-card p {\n font-size: 12px;\n}\n\n\/* === DUAL GRID (visage\/corps) === *\/\n.hc-dual-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.hc-dual-card {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--hc-shadow);\n}\n\n.hc-dual-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--hc-primary-light);\n}\n\n.hc-dual-icon {\n font-size: 28px;\n}\n\n.hc-dual-header h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--hc-primary-dark);\n margin: 0;\n}\n\n.hc-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.hc-list li {\n padding: .625rem 0;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hc-text-light);\n line-height: 1.6;\n border-bottom: 1px solid var(--hc-border);\n}\n\n.hc-list li:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.hc-list li strong {\n color: var(--hc-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.hc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.hc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hc-primary), var(--hc-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.hc-timeline-content {\n flex: 1;\n background: var(--hc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hc-radius-sm);\n box-shadow: var(--hc-shadow);\n}\n\n.hc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hc-timeline-content p {\n font-size: 14px;\n color: var(--hc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.hc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hc-primary-light);\n border-radius: var(--hc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hc-tip p {\n font-size: 14px;\n color: var(--hc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.hc-composition-box {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hc-shadow);\n border: 2px solid var(--hc-primary);\n}\n\n.hc-composition-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.hc-composition-icon {\n font-size: 48px;\n}\n\n.hc-composition-inci {\n font-size: clamp(16px, 2.5vw, 20px);\n color: var(--hc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hc-composition-note {\n font-size: 14px;\n color: var(--hc-text-light);\n font-style: italic;\n margin: 0;\n}\n\n.hc-composition-badge {\n display: flex;\n flex-wrap: wrap;\n gap: .5rem;\n}\n\n.hc-composition-badge span {\n background: var(--hc-primary-light);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--hc-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.hc-accordion {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n box-shadow: var(--hc-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.hc-accordion-item {\n border-bottom: 1px solid var(--hc-border);\n margin: 0;\n padding: 0;\n}\n\n.hc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hc-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.hc-accordion-header:hover {\n background: var(--hc-primary-light);\n}\n\n.hc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hc-primary);\n transition: transform .2s ease;\n}\n\n.hc-accordion-item[open] .hc-accordion-header::after {\n content: '−';\n}\n\n.hc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hc-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.hc-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.hc-testimonial {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hc-shadow);\n border-left: 4px solid var(--hc-primary);\n margin-bottom: 1.5rem;\n}\n\n.hc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.hc-cta-box {\n background: linear-gradient(135deg, var(--hc-primary) 0%, var(--hc-primary-dark) 100%);\n border-radius: var(--hc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hc-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.hc-disclaimer {\n font-size: 12px;\n color: var(--hc-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 .hc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hc-card {\n padding: 1.125rem;\n }\n \n .hc-section {\n margin-bottom: 1.75rem;\n }\n \n .hc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hc-radius-sm);\n }\n \n .hc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hc-grid-compact {\n gap: .625rem;\n }\n \n .hc-grid-compact .hc-card {\n padding: .75rem;\n }\n \n .hc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .hc-timeline-content {\n padding: .875rem 1rem;\n }\n \n .hc-timeline-content h3 {\n font-size: 14px;\n }\n \n .hc-timeline-content p {\n font-size: 13px;\n }\n \n .hc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hc-testimonial {\n padding: 1.25rem;\n }\n \n .hc-testimonial-text {\n font-size: 14px;\n }\n \n .hc-dual-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hc-dual-card {\n padding: 1.25rem;\n }\n \n .hc-composition-header {\n flex-direction: column;\n text-align: center;\n }\n \n .hc-composition-badge {\n justify-content: center;\n }\n \n .hc-composition-badge span {\n font-size: 12px;\n padding: .4rem .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hc-card:nth-child(1) { animation-delay: .05s; }\n .hc-card:nth-child(2) { animation-delay: .1s; }\n .hc-card:nth-child(3) { animation-delay: .15s; }\n .hc-card:nth-child(4) { animation-delay: .2s; }\n .hc-card:nth-child(5) { animation-delay: .25s; }\n .hc-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 .hc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931012485497,"sku":"NJ0210","price":7.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-coco-bio-100-g-najel-lifestyle.webp?v=1769156040"},{"product_id":"huile-de-jojoba-najel","title":"Huile de Jojoba bio - Rééquilibrante – 80 ml – Najel","description":"\u003cdiv class=\"jjb-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"jjb-hero\"\u003e\n\u003cdiv class=\"jjb-hero-pattern\"\u003e\u003cbr\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 \u003cspan class=\"jjb-badge\"\u003e🇵🇪 Origine Pérou\u003c\/span\u003e \u003cspan class=\"jjb-badge\"\u003e💧 100% Pure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"jjb-hero-title\"\u003eHuile de Jojoba Bio\u003c\/span\u003e\n\u003cp class=\"jjb-subtitle\"\u003eLe secret des déserts sud-américains pour une peau et des cheveux sublimés\u003c\/p\u003e\n\u003cp class=\"jjb-description\"\u003eUne huile précieuse extraite par première pression à froid, à la composition étonnamment proche du sébum naturel de votre peau. Absorption exceptionnelle, zéro effet gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eQu'est-ce qui rend l'huile de jojoba si particulière ?\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eContrairement aux autres huiles végétales, l'huile de jojoba est en réalité une cire liquide. Cette caractéristique unique explique pourquoi elle pénètre si facilement dans l'épiderme.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧬 Cire liquide naturelle\u003c\/h3\u003e\n\u003cp\u003eQualifiée d'« huile sèche », elle ne laisse aucun film collant et convient parfaitement aux personnes qui redoutent l'effet gras des huiles classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🫒 Riche en oméga-9\u003c\/h3\u003e\n\u003cp\u003eAcides gras essentiels pour une protection et une nutrition en profondeur de votre peau et de vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant qui préserve l'éclat de votre peau et protège contre les agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🛡️ Céramides végétales\u003c\/h3\u003e\n\u003cp\u003eRenforcent la barrière cutanée pour une peau protégée et confortable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e⏳ Stabilité exceptionnelle\u003c\/h3\u003e\n\u003cp\u003eSe conserve longtemps sans rancir, un avantage non négligeable pour votre routine beauté quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💨 Absorption rapide\u003c\/h3\u003e\n\u003cp\u003ePénètre instantanément grâce à sa composition proche du sébum naturel de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de jojoba pour le visage\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eUn soin complet qui s'adapte intelligemment à vos besoins cutanés, quel que soit votre type de peau.\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 naturel, elle signale à vos glandes sébacées de réduire leur production. Résultat : peau moins brillante et pores moins visibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💦 Hydratation longue durée\u003c\/h3\u003e\n\u003cp\u003eRenforce la barrière cutanée et limite les pertes d'eau. Votre peau reste souple et confortable toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🕐 Action anti-âge\u003c\/h3\u003e\n\u003cp\u003eSes antioxydants naturels préservent l'élasticité de la peau et atténuent les premiers signes de l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌸 Apaisement des irritations\u003c\/h3\u003e\n\u003cp\u003ePeaux sensibles, réactives ou sujettes aux rougeurs : cette huile douce calme et réconforte sans jamais agresser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧴 Démaquillage efficace\u003c\/h3\u003e\n\u003cp\u003eDissout parfaitement le maquillage, même waterproof, tout en prenant soin de la zone délicate du contour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eL'huile de jojoba pour les cheveux : un soin révélateur d'éclat\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eVos cheveux méritent aussi les bienfaits de ce précieux élixir qui agit à plusieurs niveaux pour transformer votre chevelure.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌾 Nutrition des longueurs\u003c\/h3\u003e\n\u003cp\u003ePénètre la fibre capillaire pour la nourrir de l'intérieur. Les cheveux secs et abîmés retrouvent douceur et souplesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes suffisent pour apporter un éclat sain à vos cheveux, sans les alourdir ni les graisser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧘 Équilibre du cuir chevelu\u003c\/h3\u003e\n\u003cp\u003eQu'il soit trop sec ou trop gras, votre cuir chevelu bénéficie des propriétés régulatrices. Apaise démangeaisons et réduit les pellicules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🛡️ Protection anti-agressions\u003c\/h3\u003e\n\u003cp\u003eChaleur du sèche-cheveux, pollution, UV… forme un voile protecteur léger sur votre chevelure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💪 Renforcement des racines\u003c\/h3\u003e\n\u003cp\u003eEn massage sur le cuir chevelu, elle stimule la microcirculation et favorise des cheveux plus forts et plus vigoureux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\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\u003eSur le visage – Soin quotidien\u003c\/h3\u003e\n\u003cp\u003ePrélevez 2 à 3 gouttes dans le creux de votre main. Chauffez légèrement en frottant vos paumes, puis appliquez par légers tapotements sur l'ensemble du visage. Seule le soir ou le matin sous votre crème de jour.\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\u003eSur le visage – Démaquillage\u003c\/h3\u003e\n\u003cp\u003eVersez quelques gouttes directement sur un coton réutilisable ou massez sur peau sèche pour dissoudre le maquillage. Rincez ensuite à l'eau tiède ou poursuivez avec votre nettoyant habituel.\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\u003eSur le corps\u003c\/h3\u003e\n\u003cp\u003eAprès la douche, sur peau encore légèrement humide, appliquez généreusement et massez jusqu'à absorption complète. Cette technique scelle l'hydratation pour une peau douce et veloutée toute la journé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\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eMasque avant-shampooing\u003c\/h3\u003e\n\u003cp\u003eRépartissez l'huile sur l'ensemble de la chevelure, des racines aux pointes. Enveloppez dans une serviette chaude et laissez poser 30 minutes minimum, voire toute la nuit pour un soin intensif.\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\u003eSoin sans rinçage\u003c\/h3\u003e\n\u003cp\u003eSur cheveux secs ou essorés, appliquez une noisette d'huile uniquement sur les longueurs et les pointes. Idéal pour dompter les frisottis et apporter de la brillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e6\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eMassage du cuir chevelu\u003c\/h3\u003e\n\u003cp\u003eUne fois par semaine, massez délicatement votre cuir chevelu avec quelques gouttes pour stimuler la circulation sanguine et favoriser la santé de vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003ePour qui est faite cette huile ?\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eLa beauté de l'huile de jojoba réside dans son universalité. Elle s'adapte à tous les besoins.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid-compact\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌟 Peaux grasses \u0026amp; mixtes\u003c\/h3\u003e\n\u003cp\u003eRégule le sébum sans aggraver les imperfections\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💧 Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eNutrition et confort en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🕐 Peaux matures\u003c\/h3\u003e\n\u003cp\u003ePréserve éclat et élasticité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSoin doux et apaisant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💇 Cheveux fragilisés\u003c\/h3\u003e\n\u003cp\u003eCure de vitalité et brillance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧴 Cuirs chevelus\u003c\/h3\u003e\n\u003cp\u003eRééquilibre gras ou pellicules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eLa qualité Najel : une huile d'exception\u003c\/h2\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic Ecocert\u003c\/h3\u003e\n\u003cp\u003eCertification garantissant une huile issue de l'agriculture biologique, produite dans le respect de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n\u003cp\u003eMéthode d'extraction douce qui préserve l'intégralité des nutriments et principes actifs de la graine de jojoba.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💎 Pureté absolue\u003c\/h3\u003e\n\u003cp\u003eAucun additif, aucun conservateur, aucun parfum ajouté. Une huile 100% pure et naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🇵🇪 Origine Pérou\u003c\/h3\u003e\n\u003cp\u003eFabriquée avec soin au Pérou, berceau des plantations de jojoba de qualité supérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e📦 Format pratique 80 ml\u003c\/h3\u003e\n\u003cp\u003eFlacon avec pompe permettant un dosage précis et une utilisation hygiénique au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"jjb-testimonial\"\u003e\n\u003cp class=\"jjb-testimonial-text\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e Simmondsia Chinensis (Jojoba) Seed Oil*\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem; font-style: normal; font-size: 14px; color: var(--jjb-text-light);\"\u003e*100% des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n\u003cp style=\"margin-top: 0.5rem; font-style: normal; font-size: 14px; color: var(--jjb-text-light);\"\u003eCertifié Cosmos Organic par Ecocert Greenlife selon le référentiel Cosmos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n\u003cdiv class=\"jjb-accordion\"\u003e\n\u003cdetails class=\"jjb-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"jjb-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n\u003cdiv class=\"jjb-accordion-content\"\u003e\n\u003cp\u003eConservez votre huile de jojoba à l'abri de la lumière directe et de la chaleur excessive. Grâce à sa composition stable, elle se conserve naturellement plusieurs mois après ouverture sans altération de ses propriétés.\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⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"jjb-accordion-content\"\u003e\n\u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\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=\"jjb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"jjb-cta-box\"\u003e\n\u003cp\u003e✨ Faites le choix d'une beauté simple et authentique avec l'huile de jojoba certifiée bio de Najel. Un seul ingrédient, des bienfaits multiples pour votre peau et vos cheveux. Intégrez-la dès maintenant à votre routine et découvrez par vous-même pourquoi cette huile est devenue un incontournable des soins naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --jjb-cream: #F7F5F0;\n --jjb-white: #ffffff;\n --jjb-primary: #C9A86C;\n --jjb-primary-dark: #8B7355;\n --jjb-primary-light: #F5EDE0;\n --jjb-secondary: #D4A574;\n --jjb-accent: #A67C52;\n --jjb-text: #2D2A26;\n --jjb-text-light: #6B635A;\n --jjb-border: #E8E2D9;\n --jjb-shadow: 0 4px 24px rgba(139,115,85,.08);\n --jjb-shadow-lg: 0 12px 48px rgba(139,115,85,.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.jjb-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A86C 0%, #D4A574 50%, #A67C52 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: 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.5 0-4.5 2-4.5 4.5S27.5 14 30 14s4.5-2 4.5-4.5S32.5 5 30 5zm0 41c-2.5 0-4.5 2-4.5 4.5S27.5 55 30 55s4.5-2 4.5-4.5S32.5 46 30 46zm-20-20c0-2.5-2-4.5-4.5-4.5S1 23.5 1 26s2 4.5 4.5 4.5S10 28.5 10 26zm49 0c0-2.5-2-4.5-4.5-4.5S50 23.5 50 26s2 4.5 4.5 4.5S59 28.5 59 26z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\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,.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.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: 700px;\n margin: 0 auto;\n}\n\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: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.jjb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 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-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.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.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: 44px;\n height: 44px;\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: 18px;\n box-shadow: 0 4px 12px rgba(201,168,108,.3);\n}\n\n.jjb-timeline-content {\n flex: 1;\n background: var(--jjb-white);\n padding: 1.25rem 1.5rem;\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 .5rem 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.jjb-testimonial {\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-primary);\n text-align: center;\n}\n\n.jjb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jjb-text);\n line-height: 1.8;\n margin: 0;\n}\n\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;\n}\n\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 p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .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: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .jjb-timeline-content {\n padding: 1rem 1.125rem;\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-testimonial {\n padding: 1.25rem;\n }\n \n .jjb-testimonial-text {\n font-size: 14px;\n }\n}\n\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\n@keyframes jjbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\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":"NAJEL","offers":[{"title":"Default Title","offer_id":54931040371065,"sku":"NJ0215","price":12.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-jojoba-certifiee-bio-80-ml-najel-lifestyle.webp?v=1769090755"},{"product_id":"beurre-de-karite-vanille-najel","title":"Beurre de Karité Parfum Vanille - 100 g - Najel","description":"\u003cdiv class=\"nk-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"nk-hero\"\u003e\n\u003cdiv class=\"nk-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nk-hero-content\"\u003e\n\u003cdiv class=\"nk-badges-top\"\u003e\n\u003cspan class=\"nk-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e \u003cspan class=\"nk-badge\"\u003e🍃 100% naturel\u003c\/span\u003e \u003cspan class=\"nk-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"nk-hero-title\"\u003eBeurre de Karité Parfum Vanille\u003c\/span\u003e\n\u003cp class=\"nk-subtitle\"\u003eNajel • 100 g de douceur bio\u003c\/p\u003e\n\u003cp class=\"nk-description\"\u003eUn soin onctueux et gourmand pour nourrir intensément votre peau et vos cheveux, tout en vous enveloppant d'une fragrance vanillée irrésistible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eQu'est-ce que le beurre de karité et pourquoi l'adopter ?\u003c\/h2\u003e\n\u003cp class=\"nk-section-intro\"\u003eExtrait des noix du karité, un arbre majestueux des savanes d'Afrique de l'Ouest, ce trésor végétal est utilisé depuis des siècles pour ses propriétés exceptionnelles.\u003c\/p\u003e\n\u003cdiv class=\"nk-grid\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n\u003cp\u003ePénètre les couches de l'épiderme pour nourrir les peaux les plus desséchées en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🩹 Réparation \u0026amp; apaisement\u003c\/h3\u003e\n\u003cp\u003eRépare et calme les épidermes fragilisés, irrités ou agressés par le quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n\u003cp\u003eCrée un bouclier contre le froid, le vent et la pollution pour préserver votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e✨ Nutrition capillaire\u003c\/h3\u003e\n\u003cp\u003eRevitalise les cheveux secs, abîmés ou crépus en leur redonnant souplesse et brillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-tip\"\u003e\n\u003cspan class=\"nk-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRichesse nutritive :\u003c\/strong\u003e acides gras essentiels (oléique, stéarique, linoléique) + vitamines A, D, E et F pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eLes atouts de ce beurre de karité \u003c\/h2\u003e\n\u003cdiv class=\"nk-grid\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🍦 Parfum vanille naturel\u003c\/h3\u003e\n\u003cp\u003eUn véritable extrait de vanille (pas un arôme synthétique) transforme chaque application en moment de bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🌱 Cosmos Organic certifié\u003c\/h3\u003e\n\u003cp\u003eGarantie d'un produit bio respectueux de votre peau et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🧈 Texture fondante\u003c\/h3\u003e\n\u003cp\u003eSe liquéfie instantanément au contact de la chaleur corporelle pour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e👩🌾 Production éthique\u003c\/h3\u003e\n\u003cp\u003ePartenariat avec des coopératives de femmes au Burkina Faso pour un commerce équitable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🧴 Format nomade 100 g\u003c\/h3\u003e\n\u003cp\u003eCompact et pratique, il se glisse facilement dans votre sac ou vos bagages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n\u003cp\u003e100% d'ingrédients d'origine naturelle, sans conservateur chimique ni parfum artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eComment utiliser le beurre de karité sur les cheveux ?\u003c\/h2\u003e\n\u003cp class=\"nk-section-intro\"\u003eCheveux secs, frisés, crépus ou en quête de brillance : découvrez trois façons d'intégrer ce soin à votre routine capillaire.\u003c\/p\u003e\n\u003cdiv class=\"nk-timeline\"\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003e🧖♀️ Masque avant-shampoing\u003c\/h3\u003e\n\u003cp\u003eAppliquez généreusement sur cheveux secs, des racines aux pointes. Laissez poser 30 min à 1h (ou toute la nuit pour un soin intensif), puis procédez au shampoing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003e💆 Soin sans rinçage\u003c\/h3\u003e\n\u003cp\u003eFaites fondre une petite quantité entre vos paumes et appliquez sur les pointes sèches ou fourchues. Scelle l'hydratation et prévient la casse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003e🌀 Définition des boucles\u003c\/h3\u003e\n\u003cp\u003eSur cheveux humides, travaillez une noisette pour définir vos boucles et lutter contre les frisottis. La fragrance vanillée parfume délicatement votre chevelure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eLes bienfaits pour le visage et le corps\u003c\/h2\u003e\n\u003cdiv class=\"nk-grid-compact\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e😴 Visage\u003c\/h3\u003e\n\u003cp\u003eCrème de nuit peaux très sèches ou baume à lèvres naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🚿 Corps\u003c\/h3\u003e\n\u003cp\u003eAprès la douche sur peau humide pour une hydratation optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🦶 Zones rugueuses\u003c\/h3\u003e\n\u003cp\u003eCoudes, genoux, talons retrouvent douceur et souplesse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e☀️ Après-soleil\u003c\/h3\u003e\n\u003cp\u003eApaise et répare la peau après une exposition\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🪒 Après-rasage\u003c\/h3\u003e\n\u003cp\u003eCalme les irritations et nourrit l'épiderme fragilisé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🤰 Vergetures\u003c\/h3\u003e\n\u003cp\u003eAméliore l'élasticité et aide à prévenir les marques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"nk-composition-box\"\u003e\n\u003cp class=\"nk-inci\"\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Butyrospermum Parkii Butter*, Vanilla Planifolia Fruit Extract, Tocopherol, Helianthus Annuus Seed Oil.\u003c\/p\u003e\n\u003cp class=\"nk-bio-note\"\u003e*Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-grid\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🧈 Beurre de karité pur\u003c\/h3\u003e\n\u003cp\u003eButyrospermum Parkii Butter – agent nourrissant et protecteur principal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🍦 Extrait de vanille\u003c\/h3\u003e\n\u003cp\u003eVanilla Planifolia – parfum naturel gourmand et enveloppant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e💊 Vitamine E\u003c\/h3\u003e\n\u003cp\u003eTocopherol – antioxydant naturel qui protège la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n\u003cp\u003eHelianthus Annuus – émollient naturel pour une texture parfaite\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eConseils d'application pour un résultat optimal\u003c\/h2\u003e\n\u003cdiv class=\"nk-timeline\"\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003ePrélevez\u003c\/h3\u003e\n\u003cp\u003eUne petite quantité suffit : environ une noisette selon la zone à traiter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003eRéchauffez\u003c\/h3\u003e\n\u003cp\u003eFaites fondre le beurre entre vos paumes jusqu'à obtenir une texture huileuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eAppliquez en mouvements circulaires sur la zone souhaitée (évitez le contour des yeux).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003eLaissez agir\u003c\/h3\u003e\n\u003cp\u003eUtilisez de préférence le soir pour laisser le produit pénétrer pendant la nuit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-tip\"\u003e\n\u003cspan class=\"nk-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e par temps froid, le beurre peut durcir. Placez le pot quelques minutes près d'une source de chaleur douce pour retrouver sa texture onctueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003ePourquoi choisir Najel plutôt qu'un autre beurre de karité ?\u003c\/h2\u003e\n\u003cdiv class=\"nk-grid\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🤝 Engagement éthique\u003c\/h3\u003e\n\u003cp\u003eSoutien aux productrices africaines via un commerce équitable et responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e✅ Double certification\u003c\/h3\u003e\n\u003cp\u003eCosmos Organic + origine 100% naturelle vérifiée et contrôlée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🍦 Parfum authentique\u003c\/h3\u003e\n\u003cp\u003eVéritable extrait de vanille, pas un arôme synthétique comme chez d'autres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e💰 Excellent rapport qualité-prix\u003c\/h3\u003e\n\u003cp\u003e100 g de beurre premium certifié bio à un tarif accessible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🎯 Polyvalence totale\u003c\/h3\u003e\n\u003cp\u003eUn seul produit pour le visage, le corps et les cheveux : simplifiez votre routine !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce soin ?\u003c\/h2\u003e\n\u003cdiv class=\"nk-grid-compact\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eHydratation intense pour les peaux en manque\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eFormule douce et naturelle bien tolérée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e💇♀️ Cheveux secs\u003c\/h3\u003e\n\u003cp\u003eSecs, abîmés, colorés ou crépus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eAlternative aux crèmes conventionnelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient à tous, des plus petits aux plus grands\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🍪 Gourmand(e)s\u003c\/h3\u003e\n\u003cp\u003eAmateurs de parfums doux et réconfortants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"nk-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"nk-accordion\"\u003e\n\u003cdetails class=\"nk-accordion-item\"\u003e\n\u003csummary class=\"nk-accordion-header\"\u003e🧪 Test préalable\u003c\/summary\u003e\n\u003cdiv class=\"nk-accordion-content\"\u003e\n\u003cp\u003eEffectuez un test dans le pli du coude 24h avant la première utilisation en cas de peau très réactive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nk-accordion-item\"\u003e\n\u003csummary class=\"nk-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n\u003cdiv class=\"nk-accordion-content\"\u003e\n\u003cp\u003eÉvitez le contact avec les yeux et le contour des yeux lors de l'application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nk-accordion-item\"\u003e\n\u003csummary class=\"nk-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n\u003cdiv class=\"nk-accordion-content\"\u003e\n\u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe pour préserver toutes les qualités du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nk-accordion-item\"\u003e\n\u003csummary class=\"nk-accordion-header\"\u003e🥜 Allergies aux fruits à coque\u003c\/summary\u003e\n\u003cdiv class=\"nk-accordion-content\"\u003e\n\u003cp\u003eLes personnes allergiques aux fruits à coque doivent consulter un professionnel de santé avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"nk-disclaimer\"\u003eCe produit cosmétique ne remplace pas un avis médical en cas de problème dermatologique persistant.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --nk-cream: #FDF8F6;\n --nk-white: #ffffff;\n --nk-primary: #D4A5A0;\n --nk-primary-dark: #8B5A55;\n --nk-primary-light: #F5E8E6;\n --nk-secondary: #2D2926;\n --nk-accent: #C9956C;\n --nk-text: #1a1a1a;\n --nk-text-light: #5a5a5a;\n --nk-border: #e8e0de;\n --nk-shadow: 0 4px 24px rgba(139,90,85,.08);\n --nk-shadow-lg: 0 12px 48px rgba(139,90,85,.15);\n --nk-radius: 20px;\n --nk-radius-sm: 12px;\n}\n\n.nk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nk-hero {\n position: relative;\n background: linear-gradient(135deg, var(--nk-primary) 0%, var(--nk-primary-dark) 50%, var(--nk-secondary) 100%);\n border-radius: var(--nk-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(--nk-shadow-lg);\n}\n\n.nk-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(201,149,108,.2) 0%, transparent 50%);\n opacity: .6;\n}\n\n.nk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nk-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(--nk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nk-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.nk-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.nk-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\/* === SECTIONS === *\/\n.nk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nk-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.nk-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(--nk-primary), var(--nk-accent));\n border-radius: 2px;\n}\n\n.nk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nk-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\/* === GRILLES === *\/\n.nk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.nk-card {\n background: var(--nk-white);\n border-radius: var(--nk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nk-shadow-lg);\n border-color: var(--nk-primary);\n}\n\n.nk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nk-grid-compact .nk-card {\n padding: 1rem;\n}\n\n.nk-grid-compact .nk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nk-grid-compact .nk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nk-primary), var(--nk-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(212,165,160,.4);\n}\n\n.nk-timeline-content {\n flex: 1;\n background: var(--nk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nk-radius-sm);\n box-shadow: var(--nk-shadow);\n}\n\n.nk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nk-timeline-content p {\n font-size: 14px;\n color: var(--nk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.nk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nk-primary-light);\n border-radius: var(--nk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nk-tip p {\n font-size: 14px;\n color: var(--nk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.nk-composition-box {\n background: var(--nk-white);\n border-radius: var(--nk-radius);\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: var(--nk-shadow);\n border-left: 4px solid var(--nk-accent);\n}\n\n.nk-inci {\n font-size: 14px;\n color: var(--nk-text);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n font-family: 'Courier New', monospace;\n}\n\n.nk-bio-note {\n font-size: 13px;\n color: var(--nk-primary-dark);\n margin: 0;\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.nk-accordion {\n background: var(--nk-white);\n border-radius: var(--nk-radius);\n box-shadow: var(--nk-shadow);\n overflow: hidden;\n}\n\n.nk-accordion-item {\n border-bottom: 1px solid var(--nk-border);\n margin: 0;\n padding: 0;\n}\n\n.nk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nk-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.nk-accordion-header:hover {\n background: var(--nk-primary-light);\n}\n\n.nk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nk-primary);\n transition: transform .2s ease;\n}\n\n.nk-accordion-item[open] .nk-accordion-header::after {\n content: '−';\n}\n\n.nk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nk-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.nk-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nk-disclaimer {\n font-size: 12px;\n color: var(--nk-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n padding: 1rem;\n background: var(--nk-primary-light);\n border-radius: var(--nk-radius-sm);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .nk-card {\n padding: 1.125rem;\n }\n \n .nk-section {\n margin-bottom: 1.75rem;\n }\n \n .nk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nk-radius-sm);\n }\n \n .nk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .nk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .nk-grid-compact {\n gap: .625rem;\n }\n \n .nk-grid-compact .nk-card {\n padding: .75rem;\n }\n \n .nk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .nk-timeline-content {\n padding: .875rem 1rem;\n }\n \n .nk-timeline-content h3 {\n font-size: 14px;\n }\n \n .nk-timeline-content p {\n font-size: 13px;\n }\n \n .nk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .nk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .nk-composition-box {\n padding: 1rem;\n }\n \n .nk-badges-top {\n gap: 6px;\n }\n \n .nk-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nk-card {\n animation: fadeInUp .5s ease backwards;\n }\n .nk-card:nth-child(1) { animation-delay: .05s; }\n .nk-card:nth-child(2) { animation-delay: .1s; }\n .nk-card:nth-child(3) { animation-delay: .15s; }\n .nk-card:nth-child(4) { animation-delay: .2s; }\n .nk-card:nth-child(5) { animation-delay: .25s; }\n .nk-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 .nk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931099779449,"sku":"NJ0235","price":6.91,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-parfum-vanille-100-g-najel-lifestyle_a692b262-6fa2-4aa6-841c-212786eaf8db.webp?v=1778150449"},{"product_id":"argile-verte-najel","title":"Argile Verte pour Peaux Grasses – 150 g – Najel","description":"\u003cdiv class=\"av-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"av-hero\"\u003e\n\u003cdiv class=\"av-hero-pattern\"\u003e\u003cbr\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% Pure\u003c\/span\u003e \u003cspan class=\"av-badge\"\u003e🇫🇷 Origine France\u003c\/span\u003e \u003cspan class=\"av-badge\"\u003e✨ Cosmos Natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"av-hero-title\"\u003eArgile Verte Najel\u003c\/span\u003e\n\u003cp class=\"av-subtitle\"\u003eLe secret ancestral des peaux nettes et purifiées\u003c\/p\u003e\n\u003cp class=\"av-description\"\u003e150 g de pureté minérale pour révéler l'éclat naturel de votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003eL'argile verte Najel : un trésor naturel pour votre peau\u003c\/h2\u003e\n\u003cp class=\"av-section-intro\"\u003eVous cherchez une solution naturelle et efficace pour prendre soin de votre peau mixte à grasse ? L'\u003cstrong\u003eargile verte Najel\u003c\/strong\u003e est ce dont vous avez besoin.\u003c\/p\u003e\n\u003cdiv class=\"av-highlight-box\"\u003e\n\u003cp\u003eExtraite de carrières françaises et \u003cstrong\u003ecertifiée Cosmos Natural\u003c\/strong\u003e, cette poudre d'argile 100 % pure concentre des millénaires de savoir-faire au service de votre beauté. Que ce soit en masque visage, en \u003cstrong\u003ecataplasme d'argile verte\u003c\/strong\u003e pour le corps ou en soin capillaire, elle s'adapte à tous vos besoins avec une simplicité déconcertante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'argile verte pour votre peau et votre corps\u003c\/h2\u003e\n\u003cp class=\"av-section-intro\"\u003eL'argile verte doit sa réputation à une composition exceptionnellement riche en minéraux : silice, magnésium, calcium, fer, potassium et zinc.\u003c\/p\u003e\n\u003cdiv class=\"av-grid\"\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🧽 Pouvoir absorbant remarquable\u003c\/h3\u003e\n\u003cp\u003eElle capte l'excès de sébum comme une éponge naturelle, laissant votre peau nette sans la dessécher.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🔬 Action purifiante en profondeur\u003c\/h3\u003e\n\u003cp\u003eElle attire et élimine les impuretés, toxines et cellules mortes qui ternissent votre teint.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e⚖️ Effet rééquilibrant\u003c\/h3\u003e\n\u003cp\u003eElle régule naturellement l'activité des glandes sébacées pour un résultat durable sur les peaux grasses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🌸 Propriétés apaisantes\u003c\/h3\u003e\n\u003cp\u003eElle calme les rougeurs, les irritations et les petites inflammations cutanées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e💎 Bienfaits reminéralisants\u003c\/h3\u003e\n\u003cp\u003eElle nourrit votre peau en oligo-éléments essentiels pour un teint éclatant de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e💆 Action décongestionnante\u003c\/h3\u003e\n\u003cp\u003eEn cataplasme, elle aide à soulager les tensions musculaires et articulaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003eComment utiliser l'argile verte Najel au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"av-usage-block\"\u003e\n\u003ch3 class=\"av-usage-title\"\u003e🎭 Le masque visage purifiant\u003c\/h3\u003e\n\u003cp class=\"av-usage-intro\"\u003eC'est l'utilisation la plus répandue, et pour cause : les résultats sont visibles immédiatement.\u003c\/p\u003e\n\u003cdiv class=\"av-timeline\"\u003e\n\u003cdiv class=\"av-timeline-item\"\u003e\n\u003cspan class=\"av-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"av-timeline-content\"\u003e\n\u003ch3\u003ePréparez le mélange\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e2 cuillères à soupe d'argile verte\u003c\/strong\u003e dans un récipient non métallique (verre, céramique ou bois).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-timeline-item\"\u003e\n\u003cspan class=\"av-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"av-timeline-content\"\u003e\n\u003ch3\u003eAjoutez le liquide\u003c\/h3\u003e\n\u003cp\u003eVersez progressivement de l'eau minérale ou un hydrolat (rose, lavande, hamamélis) jusqu'à obtenir une pâte onctueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-timeline-item\"\u003e\n\u003cspan class=\"av-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"av-timeline-content\"\u003e\n\u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n\u003cp\u003eÉtalez en couche généreuse sur le visage en évitant le contour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-timeline-item\"\u003e\n\u003cspan class=\"av-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"av-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser 10 minutes\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eImportant\u003c\/strong\u003e : ne laissez jamais l'argile sécher complètement sur votre peau, cela pourrait l'irriter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-timeline-item\"\u003e\n\u003cspan class=\"av-timeline-number\"\u003e5\u003c\/span\u003e\n\u003cdiv class=\"av-timeline-content\"\u003e\n\u003ch3\u003eRincez et admirez\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau tiède et admirez votre teint frais et lumineux.\u003c\/p\u003e\n\u003c\/div\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\u003eNotre conseil\u003c\/strong\u003e : réalisez ce masque une à deux fois par semaine pour des résultats optimaux sans fragiliser votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-usage-block\"\u003e\n\u003ch3 class=\"av-usage-title\"\u003e🩹 Le cataplasme d'argile verte pour le corps\u003c\/h3\u003e\n\u003cp class=\"av-usage-intro\"\u003eL'\u003cstrong\u003eargile verte en cataplasme\u003c\/strong\u003e est une technique ancestrale particulièrement appréciée pour ses effets décongestionnants.\u003c\/p\u003e\n\u003cdiv class=\"av-grid-compact\"\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e😌 Zone fatiguée\u003c\/h3\u003e\n\u003cp\u003eApaiser après un effort physique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e💪 Détente musculaire\u003c\/h3\u003e\n\u003cp\u003eAccompagner la relaxation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🦴 Bien-être articulaire\u003c\/h3\u003e\n\u003cp\u003eContribuer au confort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e⏱️ 30 min à 1h\u003c\/h3\u003e\n\u003cp\u003eTemps de pose idéal\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\u003ePréparation\u003c\/strong\u003e : mélangez l'argile avec de l'eau jusqu'à obtenir une pâte épaisse (environ 2 cm). Étalez-la sur un linge propre en coton, appliquez directement sur la zone souhaitée, puis rincez délicatement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-grid-compact\"\u003e\n\u003cdiv class=\"av-card av-card-accent\"\u003e\n\u003ch3\u003e🛁 Le bain reminéralisant\u003c\/h3\u003e\n\u003cp\u003eAjoutez \u003cstrong\u003e3 à 4 cuillères à soupe\u003c\/strong\u003e dans votre bain chaud. 20 minutes d'immersion pour une peau douce et un esprit apaisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card av-card-accent\"\u003e\n\u003ch3\u003e💇 Le soin capillaire détoxifiant\u003c\/h3\u003e\n\u003cp\u003eMélangez l'argile avec de l'eau, appliquez sur le cuir chevelu, massez, laissez poser \u003cstrong\u003e15 minutes\u003c\/strong\u003e puis shampooing. Cheveux légers garantis !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'argile verte Najel ?\u003c\/h2\u003e\n\u003cp class=\"av-section-intro\"\u003eToutes les argiles vertes ne se valent pas. Celle de Najel se distingue par plusieurs engagements concrets.\u003c\/p\u003e\n\u003cdiv class=\"av-grid\"\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e✅ Pureté garantie\u003c\/h3\u003e\n\u003cp\u003e100 % argile verte naturelle, sans aucun additif, colorant ni conservateur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🏅 Certification Cosmos Natural\u003c\/h3\u003e\n\u003cp\u003eUn gage de qualité et de respect des normes cosmétiques naturelles européennes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e📍 Origine contrôlée\u003c\/h3\u003e\n\u003cp\u003eExtraite de carrières soigneusement sélectionnées en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🐰 Engagement éthique\u003c\/h3\u003e\n\u003cp\u003eNon testée sur les animaux et conditionnée dans un emballage éco-responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e📦 Format pratique 150 g\u003c\/h3\u003e\n\u003cp\u003eSuffisant pour plusieurs semaines de soins réguliers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"av-composition-box\"\u003e\n\u003cp class=\"av-inci\"\u003e\u003cstrong\u003eINCI\u003c\/strong\u003e : Illite (Argile verte)\u003c\/p\u003e\n\u003cp class=\"av-composition-note\"\u003eC'est tout. Pas de liste interminable d'ingrédients imprononçables, juste de l'argile verte pure et naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"av-section\"\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👁️ Contact avec les yeux\u003c\/summary\u003e\n\u003cdiv class=\"av-accordion-content\"\u003e\n\u003cp\u003eÉ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=\"av-accordion-item\"\u003e\n\u003csummary class=\"av-accordion-header\"\u003e🥄 Ustensiles à éviter\u003c\/summary\u003e\n\u003cdiv class=\"av-accordion-content\"\u003e\n\u003cp\u003eN'utilisez jamais d'ustensiles métalliques pour préparer vos soins à l'argile (ils altèrent ses propriétés). Préférez le verre, la céramique ou le bois.\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\"\u003e\n\u003cp\u003eConservez votre argile dans un endroit sec, à l'abri de l'humidité.\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⚠️ Peaux sensibles\u003c\/summary\u003e\n\u003cdiv class=\"av-accordion-content\"\u003e\n\u003cp\u003eEn cas de peau sensible ou réactive, effectuez un test sur une petite zone avant 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ℹ️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"av-accordion-content\"\u003e\n\u003cp\u003eLes cataplasmes d'argile verte constituent un soin de bien-être et ne remplacent en aucun cas un avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"av-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau le meilleur de la nature avec l'argile verte Najel \u003cstrong\u003epure, certifiée et efficace\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --av-cream: #f7f5f2;\n --av-white: #ffffff;\n --av-primary: #4a5240;\n --av-primary-dark: #3a4232;\n --av-primary-light: #e8ebe4;\n --av-secondary: #c9b8a8;\n --av-accent: #8b9b7a;\n\n \/* Textes *\/\n --av-text: #1a1a1a;\n --av-text-light: #5a5a5a;\n\n \/* Effets *\/\n --av-border: #e0ddd8;\n --av-shadow: 0 4px 24px rgba(74,82,64,.08);\n --av-shadow-lg: 0 12px 48px rgba(74,82,64,.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, #4a5240 0%, #5d6652 40%, #8b9b7a 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(139,155,122,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(201,184,168,.2) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\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-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.av-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.av-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\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}\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-accent);\n}\n\n.av-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text);\n line-height: 1.8;\n margin: 0;\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 margin-top: 1.25rem;\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-accent {\n background: linear-gradient(135deg, var(--av-primary-light) 0%, var(--av-white) 100%);\n border: 2px solid var(--av-accent);\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\/* === USAGE BLOCKS === *\/\n.av-usage-block {\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 margin-bottom: 1.5rem;\n}\n\n.av-usage-title {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .75rem 0;\n text-align: center;\n}\n\n.av-usage-intro {\n text-align: center;\n font-size: clamp(14px, 2vw, 16px);\n color: var(--av-text-light);\n margin-bottom: 1.5rem;\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}\n\n.av-timeline-content {\n flex: 1;\n background: var(--av-primary-light);\n padding: 1rem 1.25rem;\n border-radius: var(--av-radius-sm);\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\/* === COMPOSITION BOX === *\/\n.av-composition-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 text-align: center;\n border: 2px solid var(--av-accent);\n}\n\n.av-inci {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.av-composition-note {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--av-text-light);\n margin: 0;\n font-style: italic;\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}\n\n.av-accordion-content p {\n margin: 0;\n}\n\n\/* === FAQ === *\/\n.av-faq {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 2rem;\n}\n\n.av-faq-item {\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}\n\n.av-faq-item h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.av-faq-item p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.7;\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\/* === 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-usage-block {\n padding: 1.25rem;\n }\n \n .av-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .av-card {\n animation: fadeInUp .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 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 .av-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54937961496953,"sku":"NJ0290","price":5.36,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-argile-verte-najel_11zon.jpg?v=1770731670"},{"product_id":"creme-visage-matifiante-najel","title":"Crème Visage Matifiante Bio – 50 ml – Najel","description":"\u003cdiv class=\"njm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"njm-hero\"\u003e\n\u003cdiv class=\"njm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"njm-hero-content\"\u003e\n\u003cdiv class=\"njm-badges-top\"\u003e\n\u003cspan class=\"njm-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"njm-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"njm-badge\"\u003e💧 99% naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"njm-hero-title\"\u003eCrème visage matifiante Bio\u003c\/span\u003e\n\u003cp class=\"njm-subtitle\"\u003eAloe vera \u0026amp; rose myrthe • 50 ml\u003c\/p\u003e\n\u003cp class=\"njm-description\"\u003eFini velouté longue tenue pour peaux mixtes à grasses. Hydrate sans briller, régule le sébum naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"njm-section\"\u003e\n\u003ch2\u003ePourquoi votre peau grasse a besoin d'une vraie hydratation\u003c\/h2\u003e\n\u003cp class=\"njm-section-intro\"\u003eContrairement à une idée reçue tenace, les peaux grasses ont autant besoin d'hydratation que les autres.\u003c\/p\u003e\n\u003cdiv class=\"njm-grid-compact\"\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e💧 Peau déshydratée\u003c\/h3\u003e\n\u003cp\u003eQuand la peau manque d'eau, elle compense en produisant encore plus de sébum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🔄 Cercle vicieux\u003c\/h3\u003e\n\u003cp\u003eCe déséquilibre accentue les brillances et les imperfections\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e⚖️ Double action\u003c\/h3\u003e\n\u003cp\u003eHydrater en profondeur tout en régulant naturellement l'excès de sébum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e✨ Solution Najel\u003c\/h3\u003e\n\u003cp\u003eUne formule certifiée Cosmos Organic qui sait faire les deux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"njm-section\"\u003e\n\u003ch2\u003eUne formule bio aux actifs ciblés pour matifier sans dessécher\u003c\/h2\u003e\n\u003cdiv class=\"njm-grid\"\u003e\n\u003cdiv class=\"njm-card njm-card-ingredient\"\u003e\n\u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eRéservoir d'hydratation qui apaise et rafraîchit sans film gras. Calme les irritations et rougeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card njm-card-ingredient\"\u003e\n\u003ch3\u003e🌹 Hydrolat de rose myrthe\u003c\/h3\u003e\n\u003cp\u003eActif tonifiant qui resserre les pores dilatés et purifie en douceur. Parfum délicat et frais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card njm-card-ingredient\"\u003e\n\u003ch3\u003e🫒 Huile de jojoba bio\u003c\/h3\u003e\n\u003cp\u003eComposition proche du sébum humain pour \"tromper\" la peau et réguler naturellement sa production.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card njm-card-ingredient\"\u003e\n\u003ch3\u003e🍚 Poudre de riz\u003c\/h3\u003e\n\u003cp\u003eAgent matifiant naturel par excellence, absorbe l'excès de sébum tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"njm-section\"\u003e\n\u003ch2\u003eLes résultats que vous pouvez attendre\u003c\/h2\u003e\n\u003cp class=\"njm-section-intro\"\u003eDès les premières applications, vous remarquerez une différence notable sur votre peau.\u003c\/p\u003e\n\u003cdiv class=\"njm-grid\"\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🪞 Fini mat velouté\u003c\/h3\u003e\n\u003cp\u003eUn effet qui dure plusieurs heures sans retouche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e💦 Hydratation parfaite\u003c\/h3\u003e\n\u003cp\u003ePeau nourrie mais jamais grasse ni collante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🔬 Pores resserrés\u003c\/h3\u003e\n\u003cp\u003eGrain de peau visiblement affiné\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🎨 Teint uniforme\u003c\/h3\u003e\n\u003cp\u003eBase idéale pour votre maquillage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e✨ Zone T maîtrisée\u003c\/h3\u003e\n\u003cp\u003eMoins de brillances sur front, nez et menton\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e⚡ Absorption express\u003c\/h3\u003e\n\u003cp\u003eTexture légère qui pénètre en quelques secondes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"njm-section\"\u003e\n\u003ch2\u003eComment bien utiliser votre crème matifiante Najel ?\u003c\/h2\u003e\n\u003cdiv class=\"njm-timeline\"\u003e\n\u003cdiv class=\"njm-timeline-item\"\u003e\n\u003cdiv class=\"njm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"njm-timeline-content\"\u003e\n\u003ch3\u003e☀️ Le matin\u003c\/h3\u003e\n\u003cp\u003eSur peau propre et sèche, prélevez une noisette de crème et appliquez en massages légers. Insistez sur la zone T. Attendez une minute avant le maquillage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-timeline-item\"\u003e\n\u003cdiv class=\"njm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"njm-timeline-content\"\u003e\n\u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n\u003cp\u003eAprès votre nettoyage, utilisez-la comme soin de nuit léger, particulièrement en été où les textures riches sont moins agréables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-timeline-item\"\u003e\n\u003cdiv class=\"njm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"njm-timeline-content\"\u003e\n\u003ch3\u003e🌡️ Par temps chaud\u003c\/h3\u003e\n\u003cp\u003eEmportez le tube pour une retouche en milieu de journée sur les zones qui brillent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"njm-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"njm-inci-box\"\u003e\n\u003cp class=\"njm-inci-list\"\u003eAqua, \u003cstrong\u003eAloe Barbadensis Leaf Juice*\u003c\/strong\u003e, \u003cstrong\u003eSimmondsia Chinensis Seed Oil*\u003c\/strong\u003e, Glycerin, Cetearyl Alcohol, Oryza Sativa Starch, \u003cstrong\u003eMyrtus Communis Flower Water*\u003c\/strong\u003e, Sodium Cetearyl Sulfate, Parfum, Benzyl Alcohol, Xanthan Gum, Tocopherol, Dehydroacetic Acid, Citric Acid.\u003c\/p\u003e\n\u003cp class=\"njm-inci-note\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv class=\"njm-inci-badge\"\u003e\n\u003cspan\u003e🌿 99% d'ingrédients d'origine naturelle\u003c\/span\u003e \u003cspan\u003e✓ Certifié Cosmos Organic par Ecocert\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"njm-section\"\u003e\n\u003ch2\u003eLes engagements Najel pour votre peau et la planète\u003c\/h2\u003e\n\u003cdiv class=\"njm-grid\"\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertification garantissant une formule contrôlée et respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🚫 Sans indésirables\u003c\/h3\u003e\n\u003cp\u003eSans parabènes, sans silicones, sans huiles minérales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testée sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003ePackaging recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication française par une marque experte depuis plus de 100 ans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n\u003cp\u003eDes soins qui respectent votre peau et l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"njm-section\"\u003e\n\u003ch2\u003ePour qui est faite cette crème ?\u003c\/h2\u003e\n\u003cdiv class=\"njm-grid-compact\"\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🧴 Peau mixte à grasse\u003c\/h3\u003e\n\u003cp\u003eFormule spécialement conçue pour réguler le sébum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e💄 Maquilleuses\u003c\/h3\u003e\n\u003cp\u003eBase idéale qui prolonge la tenue du fond de teint\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du bio\u003c\/h3\u003e\n\u003cp\u003ePour celles qui préfèrent les cosmétiques naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e😤 Anti-brillance\u003c\/h3\u003e\n\u003cp\u003ePour en finir avec les crèmes qui laissent un film gras\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"njm-section\"\u003e\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"njm-section\"\u003e\n\u003cdiv class=\"njm-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau le soin qu'elle mérite : hydratation parfaite, fini mat longue durée, formule 100% naturelle certifiée bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"njm-disclaimer\"\u003eContenance : 50 ml • Ce produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --njm-cream: #F5F0EB;\n --njm-white: #ffffff;\n --njm-primary: #8B7355;\n --njm-primary-dark: #6B5A47;\n --njm-primary-light: #F0E8E0;\n --njm-secondary: #C4A77D;\n --njm-accent: #D4C4B0;\n --njm-text: #1a1a1a;\n --njm-text-light: #5a5a5a;\n --njm-border: #e0e0e0;\n --njm-shadow: 0 4px 24px rgba(139,115,85,.08);\n --njm-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --njm-radius: 20px;\n --njm-radius-sm: 12px;\n}\n\n.njm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--njm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.njm-hero {\n position: relative;\n background: linear-gradient(135deg, #8B7355 0%, #A08060 50%, #C4A77D 100%);\n border-radius: var(--njm-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(--njm-shadow-lg);\n}\n\n.njm-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.njm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.njm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.njm-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(--njm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.njm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.njm-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.njm-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.njm-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.njm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.njm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--njm-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.njm-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(--njm-primary), var(--njm-secondary));\n border-radius: 2px;\n}\n\n.njm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--njm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.njm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.njm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.njm-card {\n background: var(--njm-white);\n border-radius: var(--njm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--njm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.njm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--njm-shadow-lg);\n border-color: var(--njm-primary);\n}\n\n.njm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--njm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.njm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--njm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.njm-card-ingredient {\n border-left: 4px solid var(--njm-secondary);\n text-align: left;\n}\n\n.njm-grid-compact .njm-card {\n padding: 1rem;\n}\n\n.njm-grid-compact .njm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.njm-grid-compact .njm-card p {\n font-size: 12px;\n}\n\n.njm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.njm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.njm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--njm-primary), var(--njm-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.njm-timeline-content {\n flex: 1;\n background: var(--njm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--njm-radius-sm);\n box-shadow: var(--njm-shadow);\n}\n\n.njm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--njm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.njm-timeline-content p {\n font-size: 14px;\n color: var(--njm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.njm-inci-box {\n background: var(--njm-white);\n border-radius: var(--njm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--njm-shadow);\n text-align: center;\n}\n\n.njm-inci-list {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--njm-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.njm-inci-note {\n font-size: 13px;\n color: var(--njm-primary);\n margin: 0 0 1.25rem 0;\n}\n\n.njm-inci-badge {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.njm-inci-badge span {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: var(--njm-primary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--njm-primary-dark);\n}\n\n.njm-accordion {\n background: var(--njm-white);\n border-radius: var(--njm-radius);\n box-shadow: var(--njm-shadow);\n overflow: hidden;\n}\n\n.njm-accordion-item {\n border-bottom: 1px solid var(--njm-border);\n margin: 0;\n padding: 0;\n}\n\n.njm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.njm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--njm-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.njm-accordion-header:hover {\n background: var(--njm-primary-light);\n}\n\n.njm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.njm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--njm-primary);\n transition: transform .2s ease;\n}\n\n.njm-accordion-item[open] .njm-accordion-header::after {\n content: '−';\n}\n\n.njm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--njm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.njm-accordion-content p {\n margin: 0;\n}\n\n.njm-cta-box {\n background: linear-gradient(135deg, var(--njm-primary) 0%, var(--njm-primary-dark) 100%);\n border-radius: var(--njm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.njm-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.njm-disclaimer {\n font-size: 12px;\n color: var(--njm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .njm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .njm-card {\n padding: 1.125rem;\n }\n \n .njm-card-ingredient {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--njm-secondary);\n }\n \n .njm-section {\n margin-bottom: 1.75rem;\n }\n \n .njm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--njm-radius-sm);\n }\n \n .njm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .njm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .njm-grid-compact {\n gap: .625rem;\n }\n \n .njm-grid-compact .njm-card {\n padding: .75rem;\n }\n \n .njm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .njm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .njm-timeline-content h3 {\n font-size: 14px;\n }\n \n .njm-timeline-content p {\n font-size: 13px;\n }\n \n .njm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .njm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .njm-inci-box {\n padding: 1.25rem;\n }\n \n .njm-inci-badge {\n flex-direction: column;\n align-items: center;\n }\n \n .njm-inci-badge span {\n font-size: 12px;\n padding: 6px 12px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .njm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .njm-card:nth-child(1) { animation-delay: .05s; }\n .njm-card:nth-child(2) { animation-delay: .1s; }\n .njm-card:nth-child(3) { animation-delay: .15s; }\n .njm-card:nth-child(4) { animation-delay: .2s; }\n .njm-card:nth-child(5) { animation-delay: .25s; }\n .njm-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 .njm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54938493583737,"sku":"NJ0310","price":8.93,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-visage-matifiante-bio-50-ml-najel-lifestyle_100cb892-28a7-4dfb-8d71-5836f910593d.webp?v=1769428341"},{"product_id":"eau-salee-mer-morte-najel","title":"Eau Salée de la Mer Morte - 200 ml - Najel","description":"\u003cdiv class=\"mm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mm-hero\"\u003e\n \u003cdiv class=\"mm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mm-hero-content\"\u003e\n \u003cdiv class=\"mm-badges-top\"\u003e\n \u003cspan class=\"mm-badge\"\u003e🌊 Mer Morte\u003c\/span\u003e\n \u003cspan class=\"mm-badge\"\u003e🌿 Cosmos Natural\u003c\/span\u003e\n \u003cspan class=\"mm-badge\"\u003e💯 Yuka 100\/100\u003c\/span\u003e\n \u003cspan class=\"mm-badge\"\u003e🧴 200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mm-hero-title\"\u003eEau salée de la Mer Morte\u003c\/span\u003e\n \u003cp class=\"mm-subtitle\"\u003eNajel — Un concentré de minéraux pur et brut\u003c\/p\u003e\n \u003cp class=\"mm-description\"\u003eRiche en magnésium, calcium, potassium et zinc, cette eau exceptionnelle régénère, purifie et apaise toutes les peaux. Un seul ingrédient, 100 % naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mm-section\"\u003e\n \u003ch2\u003eEau salée de la Mer Morte Najel : un concentré de minéraux pour votre peau\u003c\/h2\u003e\n \u003cp class=\"mm-section-intro\"\u003eVous recherchez un soin naturel capable de purifier, apaiser et régénérer votre peau ? L'eau salée de la Mer Morte Najel est un trésor de la nature, directement puisé dans l'un des sites les plus extraordinaires au monde.\u003c\/p\u003e\n \u003cdiv class=\"mm-grid-compact\"\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🧂 10× plus concentrée\u003c\/h3\u003e\n \u003cp\u003eLa concentration en sel est environ dix fois supérieure à celle d'un océan classique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e💎 Richesse minérale unique\u003c\/h3\u003e\n \u003cp\u003eUne densité et une composition en sels minéraux tout à fait exceptionnelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Natural\u003c\/h3\u003e\n \u003cp\u003eCertifiée par l'organisme de référence pour les cosmétiques naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e💯 Score Yuka parfait\u003c\/h3\u003e\n \u003cp\u003e100\/100 — la meilleure note possible pour une composition irréprochable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mm-section\"\u003e\n \u003ch2\u003ePourquoi l'eau de la Mer Morte est-elle si précieuse ?\u003c\/h2\u003e\n \u003cp class=\"mm-section-intro\"\u003eLa masse volumique de l'eau de la Mer Morte s'explique par sa teneur exceptionnelle en sels minéraux. Ce n'est pas un simple sel de table : c'est un cocktail naturel d'oligo-éléments essentiels, reconnus depuis l'Antiquité.\u003c\/p\u003e\n \u003cdiv class=\"mm-grid\"\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🫧 Magnésium\u003c\/h3\u003e\n \u003cp\u003eApaise les inflammations cutanées et favorise l'hydratation naturelle de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🦴 Calcium\u003c\/h3\u003e\n \u003cp\u003eRenforce la barrière cutanée et stimule le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e⚡ Potassium\u003c\/h3\u003e\n \u003cp\u003eRégule l'hydratation cellulaire et maintient l'équilibre de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🌙 Brome\u003c\/h3\u003e\n \u003cp\u003ePropriétés relaxantes et apaisantes, idéal pour les peaux stressées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🛡️ Zinc\u003c\/h3\u003e\n \u003cp\u003eAction purifiante et cicatrisante, essentiel pour les peaux à imperfections\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🏛️ Vertus ancestrales\u003c\/h3\u003e\n \u003cp\u003eDepuis l'Antiquité, cette eau soulage les inconforts cutanés et régénère l'épiderme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mm-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets sur votre peau\u003c\/h2\u003e\n \u003cdiv class=\"mm-grid\"\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e✨ Régénérante et purifiante\u003c\/h3\u003e\n \u003cp\u003eLes minéraux stimulent le renouvellement cellulaire et aident à éliminer les impuretés accumulées au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🤍 Apaisante pour les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour calmer les peaux sujettes à l'eczéma, au psoriasis ou à l'acné. Réduit les rougeurs et les irritations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e💪 Tonifiante et reminéralisante\u003c\/h3\u003e\n \u003cp\u003eRedonne vitalité et éclat aux peaux fatiguées tout en améliorant leur élasticité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🌈 Tous types de peaux\u003c\/h3\u003e\n \u003cp\u003ePeaux grasses, sèches, mixtes ou matures : cette eau s'adapte à chacun grâce à sa composition 100 % naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mm-section\"\u003e\n \u003ch2\u003eComment utiliser l'eau de la Mer Morte sur le visage et le corps ?\u003c\/h2\u003e\n \u003cp class=\"mm-section-intro\"\u003eL'utilisation de l'eau de la Mer Morte est simple et polyvalente. Voici les principales façons d'en profiter :\u003c\/p\u003e\n \u003cdiv class=\"mm-timeline\"\u003e\n \u003cdiv class=\"mm-timeline-item\"\u003e\n \u003cdiv class=\"mm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mm-timeline-content\"\u003e\n \u003ch3\u003e🧴 En soin du visage\u003c\/h3\u003e\n \u003cp\u003eImbibez un coton d'eau de la Mer Morte et appliquez-le sur une peau propre. Laissez agir quelques minutes, puis rincez à l'eau claire. Idéal le matin pour tonifier ou le soir pour purifier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-timeline-item\"\u003e\n \u003cdiv class=\"mm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mm-timeline-content\"\u003e\n \u003ch3\u003e🩹 En compresse apaisante\u003c\/h3\u003e\n \u003cp\u003eAppliquez des compresses imbibées sur les zones irritées ou sujettes aux inconforts pendant 10 à 15 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-timeline-item\"\u003e\n \u003cdiv class=\"mm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mm-timeline-content\"\u003e\n \u003ch3\u003e🛁 En bain reminéralisant\u003c\/h3\u003e\n \u003cp\u003eVersez quelques bouchons dans votre eau de bain tiède. La température de l'eau doit rester agréable, autour de 37 °C, pour favoriser l'absorption des minéraux et un véritable moment de détente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-timeline-item\"\u003e\n \u003cdiv class=\"mm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mm-timeline-content\"\u003e\n \u003ch3\u003e💆 En soin du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eMassez directement le cuir chevelu avec quelques gouttes pour apaiser les démangeaisons et les pellicules.\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=\"mm-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"mm-composition-box\"\u003e\n \u003cp class=\"mm-composition-inci\"\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Maris Sal (Dead Sea Water)\u003c\/p\u003e\n \u003cp class=\"mm-composition-desc\"\u003eComposition 100 % naturelle, sans parfum, sans conservateur chimique, sans colorant. Un seul ingrédient, pur et brut.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-grid-compact\"\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eAucune fragrance ajoutée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur chimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n \u003cp\u003eAucun colorant artificiel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e✅ 1 seul ingrédient\u003c\/h3\u003e\n \u003cp\u003ePur, brut et authentique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"mm-section\"\u003e\n \u003ch2\u003eL'engagement qualité Najel\u003c\/h2\u003e\n \u003cdiv class=\"mm-testimonial\"\u003e\n \u003cp class=\"mm-testimonial-text\"\u003eNajel, maison familiale syrienne installée à Alep depuis plusieurs générations, est spécialisée dans les soins naturels à base d'ingrédients authentiques. Cette eau salée de la Mer Morte est extraite et conditionnée avec soin pour préserver l'intégralité de ses propriétés minérales. Le flacon de 200 ml vous accompagne sur plusieurs semaines grâce à une utilisation économique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Précautions \u0026 CTA --\u003e\n \u003csection class=\"mm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mm-accordion\"\u003e\n \u003cdetails class=\"mm-accordion-item\"\u003e\n \u003csummary class=\"mm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mm-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas d'irritation, cessez l'utilisation. Ce produit cosmétique ne se substitue pas à un avis ou un traitement médical. Consultez un dermatologue en cas de problème cutané persistant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-cta-box\"\u003e\n \u003cp\u003e🌊 Offrez à votre peau la puissance régénérante de la Mer Morte — un soin ancestral, pur et certifié, pour une peau apaisée et revitalisée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mm-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un traitement médical. Consultez un dermatologue en cas de problème cutané persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mm-cream: #f5f2ed;\n --mm-white: #ffffff;\n --mm-primary: #4a9b8e;\n --mm-primary-dark: #2c6e63;\n --mm-primary-light: #e8f4f1;\n --mm-secondary: #8b6f47;\n --mm-accent: #c4a265;\n --mm-text: #1a1a1a;\n --mm-text-light: #5a5a5a;\n --mm-border: #e0ddd8;\n --mm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mm-radius: 20px;\n --mm-radius-sm: 12px;\n}\n\n.mm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mm-hero {\n position: relative;\n background: linear-gradient(135deg, #2c6e63 0%, #4a9b8e 40%, #8b6f47 100%);\n border-radius: var(--mm-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(--mm-shadow-lg);\n}\n\n.mm-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,.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.mm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mm-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.mm-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.mm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mm-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.mm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mm-primary), var(--mm-secondary));\n border-radius: 2px;\n}\n\n.mm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mm-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.mm-card {\n background: var(--mm-white);\n border-radius: var(--mm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mm-shadow-lg);\n border-color: var(--mm-primary);\n}\n\n.mm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mm-grid-compact .mm-card {\n padding: 1rem;\n}\n\n.mm-grid-compact .mm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mm-grid-compact .mm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mm-primary), var(--mm-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.mm-timeline-content {\n flex: 1;\n background: var(--mm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mm-radius-sm);\n box-shadow: var(--mm-shadow);\n}\n\n.mm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mm-timeline-content p {\n font-size: 14px;\n color: var(--mm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mm-composition-box {\n background: var(--mm-white);\n border-radius: var(--mm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mm-shadow);\n text-align: center;\n margin-bottom: 1.25rem;\n border: 2px solid var(--mm-primary-light);\n}\n\n.mm-composition-inci {\n font-size: clamp(16px, 2.5vw, 20px);\n color: var(--mm-primary-dark);\n margin: 0 0 .5rem 0;\n font-weight: 600;\n}\n\n.mm-composition-desc {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--mm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mm-testimonial {\n background: var(--mm-white);\n border-radius: var(--mm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mm-shadow);\n border-left: 4px solid var(--mm-primary);\n}\n\n.mm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mm-accordion {\n background: var(--mm-white);\n border-radius: var(--mm-radius);\n box-shadow: var(--mm-shadow);\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.mm-accordion-item {\n border-bottom: 1px solid var(--mm-border);\n margin: 0;\n padding: 0;\n}\n\n.mm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mm-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.mm-accordion-header:hover {\n background: var(--mm-primary-light);\n}\n\n.mm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mm-primary);\n transition: transform .2s ease;\n}\n\n.mm-accordion-item[open] .mm-accordion-header::after {\n content: '−';\n}\n\n.mm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.mm-cta-box {\n background: linear-gradient(135deg, var(--mm-primary) 0%, var(--mm-primary-dark) 100%);\n border-radius: var(--mm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mm-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.mm-disclaimer {\n font-size: 12px;\n color: var(--mm-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 .mm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mm-card {\n padding: 1.125rem;\n }\n\n .mm-section {\n margin-bottom: 1.75rem;\n }\n\n .mm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mm-radius-sm);\n }\n\n .mm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mm-grid-compact {\n gap: .625rem;\n }\n\n .mm-grid-compact .mm-card {\n padding: .75rem;\n }\n\n .mm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mm-timeline-content h3 {\n font-size: 14px;\n }\n\n .mm-timeline-content p {\n font-size: 13px;\n }\n\n .mm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mm-testimonial {\n padding: 1.25rem;\n }\n\n .mm-testimonial-text {\n font-size: 14px;\n }\n\n .mm-composition-box {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mm-card {\n animation: mmFadeInUp .5s ease backwards;\n }\n .mm-card:nth-child(1) { animation-delay: .05s; }\n .mm-card:nth-child(2) { animation-delay: .1s; }\n .mm-card:nth-child(3) { animation-delay: .15s; }\n .mm-card:nth-child(4) { animation-delay: .2s; }\n .mm-card:nth-child(5) { animation-delay: .25s; }\n .mm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mmFadeInUp {\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 .mm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54939262550393,"sku":"NJ0325","price":5.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-salee-de-la-mer-morte-200-ml-najel-lifestyle.webp?v=1772881461"},{"product_id":"glycerine-vegetale-centifolia","title":"Glycérine Végétale - 200 ml - Centifolia","description":"\u003cdiv class=\"gv-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"gv-hero\"\u003e\n\u003cdiv class=\"gv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gv-hero-content\"\u003e\n\u003cdiv class=\"gv-badges-top\"\u003e\n\u003cspan class=\"gv-badge\"\u003e🌿 100% Origine naturelle\u003c\/span\u003e \u003cspan class=\"gv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"gv-badge\"\u003e✨ Certifié COSMOS Natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gv-hero-title\"\u003eGlycérine Végétale Centifolia\u003c\/span\u003e\n\u003cp class=\"gv-subtitle\"\u003eL'ingrédient star de vos cosmétiques maison\u003c\/p\u003e\n\u003cp class=\"gv-description\"\u003eAgent humectant pur et polyvalent pour hydrater en profondeur votre peau et vos cheveux. Un seul ingrédient, des dizaines de recettes possibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003eQu'est-ce que la glycérine végétale et à quoi sert-elle ?\u003c\/h2\u003e\n\u003cp class=\"gv-section-intro\"\u003eLa glycérine végétale, également appelée \u003cstrong\u003eglycérol\u003c\/strong\u003e, est un liquide visqueux, incolore et légèrement sucré, obtenu à partir de graisses végétales.\u003c\/p\u003e\n\u003cdiv class=\"gv-grid-compact\"\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e💧 Agent humectant\u003c\/h3\u003e\n\u003cp\u003eCapte l'humidité de l'air et la retient dans l'épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🪶 Non grasse\u003c\/h3\u003e\n\u003cp\u003eContrairement aux idées reçues, elle ne graisse pas la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🧪 Polyvalente\u003c\/h3\u003e\n\u003cp\u003eIngrédient star en cosmétique naturelle et DIY\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e✅ Contrôle total\u003c\/h3\u003e\n\u003cp\u003eMaîtrisez exactement ce que vous appliquez sur votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003eLes bienfaits de la glycérine végétale pour la peau\u003c\/h2\u003e\n\u003cdiv class=\"gv-grid\"\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e💦 Hydratation longue durée\u003c\/h3\u003e\n\u003cp\u003eForme un film protecteur invisible qui préserve le taux d'hydratation naturel de votre peau tout au long de la journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🌸 Action adoucissante\u003c\/h3\u003e\n\u003cp\u003eAssouplit les zones rugueuses et apaise les tiraillements, même sur les peaux les plus sèches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e✨ Effet repulpant\u003c\/h3\u003e\n\u003cp\u003eMaintient l'eau dans les tissus cutanés pour un aspect plus lisse et rebondi\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🤍 Tolérance optimale\u003c\/h3\u003e\n\u003cp\u003eFormule pure et sans additifs, convient aux peaux sensibles et réactives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003eGlycérine végétale pour les cheveux : pourquoi l'adopter ?\u003c\/h2\u003e\n\u003cp class=\"gv-section-intro\"\u003eCheveux secs, bouclés, crépus ou fragilisés par les colorations ? La glycérine végétale peut transformer votre routine capillaire.\u003c\/p\u003e\n\u003cdiv class=\"gv-grid\"\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🌊 Combattre la sécheresse\u003c\/h3\u003e\n\u003cp\u003eVos longueurs retrouvent souplesse et brillance naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🌀 Définir les boucles\u003c\/h3\u003e\n\u003cp\u003eAjoutée à un spray hydratant, elle maintient la forme des boucles sans effet carton\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e💨 Réduire les frisottis\u003c\/h3\u003e\n\u003cp\u003eEn scellant l'hydratation, elle discipline les cheveux rebelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e💪 Renforcer la fibre\u003c\/h3\u003e\n\u003cp\u003eUtilisée régulièrement, elle contribue à des cheveux plus résistants\u003cspan class=\"gv-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-tip\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e en climat très sec, utilisez-la toujours combinée à une base aqueuse (eau, hydrolat) pour éviter qu'elle ne puise l'hydratation dans vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003eGlycérine végétale : danger ou produit sûr ?\u003c\/h2\u003e\n\u003cp class=\"gv-section-intro\"\u003eRassurez-vous : utilisée correctement, la glycérine végétale est parfaitement sûre. Voici les précautions à connaître :\u003c\/p\u003e\n\u003cdiv class=\"gv-grid\"\u003e\n\u003cdiv class=\"gv-card gv-card-warning\"\u003e\n\u003ch3\u003e📏 Respectez les dosages\u003c\/h3\u003e\n\u003cp\u003eEntre 1 et 10% maximum dans vos préparations cosmétiques. Un excès pourrait créer une sensation collante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-warning\"\u003e\n\u003ch3\u003e🚫 Évitez l'application pure\u003c\/h3\u003e\n\u003cp\u003eUtilisée seule et en grande quantité, elle peut paradoxalement dessécher la peau en climat très sec\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-warning\"\u003e\n\u003ch3\u003e🧴 Usage externe uniquement\u003c\/h3\u003e\n\u003cp\u003eCe produit est destiné à la cosmétique, pas à l'ingestion\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-reassurance\"\u003e\n\u003cp\u003e✅ La glycérine végétale Centifolia, \u003cstrong\u003esans OGM et sans additifs\u003c\/strong\u003e, répond aux standards de qualité les plus exigeants pour une utilisation en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003eComment utiliser la glycérine végétale dans vos préparations maison ?\u003c\/h2\u003e\n\u003cp class=\"gv-section-intro\"\u003eCette glycérine végétale est incroyablement polyvalente. Voici des idées concrètes pour l'intégrer à votre quotidien :\u003c\/p\u003e\n\u003cdiv class=\"gv-usage-category\"\u003e\n\u003ch3 class=\"gv-usage-title\"\u003e🌸 Pour le visage\u003c\/h3\u003e\n\u003cdiv class=\"gv-grid-compact\"\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e💧 Sérum hydratant express\u003c\/h3\u003e\n\u003cp\u003e5% de glycérine + 95% d'hydrolat de rose. Appliquez sur peau humide matin et soir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e➕ Booster pour crème\u003c\/h3\u003e\n\u003cp\u003eAjoutez quelques gouttes à votre crème de jour pour renforcer son pouvoir hydratant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-usage-category\"\u003e\n\u003ch3 class=\"gv-usage-title\"\u003e🛁 Pour le corps\u003c\/h3\u003e\n\u003cdiv class=\"gv-grid-compact\"\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e🧼 Gel douche maison\u003c\/h3\u003e\n\u003cp\u003e5 à 8% de glycérine dans votre base lavante pour un nettoyage tout en douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e🤲 Baume pour les mains\u003c\/h3\u003e\n\u003cp\u003eAssociez-la au beurre de karité et huile d'amande douce pour des mains douces\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-usage-category\"\u003e\n\u003ch3 class=\"gv-usage-title\"\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cdiv class=\"gv-grid-compact\"\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e💦 Spray hydratant quotidien\u003c\/h3\u003e\n\u003cp\u003e3% de glycérine + 97% d'eau ou d'hydrolat. Vaporisez sur cheveux secs ou humides\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e🧖 Masque nourrissant\u003c\/h3\u003e\n\u003cp\u003eAjoutez 5% à votre masque capillaire habituel pour une hydratation décuplée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-usage-category\"\u003e\n\u003ch3 class=\"gv-usage-title\"\u003e🔧 Autres utilisations DIY\u003c\/h3\u003e\n\u003cdiv class=\"gv-grid-compact\"\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e🧼 Savons\u003c\/h3\u003e\n\u003cp\u003eFabrication de savons liquides et solides\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e🦷 Dentifrice\u003c\/h3\u003e\n\u003cp\u003ePréparation de dentifrices naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-recipe\"\u003e\n\u003ch3\u003e💄 Démaquillant\u003c\/h3\u003e\n\u003cp\u003eCréation de démaquillants biphasés\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=\"gv-section\"\u003e\n\u003ch2\u003eOù trouver de la glycérine végétale de qualité ?\u003c\/h2\u003e\n\u003cp class=\"gv-section-intro\"\u003eOpter pour une marque spécialisée comme Centifolia vous garantit :\u003c\/p\u003e\n\u003cdiv class=\"gv-grid\"\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🏆 Certification COSMOS Natural\u003c\/h3\u003e\n\u003cp\u003eAttestant du respect des normes cosmétiques biologiques les plus strictes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eDes matières premières suivies de A à Z pour une transparence totale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e💎 Pureté optimale\u003c\/h3\u003e\n\u003cp\u003eSans résidus indésirables pour des préparations irréprochables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card\"\u003e\n\u003ch3\u003e🌍 Engagement éthique\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de sources végétales durables et responsables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"gv-composition-box\"\u003e\n\u003cdiv class=\"gv-inci\"\u003e\n\u003cspan class=\"gv-inci-label\"\u003eINCI\u003c\/span\u003e \u003cspan class=\"gv-inci-value\"\u003eGlycerin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"gv-composition-text\"\u003eC'est tout. Un seul ingrédient, \u003cstrong\u003e100% d'origine naturelle\u003c\/strong\u003e, sans conservateur, sans parfum, sans colorant. La pureté à l'état brut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n\u003cdiv class=\"gv-grid-compact\"\u003e\n\u003cdiv class=\"gv-card gv-card-spec\"\u003e\n\u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n\u003cp\u003e200 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-spec\"\u003e\n\u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n\u003cp\u003eCOSMOS Natural par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-spec\"\u003e\n\u003ch3\u003e🌱 Origine\u003c\/h3\u003e\n\u003cp\u003e100% végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-spec\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n\u003cp\u003eFrance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-card gv-card-spec\"\u003e\n\u003ch3\u003e🚫 Sans\u003c\/h3\u003e\n\u003cp\u003eOGM, additifs, huile de palme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003ePourquoi choisir la glycérine végétale Centifolia ?\u003c\/h2\u003e\n\u003cdiv class=\"gv-testimonial\"\u003e\n\u003cp class=\"gv-testimonial-text\"\u003e\"Depuis plus de 30 ans, Centifolia s'engage dans une cosmétique respectueuse de l'Homme et de l'environnement. Cette glycérine végétale incarne parfaitement cette philosophie : un ingrédient simple, efficace et transparent.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gv-value-box\"\u003e\n\u003cp\u003eEn choisissant ce flacon de \u003cstrong\u003e200 ml\u003c\/strong\u003e, vous investissez dans un produit qui durera plusieurs mois et qui s'intègrera dans \u003cstrong\u003edes dizaines de recettes différentes\u003c\/strong\u003e. Un excellent rapport qualité-prix pour qui souhaite se lancer dans la cosmétique maison sans compromis sur la qualité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 10 --\u003e\n\u003csection class=\"gv-section\"\u003e\n\u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n\u003cdiv class=\"gv-accordion\"\u003e\n\u003cdetails open=\"\" class=\"gv-accordion-item\"\u003e\n\u003csummary class=\"gv-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n\u003cdiv class=\"gv-accordion-content\"\u003e\n\u003cp\u003eConservez votre glycérine végétale à l'abri de la lumière et de la chaleur, dans son flacon d'origine bien fermé. Dans de bonnes conditions, elle se conserve plusieurs années sans altération de ses propriétés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gv-accordion-item\"\u003e\n\u003csummary class=\"gv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gv-accordion-content\"\u003e\n\u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de réaction cutanée, cessez l'utilisation. Ce produit cosmétique ne se substitue pas à un avis médical.\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 style=\"margin-bottom: 0px!important;\" class=\"gv-section\"\u003e\n\u003cdiv class=\"gv-cta-box\"\u003e\n\u003cp\u003e🌿 Lancez-vous dans la cosmétique maison avec un ingrédient pur, certifié et polyvalent. Votre peau et vos cheveux vous diront merci !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gv-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Usage cosmétique externe uniquement.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --gv-cream: #F7F5F0;\n --gv-white: #ffffff;\n --gv-primary: #2D7D6E;\n --gv-primary-dark: #1F5A4F;\n --gv-primary-light: #E8F3F0;\n --gv-secondary: #8B9D83;\n --gv-accent: #C9A86C;\n --gv-text: #1a1a1a;\n --gv-text-light: #5a5a5a;\n --gv-border: #e0e0e0;\n --gv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gv-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --gv-radius: 20px;\n --gv-radius-sm: 12px;\n}\n\n.gv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gv-hero {\n position: relative;\n background: linear-gradient(135deg, #2D7D6E 0%, #3A9486 40%, #8B9D83 100%);\n border-radius: var(--gv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gv-shadow-lg);\n}\n\n.gv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .6;\n}\n\n.gv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gv-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.gv-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.gv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gv-primary), var(--gv-secondary));\n border-radius: 2px;\n}\n\n.gv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gv-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.gv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.gv-card {\n background: var(--gv-white);\n border-radius: var(--gv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gv-shadow-lg);\n border-color: var(--gv-primary);\n}\n\n.gv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gv-grid-compact .gv-card {\n padding: 1rem;\n}\n\n.gv-grid-compact .gv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gv-grid-compact .gv-card p {\n font-size: 12px;\n}\n\n\/* Card variants *\/\n.gv-card-warning {\n border-left: 4px solid var(--gv-accent);\n}\n\n.gv-card-recipe {\n background: linear-gradient(135deg, var(--gv-white) 0%, var(--gv-primary-light) 100%);\n}\n\n.gv-card-spec {\n background: var(--gv-primary-light);\n}\n\n\/* === USAGE CATEGORIES === *\/\n.gv-usage-category {\n margin-bottom: 1.5rem;\n}\n\n.gv-usage-title {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--gv-primary-dark);\n margin: 0 0 1rem 0;\n padding-left: .5rem;\n border-left: 4px solid var(--gv-primary);\n}\n\n\/* === TIP BOX === *\/\n.gv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, #FFF9E6 0%, #FFF3D4 100%);\n border-radius: var(--gv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid var(--gv-accent);\n}\n\n.gv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gv-tip p {\n font-size: 14px;\n color: var(--gv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === REASSURANCE BOX === *\/\n.gv-reassurance {\n background: var(--gv-primary-light);\n border-radius: var(--gv-radius-sm);\n padding: 1.25rem;\n margin-top: 1.5rem;\n text-align: center;\n}\n\n.gv-reassurance p {\n font-size: 15px;\n color: var(--gv-primary-dark);\n margin: 0;\n font-weight: 600;\n}\n\n\/* === COMPOSITION BOX === *\/\n.gv-composition-box {\n background: var(--gv-white);\n border-radius: var(--gv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gv-shadow);\n text-align: center;\n}\n\n.gv-inci {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.gv-inci-label {\n background: var(--gv-primary);\n color: white;\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 800;\n letter-spacing: .05em;\n}\n\n.gv-inci-value {\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 900;\n color: var(--gv-primary-dark);\n font-style: italic;\n}\n\n.gv-composition-text {\n font-size: 15px;\n color: var(--gv-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TESTIMONIAL === *\/\n.gv-testimonial {\n background: var(--gv-white);\n border-radius: var(--gv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gv-shadow);\n border-left: 4px solid var(--gv-primary);\n margin-bottom: 1.25rem;\n}\n\n.gv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === VALUE BOX === *\/\n.gv-value-box {\n background: linear-gradient(135deg, var(--gv-primary-light) 0%, #D4E9E4 100%);\n border-radius: var(--gv-radius-sm);\n padding: 1.25rem;\n text-align: center;\n}\n\n.gv-value-box p {\n font-size: 15px;\n color: var(--gv-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ACCORDÉON === *\/\n.gv-accordion {\n background: var(--gv-white);\n border-radius: var(--gv-radius);\n box-shadow: var(--gv-shadow);\n overflow: hidden;\n}\n\n.gv-accordion-item {\n border-bottom: 1px solid var(--gv-border);\n margin: 0;\n padding: 0;\n}\n\n.gv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gv-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gv-accordion-header:hover {\n background: var(--gv-primary-light);\n}\n\n.gv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gv-primary);\n transition: transform .2s ease;\n}\n\n.gv-accordion-item[open] .gv-accordion-header::after {\n content: '−';\n}\n\n.gv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gv-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.gv-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gv-cta-box {\n background: linear-gradient(135deg, var(--gv-primary) 0%, var(--gv-primary-dark) 100%);\n border-radius: var(--gv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gv-disclaimer {\n font-size: 12px;\n color: var(--gv-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 .gv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .gv-card {\n padding: 1.125rem;\n }\n \n .gv-section {\n margin-bottom: 1.75rem;\n }\n \n .gv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gv-radius-sm);\n }\n \n .gv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .gv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .gv-grid-compact {\n gap: .625rem;\n }\n \n .gv-grid-compact .gv-card {\n padding: .75rem;\n }\n \n .gv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .gv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .gv-testimonial {\n padding: 1.25rem;\n }\n \n .gv-testimonial-text {\n font-size: 14px;\n }\n \n .gv-usage-title {\n font-size: 15px;\n margin-bottom: .75rem;\n }\n \n .gv-tip {\n flex-direction: column;\n gap: .5rem;\n padding: 1rem;\n }\n \n .gv-inci {\n flex-direction: column;\n gap: .5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gv-card {\n animation: fadeInUp .5s ease backwards;\n }\n .gv-card:nth-child(1) { animation-delay: .05s; }\n .gv-card:nth-child(2) { animation-delay: .1s; }\n .gv-card:nth-child(3) { animation-delay: .15s; }\n .gv-card:nth-child(4) { animation-delay: .2s; }\n .gv-card:nth-child(5) { animation-delay: .25s; }\n .gv-card:nth-child(6) { animation-delay: .3s; }\n}\n\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 .gv-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":54950163022201,"sku":"CE0575","price":6.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/glycerine-vegetale-200-ml-centifolia-lifestyle_c763dc5c-0fd1-4b17-ba18-b92159766230.webp?v=1769676616"},{"product_id":"huile-de-pepin-de-figue-de-barbarie-bio-50ml-comptoir-des-huiles","title":"Huile de Pépin de Figue de Barbarie Bio - Anti-âge - 50ml - Comptoir des huiles","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Figue de Barbarie Bio - Comptoir des Huiles\nPalette détectée:\n - Primaire: #A855A0 (violet\/magenta intense du logo et étiquette - élégant et féminin)\n - Secondaire: #D4AF6A (beige doré\/sable rappelant l'huile et l'ambiance méditerranéenne)\n - Accent: #E75B8D (rose fuchsia des figues de Barbarie)\n - Neutre: #F5EFE7 (crème\/sable clair pour backgrounds)\nAmbiance: Luxe naturel méditerranéen, cosmétique premium bio, féminin élégant\nType: Huile cosmétique anti-âge haut de gamme\nStyle suggéré: Premium naturel avec touches florales\/botaniques, raffiné et éthique\nPréfixe CSS: fb\n--\u003e\n\u003cdiv class=\"fb-premium\"\u003e\n\u003cdiv class=\"fb-hero\"\u003e\n\u003cdiv class=\"fb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fb-hero-content\"\u003e\n\u003cdiv class=\"fb-badges-top\"\u003e\n\u003cspan class=\"fb-badge\"\u003e🌵 100% bio \u0026amp; équitable\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e💎 Huile précieuse\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e✨ Anti-âge naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fb-hero-title\"\u003eHuile de figue de Barbarie\u003c\/span\u003e\n\u003cp class=\"fb-subtitle\"\u003eL'élixir de jouvence du désert\u003c\/p\u003e\n\u003cp class=\"fb-description\"\u003eUne huile d'exception, extraite à froid des pépins de figues de Barbarie. Concentré d'antioxydants et de vitamine E pour une peau visiblement plus jeune, ferme et éclatante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e✨ Pourquoi cette huile est-elle si précieuse ?\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n\u003cdiv class=\"fb-icon\"\u003e🌟\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eRareté exceptionnelle\u003c\/div\u003e\n\u003cp\u003eIl faut près d'\u003cstrong\u003e1 tonne de figues\u003c\/strong\u003e pour obtenir seulement \u003cstrong\u003e1 litre d'huile\u003c\/strong\u003e. Un trésor de la nature extrait goutte par goutte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n\u003cdiv class=\"fb-icon\"\u003e💪\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eVitamine E concentrée\u003c\/div\u003e\n\u003cp\u003eJusqu'à \u003cstrong\u003e100mg\/100g de vitamine E\u003c\/strong\u003e, soit l'une des concentrations les plus élevées du règne végétal. Un bouclier antioxydant puissant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n\u003cdiv class=\"fb-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eExtraction à froid\u003c\/div\u003e\n\u003cp\u003ePressée mécaniquement à basse température pour \u003cstrong\u003epréserver 100% des actifs\u003c\/strong\u003e : acides gras essentiels, phytostérols et antioxydants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e🎯 Bénéfices visibles pour votre peau\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid fb-grid-4\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003cdiv class=\"fb-icon-large\"\u003e⏱️\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eAnti-âge puissant\u003c\/div\u003e\n\u003cp\u003eRéduit visiblement rides et ridules. Lisse le grain de peau et atténue les signes du temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003cdiv class=\"fb-icon-large\"\u003e💎\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eFermeté restaurée\u003c\/div\u003e\n\u003cp\u003eRaffermit la peau, améliore son élasticité et redessine l'ovale du visage naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003cdiv class=\"fb-icon-large\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eÉclat révélé\u003c\/div\u003e\n\u003cp\u003eIllumine le teint terne, unifie et apporte un effet bonne mine immédiat et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003cdiv class=\"fb-icon-large\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eHydratation intense\u003c\/div\u003e\n\u003cp\u003eNourrit en profondeur sans laisser de film gras. Texture soyeuse et pénétration rapide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003cdiv class=\"fb-icon-large\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eProtection antioxydante\u003c\/div\u003e\n\u003cp\u003eProtège des radicaux libres et du stress oxydatif. Prévient le vieillissement prématuré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003cdiv class=\"fb-icon-large\"\u003e🌸\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eRégénération cellulaire\u003c\/div\u003e\n\u003cp\u003eStimule le renouvellement cellulaire pour une peau visiblement plus jeune jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e🌵 La composition pure et naturelle\u003c\/h2\u003e\n\u003cdiv class=\"fb-composition-box\"\u003e\n\u003cdiv class=\"fb-composition-header\"\u003e\n\u003cdiv class=\"fb-icon-xl\"\u003e🌿\u003c\/div\u003e\n\u003cp class=\"fb-composition-title\"\u003e100% Opuntia Stricta Seed Oil\u003c\/p\u003e\n\u003cp class=\"fb-composition-subtitle\"\u003eHuile de pépins de figue de Barbarie bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-grid fb-grid-3\"\u003e\n\u003cdiv class=\"fb-ingredient-card\"\u003e\n\u003cdiv class=\"fb-ingredient-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv class=\"fb-ingredient-name\"\u003eVitamine E\u003c\/div\u003e\n\u003cdiv class=\"fb-ingredient-dosage\"\u003eJusqu'à 100mg\/100g\u003c\/div\u003e\n\u003cp\u003eAntioxydant majeur, protège et régénère\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-ingredient-card\"\u003e\n\u003cdiv class=\"fb-ingredient-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"fb-ingredient-name\"\u003eAcides gras essentiels\u003c\/div\u003e\n\u003cdiv class=\"fb-ingredient-dosage\"\u003eOméga-6 : 60%\u003c\/div\u003e\n\u003cp\u003eNourrissent et renforcent la barrière cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-ingredient-card\"\u003e\n\u003cdiv class=\"fb-ingredient-icon\"\u003e🌟\u003c\/div\u003e\n\u003cdiv class=\"fb-ingredient-name\"\u003ePhytostérols\u003c\/div\u003e\n\u003cdiv class=\"fb-ingredient-dosage\"\u003eConcentration élevée\u003c\/div\u003e\n\u003cp\u003eApaisent, raffermissent et lissent\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e💆♀️ Comment l'utiliser pour des résultats optimaux ?\u003c\/h2\u003e\n\u003cdiv class=\"fb-usage-timeline\"\u003e\n\u003cdiv class=\"fb-usage-step\"\u003e\n\u003cdiv class=\"fb-usage-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-content\"\u003e\n\u003cdiv class=\"fb-usage-title\"\u003e🧼 Nettoyez votre peau\u003c\/div\u003e\n\u003cp\u003eAppliquez sur une peau parfaitement propre et sèche, matin et\/ou soir. L'huile pénétrera plus efficacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-step\"\u003e\n\u003cdiv class=\"fb-usage-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-content\"\u003e\n\u003cdiv class=\"fb-usage-title\"\u003e💧 Dosez avec précision\u003c\/div\u003e\n\u003cp\u003ePrélevez 2 à 4 gouttes à l'aide de la pipette. Cette huile est si concentrée qu'une petite quantité suffit !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-step\"\u003e\n\u003cdiv class=\"fb-usage-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-content\"\u003e\n\u003cdiv class=\"fb-usage-title\"\u003e✋ Chauffez dans vos mains\u003c\/div\u003e\n\u003cp\u003eFrottez délicatement vos paumes pour réchauffer l'huile. Elle s'appliquera plus facilement et pénétrera mieux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-step\"\u003e\n\u003cdiv class=\"fb-usage-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-content\"\u003e\n\u003cdiv class=\"fb-usage-title\"\u003e💆 Massez en douceur\u003c\/div\u003e\n\u003cp\u003eAppliquez par mouvements circulaires ascendants sur visage, cou et décolleté. Insistez sur les zones à rides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-step\"\u003e\n\u003cdiv class=\"fb-usage-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-content\"\u003e\n\u003cdiv class=\"fb-usage-title\"\u003e🌙 Privilégiez la nuit\u003c\/div\u003e\n\u003cp\u003eEn soin de nuit, l'huile agit en profondeur pendant le sommeil pour une peau éclatante au réveil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-tip-box\"\u003e\n\u003cdiv class=\"fb-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce bonus :\u003c\/strong\u003e Ajoutez 1 goutte à votre crème habituelle pour booster son efficacité anti-âge, ou utilisez pure en sérum avant votre soin. Pour le corps, massez sur les zones sujettes aux vergetures (ventre, hanches, seins).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e👤 Pour qui est cette huile précieuse ?\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid fb-grid-3\"\u003e\n\u003cdiv class=\"fb-profile-card\"\u003e\n\u003cdiv class=\"fb-profile-icon\"\u003e👩\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-title\"\u003ePeaux matures\u003c\/div\u003e\n\u003cp\u003eFemmes dès 30-35 ans souhaitant prévenir ou atténuer rides, ridules et perte de fermeté. Un anti-âge naturel d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-card\"\u003e\n\u003cdiv class=\"fb-profile-icon\"\u003e🌸\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-title\"\u003ePeaux sensibles\u003c\/div\u003e\n\u003cp\u003e100% naturelle et douce, elle convient parfaitement aux peaux sensibles ou réactives en quête de douceur et d'efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-card\"\u003e\n\u003cdiv class=\"fb-profile-icon\"\u003e🤰\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-title\"\u003eFutures mamans\u003c\/div\u003e\n\u003cp\u003ePrévention des vergetures pendant et après la grossesse grâce à ses propriétés régénérantes et raffermissantes exceptionnelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-card\"\u003e\n\u003cdiv class=\"fb-profile-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-title\"\u003eAdeptes du bio\u003c\/div\u003e\n\u003cp\u003ePersonnes recherchant une cosmétique 100% naturelle, bio, éthique et sans compromis sur l'efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-card\"\u003e\n\u003cdiv class=\"fb-profile-icon\"\u003e💎\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-title\"\u003ePeaux exigeantes\u003c\/div\u003e\n\u003cp\u003ePour celles qui veulent le meilleur de la nature : une huile rare, précieuse et aux résultats cliniquement prouvés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-card\"\u003e\n\u003cdiv class=\"fb-profile-icon\"\u003e☀️\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-title\"\u003ePeaux déshydratées\u003c\/div\u003e\n\u003cp\u003eApporte une hydratation intense sans effet gras. Idéale pour les peaux assoiffées qui tiraillent et manquent de confort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e🏆 Nos engagements qualité et éthique\u003c\/h2\u003e\n\u003cdiv class=\"fb-values-grid\"\u003e\n\u003cdiv class=\"fb-value-card\"\u003e\n\u003cdiv class=\"fb-value-icon\"\u003e🌱\u003c\/div\u003e\n\u003cdiv class=\"fb-value-title\"\u003e100% bio certifié\u003c\/div\u003e\n\u003cp\u003eCulture biologique sans pesticides ni engrais chimiques. Certification officielle garantie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-value-card\"\u003e\n\u003cdiv class=\"fb-value-icon\"\u003e❄️\u003c\/div\u003e\n\u003cdiv class=\"fb-value-title\"\u003ePremière pression à froid\u003c\/div\u003e\n\u003cp\u003eExtraction mécanique à basse température pour préserver tous les actifs naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-value-card\"\u003e\n\u003cdiv class=\"fb-value-icon\"\u003e🤝\u003c\/div\u003e\n\u003cdiv class=\"fb-value-title\"\u003eCommerce équitable\u003c\/div\u003e\n\u003cp\u003eCertifiée FAIR FOR LIFE : rémunération juste des producteurs et conditions de travail dignes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-value-card\"\u003e\n\u003cdiv class=\"fb-value-icon\"\u003e♻️\u003c\/div\u003e\n\u003cdiv class=\"fb-value-title\"\u003eFlacon écologique\u003c\/div\u003e\n\u003cp\u003eVerre ambré 100% recyclable protégeant l'huile des UV. Pipette doseuse pour zéro gaspillage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-value-card\"\u003e\n\u003cdiv class=\"fb-value-icon\"\u003e🧪\u003c\/div\u003e\n\u003cdiv class=\"fb-value-title\"\u003ePure et vierge\u003c\/div\u003e\n\u003cp\u003eSans additifs, conservateurs, parfums ou colorants. Juste l'huile dans sa forme la plus pure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-value-card\"\u003e\n\u003cdiv class=\"fb-value-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003cdiv class=\"fb-value-title\"\u003eContrôle français\u003c\/div\u003e\n\u003cp\u003eOrigine contrôlée et mise en flacon en France. Traçabilité complète de la graine au flacon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid fb-grid-3\"\u003e\n\u003cdiv class=\"fb-info-card\"\u003e\n\u003cdiv class=\"fb-info-icon\"\u003e🧴\u003c\/div\u003e\n\u003cdiv class=\"fb-info-label\"\u003eContenance\u003c\/div\u003e\n\u003cdiv class=\"fb-info-value\"\u003e50ml\u003c\/div\u003e\n\u003cp\u003eEnviron 3 mois d'utilisation quotidienne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-info-card\"\u003e\n\u003cdiv class=\"fb-info-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"fb-info-label\"\u003eConditionnement\u003c\/div\u003e\n\u003cdiv class=\"fb-info-value\"\u003eFlacon verre ambré\u003c\/div\u003e\n\u003cp\u003eAvec pipette doseuse de précision\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-info-card\"\u003e\n\u003cdiv class=\"fb-info-icon\"\u003e📝\u003c\/div\u003e\n\u003cdiv class=\"fb-info-label\"\u003eINCI\u003c\/div\u003e\n\u003cdiv class=\"fb-info-value\"\u003e100% naturel\u003c\/div\u003e\n\u003cp\u003eOpuntia Stricta Seed Oil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-info-card\"\u003e\n\u003cdiv class=\"fb-info-icon\"\u003e🌡️\u003c\/div\u003e\n\u003cdiv class=\"fb-info-label\"\u003eConservation\u003c\/div\u003e\n\u003cdiv class=\"fb-info-value\"\u003e12 mois\u003c\/div\u003e\n\u003cp\u003eÀ l'abri de la lumière et de la chaleur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-info-card\"\u003e\n\u003cdiv class=\"fb-info-icon\"\u003e🌍\u003c\/div\u003e\n\u003cdiv class=\"fb-info-label\"\u003eOrigine\u003c\/div\u003e\n\u003cdiv class=\"fb-info-value\"\u003eBassin méditerranéen\u003c\/div\u003e\n\u003cp\u003eCulture et récolte responsables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-info-card\"\u003e\n\u003cdiv class=\"fb-info-icon\"\u003e✅\u003c\/div\u003e\n\u003cdiv class=\"fb-info-label\"\u003eCertifications\u003c\/div\u003e\n\u003cdiv class=\"fb-info-value\"\u003eBio + Équitable\u003c\/div\u003e\n\u003cp\u003eFAIR FOR LIFE certifié\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e⚠️ Précautions d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"fb-warning-box\"\u003e\n\u003cdiv class=\"fb-warning-grid\"\u003e\n\u003cdiv class=\"fb-warning-item\"\u003e\n\u003cspan class=\"fb-warning-icon\"\u003e👁️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Éviter le contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-warning-item\"\u003e\n\u003cspan class=\"fb-warning-icon\"\u003e🧪\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eTest d'allergie recommandé.\u003c\/strong\u003e Bien que rare, appliquez d'abord sur une petite zone pour vérifier la tolérance cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-warning-item\"\u003e\n\u003cspan class=\"fb-warning-icon\"\u003e🌡️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConservation optimale.\u003c\/strong\u003e Conservez à l'abri de la lumière, de la chaleur et de l'humidité. Refermez bien après usage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-warning-item\"\u003e\n\u003cspan class=\"fb-warning-icon\"\u003e👶\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eTenir hors de portée des enfants.\u003c\/strong\u003e Ce produit n'est pas destiné aux jeunes enfants sans avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"fb-cta-box\"\u003e\n\u003cdiv class=\"fb-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fb-cta-content\"\u003e\n\u003cdiv class=\"fb-cta-icon\"\u003e🌵\u003c\/div\u003e\n\u003cp class=\"fb-cta-title\"\u003eDécouvrez le secret anti-âge du désert\u003c\/p\u003e\n\u003cp\u003eUne huile d'exception, rare et précieuse, pour une peau visiblement plus jeune, ferme et éclatante. L'élixir de jouvence que votre peau mérite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --fb-cream: #FDF8F1;\n --fb-white: #ffffff;\n --fb-primary: #A855A0;\n --fb-primary-dark: #7d3976;\n --fb-primary-light: #f3e5f2;\n --fb-secondary: #D4AF6A;\n --fb-accent: #E75B8D;\n\n \/* Textes *\/\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n\n \/* Effets *\/\n --fb-border: #e0e0e0;\n --fb-shadow: 0 4px 24px rgba(168,85,160,.08);\n --fb-shadow-lg: 0 12px 48px rgba(168,85,160,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--fb-text);\n}\n\n\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #A855A0 0%, #7d3976 50%, #E75B8D 100%);\n border-radius: var(--fb-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(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .07;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.2) 35px, rgba(255,255,255,.2) 70px);\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.fb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n box-shadow: 0 4px 16px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 6px 24px rgba(0,0,0,.2);\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 7vw, 56px);\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 text-transform: lowercase;\n}\n\n.fb-hero-title::first-letter {\n text-transform: uppercase;\n}\n\n.fb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(20px, 3.5vw, 28px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n font-style: italic;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.fb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.fb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: var(--fb-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.fb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 4px;\n background: linear-gradient(90deg, var(--fb-primary), var(--fb-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.fb-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n.fb-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n}\n\n\/* === CARDS === *\/\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card-highlight {\n background: linear-gradient(135deg, var(--fb-primary-light) 0%, rgba(255,255,255,1) 100%);\n border: 2px solid var(--fb-primary);\n}\n\n.fb-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.fb-icon-large {\n font-size: 3rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.fb-icon-xl {\n font-size: 4rem;\n margin-bottom: 1rem;\n}\n\n.fb-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.fb-card p {\n color: var(--fb-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.fb-composition-box {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--fb-shadow-lg);\n border: 3px solid var(--fb-primary);\n}\n\n.fb-composition-header {\n text-align: center;\n margin-bottom: 2.5rem;\n padding-bottom: 2rem;\n border-bottom: 2px solid var(--fb-border);\n}\n\n.fb-composition-title {\n font-size: clamp(22px, 3vw, 28px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.fb-composition-subtitle {\n font-size: clamp(15px, 2vw, 18px);\n color: var(--fb-text-light);\n font-style: italic;\n margin: 0;\n}\n\n.fb-ingredient-card {\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1.5rem;\n text-align: center;\n border: 2px solid rgba(168,85,160,.2);\n transition: all .3s ease;\n}\n\n.fb-ingredient-card:hover {\n transform: translateY(-4px);\n border-color: var(--fb-primary);\n}\n\n.fb-ingredient-icon {\n font-size: 2.5rem;\n margin-bottom: 0.75rem;\n}\n\n.fb-ingredient-name {\n font-size: 17px;\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.fb-ingredient-dosage {\n font-size: 15px;\n font-weight: 700;\n color: var(--fb-accent);\n margin-bottom: 0.75rem;\n}\n\n.fb-ingredient-card p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n}\n\n\/* === TIMELINE D'UTILISATION === *\/\n.fb-usage-timeline {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n.fb-usage-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: 1.5rem;\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n transition: all .3s ease;\n}\n\n.fb-usage-step:hover {\n transform: translateX(8px);\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-usage-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(168,85,160,.3);\n}\n\n.fb-usage-content {\n flex: 1;\n}\n\n.fb-usage-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.fb-usage-content p {\n color: var(--fb-text-light);\n font-size: 15px;\n line-height: 1.6;\n margin: 0;\n}\n\n.fb-tip-box {\n background: linear-gradient(135deg, var(--fb-secondary) 0%, #e6c47a 100%);\n border-radius: var(--fb-radius);\n padding: 1.5rem 2rem;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n box-shadow: var(--fb-shadow);\n border: 2px solid rgba(212,175,106,.3);\n}\n\n.fb-tip-icon {\n font-size: 2rem;\n flex-shrink: 0;\n}\n\n.fb-tip-box p {\n color: var(--fb-text);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n}\n\n.fb-tip-box strong {\n color: var(--fb-primary-dark);\n}\n\n\/* === PROFILS === *\/\n.fb-profile-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.fb-profile-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-accent);\n}\n\n.fb-profile-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.fb-profile-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.fb-profile-card p {\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === VALEURS === *\/\n.fb-values-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.fb-value-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--fb-shadow);\n border: 2px solid var(--fb-border);\n transition: all .3s ease;\n}\n\n.fb-value-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-value-icon {\n font-size: 2.5rem;\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.fb-value-title {\n font-size: 17px;\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.fb-value-card p {\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.5;\n margin: 0;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.fb-info-card {\n background: linear-gradient(135deg, var(--fb-primary-light) 0%, var(--fb-white) 100%);\n border-radius: var(--fb-radius-sm);\n padding: 1.5rem;\n text-align: center;\n border: 2px solid rgba(168,85,160,.2);\n transition: all .3s ease;\n}\n\n.fb-info-card:hover {\n transform: translateY(-4px);\n border-color: var(--fb-primary);\n}\n\n.fb-info-icon {\n font-size: 2.5rem;\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.fb-info-label {\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: .05em;\n color: var(--fb-text-light);\n font-weight: 700;\n margin-bottom: 0.5rem;\n}\n\n.fb-info-value {\n font-size: 20px;\n font-weight: 900;\n color: var(--fb-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.fb-info-card p {\n font-size: 13px;\n color: var(--fb-text-light);\n margin: 0;\n}\n\n\/* === AVERTISSEMENTS === *\/\n.fb-warning-box {\n background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%);\n border-radius: var(--fb-radius);\n padding: 2rem;\n border: 2px solid #ffcccc;\n box-shadow: var(--fb-shadow);\n}\n\n.fb-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.fb-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-warning-icon {\n font-size: 1.5rem;\n flex-shrink: 0;\n}\n\n.fb-warning-item p {\n color: var(--fb-text);\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n}\n\n.fb-warning-item strong {\n color: #cc0000;\n display: block;\n margin-bottom: 0.25rem;\n}\n\n\/* === CTA FINAL === *\/\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-primary-dark) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.fb-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.fb-cta-icon {\n font-size: 4rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.fb-cta-title {\n color: white;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.fb-cta-box p:last-child {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .fb-grid,\n .fb-grid-3,\n .fb-grid-4,\n .fb-values-grid {\n grid-template-columns: 1fr;\n }\n\n .fb-badges-top {\n flex-direction: column;\n align-items: center;\n }\n\n .fb-usage-step {\n flex-direction: column;\n text-align: center;\n }\n\n .fb-usage-number {\n margin: 0 auto 1rem auto;\n }\n\n .fb-tip-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card,\n .fb-profile-card,\n .fb-value-card,\n .fb-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .fb-card:nth-child(1),\n .fb-profile-card:nth-child(1),\n .fb-value-card:nth-child(1),\n .fb-info-card:nth-child(1) { animation-delay: .1s; }\n \n .fb-card:nth-child(2),\n .fb-profile-card:nth-child(2),\n .fb-value-card:nth-child(2),\n .fb-info-card:nth-child(2) { animation-delay: .2s; }\n \n .fb-card:nth-child(3),\n .fb-profile-card:nth-child(3),\n .fb-value-card:nth-child(3),\n .fb-info-card:nth-child(3) { animation-delay: .3s; }\n \n .fb-card:nth-child(4),\n .fb-profile-card:nth-child(4),\n .fb-value-card:nth-child(4),\n .fb-info-card:nth-child(4) { animation-delay: .4s; }\n \n .fb-card:nth-child(5),\n .fb-profile-card:nth-child(5),\n .fb-value-card:nth-child(5),\n .fb-info-card:nth-child(5) { animation-delay: .5s; }\n \n .fb-card:nth-child(6),\n .fb-profile-card:nth-child(6),\n .fb-value-card:nth-child(6),\n .fb-info-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .fb-card,\n .fb-profile-card,\n .fb-value-card,\n .fb-info-card {\n border-width: 3px;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":55000087200121,"sku":"FIGUEBARBARIECDH50","price":35.23,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-pepin-de-figue-de-barbarie-bio-anti-age-50ml-compto-packshothd.webp?v=1788537494"},{"product_id":"rhassoul-poudre-150g-najel","title":"Rhassoul en poudre – 150 g – Najel","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Rhassoul en poudre – 150 g – Najel\nPalette détectée:\n - Primaire: #D4782F (orange chaud du packaging Najel)\n - Secondaire: #3D2B1F (brun foncé\/chocolat du pot)\n - Accent: #C4956A (terre rosée\/argile)\nAmbiance: Naturel, hammam oriental, authentique, bien-être ancestral, terre\/argile\nPréfixe CSS: rh\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Rhassoul en poudre Najel : l'argile volcanique marocaine pour la peau et les cheveux\"\n 2. \"Pourquoi choisir le rhassoul plutôt qu'un nettoyant classique ?\"\n 3. \"Les bienfaits du rhassoul pour le visage et le corps\"\n 4. \"Masque au rhassoul pour cheveux : un soin capillaire naturel redoutable\"\n 5. \"Comment préparer et utiliser le rhassoul en poudre ?\"\n 6. \"Composition\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"rh-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rh-hero\"\u003e\n \u003cdiv class=\"rh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rh-hero-content\"\u003e\n \u003cdiv class=\"rh-badges-top\"\u003e\n \u003cspan class=\"rh-badge\"\u003e🌋 Argile volcanique\u003c\/span\u003e\n \u003cspan class=\"rh-badge\"\u003e🇲🇦 Origine Maroc\u003c\/span\u003e\n \u003cspan class=\"rh-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"rh-badge\"\u003e🏅 Certifié COSMOS NATURAL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rh-hero-title\"\u003eRhassoul en poudre Najel\u003c\/span\u003e\n \u003cp class=\"rh-subtitle\"\u003eLe secret ancestral des hammams marocains\u003c\/p\u003e\n \u003cp class=\"rh-description\"\u003eUne argile volcanique d'exception, extraite du Moyen-Atlas depuis le VIIIe siècle, pour purifier la peau et sublimer les cheveux — sans aucun additif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rh-section\"\u003e\n \u003ch2\u003eRhassoul en poudre Najel : l'argile volcanique marocaine pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"rh-section-intro\"\u003eConnaissez-vous le secret de beauté le plus ancien des hammams marocains ? Le \u003cstrong\u003erhassoul en poudre\u003c\/strong\u003e est une argile volcanique extraite des gisements du Moyen-Atlas, utilisée depuis le VIIIe siècle pour purifier la peau et sublimer les cheveux.\u003c\/p\u003e\n \u003cdiv class=\"rh-grid-compact\"\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🏔️ Moyen-Atlas\u003c\/h3\u003e\n \u003cp\u003eArgile volcanique extraite de gisements ancestraux marocains\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e📜 Depuis le VIIIe siècle\u003c\/h3\u003e\n \u003cp\u003eUn rituel de beauté millénaire transmis de génération en génération\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🌿 Pureté absolue\u003c\/h3\u003e\n \u003cp\u003e100 % naturel, sans aucun additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🏅 COSMOS NATURAL\u003c\/h3\u003e\n \u003cp\u003eCertification Ecocert Greenlife, gage de qualité et de traçabilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rh-section\"\u003e\n \u003ch2\u003ePourquoi choisir le rhassoul plutôt qu'un nettoyant classique ?\u003c\/h2\u003e\n \u003cdiv class=\"rh-highlight-box\"\u003e\n \u003cp\u003eContrairement aux savons et shampooings conventionnels, la \u003cstrong\u003epoudre de rhassoul\u003c\/strong\u003e ne contient aucun tensioactif. Elle nettoie par \u003cstrong\u003eabsorption\u003c\/strong\u003e : ses fines particules d'argile captent les impuretés, l'excès de sébum et les cellules mortes comme un aimant, sans jamais décaper ni agresser votre peau ou votre cuir chevelu.\u003c\/p\u003e\n \u003cp\u003eRésultat : une sensation de propreté et de douceur remarquable, même sur les peaux les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-grid\"\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🧲 Absorption naturelle\u003c\/h3\u003e\n \u003cp\u003eCapte impuretés, sébum et cellules mortes sans tensioactif agressif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🛡️ Respecte votre peau\u003c\/h3\u003e\n \u003cp\u003eNi décapage ni agression, même sur les peaux les plus réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e💎 Reminéralisant\u003c\/h3\u003e\n \u003cp\u003eRiche en silice, magnésium, fer et oligo-éléments essentiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rh-section\"\u003e\n \u003ch2\u003eLes bienfaits du rhassoul pour le visage et le corps\u003c\/h2\u003e\n \u003cdiv class=\"rh-grid\"\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🧴 Purifie en profondeur\u003c\/h3\u003e\n \u003cp\u003eAbsorbe le sébum et les toxines sans dessécher la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🔬 Resserre les pores\u003c\/h3\u003e\n \u003cp\u003eAffine le grain de peau pour un teint plus lisse et uniforme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🤲 Adoucit et lisse\u003c\/h3\u003e\n \u003cp\u003eDouceur et confort ressentis dès la première application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🌸 Tous types de peaux\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux sensibles, mixtes, grasses ou normales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e✨ Gommage doux\u003c\/h3\u003e\n \u003cp\u003eS'utilise aussi en gommage ou en enveloppement corporel revitalisant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🏛️ Rituel hammam\u003c\/h3\u003e\n \u003cp\u003eRecréez l'expérience authentique du hammam directement chez vous\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rh-section\"\u003e\n \u003ch2\u003eMasque au rhassoul pour cheveux : un soin capillaire naturel redoutable\u003c\/h2\u003e\n \u003cp class=\"rh-section-intro\"\u003eLe \u003cstrong\u003erhassoul pour les cheveux\u003c\/strong\u003e est un allié précieux, particulièrement si vous cherchez à espacer vos shampooings ou à adopter une routine plus naturelle.\u003c\/p\u003e\n \u003cdiv class=\"rh-grid\"\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🧖‍♀️ Purifie le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur sans sulfate ni silicone, régule la production de sébum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e💆 Apaise les démangeaisons\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations et les inconforts du cuir chevelu sensible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e💇 Volume et brillance\u003c\/h3\u003e\n \u003cp\u003eVos cheveux retrouvent légèreté, volume et brillance naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-tip\"\u003e\n \u003cspan class=\"rh-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un masque encore plus nourrissant, ajoutez une cuillère à café d'huile d'argan ou quelques gouttes d'huile essentielle d'ylang-ylang à votre préparation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rh-section\"\u003e\n \u003ch2\u003eComment préparer et utiliser le rhassoul en poudre ?\u003c\/h2\u003e\n \u003cdiv class=\"rh-timeline\"\u003e\n \u003cdiv class=\"rh-timeline-item\"\u003e\n \u003cdiv class=\"rh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rh-timeline-content\"\u003e\n \u003ch3\u003e🧖 Masque visage purifiant\u003c\/h3\u003e\n \u003cp\u003eMélangez 1 cuillère à soupe de rhassoul avec 3 cuillères à café d'eau tiède ou d'hydrolat de rose. Remuez jusqu'à obtenir une pâte lisse et homogène. Appliquez sur le visage en évitant le contour des yeux, laissez poser \u003cstrong\u003e10 à 15 minutes\u003c\/strong\u003e, puis rincez à l'eau claire. 1 à 2 fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-timeline-item\"\u003e\n \u003cdiv class=\"rh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rh-timeline-content\"\u003e\n \u003ch3\u003e💇 Masque capillaire\u003c\/h3\u003e\n \u003cp\u003ePréparez une pâte plus fluide : 2 cuillères à soupe de rhassoul pour 4 à 5 cuillères à soupe d'eau. Appliquez sur le cuir chevelu en massant doucement, laissez agir \u003cstrong\u003e15 minutes\u003c\/strong\u003e, puis rincez abondamment. Peut remplacer votre shampooing une fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-timeline-item\"\u003e\n \u003cdiv class=\"rh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rh-timeline-content\"\u003e\n \u003ch3\u003e🛁 Enveloppement corporel\u003c\/h3\u003e\n \u003cp\u003eUtilisez la pâte en enveloppement sur les zones souhaitées. Laissez poser \u003cstrong\u003e15 minutes\u003c\/strong\u003e avant de rincer. Idéal pour recréer un rituel hammam chez vous.\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=\"rh-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"rh-composition-box\"\u003e\n \u003cp class=\"rh-composition-main\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e Moroccan Lava Clay — \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp class=\"rh-composition-details\"\u003eSans parfum, sans colorant, sans conservateur. Produit fabriqué au Maroc, certifié \u003cstrong\u003eCOSMOS NATURAL\u003c\/strong\u003e par Ecocert Greenlife. Contenance : \u003cstrong\u003e150 g\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-accordion\"\u003e\n \u003cdetails class=\"rh-accordion-item\"\u003e\n \u003csummary class=\"rh-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"rh-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas d'irritation, cessez l'utilisation. Ce produit cosmétique ne remplace en aucun cas un avis ou un traitement dermatologique.\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=\"rh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rh-cta-box\"\u003e\n \u003cp\u003e🌋 Offrez à votre peau et vos cheveux un soin millénaire d'exception — 100 % naturel, certifié COSMOS NATURAL, directement des gisements du Moyen-Atlas marocain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rh-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Ce produit cosmétique ne se substitue pas à un avis dermatologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rh-cream: #FDF6F0;\n --rh-white: #ffffff;\n --rh-primary: #D4782F;\n --rh-primary-dark: #8B4513;\n --rh-primary-light: #FFF0E0;\n --rh-secondary: #3D2B1F;\n --rh-accent: #C4956A;\n --rh-text: #1a1a1a;\n --rh-text-light: #5a5a5a;\n --rh-border: #e8ddd4;\n --rh-shadow: 0 4px 24px rgba(61,43,31,.08);\n --rh-shadow-lg: 0 12px 48px rgba(61,43,31,.15);\n --rh-radius: 20px;\n --rh-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rh-hero {\n position: relative;\n background: linear-gradient(135deg, #3D2B1F 0%, #6B4226 40%, #D4782F 100%);\n border-radius: var(--rh-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(--rh-shadow-lg);\n}\n\n.rh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(196,149,106,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,120,47,.2) 0%, transparent 50%),\n repeating-conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(255,255,255,.02) 15deg, transparent 30deg);\n opacity: .4;\n}\n\n.rh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rh-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.rh-subtitle {\n color: var(--rh-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.rh-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.rh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rh-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(--rh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rh-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.rh-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(--rh-primary), var(--rh-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.rh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rh-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.rh-card {\n background: var(--rh-white);\n border-radius: var(--rh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rh-shadow-lg);\n border-color: var(--rh-primary);\n}\n\n.rh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.rh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rh-grid-compact .rh-card {\n padding: 1rem;\n}\n\n.rh-grid-compact .rh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rh-grid-compact .rh-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.rh-highlight-box {\n background: var(--rh-white);\n border-radius: var(--rh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rh-shadow);\n border-left: 4px solid var(--rh-primary);\n margin-bottom: 1.5rem;\n}\n\n.rh-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--rh-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n}\n\n.rh-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.rh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rh-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rh-primary), var(--rh-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.rh-timeline-content {\n flex: 1;\n background: var(--rh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rh-radius-sm);\n box-shadow: var(--rh-shadow);\n}\n\n.rh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rh-timeline-content p {\n font-size: 14px;\n color: var(--rh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.rh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rh-primary-light);\n border-radius: var(--rh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rh-tip p {\n font-size: 14px;\n color: var(--rh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.rh-composition-box {\n background: var(--rh-white);\n border-radius: var(--rh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rh-shadow);\n text-align: center;\n margin-bottom: 1.25rem;\n border: 2px solid var(--rh-accent);\n}\n\n.rh-composition-main {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 700;\n color: var(--rh-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.rh-composition-details {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rh-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ACCORDÉON === *\/\n.rh-accordion {\n background: var(--rh-white);\n border-radius: var(--rh-radius);\n box-shadow: var(--rh-shadow);\n overflow: hidden;\n}\n\n.rh-accordion-item {\n border-bottom: 1px solid var(--rh-border);\n margin: 0;\n padding: 0;\n}\n\n.rh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rh-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.rh-accordion-header:hover {\n background: var(--rh-primary-light);\n}\n\n.rh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rh-primary);\n transition: transform .2s ease;\n}\n\n.rh-accordion-item[open] .rh-accordion-header::after {\n content: '−';\n}\n\n.rh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rh-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rh-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rh-cta-box {\n background: linear-gradient(135deg, var(--rh-primary) 0%, var(--rh-primary-dark) 100%);\n border-radius: var(--rh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rh-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.rh-disclaimer {\n font-size: 12px;\n color: var(--rh-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 .rh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rh-card {\n padding: 1.125rem;\n }\n\n .rh-section {\n margin-bottom: 1.75rem;\n }\n\n .rh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rh-radius-sm);\n }\n\n .rh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rh-grid-compact {\n gap: .625rem;\n }\n\n .rh-grid-compact .rh-card {\n padding: .75rem;\n }\n\n .rh-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rh-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rh-timeline-content h3 {\n font-size: 14px;\n }\n\n .rh-timeline-content p {\n font-size: 13px;\n }\n\n .rh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rh-highlight-box {\n padding: 1.25rem;\n }\n\n .rh-highlight-box p {\n font-size: 14px;\n }\n\n .rh-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rh-card {\n animation: rh-fadeInUp .5s ease backwards;\n }\n .rh-card:nth-child(1) { animation-delay: .05s; }\n .rh-card:nth-child(2) { animation-delay: .1s; }\n .rh-card:nth-child(3) { animation-delay: .15s; }\n .rh-card:nth-child(4) { animation-delay: .2s; }\n .rh-card:nth-child(5) { animation-delay: .25s; }\n .rh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rh-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 .rh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":55077471814009,"sku":"NJ0375","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rhassoul-en-poudre-150-g-najel-lifestyle_5ada9dd3-3ae1-4e3e-930c-801df050dad4.webp?v=1770902023"},{"product_id":"huile-de-pepins-de-figue-de-barbarie-bio-anti-age-15ml-comptoir-des-huiles","title":"Huile de Pépins de Figue de Barbarie Bio - Anti-âge Roll-on 15ml - Comptoir des huiles","description":"\u003cdiv class=\"fb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fb-hero\"\u003e\n \u003cdiv class=\"fb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fb-hero-content\"\u003e\n \u003cdiv class=\"fb-badges-top\"\u003e\n \u003cspan class=\"fb-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e💯 Score Yuka 100\/100\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🇲🇬 Origine Madagascar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fb-hero-title\"\u003eHuile de pépins de figue de barbarie bio\u003c\/span\u003e\n \u003cp class=\"fb-subtitle\"\u003eLe soin anti-âge d'exception en roll-on 15 ml\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003eL'huile végétale la plus précieuse au monde, obtenue par première pression à froid, concentrée dans un format roll-on ciblé pour redonner éclat, fermeté et jeunesse à votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eHuile de figue de barbarie : le soin anti-âge d'exception en format roll-on\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003eNotée \u003cstrong\u003e100\/100 sur Yuka\u003c\/strong\u003e, cette huile de pépins de figue de barbarie bio signée Comptoir des Huiles est l'un des trésors les plus précieux de la cosmétique naturelle. Obtenue par première pression à froid des graines du figuier de Barbarie, elle concentre dans un format roll-on pratique de 15 ml tout ce dont votre peau a besoin pour retrouver éclat, fermeté et jeunesse.\u003c\/p\u003e\n \u003cdiv class=\"fb-grid-compact\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🏅 100\/100 Yuka\u003c\/h3\u003e\n \u003cp\u003eNote maximale pour une formule irréprochable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌱 Bio certifiée\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🧴 Roll-on 15 ml\u003c\/h3\u003e\n \u003cp\u003eFormat ciblé, précis et hygiénique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction douce qui préserve tous les actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003ePourquoi cette huile est-elle si rare et si précieuse ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-testimonial\"\u003e\n \u003cp class=\"fb-testimonial-text\"\u003e\"Il faut environ \u003cstrong\u003eune tonne de fruits\u003c\/strong\u003e — soit 30 kg de pépins — pour extraire un seul litre d'huile de pépins de figue de barbarie. Ce rendement extrêmement faible explique sa rareté et son prix. Mais c'est justement cette concentration exceptionnelle qui lui confère des propriétés inégalées par aucune autre huile végétale.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e🌍\u003c\/span\u003e\n \u003cp\u003eContrairement à la plupart des huiles de figue de barbarie disponibles sur le marché, celle-ci ne provient pas du Maroc. Elle est cultivée et pressée à froid dans la \u003cstrong\u003erégion d'Androy, au sud de Madagascar\u003c\/strong\u003e, où les conditions climatiques arides permettent au figuier de Barbarie de développer des graines d'une qualité remarquable. Chaque fruit est récolté à la main, dans le respect des savoir-faire traditionnels malgaches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de pépins de figue de barbarie pour votre peau\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003eSi vous cherchez la \u003cstrong\u003emeilleure huile de pépins de figue de barbarie\u003c\/strong\u003e pour lutter contre les signes de l'âge, vous êtes au bon endroit. Voici ce que cette huile biologique peut vous apporter :\u003c\/p\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e⏳ Action anti-âge puissante\u003c\/h3\u003e\n \u003cp\u003eSa teneur exceptionnelle en vitamine E (environ 1000 mg\/kg) neutralise les radicaux libres responsables du vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔬 Régénération cellulaire\u003c\/h3\u003e\n \u003cp\u003eRiche en acide linoléique (oméga-6), elle stimule le renouvellement des cellules et atténue visiblement rides et ridules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eLes phytostérols qu'elle contient renforcent la barrière cutanée et préservent la souplesse de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💪 Raffermissement\u003c\/h3\u003e\n \u003cp\u003eElle redonne du tonus aux peaux matures ou en perte de fermeté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e✨ Texture non grasse\u003c\/h3\u003e\n \u003cp\u003eHuile sèche par excellence, elle pénètre rapidement sans laisser de film gras sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🤍 Tolérée par toutes les peaux\u003c\/h3\u003e\n \u003cp\u003eY compris les plus sensibles et réactives, pour un confort absolu au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eLe format roll-on : précision et fraîcheur au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🎯 Application ciblée\u003c\/h3\u003e\n \u003cp\u003eLe flacon roll-on de 15 ml est spécialement conçu pour cibler les zones les plus fragiles de votre visage : contour des yeux, rides du front, sillons nasogéniens, contour des lèvres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e❄️ Effet frais immédiat\u003c\/h3\u003e\n \u003cp\u003eLa \u003cstrong\u003ebille métallique\u003c\/strong\u003e procure un effet frais immédiat qui décongestionne le contour des yeux et atténue les poches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🩸 Microcirculation stimulée\u003c\/h3\u003e\n \u003cp\u003eLe massage par la bille stimule la microcirculation sanguine pour un teint plus lumineux et des cernes atténués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eComment utiliser votre huile de figue de barbarie roll-on ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-timeline\"\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez le roll-on le soir, sur une \u003cstrong\u003epeau propre et sèche\u003c\/strong\u003e, démaquillée et nettoyée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eAppliquez avec la bille\u003c\/h3\u003e\n \u003cp\u003eFaites rouler la bille doucement sur les zones à traiter : contour des yeux, rides du front, sillons nasogéniens, contour des lèvres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eFaites pénétrer\u003c\/h3\u003e\n \u003cp\u003eTapotez du bout des doigts pour favoriser la pénétration. Quelques passages suffisent : cette huile est très concentrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eEn journée aussi (optionnel)\u003c\/h3\u003e\n \u003cp\u003eVous pouvez également l'utiliser le matin, seule ou sous votre crème de jour, pour un effet bonne mine instantané.\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=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition et engagement éthique\u003c\/h2\u003e\n \u003cdiv class=\"fb-accordion\"\u003e\n \u003cdetails class=\"fb-accordion-item\" open\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🧪 Composition INCI\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eOpuntia Stricta Seed Oil\u003c\/strong\u003e — 100 % pure, naturelle et issue de l'agriculture biologique. Un seul ingrédient, zéro additif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🌿 Certifications\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n \u003cp\u003eCertifiée \u003cstrong\u003eBio\u003c\/strong\u003e et labellisée \u003cstrong\u003eFair For Life\u003c\/strong\u003e (commerce équitable). En choisissant ce soin, vous soutenez directement les communautés locales de Madagascar et participez à la préservation de la biodiversité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🤝 Engagement éthique\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n \u003cp\u003eUn geste pour votre peau et pour la planète. La filière de production soutient les familles malgaches de la région d'Androy, dans une démarche de commerce équitable certifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-cta-box\"\u003e\n \u003cp\u003e🌵 Offrez à votre peau le soin le plus précieux de la nature — une huile d'exception, rare et puissante, pour une beauté authentique et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fb-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fb-cream: #faf6f2;\n --fb-white: #ffffff;\n --fb-primary: #9b59a0;\n --fb-primary-dark: #6b3570;\n --fb-primary-light: #f3eaf5;\n --fb-secondary: #c8875f;\n --fb-accent: #7a9e3f;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e8dde5;\n --fb-shadow: 0 4px 24px rgba(107, 53, 112, .08);\n --fb-shadow-lg: 0 12px 48px rgba(107, 53, 112, .15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #6b3570 0%, #9b59a0 40%, #c8875f 100%);\n border-radius: var(--fb-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(--fb-shadow-lg);\n}\n\n.fb-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(200,135,95,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-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.fb-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 text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.fb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fb-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(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-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.fb-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(--fb-primary), var(--fb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.fb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-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.fb-section-intro strong {\n color: var(--fb-primary-dark);\n}\n\n\/* === CARDS === *\/\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-card p strong {\n color: var(--fb-text);\n}\n\n\/* === GRILLES === *\/\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-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.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fb-timeline-content p strong {\n color: var(--fb-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.fb-testimonial {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.fb-testimonial-text strong {\n color: var(--fb-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-tip p strong {\n color: var(--fb-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.fb-accordion {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.fb-accordion-item {\n border-bottom: 1px solid var(--fb-border);\n margin: 0;\n padding: 0;\n}\n\n.fb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fb-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.fb-accordion-header:hover {\n background: var(--fb-primary-light);\n}\n\n.fb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fb-primary);\n transition: transform .2s ease;\n}\n\n.fb-accordion-item[open] .fb-accordion-header::after {\n content: '−';\n}\n\n.fb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n.fb-accordion-content p strong {\n color: var(--fb-text);\n}\n\n\/* === CTA === *\/\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-primary-dark) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fb-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.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fb-card {\n padding: 1.125rem;\n }\n\n .fb-section {\n margin-bottom: 1.75rem;\n }\n\n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n\n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fb-grid-compact {\n gap: .625rem;\n }\n\n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n\n .fb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\n }\n\n .fb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fb-testimonial {\n padding: 1.25rem;\n }\n\n .fb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n\n .fb-timeline-item {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-timeline-item:nth-child(1) { animation-delay: .05s; }\n .fb-timeline-item:nth-child(2) { animation-delay: .1s; }\n .fb-timeline-item:nth-child(3) { animation-delay: .15s; }\n .fb-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fbFadeInUp {\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 .fb-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":55092063502713,"sku":"HUV-FIG-0015","price":16.96,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-pepins-de-figue-de-barbarie-bio-anti-age-roll-on-15-packshothd.webp?v=1774364978"},{"product_id":"huile-de-moringa-bio-30-ml-lt-labo","title":"Huile de Moringa bio - 30 ml - LT Labo","description":"\u003cdiv class=\"mrg-premium\"\u003e\n \u003cdiv class=\"mrg-hero\"\u003e\n \u003cdiv class=\"mrg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mrg-hero-content\"\u003e\n \u003cdiv class=\"mrg-badges-top\"\u003e\n \u003cspan class=\"mrg-badge\"\u003e🌿 Certifié Bio COSMOS\u003c\/span\u003e\n \u003cspan class=\"mrg-badge\"\u003e💧 Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"mrg-badge\"\u003e✨ 100% pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mrg-hero-title\"\u003eL'élixir précieux de l'arbre de vie\u003c\/span\u003e\n \u003cp class=\"mrg-subtitle\"\u003eUn trésor de bienfaits naturels pour la peau et les cheveux\u003c\/p\u003e\n \u003cp class=\"mrg-description\"\u003eExtraite par première pression à froid des graines mûres du Moringa oleifera, vierge, non raffinée et sans additif — un soin ancestral concentré en oméga 7 \u0026amp; 9 et vitamine E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mrg-section\"\u003e\n \u003ch2\u003eHuile de Moringa bio LT Labo : un élixir précieux pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"mrg-section-intro\"\u003eL'huile de Moringa bio de LT Labo est extraite par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e des graines mûres du \u003cem\u003eMoringa oleifera\u003c\/em\u003e, surnommé « l'arbre de vie ». Vierge, non raffinée et sans additif, cette huile précieuse concentre l'ensemble des bienfaits du moringa pour prendre soin de votre peau, de vos cheveux et de votre bien-être quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mrg-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de Moringa\u003c\/h2\u003e\n \u003cp class=\"mrg-section-intro\"\u003eRéputée depuis des millénaires en Afrique et en Inde, cette huile végétale est aujourd'hui plébiscitée en cosmétique naturelle pour sa richesse exceptionnelle en \u003cstrong\u003eacides gras oméga 7 et 9\u003c\/strong\u003e, en \u003cstrong\u003evitamine E antioxydante\u003c\/strong\u003e et en phytostérols.\u003c\/p\u003e\n \u003cdiv class=\"mrg-grid\"\u003e\n \u003cdiv class=\"mrg-card\"\u003e\n \u003ch3\u003e💧 Nourrit intensément\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux sèches, sensibles ou matures, elle restaure le confort en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mrg-card\"\u003e\n \u003ch3\u003e🛡️ Protège des radicaux libres\u003c\/h3\u003e\n \u003cp\u003eBouclier naturel contre le stress oxydatif, la pollution et les agressions des UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mrg-card\"\u003e\n \u003ch3\u003e✨ Régénération cutanée\u003c\/h3\u003e\n \u003cp\u003eAide à préserver l'élasticité de la peau et favorise son renouvellement naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mrg-card\"\u003e\n \u003ch3\u003e🌸 Apaise et renforce\u003c\/h3\u003e\n \u003cp\u003eCalme les tiraillements et renforce la barrière hydrolipidique de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mrg-card\"\u003e\n \u003ch3\u003e💆 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003ePeut s'utiliser en massage articulaire pour un moment de détente et de réconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mrg-card\"\u003e\n \u003ch3\u003e🌿 Riche en phytostérols\u003c\/h3\u003e\n \u003cp\u003eUne composition unique qui allie oméga 7, oméga 9 et vitamine E antioxydante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mrg-section\"\u003e\n \u003ch2\u003eHuile de Moringa visage : un soin anti-âge naturel\u003c\/h2\u003e\n \u003cp class=\"mrg-section-intro\"\u003eFluide et pénétrante, l'huile de moringa pour le visage convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, même mixtes. Appliquée le soir sur peau propre, elle assouplit le teint, atténue l'apparence des rides et redonne de l'éclat aux peaux ternes.\u003c\/p\u003e\n \u003cdiv class=\"mrg-tip\"\u003e\n \u003cspan class=\"mrg-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce beauté :\u003c\/strong\u003e utilisez-la également en huile démaquillante pour nettoyer en douceur, sans agresser la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mrg-section\"\u003e\n \u003ch2\u003eHuile de Moringa pour les cheveux : brillance et vitalité\u003c\/h2\u003e\n \u003cp class=\"mrg-section-intro\"\u003eUn véritable soin réparateur qui nourrit les longueurs sèches, discipline les frisottis et redonne de la brillance aux fibres capillaires fatiguées. Particulièrement efficace sur les cheveux crépus, bouclés ou colorés, elle est également appréciée pour \u003cstrong\u003epréserver la vitalité des cheveux blancs\u003c\/strong\u003e en leur apportant souplesse et éclat.\u003c\/p\u003e\n \u003cdiv class=\"mrg-grid-compact\"\u003e\n \u003cdiv class=\"mrg-card\"\u003e\n \u003ch3\u003e💫 Bain d'huile\u003c\/h3\u003e\n \u003cp\u003e30 min avant shampoing pour une nutrition intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mrg-card\"\u003e\n \u003ch3\u003e✨ Sur les pointes\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes après séchage pour dompter les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mrg-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de Moringa ?\u003c\/h2\u003e\n \u003cdiv class=\"mrg-timeline\"\u003e\n \u003cdiv class=\"mrg-timeline-item\"\u003e\n \u003cdiv class=\"mrg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mrg-timeline-content\"\u003e\n \u003ch3\u003e👩 Visage\u003c\/h3\u003e\n \u003cp\u003e2 à 3 gouttes en soin de nuit, matin ou soir sur peau propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mrg-timeline-item\"\u003e\n \u003cdiv class=\"mrg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mrg-timeline-content\"\u003e\n \u003ch3\u003e🌊 Corps\u003c\/h3\u003e\n \u003cp\u003eEn massage après la douche sur peau légèrement humide pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mrg-timeline-item\"\u003e\n \u003cdiv class=\"mrg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mrg-timeline-content\"\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile 30 min avant shampoing ou sur les pointes après séchage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mrg-timeline-item\"\u003e\n \u003cdiv class=\"mrg-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mrg-timeline-content\"\u003e\n \u003ch3\u003e💆 Articulations\u003c\/h3\u003e\n \u003cp\u003eEn massage local pour un moment de détente et de confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mrg-tip\"\u003e\n \u003cspan class=\"mrg-tip-icon\"\u003e🧊\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003eÀ conserver à l'abri de la lumière et de la chaleur. L'huile peut figer en dessous de 20°C : passez le flacon sous un filet d'eau tiède pour la fluidifier sans altérer ses propriétés.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mrg-section\"\u003e\n \u003ch2\u003eUne huile 100 % pure, bio et éthique\u003c\/h2\u003e\n \u003cdiv class=\"mrg-grid-compact\"\u003e\n \u003cdiv class=\"mrg-card\"\u003e\n \u003ch3\u003e🌿 Certifiée COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eContrôlée et certifiée par Ecocert Greenlife.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mrg-card\"\u003e\n \u003ch3\u003e💯 100 % Bio\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mrg-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eSans conservateur ni parfum de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mrg-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction douce qui préserve tous les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mrg-card\"\u003e\n \u003ch3\u003e🌍 Éthique\u003c\/h3\u003e\n \u003cp\u003eRespectueuse de l'environnement et des producteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mrg-card\"\u003e\n \u003ch3\u003e✨ Vierge \u0026amp; pure\u003c\/h3\u003e\n \u003cp\u003eNon raffinée, pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mrg-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"mrg-testimonial\"\u003e\n \u003cp class=\"mrg-testimonial-text\"\u003e\u003cstrong\u003eMoringa oleifera seed oil\u003c\/strong\u003e (huile de graine de moringa)*.\u003cbr\u003e\u003cbr\u003e\u003cem\u003e*Ingrédient issu de l'Agriculture Biologique. 100 % du total est d'origine naturelle.\u003c\/em\u003e\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 30 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mrg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mrg-accordion\"\u003e\n \u003cdetails class=\"mrg-accordion-item\"\u003e\n \u003csummary class=\"mrg-accordion-header\"\u003e⚠️ À lire avant utilisation\u003c\/summary\u003e\n \u003cdiv class=\"mrg-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à un usage cosmétique externe. Tenir hors de portée des enfants. En cas de grossesse, d'allaitement ou de peau réactive, effectuez un test au creux du coude avant utilisation. Ce produit ne se substitue pas à un traitement médical : en cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"mrg-disclaimer\"\u003eCe produit est un soin cosmétique et ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mrg-cream: #faf6ee;\n --mrg-white: #ffffff;\n --mrg-primary: #5a7d3a;\n --mrg-primary-dark: #3d5a25;\n --mrg-primary-light: #eef3e4;\n --mrg-secondary: #c9962d;\n --mrg-accent: #8b6a2a;\n --mrg-text: #2a2a1f;\n --mrg-text-light: #6a6a5a;\n --mrg-border: #e5e0d3;\n --mrg-shadow: 0 4px 24px rgba(90,125,58,.10);\n --mrg-shadow-lg: 0 12px 48px rgba(90,125,58,.18);\n --mrg-radius: 20px;\n --mrg-radius-sm: 12px;\n}\n\n.mrg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mrg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mrg-text);\n}\n\n.mrg-hero {\n position: relative;\n background: linear-gradient(135deg, #7a9a4e 0%, #5a7d3a 50%, #3d5a25 100%);\n border-radius: var(--mrg-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(--mrg-shadow-lg);\n}\n\n.mrg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(201,150,45,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .3;\n}\n\n.mrg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mrg-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.mrg-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.mrg-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.mrg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mrg-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(--mrg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mrg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mrg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mrg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mrg-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.mrg-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(--mrg-primary), var(--mrg-secondary));\n border-radius: 2px;\n}\n\n.mrg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mrg-text-light);\n margin-bottom: 1.75rem;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.mrg-section-intro strong { color: var(--mrg-primary-dark); }\n\n.mrg-card {\n background: var(--mrg-white);\n border-radius: var(--mrg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mrg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mrg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mrg-shadow-lg);\n border-color: var(--mrg-primary);\n}\n\n.mrg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mrg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mrg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mrg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mrg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mrg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mrg-grid-compact .mrg-card { padding: 1rem; }\n.mrg-grid-compact .mrg-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.mrg-grid-compact .mrg-card p { font-size: 12px; }\n\n.mrg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.mrg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mrg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mrg-primary), var(--mrg-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(90,125,58,.3);\n}\n\n.mrg-timeline-content {\n flex: 1;\n background: var(--mrg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mrg-radius-sm);\n box-shadow: var(--mrg-shadow);\n}\n\n.mrg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mrg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mrg-timeline-content p {\n font-size: 14px;\n color: var(--mrg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mrg-testimonial {\n background: var(--mrg-white);\n border-radius: var(--mrg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mrg-shadow);\n border-left: 4px solid var(--mrg-primary);\n max-width: 800px;\n margin: 0 auto;\n}\n\n.mrg-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mrg-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.mrg-accordion {\n background: var(--mrg-white);\n border-radius: var(--mrg-radius);\n box-shadow: var(--mrg-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.mrg-accordion-item {\n border-bottom: 1px solid var(--mrg-border);\n margin: 0;\n padding: 0;\n}\n\n.mrg-accordion-item:last-child { border-bottom: none; }\n\n.mrg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mrg-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}\n\n.mrg-accordion-header:hover { background: var(--mrg-primary-light); }\n.mrg-accordion-header::-webkit-details-marker { display: none; }\n\n.mrg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mrg-primary);\n transition: transform .2s ease;\n}\n\n.mrg-accordion-item[open] .mrg-accordion-header::after { content: '−'; }\n\n.mrg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mrg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mrg-accordion-content p { margin: 0; }\n\n.mrg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mrg-primary-light);\n border-radius: var(--mrg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n border-left: 3px solid var(--mrg-secondary);\n}\n\n.mrg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mrg-tip p {\n font-size: 14px;\n color: var(--mrg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mrg-disclaimer {\n font-size: 12px;\n color: var(--mrg-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .mrg-grid { grid-template-columns: 1fr; gap: 1rem; }\n .mrg-card { padding: 1.125rem; }\n .mrg-section { margin-bottom: 1.75rem; }\n .mrg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mrg-radius-sm);\n }\n .mrg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .mrg-premium h2::after { width: 40px; height: 3px; }\n .mrg-grid-compact { gap: .625rem; }\n .mrg-grid-compact .mrg-card { padding: .75rem; }\n .mrg-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .mrg-timeline-content { padding: .875rem 1rem; }\n .mrg-timeline-content h3 { font-size: 14px; }\n .mrg-timeline-content p { font-size: 13px; }\n .mrg-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .mrg-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .mrg-testimonial { padding: 1.25rem; }\n .mrg-testimonial-text { font-size: 14px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mrg-card { animation: fadeInUp .5s ease backwards; }\n .mrg-card:nth-child(1) { animation-delay: .05s; }\n .mrg-card:nth-child(2) { animation-delay: .1s; }\n .mrg-card:nth-child(3) { animation-delay: .15s; }\n .mrg-card:nth-child(4) { animation-delay: .2s; }\n .mrg-card:nth-child(5) { animation-delay: .25s; }\n .mrg-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 .mrg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":55190397682041,"sku":"LT0365","price":22.69,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-moringa-bio-30-ml-lt-labo-packshothd.webp?v=1787392220"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/soin-du-visage.webp?v=1790071773","url":"https:\/\/www.naturellement-bio.com\/collections\/soin-du-visage.oembed?page=5","provider":"Naturellement Bio","version":"1.0","type":"link"}