{"title":"Corps","description":"\u003cp\u003ePeau qui tiraille après la douche, jambes rugueuses en hiver, piqûres qui grattent l'été ou muscles fatigués après l'effort : votre corps n'a pas les mêmes besoins toute l'année, et un seul pot de crème ne peut pas tout régler. Cette sélection de \u003cstrong\u003esoins du corps bio\u003c\/strong\u003e couvre justement ces situations du quotidien, avec des soins pensés pour un besoin précis plutôt qu'un usage universel. \u003c\/p\u003e\n\u003ch2\u003eQuel soin du corps choisir selon votre besoin ?\u003c\/h2\u003e\n\u003cp\u003eLe plus simple reste de partir de ce que vous ressentez. Le tableau ci-dessous fait le lien entre votre besoin du moment et le soin correspondant, en expliquant pourquoi l'ingrédient principal est pertinent.\u003c\/p\u003e\n\u003cdiv style=\"overflow-x: auto;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 0.95em;\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"background: #3f5a3a !important; color: #fff !important; font-weight: bold !important; padding: 12px 10px !important; border: 1px solid #ddd !important; text-align: left;\"\u003eVotre besoin\u003c\/th\u003e\n\u003cth style=\"background: #3f5a3a !important; color: #fff !important; font-weight: bold !important; padding: 12px 10px !important; border: 1px solid #ddd !important; text-align: left;\"\u003eLe soin à privilégier\u003c\/th\u003e\n\u003cth style=\"background: #3f5a3a !important; color: #fff !important; font-weight: bold !important; padding: 12px 10px !important; border: 1px solid #ddd !important; text-align: left;\"\u003ePourquoi ça fonctionne\u003c\/th\u003e\n\u003cth style=\"background: #3f5a3a !important; color: #fff !important; font-weight: bold !important; padding: 12px 10px !important; border: 1px solid #ddd !important; text-align: left;\"\u003eTexture\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003ePeau très sèche ou rugueuse\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/beurre-de-karite-peau-et-cheveux-secs-100-ml-comptoir-des-huiles-1\" title=\"Beurre de Karité Bio 100 ml – Comptoir des Huiles\"\u003eBeurre de Karité Bio Comptoir des Huiles\u003c\/a\u003e\u003c\/span\u003e\u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/baume-karite-monoi-bio-140g-emma-noel\" title=\"Baume au Beurre de Karité Monoï Bio 140 g – Emma Noël\"\u003eBaume Karité Monoï Bio Emma Noël\u003c\/a\u003e\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eLe karité est riche en acides gras qui aident à renforcer le film hydrolipidique et à limiter la perte en eau\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eBeurre ou baume riche\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eBesoin de fraîcheur et de légèreté\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/centifolia-gel-aloe-vera-bio-200ml\" title=\"Gel Aloe Vera Équitable \u0026amp; Bio 200 ml – Centifolia\"\u003eGel Aloe Vera Équitable \u0026amp; Bio Centifolia\u003c\/a\u003e\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eL'aloe vera est apprécié pour son effet apaisant et hydratant, dans une texture gel qui pénètre vite sans film gras\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eGel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003ePerte de fermeté\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/endro-creme-corps-raffermissante-400-ml\" title=\"Crème corps raffermissante 400 ml – Endro\"\u003eCrème corps raffermissante Endro\u003c\/a\u003e\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eUn soin conçu spécifiquement pour les zones qui manquent de tonicité : corps, cou et décolleté\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eCrème\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eDémangeaisons et piqûres d'insectes\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/creme-solide-au-beurre-de-karite-plantain-et-jujubier-bio-pot-kraft-50-g-comme-avant\" title=\"Crème Solide au macérât de Plantain – Comme Avant\"\u003eCrème Solide au Plantain Comme Avant\u003c\/a\u003e pour apaiser\u003c\/span\u003e\u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/repulsif-moustique-solide-comme-avant-au-beurre-de-murumuru-stick-80-g-comme-avant\" title=\"Répulsif Moustique Solide au Beurre de Murumuru – Comme Avant\"\u003eRépulsif Moustique au Murumuru Comme Avant\u003c\/a\u003e pour tenir les moustiques à distance (existe aussi en version liquide)\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eLe plantain en macérât est traditionnellement utilisé pour apaiser les inconforts cutanés\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eSolide ou liquide\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eMuscles fatigués et massage après l'effort\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/baume-des-volcans-baume-de-massage-a-larnica-50-ml-saint-hilaire\" title=\"Baume des Volcans, baume de massage à l'Arnica 50 ml – Saint-Hilaire\"\u003eBaume des Volcans à l'Arnica Saint-Hilaire\u003c\/a\u003e\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eL'arnica est traditionnellement utilisé en massage sur les zones sollicitées\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eBaume\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003ePeau fatiguée à revitaliser\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\n\u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/huile-de-rose-musquee-50ml-comptoir-des-huiles\" title=\"Huile de Rose Musquée Bio 50 ml – Comptoir des Huiles\"\u003eHuile de Rose Musquée Bio Comptoir des Huiles\u003c\/a\u003e\u003c\/span\u003e\u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/baume-a-la-grande-consoude-100-ml-dr-theiss\" title=\"Baume à la Grande Consoude 100 ml – Dr Theiss\"\u003eBaume à la Grande Consoude Dr Theiss\u003c\/a\u003e\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eLa rose musquée est riche en acides gras essentiels (oméga 3 et 6). La consoude est une plante traditionnellement utilisée en usage externe sur les zones sollicitées\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eHuile ou baume\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eGrain de peau irrégulier ou peau terne\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cspan style=\"display: block;\"\u003e• \u003ca href=\"\/products\/gommage-comptoir-des-huiles\" title=\"Gommage Visage \u0026amp; Corps Bio 100 ml – Comptoir des Huiles\"\u003eGommage Visage \u0026amp; Corps Bio Comptoir des Huiles\u003c\/a\u003e\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eL'exfoliation douce aide à éliminer les cellules mortes pour une peau plus lisse et plus lumineuse\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eGommage\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp\u003eUne fois votre besoin identifié, la texture devient le second critère de choix, et c'est souvent elle qui fait la différence sur le long terme.\u003c\/p\u003e\n\u003ch2\u003eCrème, baume, huile ou gel : la texture fait la différence\u003c\/h2\u003e\n\u003cp\u003eEntre deux soins qui répondent au même besoin, c'est souvent la texture qui tranche. Voici comment s'y retrouver :\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Gel\u003c\/strong\u003e : léger et frais, il pénètre vite sans film gras. Idéal pour les peaux normales ou quand on veut s'habiller dans la foulée.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Crème ou lait\u003c\/strong\u003e : bon équilibre entre eau et corps gras. La texture du quotidien, sur tout le corps, toute l'année.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Baume ou beurre\u003c\/strong\u003e : très nourrissant, à réserver aux peaux très sèches, aux zones rugueuses (coudes, genoux, talons) et à l'hiver. Dans la même logique, pensez aux soins pour les \u003ca href=\"\/collections\/mains-et-pieds\"\u003emains et les pieds\u003c\/a\u003e, souvent les premières zones à souffrir du froid.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Huile végétale\u003c\/strong\u003e : idéale en massage ou appliquée sur peau encore humide pour une meilleure pénétration. L'\u003ca href=\"\/products\/huile-de-sesame-oriental-epice-bio-50-ml\" title=\"Huile de Sésame Oriental épicé bio 50 ml – Arc en Sels\"\u003eHuile de Sésame Oriental épicé bio d'Arc en Sels\u003c\/a\u003e, par exemple, se prête bien à un massage aux notes chaudes.\u003c\/p\u003e\n\u003cp\u003eBon à savoir : apprenez à lire la liste INCI de vos soins. Les premiers ingrédients sont les plus concentrés, c'est le meilleur indicateur de ce que vous appliquez vraiment sur votre peau.\u003c\/p\u003e\n\u003ch2\u003eConstruire une routine corps simple et efficace\u003c\/h2\u003e\n\u003cp\u003ePas besoin de dix étapes. Une routine qui tient dans la durée, c'est souvent une routine courte :\u003c\/p\u003e\n\u003cp\u003eUne fois par semaine\u003cbr\u003e\u003cstrong\u003eExfolier en douceur\u003c\/strong\u003e, pas plus, pour ne pas fragiliser la barrière cutanée. La sélection \u003ca href=\"\/collections\/gommages-et-exfoliants\"\u003egommages et exfoliants\u003c\/a\u003e regroupe les options disponibles.\u003c\/p\u003e\n\u003cp\u003eAprès chaque douche\u003cbr\u003e\u003cstrong\u003eHydrater ou nourrir\u003c\/strong\u003e sur peau légèrement humide : c'est le moment où les soins pénètrent le mieux. Notre \u003ca href=\"\/collections\/hydratant\"\u003esélection hydratante\u003c\/a\u003e vous aide à trouver la bonne texture.\u003c\/p\u003e\n\u003cp\u003eSelon le moment\u003cbr\u003e\u003cstrong\u003eLes soins ciblés\u003c\/strong\u003e : baume de massage après le sport, soin apaisant l'été après une piqûre.\u003c\/p\u003e\n\u003cp\u003eEt si vous êtes dans une démarche globale : les \u003ca href=\"\/collections\/levres\"\u003elèvres\u003c\/a\u003e se dessèchent en même temps que le reste du corps en hiver, les \u003ca href=\"\/collections\/ongles\"\u003eongles\u003c\/a\u003e méritent leur soin dans la continuité d'un entretien des mains, et les \u003ca href=\"\/collections\/cheveux\"\u003echeveux\u003c\/a\u003e font partie de la même routine naturelle. Un \u003ca href=\"\/collections\/parfums-bio\"\u003eparfum bio\u003c\/a\u003e se pose d'ailleurs toujours mieux sur une peau bien hydratée.\u003c\/p\u003e\n\u003ch2\u003eQuelques précautions avant d'appliquer vos soins\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Test de tolérance\u003c\/strong\u003e : même naturel, un ingrédient peut provoquer une réaction. Faites un test au pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Arnica\u003c\/strong\u003e : ne pas appliquer le baume à l'arnica sur une peau lésée ou une plaie ouverte.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Répulsifs\u003c\/strong\u003e : chez la femme enceinte ou le jeune enfant, demandez conseil à un pharmacien ou à un médecin avant usage.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Gêne qui dure\u003c\/strong\u003e : démangeaisons persistantes, eczéma ou sécheresse qui ne cède pas, consultez un dermatologue.\u003c\/p\u003e\n\u003ch2\u003eNotre conseil pour bien choisir\u003c\/h2\u003e\n\u003cp\u003ePartez toujours de votre besoin du moment et de la texture que vous aimez : un soin agréable est un soin que l'on applique régulièrement, et c'est finalement ça qui compte. Deux soins complémentaires suffisent souvent : un hydratant quotidien et un soin ciblé selon la saison. Le reste, c'est une question d'envie.\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eQuestions fréquentes sur les soins du corps bio\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la meilleure crème pour le corps bio ?\u003c\/summary\u003e\n\u003cp\u003eIl n'existe pas de meilleure crème universelle, mais une meilleure crème pour chaque type de peau. Peau très sèche ? Le karité (Beurre de Karité Bio de Comptoir des Huiles ou Baume au Beurre de Karité Monoï Bio d'Emma Noël) est un choix solide. Peau normale ? Le Gel Aloe Vera Équitable et Bio de Centifolia suffira. Besoin de fermeté ? La crème corps raffermissante d'Endro est faite pour ça.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le meilleur produit pour hydrater le corps ?\u003c\/summary\u003e\n\u003cp\u003eTout dépend de ce dont votre peau a besoin. Hydrater, c'est apporter de l'eau : les textures gel et crème sont idéales. Nourrir, c'est apporter des lipides pour renforcer le film hydrolipidique : baumes, beurres et huiles végétales prennent le relais. Dans les deux cas, appliquez votre soin sur peau encore légèrement humide après la douche, la pénétration n'en sera que meilleure.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la meilleure crème pour le corps sans produits chimiques ?\u003c\/summary\u003e\n\u003cp\u003eEntre nous, tout est chimique, y compris l'eau. La vraie question porte sur les ingrédients d'origine naturelle et une liste INCI courte. Le Beurre de Karité Bio de Comptoir des Huiles en est un bon exemple : 100 % beurre de karité brut, sans parfum ajouté ni conservateur. Moins il y a d'ingrédients, plus la lecture est simple.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuels sont les produits naturels bons pour le corps ?\u003c\/summary\u003e\n\u003cp\u003ePlusieurs grandes familles sont représentées dans cette sélection. Le beurre de karité, riche en acides gras, pour nourrir en profondeur les peaux sèches. Les huiles végétales (rose musquée, sésame, camélia) pour revitaliser ou masser. L'aloe vera, apprécié pour son effet apaisant et hydratant. Et les plantes en macérât ou en baume (plantain, consoude, arnica), chacune utilisée traditionnellement pour un usage externe précis.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","products":[{"product_id":"spray-dermo-action-spray-100-ml-quinton","title":"Spray Dermo Action - Hydrate, Apaise \u0026 Revitalise - 100 ml - Quinton","description":"\u003cdiv class=\"qda-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"qda-hero\"\u003e\n\u003cdiv class=\"qda-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qda-hero-content\"\u003e\n\u003cdiv class=\"qda-badges-top\"\u003e\n\u003cspan class=\"qda-badge\"\u003e🌊 Eau de mer pure Quinton\u003c\/span\u003e \u003cspan class=\"qda-badge\"\u003e🧴 Format spray 100 ml\u003c\/span\u003e \u003cspan class=\"qda-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"qda-hero-title\"\u003eSpray Dermo Action Quinton\u003c\/span\u003e\n\u003cp class=\"qda-subtitle\"\u003eHydrate, apaise \u0026amp; revitalise votre peau\u003c\/p\u003e\n\u003cp class=\"qda-description\"\u003eUne solution hypertonic d'eau de mer pure, enrichie en oligo-éléments marins, pour offrir à votre peau un soin intensif et 100% naturel. Sans conservateurs, sans parfums artificiels, sans colorants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION INTRO : Présentation --\u003e\n\u003csection class=\"qda-section\"\u003e\n\u003cp class=\"qda-section-intro\"\u003eDécouvrez le \u003cstrong\u003eSpray Dermo Action 100 ml de Quinton\u003c\/strong\u003e, une solution 100% naturelle élaborée pour offrir à votre peau une hydratation et un soin intensifs. Formulé à partir de l'eau de mer d'origine pure Quinton, ce spray innovant est idéal pour apaiser les irritations, hydrater en profondeur et revitaliser l'épiderme.\u003c\/p\u003e\n\u003cdiv class=\"qda-grid-compact\"\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n\u003cp\u003ePénètre en profondeur pour nourrir et désaltérer la peau durablement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🌸 Apaisement immédiat\u003c\/h3\u003e\n\u003cp\u003eCalme les irritations et rougeurs même sur les peaux les plus sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e✨ Régénération cellulaire\u003c\/h3\u003e\n\u003cp\u003eStimule le renouvellement des cellules cutanées pour une peau revitalisée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🛡️ Barrière protectrice\u003c\/h3\u003e\n\u003cp\u003eRenforce la protection naturelle de la peau contre les agressions extérieures\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"qda-section-intro\" style=\"margin-top: 1.25rem;\"\u003eConçu pour convenir à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les plus sensibles. Son format pratique de 100 ml l'accompagne partout, pour une peau rafraîchie et revitalisée en toutes circonstances.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #1 : Conseil d'utilisation --\u003e\n\u003csection class=\"qda-section\"\u003e\n\u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n\u003cp class=\"qda-section-intro\"\u003ePour profiter pleinement des bienfaits du \u003cstrong\u003eSpray Dermo Action Quinton\u003c\/strong\u003e, suivez ces quelques étapes simples :\u003c\/p\u003e\n\u003cdiv class=\"qda-timeline\"\u003e\n\u003cdiv class=\"qda-timeline-item\"\u003e\n\u003cdiv class=\"qda-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-content\"\u003e\n\u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n\u003cp\u003eSecouez bien avant chaque utilisation pour mélanger uniformément les composants actifs marins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-item\"\u003e\n\u003cdiv class=\"qda-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-content\"\u003e\n\u003ch3\u003ePulvérisez sur peau propre\u003c\/h3\u003e\n\u003cp\u003eVaporisez directement sur la peau propre et sèche, en couvrant bien la zone souhaitée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-item\"\u003e\n\u003cdiv class=\"qda-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-content\"\u003e\n\u003ch3\u003eLaissez sécher naturellement\u003c\/h3\u003e\n\u003cp\u003ePour une absorption optimale, ne frottez pas : laissez le produit pénétrer et sécher à l'air libre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-item\"\u003e\n\u003cdiv class=\"qda-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez au besoin\u003c\/h3\u003e\n\u003cp\u003eUtilisez plusieurs fois par jour pour maintenir une hydratation continue et apaiser les irritations éventuelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-tip\"\u003e\n\u003cspan class=\"qda-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe spray peut également être utilisé comme \u003cstrong\u003etonique après le nettoyage de la peau\u003c\/strong\u003e, pour une sensation de fraîcheur immédiate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 : Composition --\u003e\n\u003csection class=\"qda-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"qda-section-intro\"\u003eLa formule du Spray Dermo Action est entièrement naturelle, conçue pour respecter et revitaliser la peau.\u003c\/p\u003e\n\u003cdiv class=\"qda-grid\"\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🌊 Eau de mer isotonic Quinton\u003c\/h3\u003e\n\u003cp\u003eReconnue pour ses propriétés thérapeutiques et régénératrices, elle apporte une mine de nutriments essentiels et oligo-éléments indispensables à votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🐚 Extraits marins\u003c\/h3\u003e\n\u003cp\u003eDes extraits riches en minéraux pour hydrater et purifier la peau en profondeur, issus de l'environnement marin pur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🚫 Sans conservateurs\u003c\/h3\u003e\n\u003cp\u003eFormule pure et respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🚫 Sans parfums artificiels\u003c\/h3\u003e\n\u003cp\u003eTolérance maximale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🚫 Sans colorants\u003c\/h3\u003e\n\u003cp\u003eSoin naturel et sain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eRespectueux de l'épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 : Origine et fabrication --\u003e\n\u003csection class=\"qda-section\"\u003e\n\u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n\u003cdiv class=\"qda-accordion\"\u003e\n\u003cdetails class=\"qda-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"qda-accordion-header\"\u003e🏛️ Les laboratoires Quinton\u003c\/summary\u003e\n\u003cdiv class=\"qda-accordion-content mt-3\"\u003e\n\u003cp\u003eLe Spray Dermo Action est fabriqué à partir d'eau de mer validée par les \u003cstrong\u003elaboratoires Quinton\u003c\/strong\u003e pour sa pureté et ses bienfaits. Fondés par le biologiste \u003cstrong\u003eRené Quinton\u003c\/strong\u003e, ces laboratoires sont situés en \u003cstrong\u003eEspagne\u003c\/strong\u003e et bénéficient d'une renommée internationale pour leurs produits naturels et biologiques. Chaque flacon est préparé avec la plus grande exigence pour garantir une qualité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"qda-accordion-item\"\u003e\n\u003csummary class=\"qda-accordion-header\"\u003e🌍 Engagement éco-responsable\u003c\/summary\u003e\n\u003cdiv class=\"qda-accordion-content mt-3\"\u003e\n\u003cp\u003eLa mer, source de vie et de bienfaits, est au cœur de ce produit fabriqué de manière \u003cstrong\u003eéco-responsable\u003c\/strong\u003e. De la récolte de l'eau de mer jusqu'à l'emballage du produit fini, chaque étape est réalisée dans le respect de l'environnement, assurant ainsi un impact minimal sur notre planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"qda-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"qda-cta-box\"\u003e\n\u003cp\u003e🌊 Offrez à votre peau le pouvoir régénérant de la mer avec le Spray Dermo Action Quinton, hydratation, apaisement et revitalisation en un seul geste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"qda-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Produit cosmétique, ne se substitue pas à un avis médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --qda-cream: #FFF9F2;\n --qda-white: #ffffff;\n --qda-primary: #E8922A;\n --qda-primary-dark: #B5691A;\n --qda-primary-light: #FFF3E6;\n --qda-secondary: #C4466C;\n --qda-accent: #F5B731;\n --qda-text: #1a1a1a;\n --qda-text-light: #5a5a5a;\n --qda-border: #F0E0D0;\n --qda-shadow: 0 4px 24px rgba(0,0,0,.08);\n --qda-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --qda-radius: 20px;\n --qda-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.qda-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qda-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qda-hero {\n position: relative;\n background: linear-gradient(135deg, #E8922A 0%, #D9753E 35%, #C4466C 70%, #9B3A6A 100%);\n border-radius: var(--qda-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--qda-shadow-lg);\n}\n\n.qda-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 60%, rgba(255,255,255,.04) 0%, transparent 30%);\n opacity: 1;\n}\n\n.qda-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.qda-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.qda-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3.5vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .01em;\n}\n\n.qda-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 620px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.qda-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qda-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--qda-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qda-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.qda-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qda-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qda-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.qda-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--qda-primary), var(--qda-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.qda-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qda-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.qda-card {\n background: var(--qda-white);\n border-radius: var(--qda-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qda-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qda-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qda-shadow-lg);\n border-color: var(--qda-primary);\n}\n\n.qda-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qda-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qda-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qda-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.qda-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.qda-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qda-grid-compact .qda-card {\n padding: 1rem;\n}\n\n.qda-grid-compact .qda-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qda-grid-compact .qda-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.qda-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qda-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qda-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qda-primary), var(--qda-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.qda-timeline-content {\n flex: 1;\n background: var(--qda-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qda-radius-sm);\n box-shadow: var(--qda-shadow);\n}\n\n.qda-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qda-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qda-timeline-content p {\n font-size: 14px;\n color: var(--qda-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.qda-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qda-primary-light);\n border-radius: var(--qda-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.qda-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qda-tip p {\n font-size: 14px;\n color: var(--qda-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.qda-accordion {\n background: var(--qda-white);\n border-radius: var(--qda-radius);\n box-shadow: var(--qda-shadow);\n overflow: hidden;\n}\n\n.qda-accordion-item {\n border-bottom: 1px solid var(--qda-border);\n margin: 0;\n padding: 0;\n}\n\n.qda-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qda-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qda-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.qda-accordion-header:hover {\n background: var(--qda-primary-light);\n}\n\n.qda-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qda-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--qda-primary);\n transition: transform .2s ease;\n}\n\n.qda-accordion-item[open] .qda-accordion-header::after {\n content: '−';\n}\n\n.qda-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qda-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qda-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.qda-cta-box {\n background: linear-gradient(135deg, var(--qda-primary) 0%, var(--qda-secondary) 100%);\n border-radius: var(--qda-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.qda-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.qda-disclaimer {\n font-size: 12px;\n color: var(--qda-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .qda-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .qda-card {\n padding: 1.125rem;\n }\n\n .qda-section {\n margin-bottom: 1.75rem;\n }\n\n .qda-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qda-radius-sm);\n }\n\n .qda-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .qda-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .qda-grid-compact {\n gap: .625rem;\n }\n\n .qda-grid-compact .qda-card {\n padding: .75rem;\n }\n\n .qda-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .qda-timeline-content {\n padding: .875rem 1rem;\n }\n\n .qda-timeline-content h3 {\n font-size: 14px;\n }\n\n .qda-timeline-content p {\n font-size: 13px;\n }\n\n .qda-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .qda-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .qda-card {\n animation: qdaFadeInUp .5s ease backwards;\n }\n .qda-card:nth-child(1) { animation-delay: .05s; }\n .qda-card:nth-child(2) { animation-delay: .1s; }\n .qda-card:nth-child(3) { animation-delay: .15s; }\n .qda-card:nth-child(4) { animation-delay: .2s; }\n .qda-card:nth-child(5) { animation-delay: .25s; }\n .qda-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qdaFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .qda-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUINTON","offers":[{"title":"Default Title","offer_id":45754679066781,"sku":"QU0005","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-dermo-action-quinton-100-ml-hydrate-apaise-revitalise-lifestyle.webp?v=1770973831"},{"product_id":"huile-de-karanja-anti-oxydante-bio-100-ml-acorelle","title":"Huile De Karanja Anti Oxydante Bio - 100 ml - Acorelle","description":"\u003cdiv class=\"kar-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"kar-hero\"\u003e\n\u003cdiv class=\"kar-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kar-hero-content\"\u003e\n\u003cdiv class=\"kar-badges-top\"\u003e\n\u003cspan class=\"kar-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"kar-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"kar-badge\"\u003e🛡️ Antioxydant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"kar-hero-title\"\u003eHuile de Karanja Bio Acorelle\u003c\/span\u003e\n\u003cp class=\"kar-subtitle\"\u003eProtection antioxydante \u0026amp; nutrition intense\u003c\/p\u003e\n\u003cp class=\"kar-description\"\u003eL'alliance parfaite entre tradition indienne et cosmétique bio française pour une peau protégée, nourrie et sublimée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eL'huile de Karanja bio Acorelle : votre bouclier antioxydant naturel\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003eVous recherchez une \u003cstrong\u003ehuile pour le corps hydratante\u003c\/strong\u003e qui protège véritablement votre peau des agressions quotidiennes ? L'\u003cstrong\u003ehuile de Karanja\u003c\/strong\u003e bio d'Acorelle répond à cette attente avec brio.\u003c\/p\u003e\n\u003cdiv class=\"kar-highlight-box\"\u003e\n\u003cdiv class=\"kar-highlight-content\"\u003e\n\u003cp\u003e🌺 Extraite des graines de \u003cem\u003ePongamia Glabra\u003c\/em\u003e, un arbre traditionnel indien, cette huile précieuse concentre des actifs naturels d'une efficacité remarquable pour \u003cstrong\u003enourrir, protéger et sublimer\u003c\/strong\u003e votre peau au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eHuile de Karanja : bienfaits exceptionnels pour votre peau\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003ePourquoi l'huile de Karanja suscite-t-elle autant d'intérêt dans le monde de la cosmétique naturelle ? Ses propriétés uniques en font une alliée incomparable.\u003c\/p\u003e\n\u003cdiv class=\"kar-grid\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eNaturellement riche en flavonoïdes et pongamol, elle neutralise les radicaux libres responsables du vieillissement cutané.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e☀️ Bouclier anti-UV\u003c\/h3\u003e\n\u003cp\u003ePrépare et protège la peau des effets néfastes du soleil, idéale avant et après l'exposition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n\u003cp\u003eSes acides gras essentiels restaurent le film hydrolipidique et préservent l'hydratation naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e✨ Action réparatrice\u003c\/h3\u003e\n\u003cp\u003eApaise les peaux fragilisées et aide à retrouver souplesse et élasticité durablement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🪶 Texture légère\u003c\/h3\u003e\n\u003cp\u003eRapidement absorbée et non grasse, elle convient parfaitement comme huile quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003ePour qui cette huile hydratante pour le corps est-elle idéale ?\u003c\/h2\u003e\n\u003cdiv class=\"kar-grid\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e👵 Peaux matures\u003c\/h3\u003e\n\u003cp\u003eEn quête d'un soin anti-âge naturel qui préserve la jeunesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n\u003cp\u003eQui ont besoin d'une nutrition profonde et durable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSa formule douce et certifiée bio respecte les épidermes les plus délicats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌞 Peaux mates et bronzées\u003c\/h3\u003e\n\u003cp\u003eSublime le hâle et prolonge l'éclat du bronzage naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e💇 Cheveux secs et abîmés\u003c\/h3\u003e\n\u003cp\u003eEn soin des pointes pour nourrir et réparer en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eHuile de Karanja : danger ou sécurité ?\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003eVous avez peut-être lu des interrogations sur l'huile de Karanja. Rassurez-vous : utilisée en cosmétique dans des formulations adaptées comme celle d'Acorelle, cette huile est \u003cstrong\u003eparfaitement sûre\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"kar-safety-box\"\u003e\n\u003cdiv class=\"kar-safety-header\"\u003e\n\u003cspan class=\"kar-safety-icon\"\u003e✅\u003c\/span\u003e \u003cspan\u003eGaranties Acorelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eLa marque française garantit une \u003cstrong\u003etraçabilité complète\u003c\/strong\u003e et des \u003cstrong\u003econtrôles rigoureux\u003c\/strong\u003e à chaque étape de fabrication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-grid-compact\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🧪 Test cutané\u003c\/h3\u003e\n\u003cp\u003eEffectuez un test dans le pli du coude avant la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e☀️ Complément solaire\u003c\/h3\u003e\n\u003cp\u003eNe remplace pas une protection SPF lors d'expositions prolongées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e👁️ Zones à éviter\u003c\/h3\u003e\n\u003cp\u003eÉvitez le contour des yeux et les muqueuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌡️ Conservation\u003c\/h3\u003e\n\u003cp\u003eConservez à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eComment utiliser votre huile corps hydratante Acorelle ?\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003ePour profiter pleinement des bienfaits de l'huile de Karanja, voici nos conseils d'application.\u003c\/p\u003e\n\u003cdiv class=\"kar-usage-block\"\u003e\n\u003ch3 class=\"kar-usage-title\"\u003e🧴 Pour le corps\u003c\/h3\u003e\n\u003cdiv class=\"kar-timeline\"\u003e\n\u003cdiv class=\"kar-timeline-item\"\u003e\n\u003cdiv class=\"kar-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-content\"\u003e\n\u003ch3\u003eVaporisez\u003c\/h3\u003e\n\u003cp\u003eQuelques pressions d'huile sur peau légèrement humide, juste après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-item\"\u003e\n\u003cdiv class=\"kar-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eDélicatement en mouvements circulaires jusqu'à absorption complète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-item\"\u003e\n\u003cdiv class=\"kar-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-content\"\u003e\n\u003ch3\u003eInsistez\u003c\/h3\u003e\n\u003cp\u003eSur les zones sèches : coudes, genoux, talons pour une nutrition ciblée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-grid-compact\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e✨ Pour le visage\u003c\/h3\u003e\n\u003cp\u003e2-3 gouttes sur peau propre et sèche. Tapotez doucement pour faire pénétrer. Utilisez seule ou mélangée à votre crème.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes sur les pointes sèches. En soin de nuit : laissez poser toute la nuit, lavez au matin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eComposition complète et certifiée bio\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003eLa transparence est essentielle. Voici la liste complète des ingrédients (INCI) de cette huile hydratante.\u003c\/p\u003e\n\u003cdiv class=\"kar-ingredients\"\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003ePongamia Glabra Seed Oil\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eHuile de Karanja bio, ingrédient principal aux vertus protectrices\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003eHelianthus Annuus Seed Oil\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eHuile de tournesol bio, nourrissante et émolliente\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003eParfum\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eFragrance naturelle pour une sensation de bien-être\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003eTocopherol\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eVitamine E naturelle, antioxydant préservant la fraîcheur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003eLimonene* \u0026amp; Linalool*\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eComposants naturels des huiles essentielles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-certification\"\u003e\n\u003cdiv class=\"kar-cert-content\"\u003e\n\u003cstrong\u003e🌿 Certification COSMOS Organic\u003c\/strong\u003e\n\u003cp\u003e100% des ingrédients d'origine naturelle • 98% issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eL'engagement Acorelle : cosmétique bio made in France\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003eAcorelle incarne une vision exigeante de la beauté naturelle.\u003c\/p\u003e\n\u003cdiv class=\"kar-grid\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eAvec un savoir-faire artisanal et une expertise reconnue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌱 100% végétale\u003c\/h3\u003e\n\u003cp\u003eFormule vegan, sans aucun ingrédient d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🚫 Sans substances controversées\u003c\/h3\u003e\n\u003cp\u003eSans parabènes, sans phénoxyéthanol, sans huiles minérales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e♻️ Flacon recyclable\u003c\/h3\u003e\n\u003cp\u003eAluminium 100ml avec spray pratique pour une application facile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eDe la récolte des graines jusqu'à la mise en flacon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"kar-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eNos conseils pour optimiser les résultats\u003c\/h2\u003e\n\u003cdiv class=\"kar-grid-compact\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🧽 Exfoliez\u003c\/h3\u003e\n\u003cp\u003eUne fois par semaine pour favoriser la pénétration des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e📅 Régularité\u003c\/h3\u003e\n\u003cp\u003eAppliquez quotidiennement, matin ou soir, pour des résultats visibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌞 Après-soleil\u003c\/h3\u003e\n\u003cp\u003eEn été, utilisez-la pour apaiser et prolonger le bronzage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🥗 Synergie alimentaire\u003c\/h3\u003e\n\u003cp\u003eAssociez à une alimentation riche en antioxydants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-cta-box\"\u003e\n\u003cp\u003e✨ Offrez à votre peau le meilleur de la nature avec l'huile de Karanja bio Acorelle ✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"kar-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --kar-cream: #FDF8F4;\n --kar-white: #ffffff;\n --kar-primary: #D4A574;\n --kar-primary-dark: #B8895A;\n --kar-primary-light: #F5EDE6;\n --kar-secondary: #E8B4A0;\n --kar-accent: #7BA68D;\n --kar-accent-light: #E8F2EB;\n --kar-coral: #C97B6B;\n\n \/* Textes *\/\n --kar-text: #3D3028;\n --kar-text-light: #6B5D52;\n\n \/* Effets *\/\n --kar-border: #E8DED4;\n --kar-shadow: 0 4px 24px rgba(180,137,90,.12);\n --kar-shadow-lg: 0 12px 48px rgba(180,137,90,.18);\n --kar-radius: 20px;\n --kar-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.kar-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kar-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kar-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A574 0%, #E8B4A0 40%, #7BA68D 100%);\n border-radius: var(--kar-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kar-shadow-lg);\n}\n\n.kar-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.kar-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.kar-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kar-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.kar-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kar-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kar-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kar-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kar-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kar-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kar-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kar-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.kar-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kar-primary), var(--kar-accent));\n border-radius: 2px;\n}\n\n.kar-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kar-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.kar-card {\n background: var(--kar-white);\n border-radius: var(--kar-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kar-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kar-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kar-shadow-lg);\n border-color: var(--kar-primary);\n}\n\n.kar-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kar-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kar-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kar-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kar-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kar-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kar-grid-compact .kar-card {\n padding: 1rem;\n}\n\n.kar-grid-compact .kar-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kar-grid-compact .kar-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.kar-highlight-box {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--kar-white);\n border-radius: var(--kar-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--kar-shadow);\n border-left: 5px solid var(--kar-accent);\n}\n\n.kar-highlight-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.kar-highlight-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--kar-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === SAFETY BOX === *\/\n.kar-safety-box {\n background: var(--kar-accent-light);\n border-radius: var(--kar-radius);\n padding: 1.25rem 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.kar-safety-header {\n display: flex;\n align-items: center;\n gap: .5rem;\n font-weight: 800;\n color: var(--kar-accent);\n font-size: 16px;\n margin-bottom: .5rem;\n}\n\n.kar-safety-icon {\n font-size: 20px;\n}\n\n.kar-safety-box p {\n margin: 0;\n font-size: 14px;\n color: var(--kar-text);\n line-height: 1.6;\n}\n\n\/* === USAGE BLOCK === *\/\n.kar-usage-block {\n background: var(--kar-white);\n border-radius: var(--kar-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--kar-shadow);\n margin-bottom: 1.5rem;\n}\n\n.kar-usage-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--kar-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n\/* === TIMELINE === *\/\n.kar-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kar-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kar-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kar-primary), var(--kar-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(212,165,116,.3);\n}\n\n.kar-timeline-content {\n flex: 1;\n background: var(--kar-primary-light);\n padding: 1rem 1.25rem;\n border-radius: var(--kar-radius-sm);\n}\n\n.kar-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kar-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kar-timeline-content p {\n font-size: 14px;\n color: var(--kar-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INGREDIENTS === *\/\n.kar-ingredients {\n background: var(--kar-white);\n border-radius: var(--kar-radius);\n overflow: hidden;\n box-shadow: var(--kar-shadow);\n margin-bottom: 1.5rem;\n}\n\n.kar-ingredient-item {\n display: flex;\n flex-direction: column;\n padding: 1rem 1.25rem;\n border-bottom: 1px solid var(--kar-border);\n}\n\n.kar-ingredient-item:last-child {\n border-bottom: none;\n}\n\n.kar-ingredient-name {\n font-weight: 700;\n color: var(--kar-primary-dark);\n font-size: 14px;\n margin-bottom: .25rem;\n}\n\n.kar-ingredient-desc {\n font-size: 13px;\n color: var(--kar-text-light);\n line-height: 1.5;\n}\n\n\/* === CERTIFICATION === *\/\n.kar-certification {\n display: flex;\n gap: 1rem;\n align-items: center;\n background: linear-gradient(135deg, var(--kar-accent-light) 0%, var(--kar-primary-light) 100%);\n border-radius: var(--kar-radius);\n padding: 1.25rem 1.5rem;\n}\n\n.kar-cert-badge {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.kar-cert-content strong {\n display: block;\n font-size: 15px;\n color: var(--kar-accent);\n margin-bottom: .25rem;\n}\n\n.kar-cert-content p {\n margin: 0;\n font-size: 13px;\n color: var(--kar-text-light);\n}\n\n\/* === CTA FINAL === *\/\n.kar-cta-box {\n background: linear-gradient(135deg, var(--kar-primary) 0%, var(--kar-coral) 50%, var(--kar-accent) 100%);\n border-radius: var(--kar-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.kar-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.kar-disclaimer {\n font-size: 12px;\n color: var(--kar-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kar-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kar-card {\n padding: 1.125rem;\n }\n \n .kar-section {\n margin-bottom: 1.75rem;\n }\n \n .kar-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kar-radius-sm);\n }\n \n .kar-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kar-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kar-grid-compact {\n gap: .625rem;\n }\n \n .kar-grid-compact .kar-card {\n padding: .75rem;\n }\n \n .kar-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kar-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kar-timeline-content h3 {\n font-size: 14px;\n }\n \n .kar-timeline-content p {\n font-size: 13px;\n }\n \n .kar-highlight-box {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .kar-highlight-icon {\n font-size: 28px;\n }\n \n .kar-certification {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .kar-usage-block {\n padding: 1.25rem;\n }\n \n .kar-ingredient-item {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kar-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kar-card:nth-child(1) { animation-delay: .05s; }\n .kar-card:nth-child(2) { animation-delay: .1s; }\n .kar-card:nth-child(3) { animation-delay: .15s; }\n .kar-card:nth-child(4) { animation-delay: .2s; }\n .kar-card:nth-child(5) { animation-delay: .25s; }\n .kar-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .kar-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45754846445725,"sku":"LL0085","price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-karanja-anti-oxydante-bio-100-ml-acorelle-lifestyle_60492682-6ce3-4f6e-8fed-ccfcdf671690.webp?v=1769435078"},{"product_id":"soin-preparateur-de-bronzage-100-ml-acorelle","title":"Soin Préparateur de Bronzage - 100 Ml - Acorelle","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin Préparateur De Bronzage - 100 Ml - Acorelle\nPalette détectée:\n - Primaire: #C9A962 (doré\/or du bouchon et des accents)\n - Secondaire: #E8DDD0 (beige crème du flacon)\n - Accent: #8B6914 (doré foncé\/bronze)\n - Background: #FDF8F3 (crème très clair)\nAmbiance: Naturel chic, solaire, élégant, féminin, bio\/organique\nPréfixe CSS: spb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi préparer sa peau au bronzage ?\"\n 2. \"Les bienfaits concrets de ce soin préparateur bio\"\n 3. \"Une formule aux actifs végétaux puissants\"\n 4. \"Comment utiliser ce soin pour un résultat optimal ?\"\n 5. \"Liste complète des ingrédients (INCI)\"\n 6. \"Certifications et engagements Acorelle\"\n 7. \"À qui s'adresse ce soin ?\"\n 8. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"spb-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"spb-hero\"\u003e\n \u003cdiv class=\"spb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"spb-hero-content\"\u003e\n \u003cdiv class=\"spb-badges-top\"\u003e\n \u003cspan class=\"spb-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"spb-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"spb-badge\"\u003e☀️ 99% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"spb-hero-title\"\u003eSoin Préparateur de Bronzage Bio\u003c\/span\u003e\n \u003cp class=\"spb-subtitle\"\u003eAcorelle Nature Sun • 100 ml\u003c\/p\u003e\n \u003cp class=\"spb-description\"\u003eStimule la mélanine, unifie le teint et prolonge votre hâle doré tout l'été. Une cure de beauté solaire certifiée bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"spb-section\"\u003e\n \u003ch2\u003ePourquoi préparer sa peau au bronzage ?\u003c\/h2\u003e\n \u003cdiv class=\"spb-intro-card\"\u003e\n \u003cp\u003eVous êtes-vous déjà demandé pourquoi certaines personnes bronzent rapidement et uniformément, tandis que d'autres peinent à obtenir un teint hâlé ? La réponse réside souvent dans la \u003cstrong\u003epréparation de la peau\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eUne peau bien préparée produit plus efficacement de la mélanine, ce pigment responsable du bronzage. Elle est également plus hydratée, plus souple, et donc moins sujette aux coups de soleil et au vieillissement cutané prématuré.\u003c\/p\u003e\n \u003cdiv class=\"spb-highlight\"\u003e\n \u003cp\u003e✨ Le soin préparateur de bronzage Acorelle agit comme une véritable \u003cstrong\u003ecure d'activation\u003c\/strong\u003e : il booste les mécanismes naturels de votre peau pour qu'elle soit prête à accueillir le soleil dans les meilleures conditions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"spb-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de ce soin préparateur bio\u003c\/h2\u003e\n \u003cdiv class=\"spb-grid\"\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e⚡ Stimule la mélanine\u003c\/h3\u003e\n \u003cp\u003ePour un bronzage plus rapide et plus intense dès les premières expositions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🎨 Unifie le teint\u003c\/h3\u003e\n \u003cp\u003eÉvite les zones de bronzage inégales pour un hâle homogène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e⏳ Prolonge le bronzage\u003c\/h3\u003e\n \u003cp\u003eGardez votre teint doré plusieurs semaines après l'exposition\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e💧 Hydrate en profondeur\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément grâce à sa formule 100% naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🛡️ Prépare aux UV\u003c\/h3\u003e\n \u003cp\u003eAide la peau à mieux se défendre face aux agressions solaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🌸 Texture légère\u003c\/h3\u003e\n \u003cp\u003eFluide et non grasse, pénètre instantanément sans film gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"spb-section\"\u003e\n \u003ch2\u003eUne formule aux actifs végétaux puissants\u003c\/h2\u003e\n \u003cp class=\"spb-section-intro\"\u003eCe qui distingue ce soin préparateur bio, c'est sa composition rigoureusement sélectionnée avec trois actifs végétaux reconnus pour leurs propriétés exceptionnelles sur la pigmentation cutanée.\u003c\/p\u003e\n \u003cdiv class=\"spb-ingredients\"\u003e\n \u003cdiv class=\"spb-ingredient-card\"\u003e\n \u003cdiv class=\"spb-ingredient-header\"\u003e\n \u003cspan class=\"spb-ingredient-icon\"\u003e🥕\u003c\/span\u003e\n \u003ch3\u003eOléactif® Carotte\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eCet actif breveté, riche en bêta-carotène, prépare la peau au bronzage en stimulant naturellement la synthèse de mélanine. Il apporte également un effet bonne mine immédiat et protège les cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-ingredient-card\"\u003e\n \u003cdiv class=\"spb-ingredient-header\"\u003e\n \u003cspan class=\"spb-ingredient-icon\"\u003e🌺\u003c\/span\u003e\n \u003ch3\u003eUrucum\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eSurnommé \"l'or rouge du Brésil\", l'urucum est l'une des sources naturelles les plus concentrées en caroténoïdes. Il favorise une pigmentation homogène et donne à la peau une teinte subtilement dorée, même avant l'exposition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-ingredient-card\"\u003e\n \u003cdiv class=\"spb-ingredient-header\"\u003e\n \u003cspan class=\"spb-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n \u003ch3\u003eMaca\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eCette plante adaptogène péruvienne revitalise la peau et renforce ses défenses naturelles. Elle contribue à maintenir l'élasticité et la souplesse cutanées, essentielles pour un bronzage qui tient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"spb-section\"\u003e\n \u003ch2\u003eComment utiliser ce soin pour un résultat optimal ?\u003c\/h2\u003e\n \u003cdiv class=\"spb-timeline\"\u003e\n \u003cdiv class=\"spb-timeline-item\"\u003e\n \u003cdiv class=\"spb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"spb-timeline-content\"\u003e\n \u003ch3\u003eAvant l'exposition\u003c\/h3\u003e\n \u003cp\u003eCommencez votre cure \u003cstrong\u003e7 à 10 jours avant\u003c\/strong\u003e vos premières expositions au soleil. Appliquez le soin une fois par jour sur l'ensemble du corps et du visage, de préférence après la douche sur peau propre et sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-timeline-item\"\u003e\n \u003cdiv class=\"spb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"spb-timeline-content\"\u003e\n \u003ch3\u003ePendant l'exposition\u003c\/h3\u003e\n \u003cp\u003ePoursuivez l'application quotidienne pour maintenir l'hydratation et optimiser la production de mélanine. \u003cstrong\u003eN'oubliez pas\u003c\/strong\u003e d'utiliser une protection solaire adaptée lors de vos expositions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-timeline-item\"\u003e\n \u003cdiv class=\"spb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"spb-timeline-content\"\u003e\n \u003ch3\u003eAprès l'exposition\u003c\/h3\u003e\n \u003cp\u003eContinuez le soin pour \u003cstrong\u003eprolonger votre bronzage\u003c\/strong\u003e et garder une peau éclatante plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-tip\"\u003e\n \u003cspan class=\"spb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Effectuez un gommage doux 2 à 3 jours avant de commencer votre cure pour éliminer les cellules mortes et permettre aux actifs de mieux pénétrer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"spb-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"spb-accordion\"\u003e\n \u003cdetails class=\"spb-accordion-item\"\u003e\n \u003csummary class=\"spb-accordion-header\"\u003e📋 Voir la liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"spb-accordion-content\"\u003e\n \u003cp\u003eAqua, Glycerin*, Caprylic\/Capric Triglyceride, Coco-Caprylate, Helianthus Annuus Seed Oil*, Cetearyl Alcohol, Glyceryl Stearate Citrate, Bixa Orellana Seed Extract*, Lepidium Meyenii Root Extract*, Daucus Carota Sativa Root Extract*, Parfum, Xanthan Gum, Tocopherol, Sodium Benzoate, Potassium Sorbate, Citric Acid, Benzyl Salicylate, Citronellol, Geraniol, Limonene, Linalool.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-grid-compact\"\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e99%\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e75%\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'Agriculture Biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"spb-section\"\u003e\n \u003ch2\u003eCertifications et engagements Acorelle\u003c\/h2\u003e\n \u003cdiv class=\"spb-grid-compact\"\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🏆 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert Greenlife\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué dans les Pyrénées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e♻️ Éco-conçu\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclable de 100 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🚫 Sans controverse\u003c\/h3\u003e\n \u003cp\u003eSans silicones, parabènes, phénoxyéthanol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🌱 Clean beauty\u003c\/h3\u003e\n \u003cp\u003eSans huiles minérales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"spb-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce soin ?\u003c\/h2\u003e\n \u003cp class=\"spb-section-intro\"\u003eCe soin préparateur convient à tous les types de peau, y compris les peaux sensibles. Il est particulièrement recommandé si vous :\u003c\/p\u003e\n \u003cdiv class=\"spb-grid\"\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e😓 Bronzez difficilement\u003c\/h3\u003e\n \u003cp\u003eVotre peau met du temps à dorer ou bronze de manière irrégulière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e⏰ Voulez un bronzage durable\u003c\/h3\u003e\n \u003cp\u003eSouhaitez un teint hâlé qui dure plus longtemps après les vacances\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🌿 Préférez le naturel\u003c\/h3\u003e\n \u003cp\u003eRecherchez une alternative naturelle aux autobronzants chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e✈️ Préparez vos vacances\u003c\/h3\u003e\n \u003cp\u003eVoulez préparer votre peau avant de partir au soleil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🇫🇷 Aimez le bio français\u003c\/h3\u003e\n \u003cp\u003ePréférez les cosmétiques certifiés bio et fabriqués en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e💆 Avez la peau sensible\u003c\/h3\u003e\n \u003cp\u003eFormule douce adaptée à tous les types de peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"spb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"spb-accordion\"\u003e\n \u003cdetails class=\"spb-accordion-item\"\u003e\n \u003csummary class=\"spb-accordion-header\"\u003e⚠️ Important à savoir\u003c\/summary\u003e\n \u003cdiv class=\"spb-accordion-content\"\u003e\n \u003cp\u003eCe soin prépare la peau au bronzage mais \u003cstrong\u003ene remplace en aucun cas une protection solaire\u003c\/strong\u003e. Lors de toute exposition au soleil, appliquez systématiquement un écran solaire adapté à votre phototype.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"spb-accordion-item\"\u003e\n \u003csummary class=\"spb-accordion-header\"\u003e👁️ Conseils d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"spb-accordion-content\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas d'irritation, cessez l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"spb-accordion-item\"\u003e\n \u003csummary class=\"spb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"spb-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"spb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"spb-cta-box\"\u003e\n \u003cp\u003e☀️ Offrez à votre peau la préparation qu'elle mérite avec le \u003cstrong\u003eSoin Préparateur de Bronzage Bio Acorelle\u003c\/strong\u003e. Ce flacon de 100 ml vous accompagnera tout au long de l'été pour un teint doré, naturel et éclatant de santé.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem; font-size: .9em; opacity: .9;\"\u003eParce qu'un beau bronzage commence bien avant la plage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --spb-cream: #FDF8F3;\n --spb-white: #ffffff;\n --spb-primary: #C9A962;\n --spb-primary-dark: #8B6914;\n --spb-primary-light: #F7F0E3;\n --spb-secondary: #E8DDD0;\n --spb-accent: #D4A84B;\n --spb-text: #1a1a1a;\n --spb-text-light: #5a5a5a;\n --spb-border: #e8e0d8;\n --spb-shadow: 0 4px 24px rgba(139, 105, 20, .08);\n --spb-shadow-lg: 0 12px 48px rgba(139, 105, 20, .15);\n --spb-radius: 20px;\n --spb-radius-sm: 12px;\n}\n\n.spb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--spb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.spb-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A84B 0%, #C9A962 40%, #E8DDD0 100%);\n border-radius: var(--spb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--spb-shadow-lg);\n}\n\n.spb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.spb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.spb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.spb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--spb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.spb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.spb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(139, 105, 20, .3);\n}\n\n.spb-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.spb-hero .spb-description {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.spb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.spb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--spb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.spb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--spb-primary), var(--spb-accent));\n border-radius: 2px;\n}\n\n.spb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--spb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === INTRO CARD === *\/\n.spb-intro-card {\n background: var(--spb-white);\n border-radius: var(--spb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--spb-shadow);\n}\n\n.spb-intro-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--spb-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.spb-intro-card p:last-child {\n margin-bottom: 0;\n}\n\n.spb-highlight {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--spb-primary-light);\n border-radius: var(--spb-radius-sm);\n padding: 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--spb-primary);\n}\n\n.spb-highlight-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.spb-highlight p {\n margin: 0;\n font-size: clamp(14px, 2.5vw, 15px);\n}\n\n\/* === GRILLES === *\/\n.spb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.spb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.spb-card {\n background: var(--spb-white);\n border-radius: var(--spb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--spb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.spb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--spb-shadow-lg);\n border-color: var(--spb-primary);\n}\n\n.spb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--spb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.spb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--spb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.spb-grid-compact .spb-card {\n padding: 1rem;\n}\n\n.spb-grid-compact .spb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.spb-grid-compact .spb-card p {\n font-size: 12px;\n}\n\n\/* === INGREDIENTS === *\/\n.spb-ingredients {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.spb-ingredient-card {\n background: var(--spb-white);\n border-radius: var(--spb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--spb-shadow);\n border-left: 4px solid var(--spb-primary);\n transition: all .3s ease;\n}\n\n.spb-ingredient-card:hover {\n transform: translateX(6px);\n box-shadow: var(--spb-shadow-lg);\n}\n\n.spb-ingredient-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: .75rem;\n}\n\n.spb-ingredient-icon {\n font-size: 28px;\n}\n\n.spb-ingredient-card h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--spb-primary-dark);\n margin: 0;\n}\n\n.spb-ingredient-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--spb-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.spb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.spb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.spb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--spb-primary), var(--spb-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(201, 169, 98, .3);\n}\n\n.spb-timeline-content {\n flex: 1;\n background: var(--spb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--spb-radius-sm);\n box-shadow: var(--spb-shadow);\n}\n\n.spb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--spb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.spb-timeline-content p {\n font-size: 14px;\n color: var(--spb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.spb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--spb-primary-light);\n border-radius: var(--spb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.spb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.spb-tip p {\n font-size: 14px;\n color: var(--spb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.spb-accordion {\n background: var(--spb-white);\n border-radius: var(--spb-radius);\n box-shadow: var(--spb-shadow);\n overflow: hidden;\n}\n\n.spb-accordion-item {\n border-bottom: 1px solid var(--spb-border);\n margin: 0;\n padding: 0;\n}\n\n.spb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.spb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--spb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.spb-accordion-header:hover {\n background: var(--spb-primary-light);\n}\n\n.spb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.spb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--spb-primary);\n transition: transform .2s ease;\n}\n\n.spb-accordion-item[open] .spb-accordion-header::after {\n content: '−';\n}\n\n.spb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--spb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.spb-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.spb-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.spb-cta-box {\n background: linear-gradient(135deg, var(--spb-primary) 0%, var(--spb-primary-dark) 100%);\n border-radius: var(--spb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.spb-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.spb-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .spb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .spb-card {\n padding: 1.125rem;\n }\n \n .spb-section {\n margin-bottom: 1.75rem;\n }\n \n .spb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--spb-radius-sm);\n }\n \n .spb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .spb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .spb-grid-compact {\n gap: .625rem;\n }\n \n .spb-grid-compact .spb-card {\n padding: .75rem;\n }\n \n .spb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .spb-timeline-content {\n padding: .875rem 1rem;\n }\n \n .spb-timeline-content h3 {\n font-size: 14px;\n }\n \n .spb-timeline-content p {\n font-size: 13px;\n }\n \n .spb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .spb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .spb-intro-card {\n padding: 1.25rem;\n }\n \n .spb-highlight {\n padding: 1rem;\n flex-direction: column;\n gap: .5rem;\n }\n \n .spb-ingredient-card {\n padding: 1rem;\n }\n \n .spb-ingredient-header {\n gap: .5rem;\n }\n \n .spb-ingredient-icon {\n font-size: 24px;\n }\n \n .spb-tip {\n padding: .875rem 1rem;\n gap: .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .spb-card {\n animation: spbFadeInUp .5s ease backwards;\n }\n .spb-card:nth-child(1) { animation-delay: .05s; }\n .spb-card:nth-child(2) { animation-delay: .1s; }\n .spb-card:nth-child(3) { animation-delay: .15s; }\n .spb-card:nth-child(4) { animation-delay: .2s; }\n .spb-card:nth-child(5) { animation-delay: .25s; }\n .spb-card:nth-child(6) { animation-delay: .3s; }\n \n .spb-ingredient-card {\n animation: spbFadeInLeft .5s ease backwards;\n }\n .spb-ingredient-card:nth-child(1) { animation-delay: .1s; }\n .spb-ingredient-card:nth-child(2) { animation-delay: .2s; }\n .spb-ingredient-card:nth-child(3) { animation-delay: .3s; }\n \n .spb-timeline-item {\n animation: spbFadeInUp .5s ease backwards;\n }\n .spb-timeline-item:nth-child(1) { animation-delay: .1s; }\n .spb-timeline-item:nth-child(2) { animation-delay: .2s; }\n .spb-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes spbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes spbFadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .spb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45754850345117,"sku":"LL0080","price":21.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-preparateur-de-bronzage-100-ml-acorelle-lifestyle.webp?v=1769852159"},{"product_id":"beurre-de-karite-200-g-k-pour-karite","title":"Beurre de Karité - 200 g - K pour Karité","description":"\u003cdiv class=\"kk-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kk-hero\"\u003e\n \u003cdiv class=\"kk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kk-hero-content\"\u003e\n \u003cdiv class=\"kk-badges-top\"\u003e\n \u003cspan class=\"kk-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"kk-badge\"\u003e🇧🇫 Origine Burkina Faso\u003c\/span\u003e\n \u003cspan class=\"kk-badge\"\u003e🧴 200 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kk-hero-title\"\u003eBeurre de Karité Bio\u003c\/span\u003e\n \u003cp class=\"kk-subtitle\"\u003eK pour Karité — Laboratoire Ariland\u003c\/p\u003e\n \u003cp class=\"kk-description\"\u003eUn seul ingrédient d'une pureté totale. Soin cheveux \u0026amp; corps certifié bio par Ecocert, pur et non raffiné, pour nourrir, protéger et réparer au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003eBeurre de karité bio K pour Karité : un soin cheveux et corps d'exception\u003c\/h2\u003e\n \u003cp class=\"kk-section-intro\"\u003eVous cherchez un soin naturel capable de nourrir intensément votre peau \u003cstrong\u003eet\u003c\/strong\u003e vos cheveux en un seul geste ? Le \u003cstrong\u003ebeurre de karité\u003c\/strong\u003e K pour Karité est un indispensable à glisser dans votre salle de bain.\u003c\/p\u003e\n \u003cdiv class=\"kk-grid-compact\"\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🌱 100 % pur\u003c\/h3\u003e\n \u003cp\u003eNon raffiné, sans aucun additif chimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCOSMOS Organic par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e💛 Actifs préservés\u003c\/h3\u003e\n \u003cp\u003eVitamines A, D, E, F et acides gras essentiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e📦 Format généreux\u003c\/h3\u003e\n \u003cp\u003e200 g pour des semaines de routine beauté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003ePourquoi choisir un beurre de karité pur et bio ?\u003c\/h2\u003e\n \u003cp class=\"kk-section-intro\"\u003eTous les beurres de karité ne se valent pas. Beaucoup sont raffinés, désodorisés ou mélangés à des additifs qui appauvrissent leurs qualités. Celui de K pour Karité est \u003cstrong\u003e100 % pur\u003c\/strong\u003e, sans aucun ajout chimique.\u003c\/p\u003e\n \u003cdiv class=\"kk-grid\"\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🧬 Vitamines A, D, E et F\u003c\/h3\u003e\n \u003cp\u003eConcentration maximale en vitamines essentielles grâce à l'absence de raffinage. Votre peau reçoit le meilleur du karité brut.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🫧 Acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003eRichesse en insaponifiables et acides gras qui confèrent ses propriétés nourrissantes, protectrices et réparatrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e✨ Texture fondante\u003c\/h3\u003e\n \u003cp\u003eSa texture onctueuse fond au contact de la peau et pénètre rapidement sans laisser de sensation grasse désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003eLes bienfaits du beurre de karité pour les cheveux\u003c\/h2\u003e\n \u003cp class=\"kk-section-intro\"\u003eL'un des soins capillaires naturels les plus polyvalents qui existent. Découvrez comment l'intégrer à votre routine.\u003c\/p\u003e\n \u003cdiv class=\"kk-timeline\"\u003e\n \u003cdiv class=\"kk-timeline-item\"\u003e\n \u003cdiv class=\"kk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-content\"\u003e\n \u003ch3\u003eMasque avant-shampooing\u003c\/h3\u003e\n \u003cp\u003eAppliquez le beurre de karité sur cheveux secs, mèche par mèche, en insistant sur les longueurs et les pointes. Laissez poser 30 minutes à 1 heure sous une serviette chaude, puis lavez normalement. Vos cheveux retrouvent douceur et souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-item\"\u003e\n \u003cdiv class=\"kk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-content\"\u003e\n \u003ch3\u003eSoin des pointes\u003c\/h3\u003e\n \u003cp\u003eChauffez une noisette de beurre de karité entre vos paumes et lissez les pointes sèches ou fourchues. Idéal pour discipliner les cheveux crépus, frisés ou bouclés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-item\"\u003e\n \u003cdiv class=\"kk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-content\"\u003e\n \u003ch3\u003eProtection contre la chaleur et le froid\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité forme un film protecteur sur les cheveux qui limite la casse liée aux agressions extérieures, été comme hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003eUn soin complet pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"kk-section-intro\"\u003eAu-delà des cheveux, ce beurre de karité bio est un allié remarquable pour toutes les zones du corps qui manquent de confort.\u003c\/p\u003e\n \u003cdiv class=\"kk-grid-compact\"\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🌙 Visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez une fine couche le soir pour nourrir les peaux sèches ou sensibles pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eMassez généreusement les zones rugueuses : coudes, genoux et talons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🤲 Mains\u003c\/h3\u003e\n \u003cp\u003eProtégez-les des gerçures hivernales grâce à un massage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e💋 Lèvres\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le comme baume naturel pour apaiser et réparer les lèvres desséchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"kk-compo-box\"\u003e\n \u003cdiv class=\"kk-compo-single\"\u003e\n \u003cspan class=\"kk-compo-name\"\u003eButyrospermum Parkii (Shea) Butter*\u003c\/span\u003e\n \u003cspan class=\"kk-compo-tag\"\u003e* Ingrédient issu de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"kk-compo-note\"\u003eC'est tout. Aucun conservateur, aucun parfum synthétique, aucun colorant. Un seul ingrédient, d'une pureté totale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003eOrigine et engagement éthique\u003c\/h2\u003e\n \u003cdiv class=\"kk-grid\"\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🇧🇫 Burkina Faso\u003c\/h3\u003e\n \u003cp\u003eLes noix de karité sont récoltées par des coopératives de femmes, selon des méthodes artisanales transmises de génération en génération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eEn choisissant ce produit, vous soutenez l'autonomie économique de ces communautés locales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n \u003cp\u003eLe Laboratoire Ariland s'engage dans une démarche responsable, de la récolte jusqu'au conditionnement en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"kk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eNos conseils pratiques\u003c\/h2\u003e\n \u003cdiv class=\"kk-accordion\"\u003e\n \u003cdetails class=\"kk-accordion-item\"\u003e\n \u003csummary class=\"kk-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"kk-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre pot à l'abri de la chaleur directe. Si le beurre durcit en hiver, réchauffez-le simplement entre vos mains avant application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kk-accordion-item\"\u003e\n \u003csummary class=\"kk-accordion-header\"\u003e🧪 Recettes maison\u003c\/summary\u003e\n \u003cdiv class=\"kk-accordion-content mt-3\"\u003e\n \u003cp\u003eVous pouvez le faire fondre légèrement au bain-marie pour l'incorporer dans vos recettes cosmétiques maison — masques capillaires, baumes ou crèmes hydratantes personnalisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kk-accordion-item\"\u003e\n \u003csummary class=\"kk-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n \u003cdiv class=\"kk-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-tip\"\u003e\n \u003cspan class=\"kk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAstuce : appliquez le beurre de karité sur peau encore légèrement humide après la douche pour une absorption optimale et un effet cocooning immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kk-cream: #f7f3ee;\n --kk-white: #ffffff;\n --kk-primary: #b8955a;\n --kk-primary-dark: #7a5c2e;\n --kk-primary-light: #f3ebe0;\n --kk-secondary: #8b7355;\n --kk-accent: #d4a84b;\n --kk-text: #1a1a1a;\n --kk-text-light: #5a5a5a;\n --kk-border: #e4ddd4;\n --kk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kk-radius: 20px;\n --kk-radius-sm: 12px;\n}\n\n.kk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kk-hero {\n position: relative;\n background: linear-gradient(135deg, #7a5c2e 0%, #b8955a 50%, #d4a84b 100%);\n border-radius: var(--kk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kk-shadow-lg);\n}\n\n.kk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.kk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kk-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.kk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.kk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kk-primary), var(--kk-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kk-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.kk-card {\n background: var(--kk-white);\n border-radius: var(--kk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kk-shadow-lg);\n border-color: var(--kk-primary);\n}\n\n.kk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kk-grid-compact .kk-card {\n padding: 1rem;\n}\n\n.kk-grid-compact .kk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kk-grid-compact .kk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kk-primary), var(--kk-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kk-timeline-content {\n flex: 1;\n background: var(--kk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kk-radius-sm);\n box-shadow: var(--kk-shadow);\n}\n\n.kk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kk-timeline-content p {\n font-size: 14px;\n color: var(--kk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.kk-compo-box {\n background: var(--kk-white);\n border-radius: var(--kk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kk-shadow);\n text-align: center;\n}\n\n.kk-compo-single {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .5rem;\n margin-bottom: 1.25rem;\n padding-bottom: 1.25rem;\n border-bottom: 2px dashed var(--kk-border);\n}\n\n.kk-compo-name {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--kk-primary-dark);\n letter-spacing: -.01em;\n}\n\n.kk-compo-tag {\n display: inline-block;\n padding: 4px 14px;\n background: var(--kk-primary-light);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n color: var(--kk-primary-dark);\n}\n\n.kk-compo-note {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kk-text-light);\n margin: 0;\n line-height: 1.6;\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.kk-accordion {\n background: var(--kk-white);\n border-radius: var(--kk-radius);\n box-shadow: var(--kk-shadow);\n overflow: hidden;\n}\n\n.kk-accordion-item {\n border-bottom: 1px solid var(--kk-border);\n margin: 0;\n padding: 0;\n}\n\n.kk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kk-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.kk-accordion-header:hover {\n background: var(--kk-primary-light);\n}\n\n.kk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kk-primary);\n transition: transform .2s ease;\n}\n\n.kk-accordion-item[open] .kk-accordion-header::after {\n content: '−';\n}\n\n.kk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kk-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kk-primary-light);\n border-radius: var(--kk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kk-tip p {\n font-size: 14px;\n color: var(--kk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kk-card {\n padding: 1.125rem;\n }\n\n .kk-section {\n margin-bottom: 1.75rem;\n }\n\n .kk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kk-radius-sm);\n }\n\n .kk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kk-grid-compact {\n gap: .625rem;\n }\n\n .kk-grid-compact .kk-card {\n padding: .75rem;\n }\n\n .kk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kk-timeline-content h3 {\n font-size: 14px;\n }\n\n .kk-timeline-content p {\n font-size: 13px;\n }\n\n .kk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .kk-compo-name {\n font-size: 16px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kk-card {\n animation: kkFadeInUp .5s ease backwards;\n }\n .kk-card:nth-child(1) { animation-delay: .05s; }\n .kk-card:nth-child(2) { animation-delay: .1s; }\n .kk-card:nth-child(3) { animation-delay: .15s; }\n .kk-card:nth-child(4) { animation-delay: .2s; }\n .kk-card:nth-child(5) { animation-delay: .25s; }\n .kk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kkFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .kk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755010449565,"sku":"REF994","price":22.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-200-g-k-pour-karite-packshothd.webp?v=1775998211"},{"product_id":"huile-de-massage-bio-pitta-flacon-de-100-ml-ayurvana","title":"Huile de Massage Bio Pitta - Flacon de 100 ml - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Massage Bio Pitta - Ayur-Vana\nPalette détectée:\n - Primaire: #C8922A (doré\/ambre du flacon et de l'huile)\n - Secondaire: #E8A83E (jaune orangé chaud de l'étiquette)\n - Accent: #5A8C3C (vert du label bio)\nAmbiance: Ayurvédique, naturel\/bio, zen, chaleur dorée apaisante, univers bien-être holistique\nPréfixe CSS: pt\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de Massage Bio Pitta Ayur-Vana : l'alliée des peaux sensibles et des tempéraments de feu\"\n 2. \"Pourquoi choisir une huile de massage ayurvédique Pitta ?\"\n 3. \"Composition et ingrédients\"\n 4. \"Conseils d'utilisation : comment réaliser votre massage Pitta\"\n 5. \"Les bienfaits concrets au quotidien\"\n 6. \"À qui s'adresse cette huile ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"pt-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pt-hero\"\u003e\n \u003cdiv class=\"pt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pt-hero-content\"\u003e\n \u003cdiv class=\"pt-badges-top\"\u003e\n \u003cspan class=\"pt-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"pt-badge\"\u003e🧘 Tradition Ayurvédique\u003c\/span\u003e\n \u003cspan class=\"pt-badge\"\u003e🍃 100 % Naturelle\u003c\/span\u003e\n \u003cspan class=\"pt-badge\"\u003e🇫🇷 100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pt-hero-title\"\u003eHuile de Massage Bio Pitta\u003c\/span\u003e\n \u003cp class=\"pt-subtitle\"\u003eAyur-Vana — Flacon 100 ml\u003c\/p\u003e\n \u003cp class=\"pt-description\"\u003eUn rituel ayurvédique rafraîchissant et apaisant, formulé pour calmer le feu intérieur et sublimer les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"pt-section\"\u003e\n \u003ch2\u003eHuile de Massage Bio Pitta Ayur-Vana : l'alliée des peaux sensibles et des tempéraments de feu\u003c\/h2\u003e\n \u003cp class=\"pt-section-intro\"\u003eVous ressentez souvent des sensations de chaleur, des rougeurs ou une peau réactive ? En \u003cstrong\u003eAyurvéda\u003c\/strong\u003e, ces signes sont typiques d'un \u003cstrong\u003edosha Pitta\u003c\/strong\u003e en excès.\u003c\/p\u003e\n \u003cdiv class=\"pt-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003eHuile de Massage Bio Pitta\u003c\/strong\u003e d'Ayur-Vana a été spécifiquement formulée pour apaiser ce déséquilibre grâce à une synergie d'huiles végétales biologiques et d'extraits de plantes rafraîchissantes. Un véritable rituel de bien-être en flacon de 100 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"pt-section\"\u003e\n \u003ch2\u003ePourquoi choisir une huile de massage ayurvédique Pitta ?\u003c\/h2\u003e\n \u003cp class=\"pt-section-intro\"\u003eDans la tradition ayurvédique, le massage à l'huile — appelé \u003cstrong\u003eAbhyanga\u003c\/strong\u003e — est un pilier de l'hygiène de vie quotidienne.\u003c\/p\u003e\n \u003cdiv class=\"pt-grid-compact\"\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e❄️ Rafraîchissante\u003c\/h3\u003e\n \u003cp\u003ePropriétés spécifiquement conçues pour calmer le feu de Pitta, contrairement aux huiles Vata qui privilégient la chaleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations et procure une sensation de fraîcheur immédiate sur les peaux réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e💧 Nourrissante\u003c\/h3\u003e\n \u003cp\u003eNourrit la peau en profondeur pour un confort durable tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🎯 Ciblée Pitta\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux sensibles, sujettes aux rougeurs, qui ont besoin de douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"pt-section\"\u003e\n \u003ch2\u003eComposition et ingrédients\u003c\/h2\u003e\n \u003cp class=\"pt-section-intro\"\u003eCertifiée \u003cstrong\u003ebio\u003c\/strong\u003e, cette huile repose sur une base d'\u003cstrong\u003ehuile de sésame\u003c\/strong\u003e — l'huile traditionnelle du massage ayurvédique — enrichie d'extraits de plantes reconnues.\u003c\/p\u003e\n \u003cdiv class=\"pt-grid\"\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n \u003cp\u003eBase traditionnelle ayurvédique : nourrit, assouplit et pénètre facilement la peau pour un soin en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🌿 Extraits de plantes rafraîchissantes\u003c\/h3\u003e\n \u003cp\u003ePlantes ayurvédiques sélectionnées pour leurs vertus apaisantes, contribuant à calmer le feu de Pitta\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🍃 Huiles essentielles douces\u003c\/h3\u003e\n \u003cp\u003eApportent un parfum herbacé subtil propice à la détente, sans être entêtant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-tip\"\u003e\n \u003cspan class=\"pt-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003e100 % naturelle\u003c\/strong\u003e, sans additifs chimiques, sans conservateurs de synthèse et sans parfums artificiels. Chaque ingrédient respecte les principes de la \u003cstrong\u003emédecine ayurvédique\u003c\/strong\u003e traditionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"pt-section\"\u003e\n \u003ch2\u003eConseils d'utilisation : comment réaliser votre massage Pitta\u003c\/h2\u003e\n \u003cp class=\"pt-section-intro\"\u003ePour profiter pleinement des bienfaits de cette \u003cstrong\u003ehuile de massage ayurvédique\u003c\/strong\u003e, suivez ces étapes simples :\u003c\/p\u003e\n \u003cdiv class=\"pt-timeline\"\u003e\n \u003cdiv class=\"pt-timeline-item\"\u003e\n \u003cdiv class=\"pt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pt-timeline-content\"\u003e\n \u003ch3\u003eVersez quelques gouttes\u003c\/h3\u003e\n \u003cp\u003eDéposez quelques gouttes d'huile dans le creux de vos mains\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-timeline-item\"\u003e\n \u003cdiv class=\"pt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pt-timeline-content\"\u003e\n \u003ch3\u003eTiédissez légèrement\u003c\/h3\u003e\n \u003cp\u003eFrottez vos paumes l'une contre l'autre pour tiédir l'huile — Pitta préfère une \u003cstrong\u003etempérature modérée\u003c\/strong\u003e, contrairement au massage à l'huile chaude recommandé pour Vata\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-timeline-item\"\u003e\n \u003cdiv class=\"pt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pt-timeline-content\"\u003e\n \u003ch3\u003eMassez en mouvements fluides\u003c\/h3\u003e\n \u003cp\u003eAppliquez en mouvements longs et fluides sur l'ensemble du corps, en insistant sur les zones de tension : épaules, nuque, plexus solaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-timeline-item\"\u003e\n \u003cdiv class=\"pt-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pt-timeline-content\"\u003e\n \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n \u003cp\u003eLaissez agir \u003cstrong\u003e15 à 20 minutes\u003c\/strong\u003e avant de rincer sous une douche tiède\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-tip\"\u003e\n \u003cspan class=\"pt-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si vous possédez un \u003cstrong\u003echauffe-huile massage ayurvédique\u003c\/strong\u003e, réglez-le sur une température basse pour conserver les propriétés rafraîchissantes de la formule. L'objectif est de tiédir sans surchauffer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"pt-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"pt-grid\"\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🌬️ Apaise les peaux irritées\u003c\/h3\u003e\n \u003cp\u003eLes plantes rafraîchissantes calment les irritations et réduisent les rougeurs des peaux réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e💧 Nourrit et assouplit\u003c\/h3\u003e\n \u003cp\u003eLa peau est nourrie durablement, retrouve souplesse et confort jour après jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🧘 Favorise la détente mentale\u003c\/h3\u003e\n \u003cp\u003eAide à relâcher les tensions liées au stress et à retrouver un calme intérieur profond\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e⚖️ Rééquilibre le dosha Pitta\u003c\/h3\u003e\n \u003cp\u003eAgit naturellement sur l'excès de Pitta pour restaurer l'harmonie corps-esprit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🌸 Parfum herbacé délicat\u003c\/h3\u003e\n \u003cp\u003eUn subtil bouquet végétal qui calme l'esprit sans être entêtant, propice à la méditation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"pt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette huile ?\u003c\/h2\u003e\n \u003cdiv class=\"pt-grid-compact\"\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🔥 Constitution Pitta\u003c\/h3\u003e\n \u003cp\u003ePersonnes de nature Pitta ou traversant un déséquilibre : irritabilité, chaleur excessive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🌹 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003ePeaux sujettes aux rougeurs et réactivité, qui recherchent douceur et apaisement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🧖 Rituel détente\u003c\/h3\u003e\n \u003cp\u003eToute personne recherchant une huile de massage bio apaisante et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eCelles et ceux qui souhaitent un rituel authentique, sans additifs chimiques ni parfums artificiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"pt-disclaimer\"\u003eCe produit cosmétique ne remplace pas un avis médical. En cas de doute sur votre constitution ayurvédique ou de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pt-cream: #FDF8F0;\n --pt-white: #ffffff;\n --pt-primary: #C8922A;\n --pt-primary-dark: #8B6518;\n --pt-primary-light: #FFF5E1;\n --pt-secondary: #E8A83E;\n --pt-accent: #5A8C3C;\n --pt-text: #1a1a1a;\n --pt-text-light: #5a5a5a;\n --pt-border: #e8ddd0;\n --pt-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pt-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pt-radius: 20px;\n --pt-radius-sm: 12px;\n}\n\n.pt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.pt-hero {\n position: relative;\n background: linear-gradient(135deg, #8B6518 0%, #C8922A 40%, #E8A83E 70%, #5A8C3C 100%);\n border-radius: var(--pt-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pt-shadow-lg);\n}\n\n.pt-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.pt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pt-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pt-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.pt-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.pt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pt-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pt-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.pt-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pt-primary), var(--pt-accent));\n border-radius: 2px;\n}\n\n.pt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pt-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.pt-card {\n background: var(--pt-white);\n border-radius: var(--pt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pt-shadow-lg);\n border-color: var(--pt-primary);\n}\n\n.pt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pt-grid-compact .pt-card {\n padding: 1rem;\n}\n\n.pt-grid-compact .pt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pt-grid-compact .pt-card p {\n font-size: 12px;\n}\n\n.pt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pt-primary), var(--pt-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pt-timeline-content {\n flex: 1;\n background: var(--pt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pt-radius-sm);\n box-shadow: var(--pt-shadow);\n}\n\n.pt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pt-timeline-content p {\n font-size: 14px;\n color: var(--pt-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.pt-highlight-box {\n background: var(--pt-white);\n border-radius: var(--pt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pt-shadow);\n border-left: 4px solid var(--pt-primary);\n}\n\n.pt-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pt-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.pt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pt-primary-light);\n border-radius: var(--pt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pt-tip p {\n font-size: 14px;\n color: var(--pt-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.pt-disclaimer {\n font-size: 12px;\n color: var(--pt-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .pt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pt-card {\n padding: 1.125rem;\n }\n\n .pt-section {\n margin-bottom: 1.75rem;\n }\n\n .pt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pt-radius-sm);\n }\n\n .pt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pt-grid-compact {\n gap: .625rem;\n }\n\n .pt-grid-compact .pt-card {\n padding: .75rem;\n }\n\n .pt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pt-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pt-timeline-content h3 {\n font-size: 14px;\n }\n\n .pt-timeline-content p {\n font-size: 13px;\n }\n\n .pt-highlight-box {\n padding: 1.25rem;\n }\n\n .pt-highlight-box p {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .pt-card {\n animation: ptFadeInUp .5s ease backwards;\n }\n .pt-card:nth-child(1) { animation-delay: .05s; }\n .pt-card:nth-child(2) { animation-delay: .1s; }\n .pt-card:nth-child(3) { animation-delay: .15s; }\n .pt-card:nth-child(4) { animation-delay: .2s; }\n .pt-card:nth-child(5) { animation-delay: .25s; }\n .pt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ptFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .pt-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755095154845,"sku":"AY0106","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-massage-bio-pitta-flacon-de-100-ml-ayur-vana-lifestyle.webp?v=1771101657"},{"product_id":"huile-de-ricin-bio-flacon-de-30-ml-ayurvana","title":"Huile de Ricin Bio - Flacon de 30 Ml - Ayur-Vana","description":"\u003cdiv class=\"hr-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hr-hero\"\u003e\n\u003cdiv class=\"hr-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hr-hero-content\"\u003e\n\u003cdiv class=\"hr-badges-top\"\u003e\n\u003cspan class=\"hr-badge\"\u003e🌿 100 % pure et bio\u003c\/span\u003e \u003cspan class=\"hr-badge\"\u003e🧴 Première pression à froid\u003c\/span\u003e \u003cspan class=\"hr-badge\"\u003e🇫🇷 Ayur-Vana\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hr-hero-title\"\u003eHuile de Ricin Bio\u003c\/span\u003e\n\u003cp class=\"hr-subtitle\"\u003eFlacon 30 ml — Ayur-Vana\u003c\/p\u003e\n\u003cp class=\"hr-description\"\u003eL'huile polyvalente par excellence : fortifie les cheveux, nourrit la peau, renforce les ongles. Un seul ingrédient, zéro superflu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"hr-section\"\u003e\n\u003ch2\u003eHuile de Ricin : le soin fortifiant pour vos cheveux, peau et ongles\u003c\/h2\u003e\n\u003cp class=\"hr-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de ricin\u003c\/strong\u003e fiable, pure et certifiée bio ? L'Huile de Ricin Bio Ayur-Vana est un soin naturel polyvalent, obtenu par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e des graines de \u003cem\u003eRicinus Communis\u003c\/em\u003e.\u003c\/p\u003e\n\u003cdiv class=\"hr-grid-compact\"\u003e\n\u003cdiv class=\"hr-card\"\u003e\n\u003ch3\u003e🌱 100 % bio\u003c\/h3\u003e\n\u003cp\u003eCertifiée agriculture biologique, sans aucun additif ni conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hr-card\"\u003e\n\u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n\u003cp\u003eExtraction douce qui préserve l'intégralité des actifs naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hr-card\"\u003e\n\u003ch3\u003e✨ Résultats visibles\u003c\/h3\u003e\n\u003cp\u003eDes effets constatés dès les premières applications\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hr-card\"\u003e\n\u003ch3\u003e🧳 Format 30 ml\u003c\/h3\u003e\n\u003cp\u003eFlacon pratique, idéal pour voyager ou pour découvrir le produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"hr-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'huile de ricin pour les cheveux et la beauté naturelle ?\u003c\/h2\u003e\n\u003cp class=\"hr-section-intro\"\u003eUtilisée depuis des siècles dans les rituels de beauté traditionnels — notamment en Inde, dans la tradition ayurvédique — l'huile de ricin est un trésor de la nature aux propriétés exceptionnelles.\u003c\/p\u003e\n\u003cdiv class=\"hr-grid\"\u003e\n\u003cdiv class=\"hr-card\"\u003e\n\u003ch3\u003e🔬 ~90 % d'acide ricinoléique\u003c\/h3\u003e\n\u003cp\u003eUn actif unique qui confère à cette huile ses propriétés nourrissantes, fortifiantes et protectrices incomparables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hr-card\"\u003e\n\u003ch3\u003e💧 Film protecteur naturel\u003c\/h3\u003e\n\u003cp\u003eSa texture épaisse et visqueuse forme un bouclier sur la fibre capillaire et la peau, limitant la déshydratation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hr-card\"\u003e\n\u003ch3\u003e💆 Soin 3-en-1\u003c\/h3\u003e\n\u003cp\u003eCheveux, peau et ongles : un seul produit pour une routine beauté naturelle complète et simplifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"hr-section\"\u003e\n\u003ch2\u003eComment utiliser l'huile de ricin sur les cheveux ?\u003c\/h2\u003e\n\u003cp class=\"hr-section-intro\"\u003eAppliquer de l'huile de ricin dans les cheveux est simple, à condition de connaître quelques astuces pour en tirer le meilleur parti.\u003c\/p\u003e\n\u003cdiv class=\"hr-timeline\"\u003e\n\u003cdiv class=\"hr-timeline-item\"\u003e\n\u003cdiv class=\"hr-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hr-timeline-content\"\u003e\n\u003ch3\u003e🧖 En masque capillaire\u003c\/h3\u003e\n\u003cp\u003eRépartissez quelques gouttes sur cheveux secs, des racines aux pointes. Enveloppez dans une serviette tiède et laissez poser au minimum 1 heure — idéalement toute une nuit. Lavez avec un shampooing doux. 1 à 2 fois par semaine pour nourrir et renforcer les cheveux cassants, fins ou dévitalisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hr-timeline-item\"\u003e\n\u003cdiv class=\"hr-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hr-timeline-content\"\u003e\n\u003ch3\u003e✂️ En soin des pointes\u003c\/h3\u003e\n\u003cp\u003eUne seule goutte suffit sur les pointes fourchues pour les sceller et leur redonner de la souplesse au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hr-timeline-item\"\u003e\n\u003cdiv class=\"hr-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hr-timeline-content\"\u003e\n\u003ch3\u003e👁️ Pour les cils et sourcils\u003c\/h3\u003e\n\u003cp\u003eAppliquez une infime quantité le soir à l'aide d'une brosse propre pour fortifier les cils et densifier les sourcils naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"hr-section\"\u003e\n\u003ch2\u003eDes bienfaits qui vont au-delà des cheveux\u003c\/h2\u003e\n\u003cdiv class=\"hr-grid\"\u003e\n\u003cdiv class=\"hr-card\"\u003e\n\u003ch3\u003e🤲 Pour la peau\u003c\/h3\u003e\n\u003cp\u003eMassez quelques gouttes sur les zones sèches, les cuticules ou les lèvres gercées. Cette huile est remarquable pour adoucir et assouplir les peaux rugueuses ou déshydratées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hr-card\"\u003e\n\u003ch3\u003e💅 Pour les ongles\u003c\/h3\u003e\n\u003cp\u003eAppliquez une goutte sur chaque ongle chaque soir et massez délicatement. En quelques semaines, vos ongles seront plus résistants et moins cassants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"hr-section\"\u003e\n\u003ch2\u003eComposition – un seul ingrédient, zéro superflu\u003c\/h2\u003e\n\u003cdiv class=\"hr-composition-highlight\"\u003e\n\u003cdiv class=\"hr-composition-single\"\u003e\n\u003cspan class=\"hr-composition-icon\"\u003e🌿\u003c\/span\u003e\n\u003cdiv class=\"hr-composition-detail\"\u003e\n\u003cstrong\u003eRicinus Communis Seed Oil*\u003c\/strong\u003e \u003cspan\u003e*issu de l'agriculture biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hr-grid-compact\"\u003e\n\u003cdiv class=\"hr-card\"\u003e\n\u003ch3\u003e🚫 Aucun conservateur\u003c\/h3\u003e\n\u003cp\u003eFormule pure sans ajout\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hr-card\"\u003e\n\u003ch3\u003e🚫 Aucun parfum\u003c\/h3\u003e\n\u003cp\u003eSans parfum de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hr-card\"\u003e\n\u003ch3\u003e🐰 Non testée\u003c\/h3\u003e\n\u003cp\u003ePas de tests sur animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hr-card\"\u003e\n\u003ch3\u003e🏷️ Certifiée bio\u003c\/h3\u003e\n\u003cp\u003e100 % pure, non raffinée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"hr-section\"\u003e\n\u003ch2\u003eQualité et traçabilité Ayur-Vana\u003c\/h2\u003e\n\u003cp class=\"hr-section-intro\"\u003eAyur-Vana sélectionne des graines issues de cultures biologiques certifiées et les presse à froid pour préserver l'ensemble des nutriments.\u003c\/p\u003e\n\u003cdiv class=\"hr-accordion\"\u003e\n\u003cdetails class=\"hr-accordion-item\"\u003e\n\u003csummary class=\"hr-accordion-header\"\u003e🌾 Sourcing et fabrication\u003c\/summary\u003e\n\u003cdiv class=\"hr-accordion-content mt-3\"\u003e\n\u003cp\u003eGraines de ricin issues de cultures biologiques certifiées, pressées à froid pour conserver tous les nutriments. Le format 30 ml est idéal pour glisser dans votre trousse de voyage ou tester cette huile de ricin avant d'adopter un format plus grand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hr-accordion-item\"\u003e\n\u003csummary class=\"hr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"hr-accordion-content mt-3\"\u003e\n\u003cp\u003eGardez le flacon à l'abri de la lumière et de la chaleur. Bien refermé, il se conserve plusieurs mois sans altération.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hr-accordion-item\"\u003e\n\u003csummary class=\"hr-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"hr-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute ou de réaction cutanée, consultez un professionnel de santé. Effectuez toujours un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"hr-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"hr-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à vos cheveux, votre peau et vos ongles le meilleur de la nature — une seule huile, 100 % pure et bio, pour une routine beauté simplifiée et efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"hr-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --hr-cream: #f7f5f0;\n --hr-white: #ffffff;\n --hr-primary: #4a7c3f;\n --hr-primary-dark: #365c2e;\n --hr-primary-light: #e8f0e5;\n --hr-secondary: #8b6f47;\n --hr-accent: #c4a54d;\n --hr-text: #1a1a1a;\n --hr-text-light: #5a5a5a;\n --hr-border: #e0ddd6;\n --hr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --hr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --hr-radius: 20px;\n --hr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.hr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.hr-premium *, .hr-premium *::before, .hr-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.hr-hero {\n position: relative;\n background: linear-gradient(135deg, #365c2e 0%, #4a7c3f 40%, #6a9a5a 70%, #8b6f47 100%);\n border-radius: var(--hr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hr-shadow-lg);\n}\n\n.hr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(196,165,77,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.hr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.hr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.hr-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.hr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.hr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.hr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hr-primary), var(--hr-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.hr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hr-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.hr-section-intro strong {\n color: var(--hr-text);\n}\n\n\/* === CARDS === *\/\n.hr-card {\n background: var(--hr-white);\n border-radius: var(--hr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hr-shadow-lg);\n border-color: var(--hr-primary);\n}\n\n.hr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.hr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hr-grid-compact .hr-card {\n padding: 1rem;\n}\n\n.hr-grid-compact .hr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hr-grid-compact .hr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hr-primary), var(--hr-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.hr-timeline-content {\n flex: 1;\n background: var(--hr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hr-radius-sm);\n box-shadow: var(--hr-shadow);\n}\n\n.hr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hr-timeline-content p {\n font-size: 14px;\n color: var(--hr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.hr-composition-highlight {\n display: flex;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.hr-composition-single {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--hr-primary-light), #f0ebe0);\n border: 2px solid var(--hr-primary);\n border-radius: var(--hr-radius);\n padding: 1.25rem 2rem;\n box-shadow: var(--hr-shadow);\n}\n\n.hr-composition-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.hr-composition-detail {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.hr-composition-detail strong {\n font-size: clamp(16px, 2.5vw, 19px);\n color: var(--hr-primary-dark);\n font-weight: 800;\n}\n\n.hr-composition-detail span {\n font-size: 13px;\n color: var(--hr-text-light);\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.hr-accordion {\n background: var(--hr-white);\n border-radius: var(--hr-radius);\n box-shadow: var(--hr-shadow);\n overflow: hidden;\n}\n\n.hr-accordion-item {\n border-bottom: 1px solid var(--hr-border);\n margin: 0;\n padding: 0;\n}\n\n.hr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.hr-accordion-header:hover {\n background: var(--hr-primary-light);\n}\n\n.hr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hr-primary);\n transition: transform .2s ease;\n}\n\n.hr-accordion-item[open] .hr-accordion-header::after {\n content: '−';\n}\n\n.hr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.hr-cta-box {\n background: linear-gradient(135deg, var(--hr-primary) 0%, var(--hr-primary-dark) 100%);\n border-radius: var(--hr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hr-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(196,165,77,.15) 0%, transparent 60%);\n}\n\n.hr-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.hr-disclaimer {\n font-size: 12px;\n color: var(--hr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .hr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hr-card {\n padding: 1.125rem;\n }\n\n .hr-section {\n margin-bottom: 1.75rem;\n }\n\n .hr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hr-radius-sm);\n }\n\n .hr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hr-grid-compact {\n gap: .625rem;\n }\n\n .hr-grid-compact .hr-card {\n padding: .75rem;\n }\n\n .hr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hr-timeline-content h3 {\n font-size: 14px;\n }\n\n .hr-timeline-content p {\n font-size: 13px;\n }\n\n .hr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hr-composition-single {\n padding: 1rem 1.25rem;\n }\n\n .hr-composition-icon {\n font-size: 28px;\n }\n\n .hr-composition-detail strong {\n font-size: 15px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hr-card {\n animation: hrFadeInUp .5s ease backwards;\n }\n .hr-card:nth-child(1) { animation-delay: .05s; }\n .hr-card:nth-child(2) { animation-delay: .1s; }\n .hr-card:nth-child(3) { animation-delay: .15s; }\n .hr-card:nth-child(4) { animation-delay: .2s; }\n .hr-card:nth-child(5) { animation-delay: .25s; }\n .hr-card:nth-child(6) { animation-delay: .3s; }\n\n .hr-timeline-item {\n animation: hrFadeInUp .5s ease backwards;\n }\n .hr-timeline-item:nth-child(1) { animation-delay: .05s; }\n .hr-timeline-item:nth-child(2) { animation-delay: .15s; }\n .hr-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes hrFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .hr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755096236189,"sku":"AY0103","price":12.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-ricin-bio-ayurvana.jpg?v=1733754496"},{"product_id":"huile-de-neem-bio-flacon-de-30-ml-ayurvana","title":"Huile de Neem Bio 30 ml – Soin Naturel Antiseptique et Hydratant - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Neem Bio 30 ml – AyurVana\nPalette détectée:\n - Primaire: #4a7c3f (vert feuille de neem, dominant sur le packaging et les feuilles)\n - Secondaire: #8b6f2a (vert olive\/doré de l'huile visible dans le flacon)\n - Accent: #c4a535 (jaune doré du fruit de neem mûr)\n - Texte marque: #b8302a (rouge du \"A\" de AyurVana)\nAmbiance: Naturel\/bio, ayurvédique, végétal, authentique, épuré\nPréfixe CSS: nm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de Neem Bio AyurVana : un soin ancestral aux vertus multiples\"\n 2. \"Les bienfaits de l'huile de neem pour la peau et les cheveux\"\n 3. \"Comment utiliser cette huile de neem bio ?\"\n 4. \"Composition – INCI\"\n 5. \"Huile de neem : y a-t-il un danger ?\"\n 6. \"Pourquoi choisir l'huile de neem AyurVana ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"nm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nm-hero\"\u003e\n \u003cdiv class=\"nm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nm-hero-content\"\u003e\n \u003cdiv class=\"nm-badges-top\"\u003e\n \u003cspan class=\"nm-badge\"\u003e🌿 100 % pure et bio\u003c\/span\u003e\n \u003cspan class=\"nm-badge\"\u003e🧴 Flacon-pompe 30 ml\u003c\/span\u003e\n \u003cspan class=\"nm-badge\"\u003e🇮🇳 Tradition ayurvédique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nm-hero-title\"\u003eHuile de Neem Bio AyurVana\u003c\/span\u003e\n \u003cp class=\"nm-subtitle\"\u003eSoin naturel antiseptique et hydratant\u003c\/p\u003e\n \u003cp class=\"nm-description\"\u003ePressée à froid, certifiée bio, un seul ingrédient d'exception pour votre peau, vos cheveux et vos plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eHuile de Neem Bio AyurVana : un soin ancestral aux vertus multiples\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eUtilisée depuis des millénaires dans la tradition ayurvédique, l'huile de neem est extraite des graines de l'arbre \u003cem\u003eAzadirachta indica\u003c\/em\u003e, surnommé « pharmacie du village » en Inde.\u003c\/p\u003e\n \u003cdiv class=\"nm-grid-compact\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🌳 Arbre millénaire\u003c\/h3\u003e\n \u003cp\u003eIssue de l'\u003cem\u003eAzadirachta indica\u003c\/em\u003e, vénéré en Inde comme « pharmacie du village »\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction douce pour conserver l'intégralité des principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🏅 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003e100 % pure et certifiée Cosmétique Bio, sans aucun ajout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e💎 Concentré naturel\u003c\/h3\u003e\n \u003cp\u003eUn soin polyvalent pour votre peau, vos cheveux et même vos plantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de neem pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eSa richesse en acides gras essentiels et en composés actifs comme l'azadirachtine en fait un soin remarquablement polyvalent.\u003c\/p\u003e\n \u003cdiv class=\"nm-grid\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🧼 Purifiante et antiseptique\u003c\/h3\u003e\n \u003cp\u003eAide à assainir les peaux à imperfections, les zones sujettes aux rougeurs et les petites irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e💧 Nourrissante et émolliente\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur en acide oléique, elle adoucit et hydrate les peaux sèches ou tiraillées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🤲 Apaisante\u003c\/h3\u003e\n \u003cp\u003eCalme les démangeaisons et les inconforts cutanés, y compris au niveau du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e💇 Fortifiante pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque capillaire, elle nourrit la fibre, renforce les racines et aide à lutter contre les pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🛡️ Répulsif naturel\u003c\/h3\u003e\n \u003cp\u003eReconnue comme insecticide naturel, l'huile de neem éloigne efficacement poux, moustiques et autres parasites.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile de neem bio ?\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eIntégrez facilement l'huile de neem AyurVana à votre routine quotidienne :\u003c\/p\u003e\n \u003cdiv class=\"nm-timeline\"\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eSoin visage\u003c\/h3\u003e\n \u003cp\u003eMélangez 2 à 3 gouttes à votre crème de nuit ou à une huile végétale plus légère (jojoba, amande douce) pour atténuer les imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eSoin capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur le cuir chevelu, massez et laissez poser 30 minutes avant votre shampoing pour un cuir chevelu apaisé et des cheveux revitalisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eCiblez les zones sèches (coudes, talons) en massant directement quelques gouttes jusqu'à pénétration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eHuile de neem pour les plantes\u003c\/h3\u003e\n \u003cp\u003eDiluée dans de l'eau avec un peu de savon noir, elle s'utilise en pulvérisation comme insecticide à base d'huile de neem contre pucerons, cochenilles et acariens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-tip\"\u003e\n \u003cspan class=\"nm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'huile de neem se solidifie en dessous de 25 °C. Passez le flacon sous l'eau tiède quelques instants pour la rendre fluide avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eComposition – INCI\u003c\/h2\u003e\n \u003cdiv class=\"nm-composition-card\"\u003e\n \u003cdiv class=\"nm-composition-highlight\"\u003e\n \u003cspan class=\"nm-composition-percent\"\u003e100 %\u003c\/span\u003e\n \u003cspan class=\"nm-composition-name\"\u003eMelia Azadirachta Seed Oil*\u003c\/span\u003e\n \u003cspan class=\"nm-composition-desc\"\u003eHuile de graines de neem\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"nm-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique. \u003cstrong\u003eSans parfum, sans conservateur, sans colorant.\u003c\/strong\u003e Certifiée Cosmétique Bio.\u003c\/p\u003e\n \u003cdiv class=\"nm-grid-compact nm-composition-actifs\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🫒 Acide oléique\u003c\/h3\u003e\n \u003cp\u003eNourrit et protège la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🌾 Acide linoléique\u003c\/h3\u003e\n \u003cp\u003eMaintient l'hydratation et la souplesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🌴 Acide palmitique\u003c\/h3\u003e\n \u003cp\u003eRenforce le film hydrolipidique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🛡️ Triterpènes et antioxydants\u003c\/h3\u003e\n \u003cp\u003eProtègent et purifient naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eHuile de neem : y a-t-il un danger ?\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eEn usage cosmétique externe, l'huile de neem est très bien tolérée. Quelques précautions suffisent :\u003c\/p\u003e\n \u003cdiv class=\"nm-accordion\"\u003e\n \u003cdetails class=\"nm-accordion-item\"\u003e\n \u003csummary class=\"nm-accordion-header\"\u003e✋ Test cutané recommandé\u003c\/summary\u003e\n \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez un test cutané au pli du coude avant la première utilisation pour vérifier l'absence de réaction allergique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nm-accordion-item\"\u003e\n \u003csummary class=\"nm-accordion-header\"\u003e👁️ Contact yeux et muqueuses\u003c\/summary\u003e\n \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux et les muqueuses. En cas de contact accidentel, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nm-accordion-item\"\u003e\n \u003csummary class=\"nm-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes et aux enfants de moins de 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nm-accordion-item\"\u003e\n \u003csummary class=\"nm-accordion-header\"\u003e⚗️ Huile végétale vs huile essentielle\u003c\/summary\u003e\n \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas confondre avec une huile essentielle de neem : il s'agit ici d'une huile végétale, beaucoup plus douce et adaptée à un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"nm-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"nm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de neem AyurVana ?\u003c\/h2\u003e\n \u003cdiv class=\"nm-grid\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eQualité optimale des actifs préservée par une extraction douce et respectueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🏅 Certification bio\u003c\/h3\u003e\n \u003cp\u003eGarantit l'absence totale de pesticides et de résidus chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🧴 Flacon-pompe 30 ml\u003c\/h3\u003e\n \u003cp\u003eFormat pratique et hygiénique, dosage précis au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🙏 Fidélité ayurvédique\u003c\/h3\u003e\n \u003cp\u003eFabrication respectueuse des principes millénaires de l'Ayurveda\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🌱 Un seul ingrédient\u003c\/h3\u003e\n \u003cp\u003eZéro superflu : 100 % huile de graines de neem bio, rien d'autre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau et à vos cheveux toute la puissance d'un soin millénaire, dans un format pensé pour le quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --nm-cream: #f7f5ef;\n --nm-white: #ffffff;\n --nm-primary: #4a7c3f;\n --nm-primary-dark: #345a2c;\n --nm-primary-light: #e8f0e5;\n --nm-secondary: #8b6f2a;\n --nm-accent: #c4a535;\n --nm-text: #1a1a1a;\n --nm-text-light: #5a5a5a;\n --nm-border: #ddd8cc;\n --nm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nm-radius: 20px;\n --nm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.nm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nm-hero {\n position: relative;\n background: linear-gradient(135deg, #345a2c 0%, #4a7c3f 40%, #6b9a3a 70%, #8b6f2a 100%);\n border-radius: var(--nm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nm-shadow-lg);\n}\n\n.nm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(196,165,53,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.nm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.nm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.nm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.nm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.nm-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.nm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.nm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nm-primary), var(--nm-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.nm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.nm-card {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nm-shadow-lg);\n border-color: var(--nm-primary);\n}\n\n.nm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nm-grid-compact .nm-card {\n padding: 1rem;\n}\n\n.nm-grid-compact .nm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nm-grid-compact .nm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nm-primary), var(--nm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nm-timeline-content {\n flex: 1;\n background: var(--nm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nm-radius-sm);\n box-shadow: var(--nm-shadow);\n}\n\n.nm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nm-timeline-content p {\n font-size: 14px;\n color: var(--nm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.nm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nm-primary-light);\n border-radius: var(--nm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nm-tip p {\n font-size: 14px;\n color: var(--nm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION CARD === *\/\n.nm-composition-card {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nm-shadow);\n}\n\n.nm-composition-highlight {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: 1.5rem 1rem;\n background: linear-gradient(135deg, var(--nm-primary-light), rgba(196,165,53,.08));\n border-radius: var(--nm-radius-sm);\n margin-bottom: 1.25rem;\n}\n\n.nm-composition-percent {\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n color: var(--nm-primary);\n line-height: 1;\n letter-spacing: -.04em;\n}\n\n.nm-composition-name {\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 700;\n color: var(--nm-primary-dark);\n margin-top: .5rem;\n font-style: italic;\n}\n\n.nm-composition-desc {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nm-text-light);\n margin-top: .25rem;\n}\n\n.nm-composition-note {\n font-size: 14px;\n color: var(--nm-text-light);\n text-align: center;\n margin: 0 0 1.5rem 0;\n line-height: 1.6;\n}\n\n.nm-composition-actifs {\n margin-top: 0;\n}\n\n.nm-composition-actifs .nm-card {\n background: var(--nm-primary-light);\n border: none;\n box-shadow: none;\n}\n\n.nm-composition-actifs .nm-card:hover {\n box-shadow: var(--nm-shadow);\n transform: translateY(-4px);\n}\n\n\/* === ACCORDÉON === *\/\n.nm-accordion {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n box-shadow: var(--nm-shadow);\n overflow: hidden;\n}\n\n.nm-accordion-item {\n border-bottom: 1px solid var(--nm-border);\n margin: 0;\n padding: 0;\n}\n\n.nm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nm-accordion-header:hover {\n background: var(--nm-primary-light);\n}\n\n.nm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nm-primary);\n transition: transform .2s ease;\n}\n\n.nm-accordion-item[open] .nm-accordion-header::after {\n content: '−';\n}\n\n.nm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nm-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nm-disclaimer {\n font-size: 12px;\n color: var(--nm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === CTA FINAL === *\/\n.nm-cta-box {\n background: linear-gradient(135deg, var(--nm-primary) 0%, var(--nm-primary-dark) 100%);\n border-radius: var(--nm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.nm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nm-card {\n padding: 1.125rem;\n }\n\n .nm-section {\n margin-bottom: 1.75rem;\n }\n\n .nm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nm-radius-sm);\n }\n\n .nm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nm-grid-compact {\n gap: .625rem;\n }\n\n .nm-grid-compact .nm-card {\n padding: .75rem;\n }\n\n .nm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nm-timeline-content h3 {\n font-size: 14px;\n }\n\n .nm-timeline-content p {\n font-size: 13px;\n }\n\n .nm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nm-testimonial {\n padding: 1.25rem;\n }\n\n .nm-testimonial-text {\n font-size: 14px;\n }\n\n .nm-composition-card {\n padding: 1.25rem;\n }\n\n .nm-composition-highlight {\n padding: 1rem .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nm-card {\n animation: nmFadeInUp .5s ease backwards;\n }\n .nm-card:nth-child(1) { animation-delay: .05s; }\n .nm-card:nth-child(2) { animation-delay: .1s; }\n .nm-card:nth-child(3) { animation-delay: .15s; }\n .nm-card:nth-child(4) { animation-delay: .2s; }\n .nm-card:nth-child(5) { animation-delay: .25s; }\n .nm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes nmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755096629405,"sku":"AY0102","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-neem-bio-30-ml-soin-naturel-antiseptique-et-hydrata-ingredients.webp?v=1771063356"},{"product_id":"lait-corps-a-la-centella-bio-tube-de-75-ml-ayurvana","title":"Lait Corps à la Centella Bio 75 ml - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lait Corps à la Centella Bio 75 ml - Ayur-Vana\nPalette détectée:\n - Primaire: #b5a064 (doré\/kaki du packaging, couleur dominante du tube)\n - Secondaire: #6a9e3a (vert frais de la Centella\/plante)\n - Accent: #c45a2d (touches orangées des motifs paisley)\nAmbiance: Ayurvédique, naturel\/bio, chaleureux, motifs indiens paisley, univers végétal et traditionnel\nPréfixe CSS: ct\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Lait Corps à la Centella Bio Ayur-Vana : hydratation et régénération naturelle\"\n 2. \"Pourquoi choisir la Centella Asiatica pour votre peau ?\"\n 3. \"Un lait corps hydratant à la texture légère et non grasse\"\n 4. \"Composition certifiée bio\"\n 5. \"Conseils d'utilisation\"\n 6. \"Fabriqué en France, dans le respect de votre peau\"\n--\u003e\n\n\u003cdiv class=\"ct-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ct-hero\"\u003e\n \u003cdiv class=\"ct-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ct-hero-content\"\u003e\n \u003cdiv class=\"ct-badges-top\"\u003e\n \u003cspan class=\"ct-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"ct-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ct-badge\"\u003e🧴 Tube 75 ml\u003c\/span\u003e\n \u003cspan class=\"ct-badge\"\u003e🐅 Centella Asiatica\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ct-hero-title\"\u003eLait Corps à la Centella Bio\u003c\/span\u003e\n \u003cp class=\"ct-subtitle\"\u003eAyur-Vana — L'héritage ayurvédique au service de votre peau\u003c\/p\u003e\n \u003cp class=\"ct-description\"\u003eHydratation profonde, régénération naturelle et texture fondante pour une peau douce, souple et confortablement nourrie au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eLait Corps à la Centella Bio Ayur-Vana : hydratation et régénération naturelle\u003c\/h2\u003e\n \u003cp class=\"ct-section-intro\"\u003eUn soin corporel bio qui associe les trésors millénaires de l'Ayurvéda à une formulation certifiée, pour une peau profondément hydratée et revitalisée.\u003c\/p\u003e\n \u003cdiv class=\"ct-grid-compact\"\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eNourrit et hydrate durablement les peaux déshydratées et fragilisées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n \u003cp\u003eFormulé avec des ingrédients d'origine naturelle et biologique certifiés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e✨ Confort immédiat\u003c\/h3\u003e\n \u003cp\u003eTexture fondante qui pénètre rapidement sans film gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🕉️ Héritage ayurvédique\u003c\/h3\u003e\n \u003cp\u003eInspiré de la pharmacopée indienne traditionnelle millénaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003ePourquoi choisir la Centella Asiatica pour votre peau ?\u003c\/h2\u003e\n \u003cp class=\"ct-section-intro\"\u003eAussi appelée \u003cem\u003eGotu Kola\u003c\/em\u003e ou herbe du tigre, la Centella Asiatica est l'une des plantes les plus précieuses de la pharmacopée ayurvédique, utilisée depuis des millénaires en Inde et en Asie.\u003c\/p\u003e\n \u003cdiv class=\"ct-grid\"\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🔬 Régénérante\u003c\/h3\u003e\n \u003cp\u003eElle stimule la synthèse du collagène et favorise le renouvellement cellulaire pour une peau visiblement revitalisée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eElle calme les irritations et les sensations d'inconfort, idéale pour les peaux réactives et sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e💪 Raffermissante\u003c\/h3\u003e\n \u003cp\u003eElle contribue à maintenir la fermeté et l'élasticité de la peau pour un toucher tonique et rebondi\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-tip\"\u003e\n \u003cspan class=\"ct-tip-icon\"\u003e🐅\u003c\/span\u003e\n \u003cp\u003eSelon la légende, les tigres blessés se roulaient dans la Centella pour accélérer la cicatrisation de leurs plaies — d'où son surnom d'\u003cstrong\u003eherbe du tigre\u003c\/strong\u003e. En l'intégrant dans ce lait bio, Ayur-Vana vous permet de profiter pleinement de ses bienfaits à chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eUn lait corps hydratant à la texture légère et non grasse\u003c\/h2\u003e\n \u003cdiv class=\"ct-testimonial\"\u003e\n \u003cp class=\"ct-testimonial-text\"\u003e\"Si vous avez déjà été déçu par des laits corporels trop lourds ou collants, celui-ci devrait vous réconcilier. Sa texture fluide et fondante pénètre rapidement sans laisser de film gras. Votre peau est immédiatement douce, souple et confortablement hydratée. C'est un allié précieux même pour les peaux très sèches, grâce à sa formule riche en actifs nourrissants.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eComposition certifiée bio\u003c\/h2\u003e\n \u003cp class=\"ct-section-intro\"\u003eDes ingrédients d'origine naturelle et biologique, soigneusement sélectionnés pour votre peau. Sans parabènes, sans silicones, sans colorants artificiels.\u003c\/p\u003e\n \u003cdiv class=\"ct-grid\"\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🌿 Centella Asiatica bio\u003c\/h3\u003e\n \u003cp\u003eActif principal du soin : régénère, apaise et revitalise la peau en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur et adoucit la peau pour un toucher soyeux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eProtège et restaure le film hydrolipidique, barrière naturelle de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🪴 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate intensément et apaise les peaux réactives grâce à ses polysaccharides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eRetient l'eau dans les couches supérieures de l'épiderme pour une hydratation longue durée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-tip\"\u003e\n \u003cspan class=\"ct-tip-icon\"\u003e🛡️\u003c\/span\u003e\n \u003cp\u003eCertifié \u003cstrong\u003eCosmétique Bio\u003c\/strong\u003e, ce soin respecte les peaux les plus sensibles tout autant que l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"ct-timeline\"\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cdiv class=\"ct-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez chaque jour sur une peau propre et sèche, de préférence après la douche ou le bain lorsque la peau est encore tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cdiv class=\"ct-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires jusqu'à pénétration complète du lait. Insistez sur les zones sèches : coudes, genoux et jambes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cdiv class=\"ct-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-content\"\u003e\n \u003ch3\u003eIntensifiez si besoin\u003c\/h3\u003e\n \u003cp\u003ePour un résultat optimal, utilisez-le matin et soir lors des périodes de froid ou de sécheresse cutanée. Votre peau reste douce toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ct-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFabriqué en France, dans le respect de votre peau\u003c\/h2\u003e\n \u003cdiv class=\"ct-grid-compact\"\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France par Ayur-Vana\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🕉️ Esprit Ayurvéda\u003c\/h3\u003e\n \u003cp\u003eSoins inspirés de la tradition ayurvédique indienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🧴 Format pratique\u003c\/h3\u003e\n \u003cp\u003eTube 75 ml compact, se glisse facilement dans votre sac\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eCosmétique authentique, efficace et respectueuse de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-cta-box\"\u003e\n \u003cp\u003e🌿 Votre peau mérite des actifs de qualité : offrez-lui le meilleur de la nature avec la Centella. Une hydratation profonde, un geste simple, un résultat visible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ct-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --ct-cream: #faf8f2;\n --ct-white: #ffffff;\n --ct-primary: #b5a064;\n --ct-primary-dark: #7a6b3a;\n --ct-primary-light: #f5f0e0;\n --ct-secondary: #6a9e3a;\n --ct-accent: #c45a2d;\n --ct-text: #1a1a1a;\n --ct-text-light: #5a5a5a;\n --ct-border: #e8e2d0;\n --ct-shadow: 0 4px 24px rgba(122, 107, 58, .08);\n --ct-shadow-lg: 0 12px 48px rgba(122, 107, 58, .15);\n --ct-radius: 20px;\n --ct-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ct-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ct-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ct-hero {\n position: relative;\n background: linear-gradient(135deg, #7a6b3a 0%, #b5a064 45%, #6a9e3a 100%);\n border-radius: var(--ct-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ct-shadow-lg);\n}\n\n.ct-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 15% 25%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 85% 75%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(196,90,45,.1) 0%, transparent 40%);\n opacity: .6;\n}\n\n.ct-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ct-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ct-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ct-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(13px, 2vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ct-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ct-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ct-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ct-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ct-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ct-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ct-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ct-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ct-primary), var(--ct-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ct-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ct-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ct-card {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ct-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ct-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ct-shadow-lg);\n border-color: var(--ct-primary);\n}\n\n.ct-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ct-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ct-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ct-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.ct-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ct-grid-compact .ct-card {\n padding: 1rem;\n}\n\n.ct-grid-compact .ct-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ct-grid-compact .ct-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ct-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ct-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ct-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ct-primary), var(--ct-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ct-timeline-content {\n flex: 1;\n background: var(--ct-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ct-radius-sm);\n box-shadow: var(--ct-shadow);\n}\n\n.ct-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ct-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ct-timeline-content p {\n font-size: 14px;\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ct-testimonial {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ct-shadow);\n border-left: 4px solid var(--ct-primary);\n}\n\n.ct-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ct-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ct-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ct-primary-light);\n border-radius: var(--ct-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ct-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ct-tip p {\n font-size: 14px;\n color: var(--ct-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ct-cta-box {\n background: linear-gradient(135deg, var(--ct-primary) 0%, var(--ct-primary-dark) 100%);\n border-radius: var(--ct-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.ct-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ct-disclaimer {\n font-size: 12px;\n color: var(--ct-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ct-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ct-card {\n padding: 1.125rem;\n }\n\n .ct-section {\n margin-bottom: 1.75rem;\n }\n\n .ct-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ct-radius-sm);\n }\n\n .ct-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ct-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte : 2 colonnes serrées *\/\n .ct-grid-compact {\n gap: .625rem;\n }\n\n .ct-grid-compact .ct-card {\n padding: .75rem;\n }\n\n \/* Timeline mobile *\/\n .ct-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ct-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ct-timeline-content h3 {\n font-size: 14px;\n }\n\n .ct-timeline-content p {\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .ct-testimonial {\n padding: 1.25rem;\n }\n\n .ct-testimonial-text {\n font-size: 14px;\n }\n\n \/* Tip mobile *\/\n .ct-tip {\n padding: .875rem 1rem;\n }\n\n .ct-tip-icon {\n font-size: 20px;\n }\n\n .ct-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ct-card {\n animation: ctFadeInUp .5s ease backwards;\n }\n .ct-card:nth-child(1) { animation-delay: .05s; }\n .ct-card:nth-child(2) { animation-delay: .1s; }\n .ct-card:nth-child(3) { animation-delay: .15s; }\n .ct-card:nth-child(4) { animation-delay: .2s; }\n .ct-card:nth-child(5) { animation-delay: .25s; }\n .ct-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ctFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ct-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755098300573,"sku":"AY9953","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-corps-a-la-centella-bio-75-ml-ayur-vana-lifestyle.webp?v=1770994757"},{"product_id":"gel-soin-corps-au-shatavari-tube-de-75-ml-ayurvana","title":"Gel Corps Bio Shatavari - Apaise et Hydrate la Peau - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel Corps Bio Shatavari - Ayur-Vana\nPalette détectée:\n - Primaire: #C47BA0 (rose mauve du packaging, bandeau supérieur)\n - Secondaire: #4A8C5C (vert sauge des illustrations botaniques)\n - Accent: #D4A043 (doré\/ocre des motifs paisley)\n - Fond packaging: #F5EDD4 (crème vanille chaud)\nAmbiance: Ayurvédique, naturel\/bio, féminin doux, oriental raffiné, motifs paisley\nPréfixe CSS: sv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Gel Corps Bio au Shatavari Ayur-Vana : le soin ayurvédique hydratant et apaisant\"\n 2. \"Les bienfaits du Shatavari pour la peau\"\n 3. \"Une composition bio d'exception\"\n 4. \"Comment utiliser ce gel hydratant pour le corps ?\"\n 5. \"Pourquoi choisir ce gel corps bio Ayur-Vana ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"sv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sv-hero\"\u003e\n \u003cdiv class=\"sv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-hero-content\"\u003e\n \u003cdiv class=\"sv-badges-top\"\u003e\n \u003cspan class=\"sv-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"sv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sv-badge\"\u003e🧴 Tube 75 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sv-hero-title\"\u003eGel Corps Bio Shatavari\u003c\/span\u003e\n \u003cp class=\"sv-subtitle\"\u003eAyur-Vana — Soin ayurvédique certifié bio\u003c\/p\u003e\n \u003cp class=\"sv-description\"\u003eUn gel hydratant et apaisant qui puise dans la sagesse millénaire de l'Ayurvéda. Shatavari, aloe vera bio et eaux florales précieuses pour une peau douce, souple et réconfortée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eGel Corps Bio au Shatavari Ayur-Vana : le soin ayurvédique hydratant et apaisant\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eVous cherchez un gel hydratant corps à la fois naturel, efficace et respectueux de votre peau ?\u003c\/p\u003e\n \u003cdiv class=\"sv-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eGel Soin Corps au Shatavari d'Ayur-Vana\u003c\/strong\u003e est un soin certifié \u003cstrong\u003eCOSMOS Organic\u003c\/strong\u003e qui puise dans la sagesse de l'Ayurvéda pour offrir à votre peau une hydratation profonde et un véritable confort au quotidien. Fabriqué en France, ce gel réunit des actifs biologiques soigneusement sélectionnés dans un tube de 75 ml pratique et généreux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eLes bienfaits du Shatavari pour la peau\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eLe \u003cstrong\u003eShatavari\u003c\/strong\u003e (\u003cem\u003eAsparagus racemosus\u003c\/em\u003e) est une plante emblématique de la médecine ayurvédique, traditionnellement utilisée pour ses propriétés régénérantes, apaisantes et nourrissantes.\u003c\/p\u003e\n \u003cdiv class=\"sv-grid\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌸 Apaise les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSoulage les peaux sensibles, sèches ou inconfortables grâce à ses vertus adoucissantes reconnues en Ayurvéda.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e💧 Hydratation \u0026amp; souplesse\u003c\/h3\u003e\n \u003cp\u003eFavorise l'hydratation en profondeur et la souplesse cutanée pour une peau douce et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e✨ Renouvellement cutané\u003c\/h3\u003e\n \u003cp\u003eSoutient le renouvellement naturel de la peau pour un teint plus frais et une texture affinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-tip\"\u003e\n \u003cspan class=\"sv-tip-icon\"\u003e🪷\u003c\/span\u003e\n \u003cp\u003eAssocié à un \u003cstrong\u003egel aloe vera bio\u003c\/strong\u003e et à des eaux florales précieuses, le Shatavari déploie ici tout son potentiel pour prendre soin de vous en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eUne composition bio d'exception\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eCe gel corps aloe vera bio a été formulé sans compromis sur la qualité. Découvrez ses principaux actifs :\u003c\/p\u003e\n \u003cdiv class=\"sv-grid\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌱 Extrait de Shatavari bio\u003c\/h3\u003e\n \u003cp\u003eActif phare aux vertus revitalisantes et harmonisantes, cœur de la formule ayurvédique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🫧 Gel d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydratant incontournable, il apaise et répare les peaux fragilisées en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌼 Eau florale d'hamamélis bio\u003c\/h3\u003e\n \u003cp\u003eTonifiante et adoucissante, idéale pour les peaux réactives en quête de confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌹 Eau florale de rose de Damas bio\u003c\/h3\u003e\n \u003cp\u003eRégénérante, elle apporte fraîcheur et éclat à votre peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🍊 HE de mandarine verte bio\u003c\/h3\u003e\n \u003cp\u003eUne touche aromatique délicatement relaxante pour un moment de bien-être sensoriel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🍃 HE d'orange douce bio\u003c\/h3\u003e\n \u003cp\u003eUn parfum enveloppant et apaisant qui transforme le soin en rituel de détente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sv-accordion\"\u003e\n \u003cdetails class=\"sv-accordion-item\"\u003e\n \u003csummary class=\"sv-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"sv-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Hamamelis Virginiana Leaf Water*, Glycerin**, Citrus Reticulata Blanchii Peel Oil*, Asparagus Racemosus Root Extract*, Benzyl Alcohol, Aloe Barbadensis Leaf Juice Powder*, Citrus Sinensis Peel Oil Expressed*, Chrysanthemum Parthenium Extract*, Limonene, Xanthan Gum, Dehydroacetic Acid, Citric Acid, Potassium Sorbate, Sodium Benzoate, Linalool.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique \/ ** Transformés à partir d'ingrédients biologiques.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sv-accordion-item\"\u003e\n \u003csummary class=\"sv-accordion-header\"\u003e🚫 Formulé sans\u003c\/summary\u003e\n \u003cdiv class=\"sv-accordion-content mt-3\"\u003e\n \u003cp\u003eCe soin est formulé \u003cstrong\u003esans parabène, sans silicone et sans conservateurs synthétiques\u003c\/strong\u003e. 98 % des ingrédients sont d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel hydratant pour le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"sv-timeline\"\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de gel sur une peau propre et sèche, de préférence après la douche ou le bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires jusqu'à absorption complète. Sa texture légère et non grasse pénètre rapidement, sans laisser de film collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eIntégrez-le à votre routine\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le quotidiennement sur l'ensemble du corps, y compris sur les zones sujettes à la sécheresse : coudes, genoux, jambes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-tip\"\u003e\n \u003cspan class=\"sv-tip-icon\"\u003e☀️\u003c\/span\u003e\n \u003cp\u003eC'est également un excellent soin \u003cstrong\u003eaprès-soleil\u003c\/strong\u003e pour apaiser et réconforter la peau exposée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel corps bio Ayur-Vana ?\u003c\/h2\u003e\n \u003cdiv class=\"sv-grid-compact\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert, garantie de qualité biologique rigoureuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France dans le respect des normes les plus exigeantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🧬 Formule clean\u003c\/h3\u003e\n \u003cp\u003eComposition transparente, sans ingrédients controversés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🪷 Actif ayurvédique\u003c\/h3\u003e\n \u003cp\u003eGel aloe vera bio enrichi d'un actif ayurvédique rare et puissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🤍 Tous types de peau\u003c\/h3\u003e\n \u003cp\u003eConvient à toutes les peaux, y compris les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🧴 Format pratique\u003c\/h3\u003e\n \u003cp\u003eTube de 75 ml généreux et nomade, parfait au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sv-cta-box\"\u003e\n \u003cp\u003eEn choisissant ce soin, vous offrez à votre peau le meilleur de la nature et de la tradition ayurvédique. Ce n'est pas un simple gel hydratant corps : c'est un véritable \u003cstrong\u003erituel de bien-être\u003c\/strong\u003e à intégrer dans votre routine quotidienne. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"sv-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sv-cream: #FBF7EF;\n --sv-white: #ffffff;\n --sv-primary: #C47BA0;\n --sv-primary-dark: #9B5578;\n --sv-primary-light: #F5E6EF;\n --sv-secondary: #4A8C5C;\n --sv-accent: #D4A043;\n --sv-text: #1a1a1a;\n --sv-text-light: #5a5a5a;\n --sv-border: #e8ddd0;\n --sv-shadow: 0 4px 24px rgba(156,85,120,.08);\n --sv-shadow-lg: 0 12px 48px rgba(156,85,120,.15);\n --sv-radius: 20px;\n --sv-radius-sm: 12px;\n}\n\n.sv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sv-hero {\n position: relative;\n background: linear-gradient(135deg, #C47BA0 0%, #9B5578 40%, #6B3A54 100%);\n border-radius: var(--sv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sv-shadow-lg);\n}\n\n.sv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(ellipse 80px 80px at 15% 25%, rgba(212,160,67,.12) 0%, transparent 70%),\n radial-gradient(ellipse 60px 90px at 85% 20%, rgba(255,255,255,.08) 0%, transparent 70%),\n radial-gradient(ellipse 100px 60px at 50% 80%, rgba(74,140,92,.1) 0%, transparent 70%),\n radial-gradient(circle 40px at 75% 65%, rgba(212,160,67,.08) 0%, transparent 70%),\n radial-gradient(circle 30px at 25% 75%, rgba(255,255,255,.06) 0%, transparent 70%);\n opacity: 1;\n}\n\n.sv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sv-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.sv-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sv-primary), var(--sv-accent));\n border-radius: 2px;\n}\n\n.sv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sv-highlight-box {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sv-shadow);\n border-left: 4px solid var(--sv-accent);\n}\n\n.sv-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--sv-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.sv-card {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sv-shadow-lg);\n border-color: var(--sv-primary);\n}\n\n.sv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.sv-grid-compact .sv-card {\n padding: 1rem;\n}\n\n.sv-grid-compact .sv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sv-grid-compact .sv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.sv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sv-primary), var(--sv-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sv-timeline-content {\n flex: 1;\n background: var(--sv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sv-radius-sm);\n box-shadow: var(--sv-shadow);\n}\n\n.sv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sv-timeline-content p {\n font-size: 14px;\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sv-testimonial {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sv-shadow);\n border-left: 4px solid var(--sv-primary);\n}\n\n.sv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sv-accordion {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n box-shadow: var(--sv-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.sv-accordion-item {\n border-bottom: 1px solid var(--sv-border);\n margin: 0;\n padding: 0;\n}\n\n.sv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sv-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sv-accordion-header:hover {\n background: var(--sv-primary-light);\n}\n\n.sv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sv-primary);\n transition: transform .2s ease;\n}\n\n.sv-accordion-item[open] .sv-accordion-header::after {\n content: '−';\n}\n\n.sv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sv-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.sv-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.sv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sv-primary-light);\n border-radius: var(--sv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sv-tip p {\n font-size: 14px;\n color: var(--sv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sv-cta-box {\n background: linear-gradient(135deg, var(--sv-primary) 0%, var(--sv-primary-dark) 100%);\n border-radius: var(--sv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sv-disclaimer {\n font-size: 12px;\n color: var(--sv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sv-card {\n padding: 1.125rem;\n }\n\n .sv-section {\n margin-bottom: 1.75rem;\n }\n\n .sv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sv-radius-sm);\n }\n\n .sv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sv-grid-compact {\n gap: .625rem;\n }\n\n .sv-grid-compact .sv-card {\n padding: .75rem;\n }\n\n .sv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sv-timeline-content h3 {\n font-size: 14px;\n }\n\n .sv-timeline-content p {\n font-size: 13px;\n }\n\n .sv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sv-testimonial {\n padding: 1.25rem;\n }\n\n .sv-testimonial-text {\n font-size: 14px;\n }\n\n .sv-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sv-card {\n animation: svFadeInUp .5s ease backwards;\n }\n .sv-card:nth-child(1) { animation-delay: .05s; }\n .sv-card:nth-child(2) { animation-delay: .1s; }\n .sv-card:nth-child(3) { animation-delay: .15s; }\n .sv-card:nth-child(4) { animation-delay: .2s; }\n .sv-card:nth-child(5) { animation-delay: .25s; }\n .sv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes svFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755098759325,"sku":"AY9952","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-corps-bio-shatavari-apaise-et-hydrate-la-peau-ayurvana-packshothd.webp?v=1790258488"},{"product_id":"creme-solide-au-beurre-de-karite-bio-pot-kraft-50-g-comme-avant","title":"Crème Solide au Beurre de Karité - 50 g - Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème Solide au Beurre de Karité - Comme Avant\nPalette détectée:\n - Primaire: #C9A96E (kraft\/beige doré du packaging)\n - Secondaire: #E8D9B8 (jaune crème du produit solide)\n - Accent: #8B7355 (brun chaud naturel)\nAmbiance: Naturel, bio, artisanal, minimaliste, chaleureux, éco-responsable\nPréfixe CSS: csk\n--\u003e\n\n\u003cdiv class=\"csk-premium\"\u003e\n \n \u003cdiv class=\"csk-hero\"\u003e\n \u003cdiv class=\"csk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"csk-hero-content\"\u003e\n \u003cdiv class=\"csk-badges-top\"\u003e\n \u003cspan class=\"csk-badge\"\u003e🌿 Bio Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"csk-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"csk-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"csk-hero-title\"\u003eCrème solide au beurre de karité\u003c\/span\u003e\n \u003cp class=\"csk-subtitle\"\u003e4 ingrédients. 0 compromis.\u003c\/p\u003e\n \u003cp class=\"csk-description\"\u003eUne crème multi-usage 100% naturelle qui nourrit, répare et protège votre peau en profondeur. Pour le visage, le corps et les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e✨ Pourquoi elle est différente\u003c\/h2\u003e\n \u003cdiv class=\"csk-grid\"\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🧴 4 ingrédients seulement\u003c\/h3\u003e\n \u003cp\u003eContre 20 à 40 dans les crèmes classiques. Ici, pas d'eau, pas de conservateurs, pas d'additifs superflus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité pénètre en profondeur pour nourrir les couches supérieures de l'épiderme durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n \u003cp\u003eForme un film protecteur sans étouffer la peau, idéal contre le froid et les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🌡️ Texture fondante\u003c\/h3\u003e\n \u003cp\u003eAu contact de la chaleur corporelle, elle se transforme en un baume onctueux et pénétrant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003eSans eau, ultra-concentrée : un pot de 50g dure plusieurs mois en utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eEmballage en pot kraft recyclable et compostable, sans aucun plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e🌱 Composition minimaliste\u003c\/h2\u003e\n \u003cdiv class=\"csk-grid\"\u003e\n \u003cdiv class=\"csk-card csk-card-ingredient\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient star, riche en vitamines A, D, E et F. Hydrate intensément, apaise et redonne souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card csk-card-ingredient\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eGorgée d'antioxydants et d'acides gras, elle nourrit et protège les peaux fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card csk-card-ingredient\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eSource de vitamine E, elle favorise la régénération cellulaire naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card csk-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Cire de candelilla\u003c\/h3\u003e\n \u003cp\u003eAlternative végétale à la cire d'abeille, elle confère texture solide et barrière protectrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-sans-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e❌ Ce que vous ne trouverez pas :\u003c\/strong\u003e eau, conservateurs, parfums synthétiques, silicones, parabènes, huiles minérales, paraffine ou vaseline.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"csk-usage-grid\"\u003e\n \u003cdiv class=\"csk-usage-card\"\u003e\n \u003cdiv class=\"csk-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003e👩 Visage\u003c\/h3\u003e\n \u003cp\u003eFrottez légèrement entre vos paumes jusqu'à ce qu'elle fonde. Appliquez sur visage propre et sec, matin et soir. Une petite quantité suffit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-usage-card\"\u003e\n \u003cdiv class=\"csk-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003e🦵 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, sur peau légèrement humide. Massez coudes, genoux, talons et mains abîmées. Idéale en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-usage-card\"\u003e\n \u003cdiv class=\"csk-usage-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque nourrissant avant shampooing. Appliquez sur longueurs et pointes, laissez poser 1h minimum ou toute la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-usage-card\"\u003e\n \u003cdiv class=\"csk-usage-number\"\u003e4\u003c\/div\u003e\n \u003ch3\u003e💋 Zones fragiles\u003c\/h3\u003e\n \u003cp\u003eLèvres gercées, cuticules sèches, petites irritations : cette crème polyvalente s'adapte à tous vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"csk-grid\"\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient irritant ou allergisant. Formulation épurée parfaitement tolérée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense sans effet gras persistant, confort retrouvé dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité aide à maintenir l'élasticité et la souplesse de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e👶 Enfants\u003c\/h3\u003e\n \u003cp\u003eParfaite pour protéger les petites joues du froid hivernal. Toute la famille peut l'utiliser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eComposition irréprochable et traçabilité totale pour une cosmétique sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e✈️ Voyageurs\u003c\/h3\u003e\n \u003cp\u003eFormat solide pratique, pas de risque de fuite. Passe en cabine sans problème.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e🏅 Certifications \u0026amp; engagements\u003c\/h2\u003e\n \u003cdiv class=\"csk-grid-compact\"\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eFormulation bio contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🐌 Slow Cosmétique\u003c\/h3\u003e\n \u003cp\u003eSains, écologiques, raisonnables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eFabrication 100% française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"csk-accordion\"\u003e\n \u003cdetails class=\"csk-accordion-item\"\u003e\n \u003csummary class=\"csk-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"csk-accordion-content\"\u003e\n \u003cp\u003eGardez-la à l'abri de la chaleur et de la lumière directe. En été ou dans un pays chaud, elle peut ramollir légèrement mais retrouvera sa texture ferme à température ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"csk-accordion-item\"\u003e\n \u003csummary class=\"csk-accordion-header\"\u003e❓ Elle laisse un film gras ?\u003c\/summary\u003e\n \u003cdiv class=\"csk-accordion-content\"\u003e\n \u003cp\u003eEn utilisant une quantité adaptée et en massant bien, la crème pénètre parfaitement sans résidu désagréable. Sur le visage, attendez quelques minutes avant le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"csk-accordion-item\"\u003e\n \u003csummary class=\"csk-accordion-header\"\u003e🔬 Peau à tendance acnéique ?\u003c\/summary\u003e\n \u003cdiv class=\"csk-accordion-content\"\u003e\n \u003cp\u003eLe beurre de karité est considéré comme peu comédogène et convient généralement aux peaux à imperfections. Chaque peau étant unique, testez d'abord sur une petite zone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"csk-accordion-item\"\u003e\n \u003csummary class=\"csk-accordion-header\"\u003e💊 Différence avec les crèmes en pharmacie ?\u003c\/summary\u003e\n \u003cdiv class=\"csk-accordion-content\"\u003e\n \u003cp\u003eLes crèmes en pharmacie contiennent souvent de l'eau (donc conservateurs), émulsifiants et parfums. Cette crème solide se distingue par sa composition ultra-courte et 100% naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"csk-cta-box\"\u003e\n \u003cp\u003e🌿 Un couteau suisse de la beauté naturelle : crème visage, soin corps, baume à lèvres et masque capillaire en un seul produit. Fabriqué artisanalement en France, respectueux de votre peau et de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --csk-cream: #FAF7F2;\n --csk-white: #ffffff;\n --csk-primary: #C9A96E;\n --csk-primary-dark: #8B7355;\n --csk-primary-light: #F5EDE0;\n --csk-secondary: #E8D9B8;\n --csk-accent: #A67C52;\n --csk-text: #1a1a1a;\n --csk-text-light: #5a5a5a;\n --csk-border: #e0e0e0;\n --csk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --csk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --csk-radius: 20px;\n --csk-radius-sm: 12px;\n}\n\n.csk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--csk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.csk-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A96E 0%, #A67C52 50%, #8B7355 100%);\n border-radius: var(--csk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--csk-shadow-lg);\n}\n\n.csk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.csk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.csk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.csk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--csk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.csk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.csk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.csk-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.csk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.csk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.csk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--csk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.csk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--csk-primary), var(--csk-accent));\n border-radius: 2px;\n}\n\n.csk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.csk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.csk-card {\n background: var(--csk-white);\n border-radius: var(--csk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--csk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.csk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--csk-shadow-lg);\n border-color: var(--csk-primary);\n}\n\n.csk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--csk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.csk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--csk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.csk-card-ingredient {\n background: linear-gradient(135deg, var(--csk-white) 0%, var(--csk-primary-light) 100%);\n}\n\n.csk-grid-compact .csk-card {\n padding: 1rem;\n}\n\n.csk-grid-compact .csk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.csk-grid-compact .csk-card p {\n font-size: 12px;\n}\n\n.csk-sans-box {\n background: var(--csk-white);\n border-radius: var(--csk-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--csk-accent);\n text-align: center;\n}\n\n.csk-sans-box p {\n margin: 0;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--csk-text-light);\n line-height: 1.6;\n}\n\n.csk-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.csk-usage-card {\n background: var(--csk-white);\n border-radius: var(--csk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--csk-shadow);\n text-align: center;\n position: relative;\n transition: all .3s ease;\n}\n\n.csk-usage-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--csk-shadow-lg);\n}\n\n.csk-usage-number {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg, var(--csk-primary), var(--csk-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 14px;\n box-shadow: 0 4px 12px rgba(201, 169, 110, .4);\n}\n\n.csk-usage-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--csk-primary-dark);\n margin: .5rem 0 .75rem 0;\n}\n\n.csk-usage-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--csk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.csk-accordion {\n background: var(--csk-white);\n border-radius: var(--csk-radius);\n box-shadow: var(--csk-shadow);\n overflow: hidden;\n}\n\n.csk-accordion-item {\n border-bottom: 1px solid var(--csk-border);\n margin: 0;\n padding: 0;\n}\n\n.csk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.csk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--csk-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.csk-accordion-header:hover {\n background: var(--csk-primary-light);\n}\n\n.csk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.csk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--csk-primary);\n transition: transform .2s ease;\n}\n\n.csk-accordion-item[open] .csk-accordion-header::after {\n content: '−';\n}\n\n.csk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--csk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.csk-accordion-content p {\n margin: 0;\n}\n\n.csk-cta-box {\n background: linear-gradient(135deg, var(--csk-primary) 0%, var(--csk-primary-dark) 100%);\n border-radius: var(--csk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.csk-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.csk-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .csk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .csk-usage-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n \n .csk-card {\n padding: 1.125rem;\n }\n \n .csk-section {\n margin-bottom: 1.75rem;\n }\n \n .csk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--csk-radius-sm);\n }\n \n .csk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .csk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .csk-grid-compact {\n gap: .625rem;\n }\n \n .csk-grid-compact .csk-card {\n padding: .75rem;\n }\n \n .csk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .csk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .csk-badges-top {\n gap: 8px;\n }\n \n .csk-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .csk-card,\n .csk-usage-card {\n animation: fadeInUp .5s ease backwards;\n }\n .csk-card:nth-child(1), .csk-usage-card:nth-child(1) { animation-delay: .05s; }\n .csk-card:nth-child(2), .csk-usage-card:nth-child(2) { animation-delay: .1s; }\n .csk-card:nth-child(3), .csk-usage-card:nth-child(3) { animation-delay: .15s; }\n .csk-card:nth-child(4), .csk-usage-card:nth-child(4) { animation-delay: .2s; }\n .csk-card:nth-child(5) { animation-delay: .25s; }\n .csk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .csk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755185791133,"sku":"NBAICAV0004","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solide-au-beurre-de-karite-50-g-comme-avant-ingredients.jpg?v=1767900068"},{"product_id":"repulsif-moustique-solide-comme-avant-au-beurre-de-murumuru-stick-80-g-comme-avant","title":"Répulsif Moustique Solide au Beurre de Murumuru – Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Répulsif Moustique Solide au Beurre de Murumuru – Comme Avant\nPalette détectée:\n - Primaire: #8B7355 (brun kraft\/carton du packaging)\n - Secondaire: #6B8E5A (vert nature\/herbe des photos lifestyle)\n - Accent: #C4A76C (doré chaud\/beurre murumuru)\nAmbiance: Naturel, authentique, artisanal, éco-responsable. Packaging kraft minimaliste, univers outdoor\/nature, esprit zéro déchet. Tons chauds et terreux avec touches de verdure.\nPréfixe CSS: rm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Répulsif moustique solide au beurre de murumuru : la protection naturelle qui prend soin de votre peau\"\n 2. \"Pourquoi ce répulsif naturel pour moustique est différent\"\n 3. \"Les bienfaits de chaque ingrédient, en détail\"\n 4. \"Comment utiliser votre stick répulsif au quotidien\"\n 5. \"Pour qui est fait ce répulsif à moustique naturel ?\"\n 6. \"Répulsif naturel ou chimique : comment faire le bon choix ?\"\n 7. \"Astuces pour renforcer votre protection contre les moustiques\"\n 8. \"Composition complète (INCI)\"\n 9. \"Origine et fabrication responsable\"\n 10. \"Questions fréquentes sur le répulsif moustique naturel Comme Avant\"\n 11. \"Notre avis sur le répulsif moustique solide Comme Avant\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"rm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rm-hero\"\u003e\n \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rm-hero-content\"\u003e\n \u003cdiv class=\"rm-badges-top\"\u003e\n \u003cspan class=\"rm-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eRépulsif moustique solide au beurre de murumuru\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003eComme Avant — Stick 80 g\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eUn stick anti-moustiques 100 % naturel qui protège efficacement contre le moustique tigre tout en nourrissant votre peau. Fini les sprays chimiques : adoptez le geste solide, écologique et sain pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eRépulsif moustique solide au beurre de murumuru : la protection naturelle qui prend soin de votre peau\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eVous en avez assez des sprays chimiques qui laissent une sensation désagréable sur la peau et un arrière-goût de culpabilité écologique ?\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛡️ Double action\u003c\/h3\u003e\n \u003cp\u003eRépulsif efficace + baume nourrissant en un seul geste\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌱 Formule propre\u003c\/h3\u003e\n \u003cp\u003eHuiles essentielles + beurre de murumuru bio, c'est tout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🦟 Anti moustique tigre\u003c\/h3\u003e\n \u003cp\u003eEucalyptus citronné reconnu contre \u003cem\u003eAedes albopictus\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e📦 Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable, aucun déchet superflu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePourquoi ce répulsif naturel pour moustique est différent\u003c\/h2\u003e\n \u003cdiv class=\"rm-card rm-card-wide\"\u003e\n \u003cp\u003eLa plupart des répulsifs conventionnels reposent sur des molécules de synthèse comme le DEET, souvent irritantes et controversées. À l'inverse, ce \u003cstrong\u003erépulsif anti-moustique naturel\u003c\/strong\u003e mise sur une synergie d'ingrédients d'origine biologique dont l'efficacité répulsive est reconnue depuis des siècles.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eCe qui le distingue véritablement, c'est son \u003cstrong\u003eformat solide\u003c\/strong\u003e : pas de flacon en plastique, pas de risque de fuite dans votre sac, pas de gaz propulseur. Vous appliquez, vous êtes protégé, et votre peau est nourrie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-grid\" style=\"margin-top:1.25rem\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🧴 Sprays classiques\u003c\/h3\u003e\n \u003cp\u003eS'évaporent rapidement, laissent la peau sèche, emballage plastique, DEET controversé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e✅ Ce stick solide\u003c\/h3\u003e\n \u003cp\u003eLe beurre de murumuru forme un film protecteur qui \u003cstrong\u003eprolonge l'action répulsive\u003c\/strong\u003e tout en maintenant une hydratation confortable. Protection + soin, les deux à la fois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eLes bienfaits de chaque ingrédient, en détail\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eSeulement 5 ingrédients, tous d'origine naturelle, chacun avec un rôle précis.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🥥 Beurre de murumuru bio\u003c\/h3\u003e\n \u003cp\u003eIssu d'un palmier amazonien, exceptionnellement riche en acide laurique et en acides gras essentiels. Pénètre sans film gras, nourrit en profondeur et forme une \u003cstrong\u003ebarrière protectrice naturelle\u003c\/strong\u003e sur l'épiderme. Peau douce et souple, même après plusieurs applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🍋 Huile essentielle de citronnelle\u003c\/h3\u003e\n \u003cp\u003eLe répulsif naturel le plus emblématique. Son parfum citronné frais \u003cstrong\u003emasque les odeurs corporelles\u003c\/strong\u003e qui attirent les moustiques et perturbe leurs récepteurs olfactifs. Première ligne de défense de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌸 Huile essentielle de géranium rosat\u003c\/h3\u003e\n \u003cp\u003eContient du citronellol et du géraniol, deux molécules dont l'action répulsive sur les insectes piqueurs a été \u003cstrong\u003edocumentée par de nombreuses études\u003c\/strong\u003e. Apporte une note florale agréable qui adoucit le parfum global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle d'eucalyptus citronné\u003c\/h3\u003e\n \u003cp\u003eRiche en PMD (para-menthane-3,8-diol), considérée comme l'une des \u003cstrong\u003ealternatives naturelles les plus performantes face au DEET\u003c\/strong\u003e. C'est elle qui fait de ce stick un répulsif moustique tigre crédible, même en zones à forte pression.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌾 Amidon de maïs bio\u003c\/h3\u003e\n \u003cp\u003eStabilise la texture solide du stick et absorbe l'excès de sébum. Résultat : un \u003cstrong\u003efini sec et mat\u003c\/strong\u003e, sans sensation collante. Le confort d'application au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComment utiliser votre stick répulsif au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"rm-timeline\"\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eTestez d'abord\u003c\/h3\u003e\n \u003cp\u003eAvant la première utilisation, appliquez le produit sur une petite zone de peau (intérieur du poignet) et attendez 24 heures. Indispensable si vous êtes sensible aux huiles essentielles ou allergique aux fruits à coque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eAppliquez directement\u003c\/h3\u003e\n \u003cp\u003ePassez le stick sur les zones exposées — bras, jambes, chevilles, nuque, épaules — en effectuant de légers mouvements circulaires. Le beurre de murumuru fond doucement et dépose un voile protecteur homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez toutes les 2 heures\u003c\/h3\u003e\n \u003cp\u003eAppliquez plus fréquemment si vous transpirez beaucoup, si vous vous baignez ou si la chaleur est intense. C'est la clé d'une protection continue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eEn soirée, anticipez\u003c\/h3\u003e\n \u003cp\u003eSur la terrasse ou au camping, appliquez le stick avant de vous installer. Les moustiques sont particulièrement actifs au crépuscule : c'est le moment où votre répulsif est le plus précieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConvient aux adultes et aux enfants à partir de 6 mois\u003c\/strong\u003e en raison de la présence d'huiles essentielles. Pour les femmes enceintes ou allaitantes, demandez conseil à votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePour qui est fait ce répulsif à moustique naturel ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eCe stick s'adresse à toutes les personnes qui souhaitent se protéger des moustiques sans recourir aux produits chimiques.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e✈️ En vacances\u003c\/h3\u003e\n \u003cp\u003eCamping, randonnée ou tropiques : son format compact de 80 g se glisse dans n'importe quel bagage \u003cstrong\u003esans risque de fuite\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌅 Au jardin ou en terrasse\u003c\/h3\u003e\n \u003cp\u003eUn geste rapide avant l'apéritif suffit à passer une soirée tranquille, sans être harcelé — moustique commun comme \u003cstrong\u003emoustique tigre\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Pour les familles\u003c\/h3\u003e\n \u003cp\u003eFormule douce et naturelle, \u003cstrong\u003eutilisable dès 6 mois\u003c\/strong\u003e. Un allié rassurant pour protéger les plus petits en plein air.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🏃 Pour les sportifs\u003c\/h3\u003e\n \u003cp\u003eCourse en forêt, yoga extérieur, escalade… Le fini sec et non gras permet d'appliquer \u003cstrong\u003esans que les mains glissent\u003c\/strong\u003e ni que la peau colle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e♻️ Adeptes du zéro déchet\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable, \u003cstrong\u003eabsence totale de plastique\u003c\/strong\u003e : un choix cohérent avec une démarche éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eRépulsif naturel ou chimique : comment faire le bon choix ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-card rm-card-wide\"\u003e\n \u003cp\u003eLes huiles essentielles de citronnelle, de géranium et surtout d'eucalyptus citronné ont fait l'objet de \u003cstrong\u003enombreuses études confirmant leur activité répulsive\u003c\/strong\u003e. L'eucalyptus citronné, en particulier, est le seul répulsif naturel recommandé par certaines agences de santé comme alternative crédible aux molécules de synthèse.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eCependant, leur durée d'action est généralement plus courte, d'où la nécessité de \u003cstrong\u003erenouveler l'application régulièrement\u003c\/strong\u003e (toutes les 2 heures).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-grid\" style=\"margin-top:1.25rem\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 0 % parabène\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur de synthèse dans la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 0 % silicone\u003c\/h3\u003e\n \u003cp\u003eRien de nocif pour votre peau ni l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 0 % DEET\u003c\/h3\u003e\n \u003cp\u003eZéro molécule controversée, pour un usage familial serein\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour une utilisation quotidienne, en famille, le profil de tolérance d'un répulsif naturel pèse lourd face aux sprays chimiques. Vous ne saturez pas votre peau de substances controversées et ne rejetez rien de nocif dans l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eAstuces pour renforcer votre protection contre les moustiques\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eMême le meilleur répulsif moustique naturel gagne à être combiné avec quelques bonnes habitudes.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e👕 Vêtements couvrants\u003c\/h3\u003e\n \u003cp\u003ePortez-les à l'aube et au crépuscule. Appliquez le stick sur les zones restées à découvert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Eaux stagnantes\u003c\/h3\u003e\n \u003cp\u003eÉliminez coupelles, gouttières bouchées, jouets oubliés : les moustiques tigres pondent dans quelques millilitres d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛏️ Moustiquaire\u003c\/h3\u003e\n \u003cp\u003eLa nuit, surtout pour les enfants en bas âge, en complément du stick appliqué en soirée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌡️ Conservation\u003c\/h3\u003e\n \u003cp\u003eRangez votre stick à l'abri de la chaleur excessive (au-dessus de 35 °C, le beurre peut ramollir). Un placard frais fait l'affaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧾 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cul class=\"rm-inci-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eAstrocaryum murumuru seed butter*\u003c\/strong\u003e — Beurre de murumuru biologique\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eZea mays starch*\u003c\/strong\u003e — Amidon de maïs biologique\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCymbopogon schoenanthus oil\u003c\/strong\u003e — Huile essentielle de citronnelle\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePelargonium graveolens flower oil\u003c\/strong\u003e — Huile essentielle de géranium rosat\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEucalyptus citriodora oil\u003c\/strong\u003e — Huile essentielle d'eucalyptus citronné\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp style=\"margin-top:.75rem\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp style=\"margin-top:.5rem\"\u003e\u003cstrong\u003eSans parabène, sans silicone, sans conservateur de synthèse, sans DEET, sans plastique.\u003c\/strong\u003e Formule vegan, non testée sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eOrigine et fabrication responsable\u003c\/h2\u003e\n \u003cdiv class=\"rm-card rm-card-wide\"\u003e\n \u003cp\u003eCe répulsif moustique solide est fabriqué en \u003cstrong\u003eFrance, près de Marseille\u003c\/strong\u003e, par la marque \u003cstrong\u003eComme Avant\u003c\/strong\u003e. Depuis sa création, cette entreprise s'est engagée dans une démarche radicale de transparence et de respect environnemental :\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\" style=\"margin-top:1rem\"\u003e\n \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n \u003ch3\u003e🌿 Ingrédients\u003c\/h3\u003e\n \u003cp\u003e100 % d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n \u003ch3\u003e📦 Emballages\u003c\/h3\u003e\n \u003cp\u003eCarton recyclable uniquement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n \u003ch3\u003e🏭 Production\u003c\/h3\u003e\n \u003cp\u003eLocale et artisanale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n \u003ch3\u003e✅ Qualité\u003c\/h3\u003e\n \u003cp\u003ePetites séries, contrôle rigoureux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #10 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eRéponses à vos interrogations\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🦟 Ce répulsif fonctionne-t-il contre le moustique tigre ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile essentielle d'eucalyptus citronné, présente dans la formule, est reconnue pour son action répulsive sur de nombreuses espèces de moustiques, y compris le moustique tigre (\u003cem\u003eAedes albopictus\u003c\/em\u003e). Pour une efficacité optimale, pensez à renouveler l'application toutes les 2 heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e😊 Peut-on l'utiliser sur le visage ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est préférable de ne pas appliquer le stick directement sur le visage en raison de la concentration en huiles essentielles. Vous pouvez en revanche l'appliquer sur la nuque, le cou et le décolleté, en évitant soigneusement le contour des yeux et des muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e⏳ Combien de temps dure un stick de 80 g ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eEn utilisation quotidienne (2 à 3 applications par jour sur les zones exposées), un stick dure en moyenne \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e. De quoi couvrir largement vos vacances d'été.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e💧 Ce produit peut-il remplacer une crème hydratante ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eGrâce au beurre de murumuru, le stick dépose un voile nourrissant sur la peau. Cependant, il reste avant tout un répulsif à moustique naturel et ne se substitue pas à votre soin hydratant habituel si votre peau est très sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🤰 Peut-on l'utiliser pendant la grossesse ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit contient des huiles essentielles. Par précaution, demandez l'avis de votre médecin ou sage-femme avant utilisation si vous êtes enceinte ou allaitante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #11 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eNotre avis sur le répulsif moustique solide Comme Avant\u003c\/h2\u003e\n \u003cdiv class=\"rm-testimonial\"\u003e\n \u003cp class=\"rm-testimonial-text\"\u003e\"Si vous cherchez une solution simple, naturelle et agréable contre les moustiques, ce stick risque fort de vous plaire. L'application est franchement facile : il glisse bien sur la peau, sans sensation de gras ni d'effet collant. Dès les premières utilisations, on remarque que la peau reste douce et confortable, même après plusieurs passages dans la journée.\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eLe parfum est subtil, un peu citronné mais pas entêtant : c'est vraiment le genre d'odeur qu'on peut supporter tout l'été, même si on est sensible. Vous n'aurez pas ce côté piquant qu'on retrouve parfois dans les sprays classiques, et personne ne vous reprochera d'avoir envahi la pièce.\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eC'est aussi le genre de produit qu'on n'hésite pas à passer sur les bras des enfants avant une soirée dehors. On apprécie de ne pas avoir à s'inquiéter des ingrédients : ici, c'est 100 % naturel, rien d'agressif pour la peau ou l'environnement, et ça se sent.\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eCôté efficacité, c'est rassurant : tant que vous pensez à renouveler l'application (toutes les 2 heures environ), les moustiques vous laissent vraiment tranquille, même en pleine saison. Et puis, pas de mauvaise surprise dans le sac ou la valise : le stick ne coule pas, il tient bien, il ne prend pas de place.\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eBref, si vous aimez les solutions simples, propres, qui respectent la peau et la planète, ce répulsif a tout pour devenir un réflexe chaque fois que vous partez en balade, en vacances ou tout simplement sur votre terrasse. C'est le genre de petit geste naturel qu'on adopte très facilement, pour soi ou pour toute la famille.\"\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-author\"\u003e— Pauline, cheffe de produit chez Naturellement Bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL + DISCLAIMER --\u003e\n \u003csection class=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rm-cta-box\"\u003e\n \u003cp\u003e🦟 Protégez-vous naturellement cet été avec un geste simple, sain et zéro déchet. Votre peau — et la planète — vous remercient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-disclaimer\"\u003eCe produit cosmétique n'est pas un médicament et ne saurait remplacer un traitement médical. En cas de réaction allergique, cessez immédiatement l'utilisation et consultez un professionnel de santé. Tenir hors de portée des enfants de moins de 3 ans.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --rm-cream: #faf7f2;\n --rm-white: #ffffff;\n --rm-primary: #8B7355;\n --rm-primary-dark: #5C4A33;\n --rm-primary-light: #f3ede4;\n --rm-secondary: #6B8E5A;\n --rm-secondary-light: #e8f0e4;\n --rm-accent: #C4A76C;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #e0d8ce;\n --rm-shadow: 0 4px 24px rgba(92,74,51,.08);\n --rm-shadow-lg: 0 12px 48px rgba(92,74,51,.15);\n --rm-radius: 20px;\n --rm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rm-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4A33 0%, #8B7355 40%, #6B8E5A 100%);\n border-radius: var(--rm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rm-shadow-lg);\n}\n\n.rm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(196,167,108,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(107,142,90,.08) 0%, transparent 70%);\n opacity: 1;\n}\n\n.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.rm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.rm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.rm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rm-primary), var(--rm-secondary));\n border-radius: 2px;\n}\n\n.rm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === CARDS === *\/\n.rm-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rm-shadow-lg);\n border-color: var(--rm-primary);\n}\n\n.rm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rm-card-wide {\n text-align: left;\n}\n\n.rm-card-wide p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--rm-text);\n line-height: 1.7;\n}\n\n.rm-card-highlight {\n border-color: var(--rm-secondary);\n background: var(--rm-secondary-light);\n}\n\n.rm-card-highlight:hover {\n border-color: var(--rm-secondary);\n}\n\n.rm-card-nested {\n background: var(--rm-primary-light);\n box-shadow: none;\n border: 1px solid var(--rm-border);\n}\n\n.rm-card-nested:hover {\n transform: translateY(-3px);\n border-color: var(--rm-primary);\n}\n\n\/* === GRILLES === *\/\n.rm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rm-grid-compact .rm-card {\n padding: 1rem;\n}\n\n.rm-grid-compact .rm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rm-grid-compact .rm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rm-primary), var(--rm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rm-timeline-content {\n flex: 1;\n background: var(--rm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rm-radius-sm);\n box-shadow: var(--rm-shadow);\n}\n\n.rm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rm-timeline-content p {\n font-size: 14px;\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rm-testimonial {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n border-left: 4px solid var(--rm-secondary);\n}\n\n.rm-testimonial-text {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--rm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0 0 .75rem 0;\n}\n\n.rm-testimonial-text:last-of-type {\n margin-bottom: 0;\n}\n\n.rm-testimonial-author {\n font-size: 14px;\n color: var(--rm-secondary);\n font-weight: 700;\n font-style: italic;\n margin: 1.25rem 0 0 0;\n padding-top: 1rem;\n border-top: 1px solid var(--rm-border);\n}\n\n\/* === ACCORDÉON === *\/\n.rm-accordion {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-accordion-item {\n border-bottom: 1px solid var(--rm-border);\n margin: 0;\n padding: 0;\n}\n\n.rm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rm-accordion-header:hover {\n background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rm-primary);\n transition: transform .2s ease;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n content: '−';\n}\n\n.rm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rm-accordion-content p {\n margin: 0;\n}\n\n.rm-accordion-content ul {\n margin: 0;\n padding-left: 0;\n list-style: none;\n}\n\n\/* === INCI LIST === *\/\n.rm-inci-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.rm-inci-list li {\n padding: .5rem 0;\n border-bottom: 1px solid var(--rm-border);\n font-size: 14px;\n color: var(--rm-text);\n line-height: 1.5;\n}\n\n.rm-inci-list li:last-child {\n border-bottom: none;\n}\n\n\/* === TIP BOX === *\/\n.rm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rm-secondary-light);\n border-radius: var(--rm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid rgba(107,142,90,.2);\n}\n\n.rm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rm-tip p {\n font-size: 14px;\n color: var(--rm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-secondary) 0%, #4a6e3a 100%);\n border-radius: var(--rm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rm-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.08) 0%, transparent 60%);\n}\n\n.rm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.rm-disclaimer {\n font-size: 12px;\n color: var(--rm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.5;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rm-card {\n padding: 1.125rem;\n }\n\n .rm-section {\n margin-bottom: 1.75rem;\n }\n\n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n\n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rm-grid-compact {\n gap: .625rem;\n }\n\n .rm-grid-compact .rm-card {\n padding: .75rem;\n }\n\n .rm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rm-timeline-content h3 {\n font-size: 14px;\n }\n\n .rm-timeline-content p {\n font-size: 13px;\n }\n\n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rm-testimonial {\n padding: 1.25rem;\n }\n\n .rm-testimonial-text {\n font-size: 14px;\n }\n\n .rm-card-wide {\n padding: 1.125rem;\n }\n\n .rm-card-wide p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rm-card {\n animation: rmFadeInUp .5s ease backwards;\n }\n .rm-card:nth-child(1) { animation-delay: .05s; }\n .rm-card:nth-child(2) { animation-delay: .1s; }\n .rm-card:nth-child(3) { animation-delay: .15s; }\n .rm-card:nth-child(4) { animation-delay: .2s; }\n .rm-card:nth-child(5) { animation-delay: .25s; }\n .rm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755186610333,"sku":"NBAICAV0049","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/repulsif_moustique_solide_beurre_de_murmuru_comme-avant_11zon.jpg?v=1774367125"},{"product_id":"creme-solide-au-beurre-de-karite-plantain-et-jujubier-bio-pot-kraft-50-g-comme-avant","title":"Crème Solide au macérât de Plantain - Anti-démangeaisons - Comme Avant","description":"\u003cdiv class=\"cp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cp-hero\"\u003e\n \u003cdiv class=\"cp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cp-hero-content\"\u003e\n \u003cdiv class=\"cp-badges-top\"\u003e\n \u003cspan class=\"cp-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"cp-badge\"\u003e🇫🇷 Fabriquée à Marseille\u003c\/span\u003e\n \u003cspan class=\"cp-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"cp-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cp-hero-title\"\u003eCrème solide au macérât de Plantain\u003c\/span\u003e\n \u003cp class=\"cp-subtitle\"\u003eLe soin bio anti-démangeaisons pour toute la famille\u003c\/p\u003e\n \u003cp class=\"cp-description\"\u003e6 ingrédients seulement · 100 % d'origine naturelle · Sans huile essentielle · Dès 3 ans, femmes enceintes et allaitantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eCrème solide au macérât de plantain : le soin bio anti-démangeaisons pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003eVotre peau tiraille, gratte ou rougit sans prévenir ? La crème solide au macérât de plantain de Comme Avant est formulée précisément pour répondre à ces inconforts du quotidien.\u003c\/p\u003e\n \u003cdiv class=\"cp-grid-compact\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌱 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eLabel Cosmos Organic, vegan et cruelty-free pour une transparence totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🤲 Artisanale\u003c\/h3\u003e\n \u003cp\u003eFabriquée à la main près de Marseille en petites séries\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e✨ Anti-démangeaisons\u003c\/h3\u003e\n \u003cp\u003eAlternative saine et efficace aux produits conventionnels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌍 Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eFormat solide dans un pot kraft recyclable, doux pour la planète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003ePourquoi le macérât de plantain est si efficace contre les démangeaisons\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003eLe macérât huileux de plantain est un trésor de la phytothérapie traditionnelle. Obtenu par macération des feuilles de plantain lancéolé, il concentre des principes actifs reconnus pour leurs vertus apaisantes et réparatrices.\u003c\/p\u003e\n \u003cdiv class=\"cp-grid\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🩹 Sécheresse cutanée\u003c\/h3\u003e\n \u003cp\u003eApaise les démangeaisons liées à la sécheresse et aux irritations saisonnières\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🦟 Piqûres et rougeurs\u003c\/h3\u003e\n \u003cp\u003eCalme les inconforts causés par les piqûres d'insectes ou un coup de soleil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🧴 Peaux réactives\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux atopiques ou sujettes à l'eczéma, en complément d'un suivi médical\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🪒 Après-rasage\u003c\/h3\u003e\n \u003cp\u003eSoulage les sensations d'inconfort après le rasage ou l'épilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-tip\"\u003e\n \u003cspan class=\"cp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAssocié au \u003cstrong\u003ebeurre de karité bio\u003c\/strong\u003e et à la \u003cstrong\u003epoudre de jujubier\u003c\/strong\u003e, le macérât de plantain forme un trio d'actifs qui apaise, nourrit et purifie la peau en un seul geste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eUne formule courte, transparente et sans compromis\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003eContrairement à une crème anti-démangeaisons conventionnelle qui contient souvent des conservateurs de synthèse ou des parfums, cette crème solide affiche une composition \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, sans huile essentielle ni allergène ajouté. Elle convient aux \u003cstrong\u003eenfants dès 3 ans\u003c\/strong\u003e, aux \u003cstrong\u003efemmes enceintes et allaitantes\u003c\/strong\u003e ainsi qu'aux peaux les plus sensibles.\u003c\/p\u003e\n \u003cdiv class=\"cp-grid\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eButyrospermum Parkii Butter — Nourrit, protège et régénère la peau en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eOlea Europaea Fruit Oil — Émolliente et protectrice pour un film lipidique renforcé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌿 Macérât de plantain bio\u003c\/h3\u003e\n \u003cp\u003ePlantago Lanceolata Leaf Extract — Apaise et répare les peaux irritées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🍃 Poudre de jujubier bio\u003c\/h3\u003e\n \u003cp\u003eZiziphus Jujuba Leaf Extract — Purifie et tonifie la peau naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🕯️ Cire de candelilla\u003c\/h3\u003e\n \u003cp\u003eEuphorbia Cerifera Cera — Forme un film protecteur non occlusif et vegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌾 Amidon de maïs bio\u003c\/h3\u003e\n \u003cp\u003eZea Mays Starch — Effet matifiant, zéro sensation grasse au toucher\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cp-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. Sans huile de palme, sans plastique, non testé sur les animaux. Contient également de l'huile de tournesol bio (Helianthus Annuus Seed Oil) comme adoucissant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eComment utiliser cette crème solide au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"cp-timeline\"\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eFaites chauffer\u003c\/h3\u003e\n \u003cp\u003ePrenez un peu de crème et faites-la chauffer entre vos paumes pour la ramollir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eÉtalez directement sur la zone concernée : visage, corps, mains, coudes, jambes ou lèvres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement jusqu'à absorption complète. La texture fond rapidement et ne laisse aucun effet gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la en soin localisé sur une zone qui démange ou en crème hydratante quotidienne après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n \u003cdiv class=\"cp-accordion\"\u003e\n \u003cdetails class=\"cp-accordion-item\"\u003e\n \u003csummary class=\"cp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cp-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le pot à température ambiante, à l'abri de la chaleur et de l'humidité. Durée de vie : \u003cstrong\u003e12 mois après ouverture\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cp-accordion-item\"\u003e\n \u003csummary class=\"cp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cp-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux et ne l'appliquez pas sur une plaie ouverte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cp-accordion-item\"\u003e\n \u003csummary class=\"cp-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"cp-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un avis ou un traitement médical, notamment en cas d'eczéma sévère ou d'urticaire persistant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFabrication artisanale française et engagement éco-responsable\u003c\/h2\u003e\n \u003cdiv class=\"cp-cta-box\"\u003e\n \u003cp\u003eChaque crème est fabriquée \u003cstrong\u003eà la main près de Marseille\u003c\/strong\u003e, en petite série, et conditionnée dans un \u003cstrong\u003epot en kraft recyclable\u003c\/strong\u003e de 50 g. Comme Avant porte la mention \u003cstrong\u003eSlow Cosmétique\u003c\/strong\u003e, garantie d'un cosmétique sincère, sans marketing trompeur. Remplacez plusieurs tubes plastiques par un seul soin multi-usages, sain et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cp-cream: #f7f3ee;\n --cp-white: #ffffff;\n --cp-primary: #8b9e3c;\n --cp-primary-dark: #5a6e1a;\n --cp-primary-light: #f0f3e4;\n --cp-secondary: #c4a96a;\n --cp-accent: #a3b04d;\n --cp-text: #1a1a1a;\n --cp-text-light: #5a5a5a;\n --cp-border: #e0ddd6;\n --cp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cp-radius: 20px;\n --cp-radius-sm: 12px;\n}\n\n.cp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cp-hero {\n position: relative;\n background: linear-gradient(135deg, #5a6e1a 0%, #8b9e3c 50%, #c4a96a 100%);\n border-radius: var(--cp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cp-shadow-lg);\n}\n\n.cp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .05;\n}\n\n.cp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cp-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: -.01em;\n}\n\n.cp-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2.2vw, 16px);\n margin: 0;\n line-height: 1.6;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === SECTIONS === *\/\n.cp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.cp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cp-primary), var(--cp-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.cp-card {\n background: var(--cp-white);\n border-radius: var(--cp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cp-shadow-lg);\n border-color: var(--cp-primary);\n}\n\n.cp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cp-grid-compact .cp-card {\n padding: 1rem;\n}\n\n.cp-grid-compact .cp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cp-grid-compact .cp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cp-primary), var(--cp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cp-timeline-content {\n flex: 1;\n background: var(--cp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cp-radius-sm);\n box-shadow: var(--cp-shadow);\n}\n\n.cp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cp-timeline-content p {\n font-size: 14px;\n color: var(--cp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cp-testimonial {\n background: var(--cp-white);\n border-radius: var(--cp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cp-shadow);\n border-left: 4px solid var(--cp-primary);\n}\n\n.cp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cp-accordion {\n background: var(--cp-white);\n border-radius: var(--cp-radius);\n box-shadow: var(--cp-shadow);\n overflow: hidden;\n}\n\n.cp-accordion-item {\n border-bottom: 1px solid var(--cp-border);\n margin: 0;\n padding: 0;\n}\n\n.cp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cp-accordion-header:hover {\n background: var(--cp-primary-light);\n}\n\n.cp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cp-primary);\n transition: transform .2s ease;\n}\n\n.cp-accordion-item[open] .cp-accordion-header::after {\n content: '−';\n}\n\n.cp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cp-primary-light);\n border-radius: var(--cp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cp-tip p {\n font-size: 14px;\n color: var(--cp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cp-cta-box {\n background: linear-gradient(135deg, var(--cp-primary) 0%, var(--cp-primary-dark) 100%);\n border-radius: var(--cp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cp-disclaimer {\n font-size: 12px;\n color: var(--cp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cp-card {\n padding: 1.125rem;\n }\n\n .cp-section {\n margin-bottom: 1.75rem;\n }\n\n .cp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cp-radius-sm);\n }\n\n .cp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cp-grid-compact {\n gap: .625rem;\n }\n\n .cp-grid-compact .cp-card {\n padding: .75rem;\n }\n\n .cp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cp-timeline-content h3 {\n font-size: 14px;\n }\n\n .cp-timeline-content p {\n font-size: 13px;\n }\n\n .cp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cp-testimonial {\n padding: 1.25rem;\n }\n\n .cp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cp-card {\n animation: cpFadeInUp .5s ease backwards;\n }\n .cp-card:nth-child(1) { animation-delay: .05s; }\n .cp-card:nth-child(2) { animation-delay: .1s; }\n .cp-card:nth-child(3) { animation-delay: .15s; }\n .cp-card:nth-child(4) { animation-delay: .2s; }\n .cp-card:nth-child(5) { animation-delay: .25s; }\n .cp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755190214813,"sku":"NBAICAV0056","price":12.94,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solide-au-macerat-de-plantain-anti-demangeaisons-comme-avant_recto_9_11zon.jpg?v=1759393514"},{"product_id":"creme-solide-au-beurre-de-karite-arnica-et-rose-bio-pot-kraft-50-g-comme-avant","title":"Crème Solide au macérât d'Arnica - Calme et apaise - 50 g - Comme avant","description":"\u003cdiv class=\"arnica-premium\"\u003e\n \u003cdiv class=\"arnica-hero\"\u003e\n \u003cdiv class=\"arnica-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arnica-hero-content\"\u003e\n \u003cdiv class=\"arnica-badges-top\"\u003e\n \u003cspan class=\"arnica-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"arnica-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"arnica-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"arnica-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arnica-hero-title\"\u003eLa force apaisante de la fleur de montagne\u003c\/span\u003e\n \u003cp class=\"arnica-subtitle\"\u003eCrème solide au macérât d'Arnica bio · 50 g\u003c\/p\u003e\n \u003cp class=\"arnica-description\"\u003eUn soin cocooning au format solide, formulé avec seulement 4 ingrédients pour apaiser, nourrir et réconforter les peaux malmenées. Slow cosmétique, efficace et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"arnica-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème à l'arnica ?\u003c\/h2\u003e\n \u003cp class=\"arnica-section-intro\"\u003eL'arnica est une plante de montagne réputée depuis des siècles pour ses vertus apaisantes.\u003c\/p\u003e\n \u003cp style=\"text-align:center;max-width:750px;margin:0 auto 1.5rem;color:var(--arnica-text-light);line-height:1.8;font-size:clamp(14px,2.2vw,16px);\"\u003eEn cosmétique, le macérât huileux d'arnica est plébiscité pour soulager les sensations d'inconfort cutané : zones marquées par un choc léger, jambes fatiguées, courbatures après le sport, peau sollicitée par le froid ou l'effort.\u003c\/p\u003e\n \u003cdiv class=\"arnica-grid-compact\"\u003e\n \u003cdiv class=\"arnica-card\"\u003e\n \u003ch3\u003e🌸 4 ingrédients\u003c\/h3\u003e\n \u003cp\u003eFormule ultra-courte pour peaux sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arnica-card\"\u003e\n \u003ch3\u003e📦 Zéro plastique\u003c\/h3\u003e\n \u003cp\u003ePot en kraft recyclable et compostable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arnica-card\"\u003e\n \u003ch3\u003e✅ Bio certifié\u003c\/h3\u003e\n \u003cp\u003eLabel Cosmos Organic garanti\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arnica-card\"\u003e\n \u003ch3\u003e🎒 Format nomade\u003c\/h3\u003e\n \u003cp\u003eSolide, économique et voyageur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arnica-section\"\u003e\n \u003ch2\u003eLes bienfaits de la crème solide à l'arnica\u003c\/h2\u003e\n \u003cdiv class=\"arnica-grid\"\u003e\n \u003cdiv class=\"arnica-card\"\u003e\n \u003ch3\u003e🌼 Apaise la peau\u003c\/h3\u003e\n \u003cp\u003eGrâce au macérât d'arnica, idéal après un effort physique ou en cas d'inconfort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arnica-card\"\u003e\n \u003ch3\u003e🧈 Nourrit intensément\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité restaure le film hydrolipidique des peaux sèches en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arnica-card\"\u003e\n \u003ch3\u003e💛 Sensation de confort\u003c\/h3\u003e\n \u003cp\u003eProcure un confort immédiat, sans effet gras ni collant sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arnica-card\"\u003e\n \u003ch3\u003e✨ Adoucit et assouplit\u003c\/h3\u003e\n \u003cp\u003eCible les zones rugueuses : coudes, genoux, mains, talons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arnica-tip\"\u003e\n \u003cspan class=\"arnica-tip-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécision importante :\u003c\/strong\u003e il ne s'agit pas d'une crème arnica anti-inflammatoire à visée médicale. Ce produit est un soin cosmétique de confort, qui ne remplace ni un traitement médical, ni un avis professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arnica-section\"\u003e\n \u003ch2\u003eComposition 100 % naturelle et bio\u003c\/h2\u003e\n \u003cp class=\"arnica-section-intro\"\u003eUne formule minimaliste, pensée pour limiter les risques d'allergies et convenir aux peaux sensibles.\u003c\/p\u003e\n \u003cdiv class=\"arnica-grid\"\u003e\n \u003cdiv class=\"arnica-card\"\u003e\n \u003ch3\u003e🌰 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eButyrospermum Parkii Butter\u003c\/em\u003e\u003cbr\u003eNourrissant, riche en vitamines A, D et E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arnica-card\"\u003e\n \u003ch3\u003e🌻 Macérât d'arnica bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eHelianthus Annuus Seed Oil, Arnica Montana Flower Extract\u003c\/em\u003e\u003cbr\u003eApaisant et réconfortant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arnica-card\"\u003e\n \u003ch3\u003e🕯️ Cire de candelilla bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eEuphorbia Cerifera Cera\u003c\/em\u003e\u003cbr\u003eApporte la texture solide, vegan, alternative à la cire d'abeille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arnica-card\"\u003e\n \u003ch3\u003e🌹 HE de rose de Damas bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRosa Damascena Flower Oil\u003c\/em\u003e\u003cbr\u003eParfum floral délicat et propriétés tonifiantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arnica-tip\"\u003e\n \u003cspan class=\"arnica-tip-icon\"\u003e🏆\u003c\/span\u003e\n \u003cp\u003eProduit certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, \u003cstrong\u003eVegan\u003c\/strong\u003e, \u003cstrong\u003eSlow Cosmétique\u003c\/strong\u003e et \u003cstrong\u003efabriqué en France\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arnica-section\"\u003e\n \u003ch2\u003eComment utiliser la crème solide à l'arnica ?\u003c\/h2\u003e\n \u003cp class=\"arnica-section-intro\"\u003eL'utilisation est aussi simple qu'agréable.\u003c\/p\u003e\n \u003cdiv class=\"arnica-timeline\"\u003e\n \u003cdiv class=\"arnica-timeline-item\"\u003e\n \u003cdiv class=\"arnica-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"arnica-timeline-content\"\u003e\n \u003ch3\u003ePrélevez\u003c\/h3\u003e\n \u003cp\u003eFaites glisser le palet sur la zone à traiter, ou réchauffez-le quelques secondes entre vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arnica-timeline-item\"\u003e\n \u003cdiv class=\"arnica-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"arnica-timeline-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement la zone jusqu'à absorption complète du soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arnica-timeline-item\"\u003e\n \u003cdiv class=\"arnica-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"arnica-timeline-content\"\u003e\n \u003ch3\u003eAppliquez 1 à 2 fois par jour\u003c\/h3\u003e\n \u003cp\u003eSur les zones sèches, tiraillées ou sollicitées : jambes, bras, mains, dos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arnica-tip\"\u003e\n \u003cspan class=\"arnica-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e en cas de doute entre arnica gel ou crème, sachez que le format crème solide est plus nourrissant et idéal pour les peaux sèches, tandis qu'un gel sera plus frais et léger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arnica-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"arnica-accordion\"\u003e\n \u003cdetails class=\"arnica-accordion-item\"\u003e\n \u003csummary class=\"arnica-accordion-header\"\u003e👀 Zones à éviter\u003c\/summary\u003e\n \u003cdiv class=\"arnica-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contour des yeux et les muqueuses. Ne pas appliquer sur une plaie ouverte ou une peau lésée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arnica-accordion-item\"\u003e\n \u003csummary class=\"arnica-accordion-header\"\u003e🤰 Public déconseillé\u003c\/summary\u003e\n \u003cdiv class=\"arnica-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes, allaitantes et aux enfants de moins de 3 ans en raison de la présence d'huile essentielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arnica-accordion-item\"\u003e\n \u003csummary class=\"arnica-accordion-header\"\u003e🧪 Test d'allergie\u003c\/summary\u003e\n \u003cdiv class=\"arnica-accordion-content mt-3\"\u003e\n \u003cp\u003eFaites un test dans le pli du coude avant la première utilisation. 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 \u003csection class=\"arnica-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn engagement éco-responsable\u003c\/h2\u003e\n \u003cdiv class=\"arnica-cta-box\"\u003e\n \u003cp\u003eLe pot en kraft 100 % carton est recyclable et compostable. En choisissant cette crème arnica solide, vous réduisez votre empreinte plastique tout en profitant d'un soin authentique, made in France. 🌍\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"arnica-disclaimer\"\u003eCe produit est un soin cosmétique de confort. Il ne remplace pas un traitement médical ni un avis professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --arnica-cream: #faf5ec;\n --arnica-white: #ffffff;\n --arnica-primary: #b8574a;\n --arnica-primary-dark: #8f3f34;\n --arnica-primary-light: #f4e6de;\n --arnica-secondary: #c8a888;\n --arnica-accent: #e8c07d;\n --arnica-text: #2b1e18;\n --arnica-text-light: #6b5a4f;\n --arnica-border: #e8dfd2;\n --arnica-shadow: 0 4px 24px rgba(139,74,55,.08);\n --arnica-shadow-lg: 0 12px 48px rgba(139,74,55,.18);\n --arnica-radius: 20px;\n --arnica-radius-sm: 12px;\n}\n\n.arnica-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arnica-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--arnica-text);\n}\n\n.arnica-hero {\n position: relative;\n background: linear-gradient(135deg, #c8a888 0%, #b8574a 55%, #8f3f34 100%);\n border-radius: var(--arnica-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(--arnica-shadow-lg);\n}\n\n.arnica-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .15;\n}\n\n.arnica-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.arnica-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.arnica-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.arnica-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.arnica-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.arnica-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(--arnica-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arnica-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.arnica-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arnica-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--arnica-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.arnica-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(--arnica-primary), var(--arnica-secondary));\n border-radius: 2px;\n}\n\n.arnica-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--arnica-text-light);\n margin: 0 auto 1.5rem;\n max-width: 650px;\n line-height: 1.7;\n}\n\n.arnica-card {\n background: var(--arnica-white);\n border-radius: var(--arnica-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arnica-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arnica-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--arnica-shadow-lg);\n border-color: var(--arnica-primary);\n}\n\n.arnica-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arnica-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.arnica-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arnica-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arnica-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.arnica-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.arnica-grid-compact .arnica-card {\n padding: 1rem;\n}\n\n.arnica-grid-compact .arnica-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.arnica-grid-compact .arnica-card p {\n font-size: 12px;\n}\n\n.arnica-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 750px;\n margin: 0 auto;\n}\n\n.arnica-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.arnica-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--arnica-primary), var(--arnica-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(184,87,74,.3);\n}\n\n.arnica-timeline-content {\n flex: 1;\n background: var(--arnica-white);\n padding: 1rem 1.25rem;\n border-radius: var(--arnica-radius-sm);\n box-shadow: var(--arnica-shadow);\n}\n\n.arnica-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--arnica-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.arnica-timeline-content p {\n font-size: 14px;\n color: var(--arnica-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.arnica-accordion {\n background: var(--arnica-white);\n border-radius: var(--arnica-radius);\n box-shadow: var(--arnica-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.arnica-accordion-item {\n border-bottom: 1px solid var(--arnica-border);\n margin: 0;\n padding: 0;\n}\n\n.arnica-accordion-item:last-child {\n border-bottom: none;\n}\n\n.arnica-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--arnica-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.arnica-accordion-header:hover {\n background: var(--arnica-primary-light);\n}\n\n.arnica-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.arnica-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--arnica-primary);\n transition: transform .2s ease;\n}\n\n.arnica-accordion-item[open] .arnica-accordion-header::after {\n content: '−';\n}\n\n.arnica-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--arnica-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.arnica-accordion-content p {\n margin: 0;\n}\n\n.arnica-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--arnica-primary-light);\n border-radius: var(--arnica-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--arnica-primary);\n}\n\n.arnica-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.arnica-tip p {\n font-size: 14px;\n color: var(--arnica-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.arnica-cta-box {\n background: linear-gradient(135deg, var(--arnica-primary) 0%, var(--arnica-primary-dark) 100%);\n border-radius: var(--arnica-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--arnica-shadow-lg);\n}\n\n.arnica-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.arnica-disclaimer {\n font-size: 12px;\n color: var(--arnica-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .arnica-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .arnica-card {\n padding: 1.125rem;\n }\n \n .arnica-section {\n margin-bottom: 1.75rem;\n }\n \n .arnica-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--arnica-radius-sm);\n }\n \n .arnica-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .arnica-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .arnica-grid-compact {\n gap: .625rem;\n }\n \n .arnica-grid-compact .arnica-card {\n padding: .75rem;\n }\n \n .arnica-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .arnica-timeline-content {\n padding: .875rem 1rem;\n }\n \n .arnica-timeline-content h3 {\n font-size: 14px;\n }\n \n .arnica-timeline-content p {\n font-size: 13px;\n }\n \n .arnica-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .arnica-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .arnica-card {\n animation: fadeInUp .5s ease backwards;\n }\n .arnica-card:nth-child(1) { animation-delay: .05s; }\n .arnica-card:nth-child(2) { animation-delay: .1s; }\n .arnica-card:nth-child(3) { animation-delay: .15s; }\n .arnica-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 .arnica-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755190608029,"sku":"NBAICAV0055","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solide-au-macerat-darnica-calme-et-apaise-50-g-comme-a-packshothd.webp?v=1790409309"},{"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":"baume-a-la-grande-consoude-100-ml-dr-theiss","title":"Baume à La Grande Consoude - 100 Ml - Dr Theiss","description":"\u003cdiv class=\"bgc-premium\"\u003e\n \u003cdiv class=\"bgc-hero\"\u003e\n \u003cdiv class=\"bgc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bgc-hero-content\"\u003e\n \u003cdiv class=\"bgc-badges-top\"\u003e\n \u003cspan class=\"bgc-badge\"\u003e🌿 Tradition Phytothérapeutique\u003c\/span\u003e\n \u003cspan class=\"bgc-badge\"\u003e🇩🇪 Fabrication Allemande\u003c\/span\u003e\n \u003cspan class=\"bgc-badge\"\u003e🌸 Jardin d'herbes de Maria\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bgc-hero-title\"\u003eBaume à la Grande Consoude\u003c\/span\u003e\n \u003cp class=\"bgc-subtitle\"\u003eDr Theiss · Pot de 100 ml\u003c\/p\u003e\n \u003cp class=\"bgc-description\"\u003eUn soin externe inspiré de la tradition européenne, qui associe la richesse de la Grande Consoude à des extraits végétaux soigneusement sélectionnés pour offrir un véritable moment de réconfort aux muscles, articulations et zones sollicitées au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bgc-section\"\u003e\n \u003ch2\u003ePourquoi choisir le baume à la Grande Consoude Dr Theiss ?\u003c\/h2\u003e\n \u003cp class=\"bgc-section-intro\"\u003eLa \u003cstrong\u003eGrande Consoude\u003c\/strong\u003e (Symphytum officinale) est utilisée depuis l'Antiquité par les herboristes pour son action apaisante reconnue sur le confort musculaire et articulaire. Voici ce qui distingue la formule Dr Theiss des autres baumes de consoude en pharmacie :\u003c\/p\u003e\n \u003cdiv class=\"bgc-grid\"\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🌿 Concentration soignée\u003c\/h3\u003e\n \u003cp\u003eRiche en extrait de Grande Consoude issue du jardin d'herbes de Maria.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e✨ Texture fondante\u003c\/h3\u003e\n \u003cp\u003eNon grasse, elle pénètre rapidement sans laisser de film collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🏛️ Normes pharmaceutiques\u003c\/h3\u003e\n \u003cp\u003eFabrication allemande respectant des standards rigoureux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🧪 Formule clean\u003c\/h3\u003e\n \u003cp\u003eSans parabènes, adaptée à une utilisation quotidienne en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bgc-section\"\u003e\n \u003ch2\u003eLes bienfaits du baume de consoude au quotidien\u003c\/h2\u003e\n \u003cp class=\"bgc-section-intro\"\u003eAppliqué localement, ce baume à la grande consoude devient l'allié des sportifs, jardiniers, personnes actives ou seniors souhaitant préserver leur bien-être au fil des saisons.\u003c\/p\u003e\n \u003cdiv class=\"bgc-grid\"\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e💪 Apaisement musculaire\u003c\/h3\u003e\n \u003cp\u003eSoulage les tensions après un effort, une longue journée debout ou un entraînement sportif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eFavorise le bien-être des genoux, coudes, poignets et chevilles sollicités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🔄 Récupération soutenue\u003c\/h3\u003e\n \u003cp\u003eAccompagne le corps après une activité intense ou des gestes répétitifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🔥 Chaleur douce\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation enveloppante de détente sur les zones massées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bgc-section\"\u003e\n \u003ch2\u003eComposition : une formule naturelle d'inspiration traditionnelle\u003c\/h2\u003e\n \u003cp class=\"bgc-section-intro\"\u003eLe baume grande consoude Dr Theiss s'appuie sur des ingrédients d'origine naturelle, sélectionnés pour leur synergie apaisante.\u003c\/p\u003e\n \u003cdiv class=\"bgc-grid\"\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🌱 Grande Consoude\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eSymphytum officinale\u003c\/em\u003e — la plante phare, traditionnellement utilisée pour apaiser les zones sollicitées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🌼 Souci officinal\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCalendula officinalis\u003c\/em\u003e — reconnu pour adoucir et apaiser la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🫒 Huiles végétales\u003c\/h3\u003e\n \u003cp\u003eNourrissent la peau et facilitent un massage tout en glisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eForme un film protecteur qui prolonge l'action du baume dans le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e🧴 Excipients testés\u003c\/h3\u003e\n \u003cp\u003eSélectionnés et dermatologiquement testés pour une tolérance optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-card\"\u003e\n \u003ch3\u003e📦 Pot pratique 100 ml\u003c\/h3\u003e\n \u003cp\u003eFormat idéal pour un usage régulier à la maison ou en déplacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bgc-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"bgc-section-intro\"\u003ePour profiter pleinement des vertus du baume à la consoude, suivez ce rituel simple en 4 étapes.\u003c\/p\u003e\n \u003cdiv class=\"bgc-timeline\"\u003e\n \u003cdiv class=\"bgc-timeline-item\"\u003e\n \u003cdiv class=\"bgc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bgc-timeline-content\"\u003e\n \u003ch3\u003ePrélever une noisette\u003c\/h3\u003e\n \u003cp\u003ePrenez une petite quantité de baume du bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-timeline-item\"\u003e\n \u003cdiv class=\"bgc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bgc-timeline-content\"\u003e\n \u003ch3\u003eAppliquer sur la zone\u003c\/h3\u003e\n \u003cp\u003eNuque, épaules, dos, jambes, genoux ou bras — selon les besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-timeline-item\"\u003e\n \u003cdiv class=\"bgc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bgc-timeline-content\"\u003e\n \u003ch3\u003eMasser doucement\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires jusqu'à complète pénétration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-timeline-item\"\u003e\n \u003cdiv class=\"bgc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bgc-timeline-content\"\u003e\n \u003ch3\u003eRenouveler 2 à 3 fois par jour\u003c\/h3\u003e\n \u003cp\u003eParticulièrement agréable après l'effort ou avant le coucher pour favoriser la détente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bgc-accordion\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdetails class=\"bgc-accordion-item\"\u003e\n \u003csummary class=\"bgc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bgc-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contour des yeux, les muqueuses et les plaies ouvertes. Ne pas utiliser chez la femme enceinte ou allaitante, ni chez l'enfant de moins de 12 ans, sans avis médical. Effectuez un test cutané au pli du coude 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 \u003csection class=\"bgc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le baume de consoude\u003c\/h2\u003e\n \u003cdiv class=\"bgc-accordion\"\u003e\n \u003cdetails class=\"bgc-accordion-item\"\u003e\n \u003csummary class=\"bgc-accordion-header\"\u003e⏰ Combien de fois par jour utiliser le baume ?\u003c\/summary\u003e\n \u003cdiv class=\"bgc-accordion-content mt-3\"\u003e\n \u003cp\u003eJusqu'à 3 applications quotidiennes sur les zones concernées, selon vos besoins et votre ressenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bgc-accordion-item\"\u003e\n \u003csummary class=\"bgc-accordion-header\"\u003e🏃 Convient-il aux sportifs ?\u003c\/summary\u003e\n \u003cdiv class=\"bgc-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, il s'intègre parfaitement à une routine post-entraînement pour accompagner la récupération musculaire et articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bgc-accordion-item\"\u003e\n \u003csummary class=\"bgc-accordion-header\"\u003e🌿 Quelle est la différence avec d'autres baumes ?\u003c\/summary\u003e\n \u003cdiv class=\"bgc-accordion-content mt-3\"\u003e\n \u003cp\u003eLa signature Dr Theiss garantit une fabrication allemande maîtrisée et une formule équilibrée issue du jardin d'herbes de Maria, une référence en phytothérapie européenne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"bgc-disclaimer\"\u003eCe produit cosmétique ne remplace pas un avis médical ni un traitement prescrit par un professionnel de santé. En cas de douleur persistante, consultez votre médecin ou votre pharmacien.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bgc-cream: #f7f4ed;\n --bgc-white: #ffffff;\n --bgc-primary: #3b5998;\n --bgc-primary-dark: #1e3a73;\n --bgc-primary-light: #e8eef7;\n --bgc-secondary: #6b8e3d;\n --bgc-accent: #f5a623;\n --bgc-text: #1a1a1a;\n --bgc-text-light: #5a5a5a;\n --bgc-border: #e0e0e0;\n --bgc-shadow: 0 4px 24px rgba(30,58,115,.08);\n --bgc-shadow-lg: 0 12px 48px rgba(30,58,115,.15);\n --bgc-radius: 20px;\n --bgc-radius-sm: 12px;\n}\n\n.bgc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bgc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--bgc-text);\n line-height: 1.6;\n}\n\n.bgc-hero {\n position: relative;\n background: linear-gradient(135deg, #1e3a73 0%, #3b5998 50%, #6b8e3d 100%);\n border-radius: var(--bgc-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(--bgc-shadow-lg);\n}\n\n.bgc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(245,166,35,.2) 0%, transparent 40%);\n opacity: .15;\n}\n\n.bgc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bgc-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.bgc-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.bgc-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.bgc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bgc-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(--bgc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bgc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bgc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bgc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bgc-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.bgc-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(--bgc-primary), var(--bgc-secondary));\n border-radius: 2px;\n}\n\n.bgc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bgc-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.bgc-section-intro strong {\n color: var(--bgc-primary-dark);\n}\n\n.bgc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bgc-card {\n background: var(--bgc-white);\n border-radius: var(--bgc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bgc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bgc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bgc-shadow-lg);\n border-color: var(--bgc-primary);\n}\n\n.bgc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bgc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bgc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bgc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bgc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.bgc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bgc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bgc-primary), var(--bgc-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(59,89,152,.3);\n}\n\n.bgc-timeline-content {\n flex: 1;\n background: var(--bgc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bgc-radius-sm);\n box-shadow: var(--bgc-shadow);\n}\n\n.bgc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bgc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bgc-timeline-content p {\n font-size: 14px;\n color: var(--bgc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.bgc-accordion {\n background: var(--bgc-white);\n border-radius: var(--bgc-radius);\n box-shadow: var(--bgc-shadow);\n overflow: hidden;\n max-width: 860px;\n margin: 0 auto;\n}\n\n.bgc-accordion-item {\n border-bottom: 1px solid var(--bgc-border);\n margin: 0;\n padding: 0;\n}\n\n.bgc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bgc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bgc-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.bgc-accordion-header:hover {\n background: var(--bgc-primary-light);\n}\n\n.bgc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bgc-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--bgc-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.bgc-accordion-item[open] .bgc-accordion-header::after {\n content: '−';\n}\n\n.bgc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bgc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bgc-accordion-content p {\n margin: 0;\n}\n\n.bgc-disclaimer {\n font-size: 12px;\n color: var(--bgc-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .bgc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .bgc-card {\n padding: 1.125rem;\n }\n .bgc-section {\n margin-bottom: 1.75rem;\n }\n .bgc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bgc-radius-sm);\n }\n .bgc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .bgc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .bgc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .bgc-timeline-content {\n padding: .875rem 1rem;\n }\n .bgc-timeline-content h3 {\n font-size: 14px;\n }\n .bgc-timeline-content p {\n font-size: 13px;\n }\n .bgc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .bgc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .bgc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bgc-card:nth-child(1) { animation-delay: .05s; }\n .bgc-card:nth-child(2) { animation-delay: .1s; }\n .bgc-card:nth-child(3) { animation-delay: .15s; }\n .bgc-card:nth-child(4) { animation-delay: .2s; }\n .bgc-card:nth-child(5) { animation-delay: .25s; }\n .bgc-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 .bgc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DR THEISS","offers":[{"title":"Default Title","offer_id":45755235598493,"sku":"NA0025","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-a-la-grande-consoude-100-ml-dr-theiss-packshothd.webp?v=1789926805"},{"product_id":"huile-sos-apaisante-bio-100-ml-acorelle","title":"Huile Sos Apaisante Bio - 100 Ml - Acorelle","description":"\u003cdiv class=\"sos-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sos-hero\"\u003e\n\u003cdiv class=\"sos-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sos-hero-content\"\u003e\n\u003cdiv class=\"sos-badges-top\"\u003e\n\u003cspan class=\"sos-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🐰 Vegan\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sos-hero-title\"\u003eHuile SOS Apaisante Bio\u003c\/span\u003e\n\u003cp class=\"sos-subtitle\"\u003eAcorelle • 100 ml\u003c\/p\u003e\n\u003cp class=\"sos-description\"\u003eLe concentré d'huiles précieuses qui apaise, répare et sublime votre peau après chaque épilation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eHuile SOS Apaisante Bio Acorelle : le soin réparateur après épilation\u003c\/h2\u003e\n\u003cdiv class=\"sos-intro-card\"\u003e\n\u003cp\u003eVotre peau tiraille, rougit ou vous démange après l'épilation ? Vous cherchez \u003cstrong\u003equelle huile après épilation\u003c\/strong\u003e choisir pour apaiser immédiatement ces inconforts ? L'\u003cstrong\u003eHuile SOS Apaisante Bio d'Acorelle\u003c\/strong\u003e est la réponse à vos besoins.\u003c\/p\u003e\n\u003cp\u003eCe concentré d'huiles végétales précieuses associe les vertus réparatrices du \u003cstrong\u003erosier muscat\u003c\/strong\u003e, de l'\u003cstrong\u003eargan\u003c\/strong\u003e et du \u003cstrong\u003eBoswellia Serrata\u003c\/strong\u003e pour offrir à votre peau un soin complet, naturel et véritablement efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePourquoi utiliser une huile après épilation ?\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eL'épilation, qu'elle soit à la cire, au rasoir ou à l'épilateur électrique, constitue une agression pour votre peau. Les follicules pileux irrités provoquent souvent :\u003c\/p\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🔴 Rougeurs\u003c\/h3\u003e\n\u003cp\u003ePersistantes et visibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😣 Tiraillements\u003c\/h3\u003e\n\u003cp\u003eSensations désagréables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🤚 Démangeaisons\u003c\/h3\u003e\n\u003cp\u003eParfois intenses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🏜️ Dessèchement\u003c\/h3\u003e\n\u003cp\u003ePeau inconfortable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-tip\"\u003e\n\u003cspan class=\"sos-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement à l'\u003cstrong\u003ehuile de coco après épilation\u003c\/strong\u003e utilisée seule, qui peut parfois être comédogène, cette huile SOS combine plusieurs actifs synergiques pour une action apaisante et réparatrice immédiate, sans boucher les pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLes trésors végétaux de cette huile apaisante\u003c\/h2\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card sos-card-featured\"\u003e\n\u003ch3\u003e🌹 Huile de Rosier Muscat Bio\u003c\/h3\u003e\n\u003cp class=\"sos-card-subtitle\"\u003eLa régénératrice\u003c\/p\u003e\n\u003cp\u003eVéritable or liquide pour la peau, naturellement riche en \u003cstrong\u003eoméga 3 et 6\u003c\/strong\u003e. Ces acides gras essentiels favorisent la régénération cellulaire et restaurent la souplesse cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-featured\"\u003e\n\u003ch3\u003e🥜 Huile d'Argan Bio\u003c\/h3\u003e\n\u003cp class=\"sos-card-subtitle\"\u003eLa protectrice\u003c\/p\u003e\n\u003cp\u003eRestaure la fonction barrière de l'épiderme tout en apportant une nutrition profonde. Ses propriétés anti-oxydantes préservent le capital jeunesse de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-featured\"\u003e\n\u003ch3\u003e🌳 Extrait de Boswellia Serrata\u003c\/h3\u003e\n\u003cp class=\"sos-card-subtitle\"\u003eL'apaisant\u003c\/p\u003e\n\u003cp\u003eCet extrait de résine possède des \u003cstrong\u003evertus apaisantes remarquables\u003c\/strong\u003e. Associé au bisabolol, il calme les rougeurs quasi instantanément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eUne huile multi-usages pour toutes les situations\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eCette huile SOS ne se limite pas à un usage post-épilatoire. Voici toutes les occasions où elle deviendra votre alliée :\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e✨ Après épilation cire\u003c\/h3\u003e\n\u003cp\u003eApaise immédiatement les irritations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e👙 Après épilation maillot\u003c\/h3\u003e\n\u003cp\u003eCalme cette zone particulièrement sensible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e☀️ Après soleil\u003c\/h3\u003e\n\u003cp\u003eNourrit et répare la peau asséchée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🚿 Soin quotidien\u003c\/h3\u003e\n\u003cp\u003eAprès la douche, satine et protège\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e💧 Zones sèches\u003c\/h3\u003e\n\u003cp\u003eCoudes, genoux, talons retrouvent leur douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComment utiliser l'Huile SOS Apaisante ?\u003c\/h2\u003e\n\u003cdiv class=\"sos-timeline\"\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eAprès l'épilation\u003c\/h3\u003e\n\u003cp\u003ePrélevez quelques gouttes dans le creux de votre main et massez délicatement la zone épilée. Insistez sur les parties les plus sensibles comme le maillot ou les aisselles. L'effet apaisant est quasi immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eEn soin corporel quotidien\u003c\/h3\u003e\n\u003cp\u003eAppliquez l'huile sur peau légèrement humide après la douche. Cette technique permet une meilleure pénétration des actifs et laisse un film protecteur satiné sans effet gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eEn soin ciblé\u003c\/h3\u003e\n\u003cp\u003eMassez les zones particulièrement sèches ou irritées matin et soir jusqu'à amélioration visible.\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=\"sos-section\"\u003e\n\u003ch2\u003eUn parfum délicat et 100% naturel\u003c\/h2\u003e\n\u003cdiv class=\"sos-fragrance-card\"\u003e\n\u003cdiv class=\"sos-fragrance-notes\"\u003e\n\u003cspan class=\"sos-note\"\u003e🌹 Rose\u003c\/span\u003e \u003cspan class=\"sos-note\"\u003e🍦 Vanille\u003c\/span\u003e \u003cspan class=\"sos-note\"\u003e🪵 Santal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eAu-delà de son efficacité, cette huile offre une véritable expérience sensorielle. Son parfum aux notes de \u003cstrong\u003erose, de vanille et de santal\u003c\/strong\u003e enveloppe votre peau d'une fragrance douce et réconfortante. Entièrement composé d'ingrédients naturels, ce parfum subtil ne masque pas mais accompagne délicatement votre soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"sos-stats-bar\"\u003e\n\u003cdiv class=\"sos-stat\"\u003e\n\u003cspan class=\"sos-stat-number\"\u003e100%\u003c\/span\u003e \u003cspan class=\"sos-stat-label\"\u003eOrigine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-stat\"\u003e\n\u003cspan class=\"sos-stat-number\"\u003e52%\u003c\/span\u003e \u003cspan class=\"sos-stat-label\"\u003eAgriculture bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-accordion\"\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🌻 Huiles végétales nourrissantes\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHelianthus Annuus Seed Oil*\u003c\/strong\u003e : huile de tournesol bio, base nourrissante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRosa Canina Fruit Oil*\u003c\/strong\u003e : huile de rosier muscat bio, régénérante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArgania Spinosa Kernel Oil*\u003c\/strong\u003e : huile d'argan bio, protectrice\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🧴 Agents de texture \u0026amp; émollients\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCaprylic\/Capric Triglycerides\u003c\/strong\u003e : émollient d'origine végétale\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCoco-Caprylate\u003c\/strong\u003e : agent de texture d'origine coco\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSqualane\u003c\/strong\u003e : hydratant biomimétique\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIsostearyl Alcohol\u003c\/strong\u003e : émollient végétal\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e✨ Actifs apaisants\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBoswellia Serrata Gum\u003c\/strong\u003e : extrait apaisant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBisabolol*\u003c\/strong\u003e : actif anti-rougeurs\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTocopherol\u003c\/strong\u003e : vitamine E, antioxydant\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🌸 Parfum naturel\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum\u003c\/strong\u003e : fragrance 100% naturelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCitronellol, Linalool\u003c\/strong\u003e : composants naturels du parfum\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sos-warning-grid\"\u003e\n\u003cdiv class=\"sos-warning-item\"\u003e\n\u003cspan\u003e👁️\u003c\/span\u003e\n\u003cp\u003eÉvitez tout contact avec les yeux et les muqueuses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-warning-item\"\u003e\n\u003cspan\u003e✋\u003c\/span\u003e\n\u003cp\u003eAppliquez uniquement sur une peau saine, non lésée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-warning-item\"\u003e\n\u003cspan\u003e🚫\u003c\/span\u003e\n\u003cp\u003eUsage externe uniquement, ne pas avaler\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-warning-item\"\u003e\n\u003cspan\u003e🌡️\u003c\/span\u003e\n\u003cp\u003eConservez à l'abri de la chaleur et de la lumière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLes engagements Acorelle\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eEn choisissant cette huile SOS, vous optez pour une marque française engagée dans une cosmétique responsable :\u003c\/p\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eFormulation bio exigeante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient animal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e♻️ Flacon verre\u003c\/h3\u003e\n\u003cp\u003eRecyclable \u0026amp; protecteur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🎋 Bouchon bambou\u003c\/h3\u003e\n\u003cp\u003eNaturel \u0026amp; durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-tip\"\u003e\n\u003cspan class=\"sos-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe format généreux de \u003cstrong\u003e100 ml\u003c\/strong\u003e vous accompagne pendant plusieurs mois, que ce soit pour un usage post-épilatoire ponctuel ou un soin corporel quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sos-cream: #FDF9F5;\n --sos-white: #ffffff;\n --sos-primary: #C9A87C;\n --sos-primary-dark: #8B7355;\n --sos-primary-light: #F5EDE4;\n --sos-secondary: #E8D4C4;\n --sos-accent: #D4A574;\n --sos-text: #1a1a1a;\n --sos-text-light: #5a5a5a;\n --sos-border: #e8e0d8;\n --sos-shadow: 0 4px 24px rgba(139,115,85,.08);\n --sos-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --sos-radius: 20px;\n --sos-radius-sm: 12px;\n}\n\n.sos-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sos-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sos-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A87C 0%, #E8D4C4 50%, #D4A574 100%);\n border-radius: var(--sos-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(--sos-shadow-lg);\n}\n\n.sos-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%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.sos-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sos-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sos-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(--sos-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sos-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sos-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.sos-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.sos-description {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.sos-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sos-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sos-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.sos-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(--sos-primary), var(--sos-accent));\n border-radius: 2px;\n}\n\n.sos-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === INTRO CARD === *\/\n.sos-intro-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sos-shadow);\n border-left: 4px solid var(--sos-primary);\n}\n\n.sos-intro-card p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.sos-intro-card p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRILLES === *\/\n.sos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sos-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.sos-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sos-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sos-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sos-shadow-lg);\n border-color: var(--sos-primary);\n}\n\n.sos-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sos-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sos-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sos-card-featured {\n text-align: left;\n}\n\n.sos-card-subtitle {\n display: inline-block;\n font-size: 12px !important;\n font-weight: 700;\n color: var(--sos-primary) !important;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .75rem !important;\n padding: 4px 10px;\n background: var(--sos-primary-light);\n border-radius: 999px;\n}\n\n.sos-grid-compact .sos-card {\n padding: 1rem;\n}\n\n.sos-grid-compact .sos-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sos-grid-compact .sos-card p {\n font-size: 12px;\n}\n\n\/* === TIP BOX === *\/\n.sos-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sos-primary-light);\n border-radius: var(--sos-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sos-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sos-tip p {\n font-size: 14px;\n color: var(--sos-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.sos-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sos-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sos-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sos-primary), var(--sos-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.sos-timeline-content {\n flex: 1;\n background: var(--sos-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sos-radius-sm);\n box-shadow: var(--sos-shadow);\n}\n\n.sos-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.sos-timeline-content p {\n font-size: 14px;\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === FRAGRANCE CARD === *\/\n.sos-fragrance-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sos-shadow);\n text-align: center;\n}\n\n.sos-fragrance-notes {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: .75rem;\n margin-bottom: 1.5rem;\n}\n\n.sos-note {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: linear-gradient(135deg, var(--sos-primary-light), var(--sos-secondary));\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n}\n\n.sos-fragrance-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--sos-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === STATS BAR === *\/\n.sos-stats-bar {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 1.5rem;\n flex-wrap: wrap;\n}\n\n.sos-stat {\n text-align: center;\n}\n\n.sos-stat-number {\n display: block;\n font-size: clamp(32px, 6vw, 48px);\n font-weight: 900;\n color: var(--sos-primary);\n line-height: 1;\n}\n\n.sos-stat-label {\n font-size: 13px;\n color: var(--sos-text-light);\n font-weight: 600;\n}\n\n\/* === ACCORDÉON === *\/\n.sos-accordion {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n box-shadow: var(--sos-shadow);\n overflow: hidden;\n}\n\n.sos-accordion-item {\n border-bottom: 1px solid var(--sos-border);\n margin: 0;\n padding: 0;\n}\n\n.sos-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sos-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sos-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.sos-accordion-header:hover {\n background: var(--sos-primary-light);\n}\n\n.sos-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sos-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sos-primary);\n transition: transform .2s ease;\n}\n\n.sos-accordion-item[open] .sos-accordion-header::after {\n content: '−';\n}\n\n.sos-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sos-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sos-accordion-content p {\n margin: .5rem 0 0 0;\n}\n\n.sos-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.sos-accordion-content li {\n margin-bottom: .5rem;\n}\n\n\/* === WARNING GRID === *\/\n.sos-warning-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sos-warning-item {\n display: flex;\n align-items: flex-start;\n gap: .75rem;\n background: var(--sos-white);\n padding: 1rem;\n border-radius: var(--sos-radius-sm);\n box-shadow: var(--sos-shadow);\n}\n\n.sos-warning-item span {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.sos-warning-item p {\n font-size: 13px;\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sos-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sos-card {\n padding: 1.125rem;\n }\n \n .sos-card-featured {\n text-align: center;\n }\n \n .sos-section {\n margin-bottom: 1.75rem;\n }\n \n .sos-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sos-radius-sm);\n }\n \n .sos-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sos-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sos-grid-compact {\n gap: .625rem;\n }\n \n .sos-grid-compact .sos-card {\n padding: .75rem;\n }\n \n .sos-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sos-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sos-timeline-content h3 {\n font-size: 14px;\n }\n \n .sos-timeline-content p {\n font-size: 13px;\n }\n \n .sos-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sos-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sos-intro-card {\n padding: 1.25rem;\n }\n \n .sos-fragrance-card {\n padding: 1.25rem;\n }\n \n .sos-note {\n padding: 8px 14px;\n font-size: 13px;\n }\n \n .sos-stats-bar {\n gap: 1.5rem;\n }\n \n .sos-warning-grid {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n \n .sos-warning-item {\n padding: .875rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sos-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sos-card:nth-child(1) { animation-delay: .05s; }\n .sos-card:nth-child(2) { animation-delay: .1s; }\n .sos-card:nth-child(3) { animation-delay: .15s; }\n .sos-card:nth-child(4) { animation-delay: .2s; }\n .sos-card:nth-child(5) { animation-delay: .25s; }\n .sos-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 .sos-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45755255619741,"sku":"LL0100","price":31.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-sos-apaisante-bio-100-ml-acorelle-lifestyle.webp?v=1769502690"},{"product_id":"huile-de-sesame-oriental-epice-bio-50-ml","title":"Huile de Sesame Oriental épicé bio - 50 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Sésame Oriental épicé bio - Arc en Sels\nPalette détectée:\n - Primaire: #2B4A6F (bleu marine du logo Arc en Sels)\n - Secondaire: #C9A962 (doré\/ocre des graines de sésame et accents orientaux)\n - Accent: #7A9E3D (vert des feuilles de menthe\/herbes)\n - Huile: #D4C94A (jaune doré de l'huile de sésame)\nAmbiance: Orientale raffinée, naturelle\/bio, féminine et sensorielle, éthique\/équitable\nPréfixe CSS: hso\n--\u003e\n\n\u003cdiv class=\"hso-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"hso-hero\"\u003e\n \u003cdiv class=\"hso-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hso-hero-content\"\u003e\n \u003cdiv class=\"hso-badges-top\"\u003e\n \u003cspan class=\"hso-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"hso-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"hso-badge\"\u003e✨ Certifié Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hso-hero-title\"\u003eHuile de Sésame\u003cbr\u003eOriental épicé\u003c\/span\u003e\n \u003cp class=\"hso-subtitle\"\u003eUne invitation sensorielle aux parfums d'Orient\u003c\/p\u003e\n \u003cp class=\"hso-description\"\u003eHuile précieuse issue d'une coopérative féminine du Burkina Faso,\u003cbr\u003epour nourrir, apaiser et sublimer votre peau et vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de cette huile de sésame précieuse\u003c\/h2\u003e\n \u003cdiv class=\"hso-grid\"\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🌸 Adoucissante \u0026amp; nourrissante\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux sensibles et soulage les sensations de tiraillement pour un confort absolu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e💎 Riche en vitamine E\u003c\/h3\u003e\n \u003cp\u003ePréserve l'élasticité et la souplesse de votre peau grâce à ses minéraux essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🌺 Parfum envoûtant\u003c\/h3\u003e\n \u003cp\u003eNotes subtiles d'épices orientales pour une expérience sensorielle unique à chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🛡️ Action antioxydante\u003c\/h3\u003e\n \u003cp\u003eSésamoline et lécithine naturelles pour protéger votre peau des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient au visage, corps et cheveux, même pour les peaux délicates et les enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eAide à maintenir la jeunesse cutanée et préserver l'éclat naturel de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e💆‍♀️ Utilisations multiples\u003c\/h2\u003e\n \u003cdiv class=\"hso-grid\"\u003e\n \u003cdiv class=\"hso-card hso-card-highlight\"\u003e\n \u003ch3\u003e🧴 Soin du corps\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations, nourrit en profondeur et protège des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-highlight\"\u003e\n \u003ch3\u003e✨ Soin du visage\u003c\/h3\u003e\n \u003cp\u003eHydrate, assouplit et redonne éclat aux peaux normales à sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-highlight\"\u003e\n \u003ch3\u003e💇‍♀️ Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eRedonne force, douceur et brillance. Protège les cheveux colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-highlight\"\u003e\n \u003ch3\u003e💆 Massage relaxant\u003c\/h3\u003e\n \u003cp\u003eDétend, relaxe et favorise l'assouplissement musculaire et cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e📖 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"hso-steps\"\u003e\n \u003cdiv class=\"hso-step\"\u003e\n \u003cdiv class=\"hso-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hso-step-content\"\u003e\n \u003ch3\u003ePour le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez en massage doux après la douche ou le bain, sur peau sèche ou légèrement humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-step\"\u003e\n \u003cdiv class=\"hso-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hso-step-content\"\u003e\n \u003ch3\u003ePour le visage\u003c\/h3\u003e\n \u003cp\u003eChauffez quelques gouttes dans vos mains et appliquez sur peau propre, matin et\/ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-step\"\u003e\n \u003cdiv class=\"hso-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hso-step-content\"\u003e\n \u003ch3\u003ePour les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant le shampoing, laissez poser 20 à 30 minutes puis rincez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e🌱 Composition d'exception\u003c\/h2\u003e\n \u003cdiv class=\"hso-grid\"\u003e\n \u003cdiv class=\"hso-card hso-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n \u003cp\u003eBase précieuse, première pression à froid, sans solvant ni élévation de température.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Parfum naturel d'épices\u003c\/h3\u003e\n \u003cp\u003eNotes orientales subtiles pour une expérience sensorielle envoûtante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-ingredient\"\u003e\n \u003ch3\u003e💊 Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003e20 à 50 mg\/100g pour une action antioxydante puissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-composition-details\"\u003e\n \u003cdiv class=\"hso-detail-item\"\u003e\n \u003cspan class=\"hso-detail-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"hso-detail-value\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-detail-item\"\u003e\n \u003cspan class=\"hso-detail-label\"\u003eAgriculture bio \u0026amp; équitable\u003c\/span\u003e\n \u003cspan class=\"hso-detail-value\"\u003e97,3%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-detail-item\"\u003e\n \u003cspan class=\"hso-detail-label\"\u003eAcides gras insaturés\u003c\/span\u003e\n \u003cspan class=\"hso-detail-value\"\u003e80-85%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE \u0026 ÉTHIQUE --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e🤝 Origine \u0026amp; engagement éthique\u003c\/h2\u003e\n \u003cdiv class=\"hso-ethique-box\"\u003e\n \u003cdiv class=\"hso-ethique-content\"\u003e\n \u003cp\u003eCette huile est le fruit d'un \u003cstrong\u003epartenariat éthique\u003c\/strong\u003e avec une coopérative féminine du Burkina Faso. Chaque flacon contribue à l'autonomisation des femmes et au développement durable des communautés locales.\u003c\/p\u003e\n \u003cdiv class=\"hso-ethique-badges\"\u003e\n \u003cspan class=\"hso-ethique-badge\"\u003e🌍 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"hso-ethique-badge\"\u003e👩‍🌾 Coopérative féminine\u003c\/span\u003e\n \u003cspan class=\"hso-ethique-badge\"\u003e🌿 Traçabilité garantie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"hso-grid-compact\"\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🧴 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml en verre recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🎯 Type de peau\u003c\/h3\u003e\n \u003cp\u003eNormales à sèches\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🏆 Certification\u003c\/h3\u003e\n \u003cp\u003eEcocert \u0026amp; Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eBurkina Faso\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"hso-accordion\"\u003e\n \u003cdetails class=\"hso-accordion-item\"\u003e\n \u003csummary class=\"hso-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hso-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. L'huile de sésame se conserve naturellement bien grâce à ses antioxydants naturels (sésamoline, lécithine).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hso-accordion-item\"\u003e\n \u003csummary class=\"hso-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"hso-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. Convient à tous les types de peau, y compris les peaux sensibles et les enfants. Ce produit ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hso-accordion-item\"\u003e\n \u003csummary class=\"hso-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"hso-accordion-content\"\u003e\n \u003cp\u003eHuile obtenue par première pression à froid, sans aucun solvant ni élévation de température, pour préserver tous ses actifs naturels. Cosmétique écologique et biologique certifiée par Ecocert Greenlife.\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=\"hso-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hso-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à votre peau et vos cheveux un voyage sensoriel aux parfums d'Orient.\u003cbr\u003eUne huile précieuse, éthique et certifiée bio pour sublimer votre beauté naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hso-cream: #FBF9F6;\n --hso-white: #ffffff;\n --hso-primary: #2B4A6F;\n --hso-primary-dark: #1E3550;\n --hso-primary-light: #E8EEF4;\n --hso-secondary: #C9A962;\n --hso-accent: #7A9E3D;\n --hso-gold: #D4C94A;\n --hso-text: #1a1a1a;\n --hso-text-light: #5a5a5a;\n --hso-border: #e0e0e0;\n --hso-shadow: 0 4px 24px rgba(43, 74, 111, .08);\n --hso-shadow-lg: 0 12px 48px rgba(43, 74, 111, .15);\n --hso-radius: 20px;\n --hso-radius-sm: 12px;\n}\n\n.hso-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hso-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hso-hero {\n position: relative;\n background: linear-gradient(135deg, var(--hso-primary) 0%, #3D5A7A 40%, var(--hso-secondary) 100%);\n border-radius: var(--hso-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(--hso-shadow-lg);\n}\n\n.hso-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20v40c11.046 0 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20V10c-11.046 0-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.hso-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hso-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.hso-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(--hso-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hso-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hso-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.hso-subtitle {\n color: var(--hso-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.hso-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === SECTIONS === *\/\n.hso-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hso-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hso-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.hso-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(--hso-primary), var(--hso-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.hso-card {\n background: var(--hso-white);\n border-radius: var(--hso-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hso-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hso-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hso-shadow-lg);\n border-color: var(--hso-primary);\n}\n\n.hso-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hso-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hso-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hso-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hso-card-highlight {\n background: linear-gradient(135deg, var(--hso-white) 0%, var(--hso-primary-light) 100%);\n border-left: 4px solid var(--hso-secondary);\n}\n\n.hso-card-ingredient {\n background: linear-gradient(135deg, #FFFDF5 0%, #FFF8E7 100%);\n border-top: 4px solid var(--hso-secondary);\n}\n\n\/* === GRILLES === *\/\n.hso-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hso-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hso-grid-compact .hso-card {\n padding: 1rem;\n}\n\n.hso-grid-compact .hso-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hso-grid-compact .hso-card p {\n font-size: 12px;\n}\n\n\/* === STEPS === *\/\n.hso-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hso-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--hso-white);\n border-radius: var(--hso-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hso-shadow);\n transition: all .3s ease;\n}\n\n.hso-step:hover {\n transform: translateX(8px);\n box-shadow: var(--hso-shadow-lg);\n}\n\n.hso-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--hso-primary) 0%, var(--hso-secondary) 100%);\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(43, 74, 111, .3);\n}\n\n.hso-step-content h3 {\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hso-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.hso-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hso-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION DETAILS === *\/\n.hso-composition-details {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n margin-top: 1.5rem;\n background: var(--hso-white);\n border-radius: var(--hso-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hso-shadow);\n}\n\n.hso-detail-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: .25rem;\n}\n\n.hso-detail-label {\n font-size: 13px;\n color: var(--hso-text-light);\n font-weight: 500;\n}\n\n.hso-detail-value {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: var(--hso-primary);\n background: linear-gradient(135deg, var(--hso-primary) 0%, var(--hso-secondary) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n\/* === ÉTHIQUE BOX === *\/\n.hso-ethique-box {\n background: linear-gradient(135deg, var(--hso-primary-light) 0%, #F5F0E6 100%);\n border-radius: var(--hso-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border-left: 5px solid var(--hso-accent);\n box-shadow: var(--hso-shadow);\n}\n\n.hso-ethique-content p {\n font-size: clamp(14px, 2.5vw, 17px);\n color: var(--hso-text);\n line-height: 1.8;\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.hso-ethique-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.hso-ethique-badge {\n padding: .5rem 1rem;\n background: var(--hso-white);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hso-accent);\n box-shadow: 0 2px 8px rgba(0,0,0,.08);\n}\n\n\/* === ACCORDÉON === *\/\n.hso-accordion {\n background: var(--hso-white);\n border-radius: var(--hso-radius);\n box-shadow: var(--hso-shadow);\n overflow: hidden;\n}\n\n.hso-accordion-item {\n border-bottom: 1px solid var(--hso-border);\n margin: 0;\n padding: 0;\n}\n\n.hso-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hso-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hso-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.hso-accordion-header:hover {\n background: var(--hso-primary-light);\n}\n\n.hso-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hso-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hso-primary);\n transition: transform .2s ease;\n}\n\n.hso-accordion-item[open] .hso-accordion-header::after {\n content: '−';\n}\n\n.hso-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hso-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.hso-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.hso-cta-box {\n background: linear-gradient(135deg, var(--hso-primary) 0%, var(--hso-secondary) 100%);\n border-radius: var(--hso-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hso-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .5; }\n 50% { transform: scale(1.1); opacity: .8; }\n}\n\n.hso-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .hso-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hso-card {\n padding: 1.125rem;\n }\n \n .hso-section {\n margin-bottom: 1.75rem;\n }\n \n .hso-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hso-radius-sm);\n }\n \n .hso-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hso-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hso-grid-compact {\n gap: .625rem;\n }\n \n .hso-grid-compact .hso-card {\n padding: .75rem;\n }\n \n .hso-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .hso-step:hover {\n transform: translateY(-4px);\n }\n \n .hso-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .hso-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hso-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hso-composition-details {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n \n .hso-ethique-badges {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hso-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hso-card:nth-child(1) { animation-delay: .05s; }\n .hso-card:nth-child(2) { animation-delay: .1s; }\n .hso-card:nth-child(3) { animation-delay: .15s; }\n .hso-card:nth-child(4) { animation-delay: .2s; }\n .hso-card:nth-child(5) { animation-delay: .25s; }\n .hso-card:nth-child(6) { animation-delay: .3s; }\n \n .hso-step {\n animation: fadeInUp .5s ease backwards;\n }\n .hso-step:nth-child(1) { animation-delay: .1s; }\n .hso-step:nth-child(2) { animation-delay: .2s; }\n .hso-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .hso-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .hso-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755282325661,"sku":"HUILESESAMEORARC","price":14.11,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-sesame-oriental-epice-bio-50-ml-arc-en-sels-lifestyle.webp?v=1768500665"},{"product_id":"huile-de-camelia-100-bio-30-ml-arc-en-sels","title":"Huile de Camélia Bio - 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Camélia Bio - 30 ml - Arc en Sels\nPalette détectée:\n - Primaire: #4a6741 (vert olive\/forêt du packaging et des feuilles de camélia)\n - Secondaire: #d4c8a8 (beige crème du fond de l'emballage)\n - Accent: #8b7355 (brun doré rappelant l'huile)\nAmbiance: Naturel\/bio, élégant et raffiné, féminin, inspiration botanique japonaise, luxe discret\nPréfixe CSS: cam\n--\u003e\n\n\u003cdiv class=\"cam-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"cam-hero\"\u003e\n \u003cdiv class=\"cam-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cam-hero-content\"\u003e\n \u003cdiv class=\"cam-badges-top\"\u003e\n \u003cspan class=\"cam-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e💧 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-hero-title\"\u003eHuile de Camélia Bio\u003c\/span\u003e\n \u003cp class=\"cam-subtitle\"\u003eLe secret de beauté ancestral des japonaises\u003c\/p\u003e\n \u003cp class=\"cam-description\"\u003eUn élixir précieux pour les peaux sèches et délicates, offrant nutrition intense et toucher velouté incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de l'huile de camélia\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement pour nourrir intensément les peaux les plus sèches sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants, elle protège contre le vieillissement cutané et préserve l'élasticité de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🪶 Toucher velours\u003c\/h3\u003e\n \u003cp\u003eTexture légère et soyeuse qui laisse la peau douce, souple et satinée toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e✨ Éclat cheveux\u003c\/h3\u003e\n \u003cp\u003eApporte brillance et souplesse aux cheveux secs, nourrit les pointes abîmées en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🛡️ Protection cutanée\u003c\/h3\u003e\n \u003cp\u003eCrée un bouclier naturel contre les agressions extérieures et la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌿 100% pure\u003c\/h3\u003e\n \u003cp\u003eSans colorants, parfums ni conservateurs artificiels. Uniquement l'essence du camélia bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATIONS --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e🌺 Comment l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e👩 Visage\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur peau propre, matin et soir. Massez délicatement pour une absorption optimale et une peau éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e👁️ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez délicatement sous les yeux pour réduire les poches et revitaliser cette zone fragile et sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, appliquez sur les zones sèches pour sceller l'hydratation et obtenir une peau souple et satinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampoing (30 min) ou en soin sans rinçage sur les pointes sèches pour brillance et nutrition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e👩‍🦰 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid-compact\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌾 Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Peaux délicates\u003c\/h3\u003e\n \u003cp\u003eDouceur absolue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eBrillance retrouvée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n \u003cdiv class=\"cam-composition-box\"\u003e\n \u003cdiv class=\"cam-ingredient-main\"\u003e\n \u003cspan class=\"cam-ingredient-icon\"\u003e🌺\u003c\/span\u003e\n \u003cdiv class=\"cam-ingredient-info\"\u003e\n \u003ch3\u003eCamellia Oleifera Seed Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de graines de camélia issue de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-ingredient-percent\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"cam-composition-note\"\u003e*Ingrédient issu de l'Agriculture Biologique. Huile pure obtenue par première pression à froid, sans colorants, parfums ni conservateurs artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"cam-accordion\"\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🏭 Origine et fabrication\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eFabriquée en France selon des pratiques agricoles respectueuses de l'environnement. Les matières premières proviennent de coopératives féminines, garantissant un commerce équitable et éthique. Le procédé de première pression à froid préserve toutes les qualités nutritives de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. Refermez bien le flacon après utilisation. À utiliser dans les 6 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas de réaction, cessez l'utilisation. Évitez le contact avec les yeux. Effectuez un test cutané avant première utilisation si vous avez la peau sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"cam-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cam-cta-box\"\u003e\n \u003cp\u003e🌺 Offrez à votre peau et vos cheveux le soin précieux qu'ils méritent avec l'Huile de Camélia Bio, un rituel de beauté naturel et éthique pour une peau apaisée, protégée et sublimée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --cam-cream: #faf8f5;\n --cam-white: #ffffff;\n --cam-primary: #4a6741;\n --cam-primary-dark: #3a5234;\n --cam-primary-light: #e8efe6;\n --cam-secondary: #d4c8a8;\n --cam-accent: #8b7355;\n\n \/* Textes *\/\n --cam-text: #1a1a1a;\n --cam-text-light: #5a5a5a;\n\n \/* Effets *\/\n --cam-border: #e8e4dc;\n --cam-shadow: 0 4px 24px rgba(74, 103, 65, .08);\n --cam-shadow-lg: 0 12px 48px rgba(74, 103, 65, .15);\n --cam-radius: 20px;\n --cam-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cam-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cam-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cam-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6741 0%, #5d7a54 40%, #8b7355 100%);\n border-radius: var(--cam-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cam-shadow-lg);\n}\n\n.cam-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15, 45 20, 55 20 C45 25, 40 35, 40 45 C35 35, 25 30, 15 30 C25 25, 30 15, 30 5' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .05;\n}\n\n.cam-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cam-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.cam-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cam-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cam-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cam-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cam-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.cam-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.cam-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cam-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cam-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cam-primary), var(--cam-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.cam-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cam-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.cam-card {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cam-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cam-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cam-shadow-lg);\n border-color: var(--cam-primary);\n}\n\n.cam-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cam-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cam-grid-compact .cam-card {\n padding: 1rem;\n}\n\n.cam-grid-compact .cam-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cam-grid-compact .cam-card p {\n font-size: 12px;\n}\n\n\/* === CARDS USAGE === *\/\n.cam-card-usage {\n background: linear-gradient(135deg, var(--cam-white) 0%, var(--cam-primary-light) 100%);\n border-left: 4px solid var(--cam-primary);\n}\n\n\/* === COMPOSITION BOX === *\/\n.cam-composition-box {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cam-shadow);\n}\n\n.cam-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.25rem;\n background: linear-gradient(135deg, var(--cam-primary-light) 0%, #f5f7f4 100%);\n border-radius: var(--cam-radius-sm);\n margin-bottom: 1rem;\n}\n\n.cam-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.cam-ingredient-info {\n flex: 1;\n}\n\n.cam-ingredient-info h3 {\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cam-ingredient-info p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--cam-text-light);\n margin: 0;\n}\n\n.cam-ingredient-percent {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-primary);\n flex-shrink: 0;\n}\n\n.cam-composition-note {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--cam-text-light);\n text-align: center;\n margin: 0;\n padding-top: .5rem;\n border-top: 1px solid var(--cam-border);\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cam-accordion {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n box-shadow: var(--cam-shadow);\n overflow: hidden;\n}\n\n.cam-accordion-item {\n border-bottom: 1px solid var(--cam-border);\n margin: 0;\n padding: 0;\n}\n\n.cam-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cam-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cam-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cam-accordion-header:hover {\n background: var(--cam-primary-light);\n}\n\n.cam-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cam-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cam-primary);\n transition: transform .2s ease;\n}\n\n.cam-accordion-item[open] .cam-accordion-header::after {\n content: '−';\n}\n\n.cam-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cam-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.cam-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.cam-cta-box {\n background: linear-gradient(135deg, var(--cam-primary) 0%, var(--cam-primary-dark) 100%);\n border-radius: var(--cam-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cam-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.cam-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cam-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cam-card {\n padding: 1.125rem;\n }\n \n .cam-section {\n margin-bottom: 1.75rem;\n }\n \n .cam-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cam-radius-sm);\n }\n \n .cam-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cam-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .cam-grid-compact {\n gap: .625rem;\n }\n \n .cam-grid-compact .cam-card {\n padding: .75rem;\n }\n \n .cam-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cam-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .cam-ingredient-main {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .cam-ingredient-icon {\n font-size: 2rem;\n }\n \n .cam-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cam-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cam-card:nth-child(1) { animation-delay: .05s; }\n .cam-card:nth-child(2) { animation-delay: .1s; }\n .cam-card:nth-child(3) { animation-delay: .15s; }\n .cam-card:nth-child(4) { animation-delay: .2s; }\n .cam-card:nth-child(5) { animation-delay: .25s; }\n .cam-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cam-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755299168413,"sku":"HUILECAMELIA","price":12.78,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-camelia-bio-30-ml-arc-en-sels-lifestyle_7e6fd1cd-cecf-4acf-933a-1d60987e5e88.webp?v=1768500806"},{"product_id":"panaceo-poudre-dermatologique-30-g-ecoidees","title":"Poudre Dermatologique Cicatrisante à la Zéolithe - Panacéo","description":"\u003cdiv class=\"pnc-premium\"\u003e\n \u003cdiv class=\"pnc-hero\"\u003e\n \u003cdiv class=\"pnc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pnc-hero-content\"\u003e\n \u003cdiv class=\"pnc-badges-top\"\u003e\n \u003cspan class=\"pnc-badge\"\u003e🏔️ 100% naturel\u003c\/span\u003e\n \u003cspan class=\"pnc-badge\"\u003e🔬 Scientifiquement prouvé\u003c\/span\u003e\n \u003cspan class=\"pnc-badge\"\u003e✓ Dispositif médical Classe I\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pnc-hero-title\"\u003eLa puissance minérale au service de votre peau\u003c\/span\u003e\n \u003cp class=\"pnc-subtitle\"\u003eZéolithe clinoptilolite activée \u0026amp; micronisée (PMA)\u003c\/p\u003e\n \u003cp class=\"pnc-description\"\u003eUn soin dermatologique polyvalent qui accélère la cicatrisation, capte les toxines et sublime votre routine beauté au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pnc-section\"\u003e\n \u003ch2\u003eQu'est-ce que la zéolithe activée ?\u003c\/h2\u003e\n \u003cp class=\"pnc-section-intro\"\u003eUn minéral d'origine volcanique dont la structure cristalline agit comme un tamis moléculaire à la surface de la peau.\u003c\/p\u003e\n \u003cdiv class=\"pnc-grid\"\u003e\n \u003cdiv class=\"pnc-card\"\u003e\n \u003ch3\u003e🌋 Origine volcanique\u003c\/h3\u003e\n \u003cp\u003eUn minéral naturel formé par la rencontre de la lave et de l'eau, doté d'une architecture cristalline unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pnc-card\"\u003e\n \u003ch3\u003e🔬 Structure microporeuse\u003c\/h3\u003e\n \u003cp\u003eComparable à un tamis moléculaire, elle capture toxines, métaux lourds et radicaux libres cutanés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pnc-card\"\u003e\n \u003ch3\u003e⚡ Version PMA activée\u003c\/h3\u003e\n \u003cp\u003eFinement micronisée pour décupler sa surface d'action et optimiser son efficacité dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pnc-section\"\u003e\n \u003ch2\u003eLes bienfaits de la Panacéo Poudre Dermatologique\u003c\/h2\u003e\n \u003cdiv class=\"pnc-grid\"\u003e\n \u003cdiv class=\"pnc-card\"\u003e\n \u003ch3\u003e🩹 Cicatrisation accélérée\u003c\/h3\u003e\n \u003cp\u003eSur plaies, ulcères, escarres, brûlures superficielles et blessures infectées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pnc-card\"\u003e\n \u003ch3\u003e💧 Absorbe les exsudats\u003c\/h3\u003e\n \u003cp\u003eCrée un environnement sain et propice à une guérison rapide de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pnc-card\"\u003e\n \u003ch3\u003e🩸 Stoppe les saignements\u003c\/h3\u003e\n \u003cp\u003eRéduit le temps de saignement et apaise durablement les sensations douloureuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pnc-card\"\u003e\n \u003ch3\u003e🛡️ Action antioxydante\u003c\/h3\u003e\n \u003cp\u003eNeutralise les radicaux libres responsables du vieillissement prématuré de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pnc-card\"\u003e\n \u003ch3\u003e✨ Booste vos soins\u003c\/h3\u003e\n \u003cp\u003ePrépare la peau à recevoir les actifs de vos crèmes hydratantes et nourrissantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pnc-card\"\u003e\n \u003ch3\u003e🌸 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux fragilisées, notamment pendant la période de la ménopause.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pnc-section\"\u003e\n \u003ch2\u003eComment utiliser la poudre dermatologique ?\u003c\/h2\u003e\n \u003cdiv class=\"pnc-timeline\"\u003e\n \u003cdiv class=\"pnc-timeline-item\"\u003e\n \u003cdiv class=\"pnc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pnc-timeline-content\"\u003e\n \u003ch3\u003e🩹 Sur une plaie ou une lésion\u003c\/h3\u003e\n \u003cp\u003eSaupoudrez généreusement la zone concernée après l'avoir nettoyée. Renouvelez l'application jusqu'à 5 fois par jour, jusqu'à cicatrisation complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pnc-timeline-item\"\u003e\n \u003cdiv class=\"pnc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pnc-timeline-content\"\u003e\n \u003ch3\u003e✨ En soin anti-âge\u003c\/h3\u003e\n \u003cp\u003eAppliquez une très fine couche sur peau propre et sèche, puis recouvrez de votre crème habituelle. La zéolithe agit comme un capteur de toxines tout en amplifiant les effets de vos soins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pnc-tip\"\u003e\n \u003cspan class=\"pnc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e évitez le contact avec les yeux, ne pas inhaler la poudre. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pnc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"pnc-composition\"\u003e\n \u003cdiv class=\"pnc-composition-badge\"\u003e100%\u003c\/div\u003e\n \u003cdiv class=\"pnc-composition-content\"\u003e\n \u003ch3\u003eZéolithe clinoptilolite activée et micronisée (PMA)\u003c\/h3\u003e\n \u003cp\u003eUn produit pur, sans additif, sans conservateur, sans parfum.\u003c\/p\u003e\n \u003cdiv class=\"pnc-composition-tags\"\u003e\n \u003cspan class=\"pnc-tag\"\u003eSans additif\u003c\/span\u003e\n \u003cspan class=\"pnc-tag\"\u003eSans conservateur\u003c\/span\u003e\n \u003cspan class=\"pnc-tag\"\u003eSans parfum\u003c\/span\u003e\n \u003cspan class=\"pnc-tag\"\u003eContenance : 30 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pnc-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"pnc-accordion\"\u003e\n \u003cdetails class=\"pnc-accordion-item\"\u003e\n \u003csummary class=\"pnc-accordion-header\"\u003e❓ Peut-on l'utiliser sur une plaie infectée ?\u003c\/summary\u003e\n \u003cdiv class=\"pnc-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, la zéolithe contribue à assainir la zone en absorbant les exsudats. Toutefois, en cas d'infection importante, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pnc-accordion-item\"\u003e\n \u003csummary class=\"pnc-accordion-header\"\u003e🌿 Convient-elle aux peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"pnc-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa composition 100 % minérale et naturelle la rend adaptée à la plupart des peaux, y compris fragiles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pnc-accordion-item\"\u003e\n \u003csummary class=\"pnc-accordion-header\"\u003e💊 Est-ce un complément alimentaire pour la peau ?\u003c\/summary\u003e\n \u003cdiv class=\"pnc-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, il s'agit d'un soin topique à appliquer directement sur la peau. Pour une action de l'intérieur, tournez-vous vers un complément alimentaire peau adapté, idéal notamment en cas de peau sèche ou pendant la ménopause.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pnc-accordion-item\"\u003e\n \u003csummary class=\"pnc-accordion-header\"\u003e⭐ Avis sur la Panacéo Poudre Dermatologique\u003c\/summary\u003e\n \u003cdiv class=\"pnc-accordion-content mt-3\"\u003e\n \u003cp\u003eLes utilisateurs apprécient sa polyvalence, son efficacité rapide sur les petites plaies et sa tolérance cutanée exemplaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pnc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions importantes\u003c\/h2\u003e\n \u003cdiv class=\"pnc-grid-compact\"\u003e\n \u003cdiv class=\"pnc-card\"\u003e\n \u003ch3\u003e🖐️ Usage externe\u003c\/h3\u003e\n \u003cp\u003eRéservé à un usage externe uniquement sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pnc-card\"\u003e\n \u003ch3\u003e👶 Hors de portée\u003c\/h3\u003e\n \u003cp\u003eTenir hors de portée des enfants en tout temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pnc-card\"\u003e\n \u003ch3\u003e👨‍⚕️ Avis médical\u003c\/h3\u003e\n \u003cp\u003eNe remplace pas un avis médical ni un traitement prescrit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pnc-card\"\u003e\n \u003ch3\u003e🚨 Plaies graves\u003c\/h3\u003e\n \u003cp\u003eConsultez en cas de plaie profonde, étendue ou persistante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pnc-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003eAvec la Panacéo Poudre Dermatologique, offrez à votre peau un soin minéral à la fois simple, efficace et naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pnc-cream: #f4f9fd;\n --pnc-white: #ffffff;\n --pnc-primary: #1e88d6;\n --pnc-primary-dark: #0f5a9e;\n --pnc-primary-light: #e3f1fb;\n --pnc-secondary: #4dbdf5;\n --pnc-accent: #c9a961;\n --pnc-text: #1a2733;\n --pnc-text-light: #5a6a7a;\n --pnc-border: #d9e6f0;\n --pnc-shadow: 0 4px 24px rgba(30,136,214,.08);\n --pnc-shadow-lg: 0 12px 48px rgba(30,136,214,.18);\n --pnc-radius: 20px;\n --pnc-radius-sm: 12px;\n}\n\n.pnc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pnc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--pnc-text);\n}\n\n.pnc-hero {\n position: relative;\n background: linear-gradient(135deg, #1e88d6 0%, #4dbdf5 50%, #7ed0f7 100%);\n border-radius: var(--pnc-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(--pnc-shadow-lg);\n}\n\n.pnc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .4;\n}\n\n.pnc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pnc-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.pnc-subtitle {\n color: white;\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n letter-spacing: .02em;\n}\n\n.pnc-description {\n color: white;\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 620px;\n margin: 0 auto;\n opacity: .95;\n}\n\n.pnc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pnc-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(--pnc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pnc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pnc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pnc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pnc-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.pnc-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(--pnc-primary), var(--pnc-secondary));\n border-radius: 2px;\n}\n\n.pnc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pnc-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n.pnc-card {\n background: var(--pnc-white);\n border-radius: var(--pnc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pnc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pnc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pnc-shadow-lg);\n border-color: var(--pnc-primary);\n}\n\n.pnc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pnc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pnc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pnc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pnc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pnc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pnc-grid-compact .pnc-card {\n padding: 1rem;\n}\n\n.pnc-grid-compact .pnc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pnc-grid-compact .pnc-card p {\n font-size: 12px;\n}\n\n.pnc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pnc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pnc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pnc-primary), var(--pnc-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(30,136,214,.3);\n}\n\n.pnc-timeline-content {\n flex: 1;\n background: var(--pnc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pnc-radius-sm);\n box-shadow: var(--pnc-shadow);\n}\n\n.pnc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pnc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pnc-timeline-content p {\n font-size: 14px;\n color: var(--pnc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.pnc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pnc-primary-light);\n border-radius: var(--pnc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--pnc-primary);\n}\n\n.pnc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pnc-tip p {\n font-size: 14px;\n color: var(--pnc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.pnc-composition {\n background: var(--pnc-white);\n border-radius: var(--pnc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pnc-shadow);\n display: flex;\n gap: 1.5rem;\n align-items: center;\n flex-wrap: wrap;\n justify-content: center;\n text-align: center;\n}\n\n.pnc-composition-badge {\n flex-shrink: 0;\n width: 100px;\n height: 100px;\n background: linear-gradient(135deg, var(--pnc-primary), var(--pnc-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n letter-spacing: -.02em;\n box-shadow: 0 8px 24px rgba(30,136,214,.3);\n}\n\n.pnc-composition-content {\n flex: 1;\n min-width: 240px;\n}\n\n.pnc-composition-content h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--pnc-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.pnc-composition-content p {\n font-size: 14px;\n color: var(--pnc-text-light);\n margin: 0 0 1rem 0;\n}\n\n.pnc-composition-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n justify-content: center;\n}\n\n.pnc-tag {\n padding: 6px 12px;\n background: var(--pnc-primary-light);\n color: var(--pnc-primary-dark);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n}\n\n.pnc-accordion {\n background: var(--pnc-white);\n border-radius: var(--pnc-radius);\n box-shadow: var(--pnc-shadow);\n overflow: hidden;\n}\n\n.pnc-accordion-item {\n border-bottom: 1px solid var(--pnc-border);\n margin: 0;\n padding: 0;\n}\n\n.pnc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pnc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pnc-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.pnc-accordion-header:hover {\n background: var(--pnc-primary-light);\n}\n\n.pnc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pnc-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--pnc-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.pnc-accordion-item[open] .pnc-accordion-header::after {\n content: '−';\n}\n\n.pnc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pnc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pnc-accordion-content p {\n margin: 0;\n}\n\n.pnc-cta-box {\n background: linear-gradient(135deg, var(--pnc-primary) 0%, var(--pnc-primary-dark) 100%);\n border-radius: var(--pnc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--pnc-shadow-lg);\n}\n\n.pnc-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 .pnc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .pnc-card {\n padding: 1.125rem;\n }\n \n .pnc-section {\n margin-bottom: 1.75rem;\n }\n \n .pnc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pnc-radius-sm);\n }\n \n .pnc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .pnc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .pnc-grid-compact {\n gap: .625rem;\n }\n \n .pnc-grid-compact .pnc-card {\n padding: .75rem;\n }\n \n .pnc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .pnc-timeline-content {\n padding: .875rem 1rem;\n }\n \n .pnc-timeline-content h3 {\n font-size: 14px;\n }\n \n .pnc-timeline-content p {\n font-size: 13px;\n }\n \n .pnc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .pnc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pnc-composition {\n padding: 1.25rem;\n flex-direction: column;\n }\n\n .pnc-composition-badge {\n width: 80px;\n height: 80px;\n font-size: 20px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .pnc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .pnc-card:nth-child(1) { animation-delay: .05s; }\n .pnc-card:nth-child(2) { animation-delay: .1s; }\n .pnc-card:nth-child(3) { animation-delay: .15s; }\n .pnc-card:nth-child(4) { animation-delay: .2s; }\n .pnc-card:nth-child(5) { animation-delay: .25s; }\n .pnc-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 .pnc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ECOIDEES","offers":[{"title":"Default Title","offer_id":45755382988957,"sku":"PANACEODERMA","price":17.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-dermatologique-cicatrisante-a-la-zeolithe-panaceo-packshothd.webp?v=1787383999"},{"product_id":"huile-vegetale-amande-douce-bio-50-ml-emma-noel","title":"Huile Végétale d'Amande Douce Bio 50 ml Emma Noel","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🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e❄️ Pression à froid\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🇫🇷 Cosmébio \/ Ecocert\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\"\u003eEmma Noël — 50 ml avec pompe doseuse\u003c\/p\u003e\n \u003cp class=\"ad-description\"\u003eUn trésor de douceur ancestral, 100 % pur et biologique, pour nourrir, adoucir et sublimer votre peau, vos cheveux et ceux de toute la famille.\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\u003eUn soin ancestral pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eConnue depuis des siècles pour ses vertus exceptionnelles, l'huile d'amande douce est l'un des trésors les plus polyvalents de la cosmétique naturelle.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid-compact\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌱 Agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eAmandes issues de l'agriculture bio (\u003cem\u003ePrunus amygdalus dulcis\u003c\/em\u003e), pour un soin pur et respectueux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n \u003cp\u003eProcédé qui préserve l'intégralité des actifs précieux de l'amande douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e✅ Certifiée Ecocert \/ Cosmébio\u003c\/h3\u003e\n \u003cp\u003eDouble certification garantissant qualité, traçabilité et respect de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes comme aux tout-petits, grâce à sa composition ultra-simple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\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\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eNaturellement riche en acides gras essentiels (oméga-6 et oméga-9) et en vitamines A, B, D et E, elle agit sur plusieurs fronts.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🤍 Adoucissante et apaisante\u003c\/h3\u003e\n \u003cp\u003eCalme les tiraillements, les rougeurs et les irritations, même sur les peaux les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e💧 Nourrissante en profondeur\u003c\/h3\u003e\n \u003cp\u003eRenforce le film hydrolipidique et prévient efficacement la déshydratation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e✨ Assouplissante\u003c\/h3\u003e\n \u003cp\u003eRedonne élasticité et souplesse aux peaux sèches ou fragilisées par le froid, le soleil ou les agressions quotidiennes.\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\u003eIdéale pour bébé :\u003c\/strong\u003e sa texture douce et sa composition ultra-simple en font un soin parfait pour masser les tout-petits ou hydrater leur peau délicate après le bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eHuile d'amande douce pour les cheveux : un allié réparateur\u003c\/h2\u003e\n \u003cdiv class=\"ad-testimonial\"\u003e\n \u003cp class=\"ad-testimonial-text\"\u003eVos cheveux sont secs, ternes ou cassants ? L'huile d'amande douce est un véritable soin réparateur. Appliquée en masque avant shampooing, elle pénètre la fibre capillaire pour la nourrir intensément, lui redonner \u003cstrong\u003ebrillance et souplesse\u003c\/strong\u003e. Quelques gouttes sur les pointes sèches suffisent aussi à les protéger au quotidien. C'est une alternative naturelle et efficace aux sérums capillaires conventionnels chargés en silicones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e💇‍♀️ Masque réparateur\u003c\/h3\u003e\n \u003cp\u003eNourrit la fibre capillaire en profondeur avant le shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur les pointes pour un fini soyeux sans silicone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eGrâce à sa pompe doseuse pratique, l'application est simple et parfaitement dosée.\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 visage et corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur peau 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=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eDémaquillant naturel\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le visage puis essuyez avec un coton ou un disque lavable. Elle dissout le maquillage en douceur, même waterproof.\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\u003eMasque capillaire\u003c\/h3\u003e\n \u003cp\u003eEnduisez vos longueurs et pointes, laissez poser 30 minutes à une nuit, puis lavez avec votre shampooing habituel.\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\u003eBain adoucissant\u003c\/h3\u003e\n \u003cp\u003eAjoutez quelques gouttes dans l'eau du bain pour envelopper votre peau d'un voile nourrissant.\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=\"ad-section\"\u003e\n \u003ch2\u003eY a-t-il un inconvénient à l'huile d'amande douce ?\u003c\/h2\u003e\n \u003cdiv class=\"ad-grid-compact\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e⚠️ Allergie aux fruits à coque\u003c\/h3\u003e\n \u003cp\u003eSi vous êtes allergique aux fruits à coque, évitez son utilisation. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Texture riche\u003c\/h3\u003e\n \u003cp\u003ePlus adaptée aux peaux sèches à normales. Les peaux à tendance grasse préféreront une huile plus légère comme le jojoba.\u003c\/p\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\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"ad-accordion\"\u003e\n \u003cdetails class=\"ad-accordion-item\" open\u003e\n \u003csummary class=\"ad-accordion-header\"\u003e🧬 Ingrédient unique\u003c\/summary\u003e\n \u003cdiv class=\"ad-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003ePrunus Amygdalus Dulcis Oil*\u003c\/strong\u003e — 100 % huile vierge d'amande douce biologique.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eSans colorant, sans conservateur, sans parfum de synthèse. Non testée sur les animaux. Flacon aluminium recyclable de \u003cstrong\u003e50 ml\u003c\/strong\u003e avec pompe doseuse.\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⚠️ Précaution d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ad-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne se substitue pas à un avis médical. En cas de doute ou d'allergie connue aux fruits à coque, consultez un professionnel de santé avant utilisation. Conservez à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ad-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ad-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau et à vos cheveux la douceur pure de l'amande bio — un geste simple, naturel et efficace pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-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 --ad-cream: #faf8f4;\n --ad-white: #ffffff;\n --ad-primary: #c5a255;\n --ad-primary-dark: #8a6d2b;\n --ad-primary-light: #f7f0df;\n --ad-secondary: #3db89a;\n --ad-accent: #d4a843;\n --ad-text: #1a1a1a;\n --ad-text-light: #5a5a5a;\n --ad-border: #e8e2d4;\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, #c5a255 0%, #3db89a 50%, #8a6d2b 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: 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 opacity: 1;\n}\n\n.ad-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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(16px, 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: 600px;\n margin: 0 auto;\n line-height: 1.7;\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 === *\/\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.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\/* === 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\/* === 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 0 .5rem 0;\n}\n\n.ad-accordion-content p:last-child {\n margin-bottom: 0;\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}\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\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":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":45755408842909,"sku":"NBAIEMM0029","price":11.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-damande-douce-bio-50-ml-emma-noel-packshothd_9c7dc318-4024-4a78-83ca-c1ae016fd81e.webp?v=1790260557"},{"product_id":"savon-noir-gommage-a-leucalyptus-emma-noel","title":"Savon noir - Gommage à l'eucalyptus - Emma Noël","description":"\u003cdiv class=\"sn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sn-hero\"\u003e\n \u003cdiv class=\"sn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sn-hero-content\"\u003e\n \u003cdiv class=\"sn-badges-top\"\u003e\n \u003cspan class=\"sn-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"sn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sn-badge\"\u003e🫒 Huile d'olive\u003c\/span\u003e\n \u003cspan class=\"sn-badge\"\u003e🍃 Eucalyptus\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sn-hero-title\"\u003eSavon noir – Gommage à l'eucalyptus\u003c\/span\u003e\n \u003cp class=\"sn-subtitle\"\u003eEmma Noël · 200 g\u003c\/p\u003e\n \u003cp class=\"sn-description\"\u003eLe rituel ancestral du hammam, directement chez vous. Une exfoliation tout en douceur à l'huile d'olive bio et à l'eucalyptus pour une peau douce, lisse et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sn-section\"\u003e\n \u003ch2\u003e200 g de savon noir gommage à l'eucalyptus bio Emma Noël\u003c\/h2\u003e\n \u003cp class=\"sn-section-intro\"\u003eEnvie de retrouver une \u003cstrong\u003epeau douce, lisse et éclatante\u003c\/strong\u003e comme après une séance de hammam ? Le \u003cstrong\u003esavon noir gommage à l'eucalyptus Emma Noël\u003c\/strong\u003e vous offre ce rituel ancestral directement chez vous. Élaboré à partir d'\u003cstrong\u003ehuile d'olive\u003c\/strong\u003e et enrichi en huile essentielle d'eucalyptus biologique, ce soin corporel certifié \u003cstrong\u003eCosmétique Bio\u003c\/strong\u003e élimine efficacement les cellules mortes tout en respectant votre peau et l'environnement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sn-section\"\u003e\n \u003ch2\u003eLes bienfaits du gommage au savon noir\u003c\/h2\u003e\n \u003cp class=\"sn-section-intro\"\u003eUn soin traditionnel pratiqué depuis des siècles dans les hammams du Maghreb. Sa texture onctueuse permet une exfoliation tout en douceur, bien différente des gommages à grains.\u003c\/p\u003e\n \u003cdiv class=\"sn-grid\"\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e✨ Élimination des cellules mortes\u003c\/h3\u003e\n \u003cp\u003eLe savon noir décolle naturellement les peaux mortes restées en surface, révélant une peau neuve et satinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e🧼 Nettoyage en profondeur\u003c\/h3\u003e\n \u003cp\u003eIl purifie les pores et aide à déloger les impuretés accumulées au quotidien pour une peau nette et saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e🫒 Nutrition et souplesse\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'huile d'olive, votre peau est nourrie et protégée, sans sensation de tiraillement après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e🌿 Fraîcheur et bien-être\u003c\/h3\u003e\n \u003cp\u003eL'huile essentielle d'eucalyptus procure une sensation vivifiante et un parfum frais qui transforme votre douche en véritable moment de détente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sn-section\"\u003e\n \u003ch2\u003eComment réaliser un gommage au savon noir façon hammam ?\u003c\/h2\u003e\n \u003cp class=\"sn-section-intro\"\u003ePour profiter pleinement d'un \u003cstrong\u003egommage hammam savon noir\u003c\/strong\u003e à domicile, suivez ces étapes simples :\u003c\/p\u003e\n \u003cdiv class=\"sn-timeline\"\u003e\n \u003cdiv class=\"sn-timeline-item\"\u003e\n \u003cdiv class=\"sn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sn-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003ePrenez une douche chaude ou un bain pendant 5 à 10 minutes. La vapeur ouvre les pores et facilite l'action du savon noir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-timeline-item\"\u003e\n \u003cdiv class=\"sn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sn-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le savon\u003c\/h3\u003e\n \u003cp\u003eSur peau humide, prélevez une noisette de produit et étalez-le en couche fine sur l'ensemble du corps, en évitant le visage et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-timeline-item\"\u003e\n \u003cdiv class=\"sn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sn-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez 5 minutes pour permettre aux actifs de ramollir les cellules mortes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-timeline-item\"\u003e\n \u003cdiv class=\"sn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sn-timeline-content\"\u003e\n \u003ch3\u003eExfoliez\u003c\/h3\u003e\n \u003cp\u003eÀ l'aide d'un gant de gommage type kessa, frottez délicatement en mouvements circulaires. Vous verrez les peaux mortes se détacher sous forme de petits rouleaux : c'est le signe que le gommage fonctionne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-timeline-item\"\u003e\n \u003cdiv class=\"sn-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"sn-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Votre peau est alors prête à recevoir votre lait corporel ou huile hydratante favorite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-tip\"\u003e\n \u003cspan class=\"sn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eRéalisez ce \u003cstrong\u003ehammam gommage savon noir\u003c\/strong\u003e une à deux fois par semaine pour une peau continuellement douce et lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sn-section\"\u003e\n \u003ch2\u003eComposition certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"sn-accordion\"\u003e\n \u003cdetails class=\"sn-accordion-item\" open\u003e\n \u003csummary class=\"sn-accordion-header\"\u003e🧪 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eAqua, Potassium Olivate, Glycerin, Potassium Cocoate, Eucalyptus Globulus Leaf Oil, Limonene, Linalool\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sn-accordion-item\"\u003e\n \u003csummary class=\"sn-accordion-header\"\u003e🚫 Sans ingrédients controversés\u003c\/summary\u003e\n \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n \u003cp\u003eFormulé \u003cstrong\u003esans colorant artificiel\u003c\/strong\u003e, \u003cstrong\u003esans conservateur de synthèse\u003c\/strong\u003e et \u003cstrong\u003esans parfum chimique\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sn-accordion-item\"\u003e\n \u003csummary class=\"sn-accordion-header\"\u003e🏅 Certification Cosmébio\u003c\/summary\u003e\n \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n \u003cp\u003eLa certification \u003cstrong\u003eCosmétique Bio – Charte Cosmébio\u003c\/strong\u003e garantit un produit respectueux de votre peau et de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sn-section\"\u003e\n \u003ch2\u003ePourquoi choisir Emma Noël ?\u003c\/h2\u003e\n \u003cdiv class=\"sn-testimonial\"\u003e\n \u003cp class=\"sn-testimonial-text\"\u003eDepuis plus de 30 ans, Emma Noël perpétue un savoir-faire artisanal en savonnerie, ancré dans le sud de la France. La marque sélectionne des huiles végétales de première qualité et privilégie des procédés de fabrication traditionnels. Le résultat : des soins authentiques, efficaces et engagés pour une cosmétique plus responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e🏭 +30 ans\u003c\/h3\u003e\n \u003cp\u003eDe savoir-faire artisanal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e🇫🇷 Sud de la France\u003c\/h3\u003e\n \u003cp\u003eFabrication locale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e🫒 Huiles premium\u003c\/h3\u003e\n \u003cp\u003ePremière qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e🌱 Engagée\u003c\/h3\u003e\n \u003cp\u003eCosmétique responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"sn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eEn résumé\u003c\/h2\u003e\n \u003cdiv class=\"sn-grid-compact\"\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e200 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e🧴 Type de soin\u003c\/h3\u003e\n \u003cp\u003eGommage corps au savon noir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e🍃 Senteur\u003c\/h3\u003e\n \u003cp\u003eEucalyptus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n \u003cp\u003eCosmétique Bio – Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sn-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🧖 Offrez à votre corps le plaisir d'un \u003cstrong\u003egommage au savon noir hammam\u003c\/strong\u003e authentique, sans quitter votre salle de bain. Votre peau mérite ce soin naturel et revitalisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sn-cream: #f9f6f2;\n --sn-white: #ffffff;\n --sn-primary: #5c3a28;\n --sn-primary-dark: #3e2517;\n --sn-primary-light: #f3ebe4;\n --sn-secondary: #6a9b4f;\n --sn-accent: #e8527a;\n --sn-text: #1a1a1a;\n --sn-text-light: #5a5a5a;\n --sn-border: #e0d8d0;\n --sn-shadow: 0 4px 24px rgba(60,30,15,.08);\n --sn-shadow-lg: 0 12px 48px rgba(60,30,15,.15);\n --sn-radius: 20px;\n --sn-radius-sm: 12px;\n}\n\n.sn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sn-hero {\n position: relative;\n background: linear-gradient(135deg, #3e2517 0%, #5c3a28 40%, #6a9b4f 100%);\n border-radius: var(--sn-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(--sn-shadow-lg);\n}\n\n.sn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(ellipse at 20% 80%, rgba(106,155,79,.3) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%);\n opacity: .6;\n}\n\n.sn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sn-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.sn-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.sn-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 620px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sn-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(--sn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sn-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.sn-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(--sn-primary), var(--sn-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sn-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.sn-card {\n background: var(--sn-white);\n border-radius: var(--sn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sn-shadow-lg);\n border-color: var(--sn-primary);\n}\n\n.sn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sn-grid-compact .sn-card {\n padding: 1rem;\n}\n\n.sn-grid-compact .sn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sn-grid-compact .sn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sn-primary), var(--sn-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.sn-timeline-content {\n flex: 1;\n background: var(--sn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sn-radius-sm);\n box-shadow: var(--sn-shadow);\n}\n\n.sn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sn-timeline-content p {\n font-size: 14px;\n color: var(--sn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sn-testimonial {\n background: var(--sn-white);\n border-radius: var(--sn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sn-shadow);\n border-left: 4px solid var(--sn-primary);\n}\n\n.sn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sn-accordion {\n background: var(--sn-white);\n border-radius: var(--sn-radius);\n box-shadow: var(--sn-shadow);\n overflow: hidden;\n}\n\n.sn-accordion-item {\n border-bottom: 1px solid var(--sn-border);\n margin: 0;\n padding: 0;\n}\n\n.sn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sn-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.sn-accordion-header:hover {\n background: var(--sn-primary-light);\n}\n\n.sn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sn-primary);\n transition: transform .2s ease;\n}\n\n.sn-accordion-item[open] .sn-accordion-header::after {\n content: '−';\n}\n\n.sn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sn-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sn-primary-light);\n border-radius: var(--sn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sn-tip p {\n font-size: 14px;\n color: var(--sn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sn-cta-box {\n background: linear-gradient(135deg, var(--sn-primary) 0%, var(--sn-primary-dark) 100%);\n border-radius: var(--sn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sn-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 .sn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sn-card {\n padding: 1.125rem;\n }\n\n .sn-section {\n margin-bottom: 1.75rem;\n }\n\n .sn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sn-radius-sm);\n }\n\n .sn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sn-grid-compact {\n gap: .625rem;\n }\n\n .sn-grid-compact .sn-card {\n padding: .75rem;\n }\n\n .sn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sn-timeline-content h3 {\n font-size: 14px;\n }\n\n .sn-timeline-content p {\n font-size: 13px;\n }\n\n .sn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sn-testimonial {\n padding: 1.25rem;\n }\n\n .sn-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sn-card {\n animation: sn-fadeInUp .5s ease backwards;\n }\n .sn-card:nth-child(1) { animation-delay: .05s; }\n .sn-card:nth-child(2) { animation-delay: .1s; }\n .sn-card:nth-child(3) { animation-delay: .15s; }\n .sn-card:nth-child(4) { animation-delay: .2s; }\n .sn-card:nth-child(5) { animation-delay: .25s; }\n .sn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sn-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 .sn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":45888706379933,"sku":"NBAIEMM0061","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-noir-gommage-a-leucalyptus-emma-noel-lifestyle.webp?v=1776172707"},{"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-davocat-regenerante-50ml-comptoir-des-huiles","title":"Huile d'Avocat Bio - Régénérante - 50ml - Comptoir des huiles","description":"\u003cdiv class=\"av-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"av-hero\"\u003e\n \u003cdiv class=\"av-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"av-hero-content\"\u003e\n \u003cdiv class=\"av-badges-top\"\u003e\n \u003cspan class=\"av-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🥑 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e💧 50 ml\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"av-hero-title\"\u003eHuile d'Avocat Bio Régénérante\u003c\/span\u003e\n \u003cp class=\"av-subtitle\"\u003eComptoir des Huiles — Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"av-description\"\u003eUne huile végétale d'exception, 100 % pure et biologique, pour nourrir intensément votre peau et sublimer vos cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eHuile d'avocat bio : le soin régénérant pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile végétale pour cheveux\u003c\/strong\u003e secs et abîmés, ou un soin naturel capable de redonner éclat et souplesse à votre peau ? L'\u003cstrong\u003ehuile d'avocat bio\u003c\/strong\u003e du Comptoir des Huiles est exactement ce qu'il vous faut.\u003c\/p\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🥑 Pure \u0026amp; bio\u003c\/h3\u003e\n \u003cp\u003eExtraite par première pression à froid, 100 % pure et certifiée biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💧 Compte-gouttes\u003c\/h3\u003e\n \u003cp\u003eFlacon de 50 ml avec pipette pour un dosage précis, goutte après goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Multi-usage\u003c\/h3\u003e\n \u003cp\u003eVisage, corps et cheveux : un seul soin pour toute votre routine beauté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌱 Richesse nutritive\u003c\/h3\u003e\n \u003cp\u003eConcentre toute la puissance du fruit d'avocat pour nourrir et régénérer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePourquoi l'huile d'avocat est-elle si efficace ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eL'avocat est naturellement gorgé de nutriments précieux pour la peau et la fibre capillaire. Cette huile végétale se distingue par sa composition exceptionnelle.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🫒 Acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eOméga-9 et oméga-6\u003c\/strong\u003e : ils pénètrent en profondeur pour nourrir intensément et restaurer la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Vitamines A, D et E\u003c\/h3\u003e\n \u003cp\u003eDe puissants \u003cstrong\u003eantioxydants\u003c\/strong\u003e qui protègent les cellules du stress oxydatif et favorisent la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧬 Phytostérols\u003c\/h3\u003e\n \u003cp\u003eIls renforcent le \u003cstrong\u003efilm hydrolipidique\u003c\/strong\u003e et apaisent les peaux irritées ou fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eGrâce à cette synergie d'actifs, l'huile d'avocat nourrit, répare et protège en un seul geste. Sa texture riche mais non grasse pénètre rapidement sans laisser de film collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eUn soin visage et corps anti-âge naturel\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eSi vous avez la peau sèche, mature ou sensible, cette huile deviendra vite indispensable dans votre routine.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌟 Élasticité retrouvée\u003c\/h3\u003e\n \u003cp\u003eAppliquée quotidiennement, elle aide à améliorer l'élasticité de la peau et à atténuer les rides et ridules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💎 Teint lumineux\u003c\/h3\u003e\n \u003cp\u003eRedonne un éclat naturel au visage et estompe les signes de fatigue pour un teint frais et reposé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🩹 Apaisement intense\u003c\/h3\u003e\n \u003cp\u003eRemarquable pour apaiser les tiraillements, les gerçures et les zones rugueuses comme les coudes et les talons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e✋\u003c\/span\u003e\n \u003cp\u003eQuelques gouttes suffisent : massez délicatement votre visage ou votre corps matin et soir, sur peau propre et légèrement humide pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eLa meilleure huile végétale pour vos cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eL'huile d'avocat est une \u003cstrong\u003ehuile végétale pour cheveux secs\u003c\/strong\u003e particulièrement plébiscitée. Elle nourrit la fibre en profondeur et redonne brillance et vitalité.\u003c\/p\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💆 Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eNourrit la fibre en profondeur et scelle l'hydratation pour des longueurs souples.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e〰️ Cheveux bouclés\u003c\/h3\u003e\n \u003cp\u003eDéfinit les boucles tout en luttant efficacement contre les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌱 Pousse des cheveux\u003c\/h3\u003e\n \u003cp\u003eNourrit le cuir chevelu et stimule la microcirculation pour une chevelure forte et dense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Anti-chute\u003c\/h3\u003e\n \u003cp\u003eSa richesse en vitamines et acides gras en fait une alliée contre la chute capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eComment l'utiliser sur les cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"av-timeline\"\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003e🧖 En masque avant-shampoing\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les longueurs et les pointes, massez le cuir chevelu, puis laissez poser 30 minutes à une nuit entière sous une serviette tiède. Lavez ensuite avec votre shampoing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003e✨ En sérum quotidien\u003c\/h3\u003e\n \u003cp\u003eDéposez 2 à 3 gouttes dans vos paumes et lissez vos pointes pour les protéger et les nourrir au quotidien. Un geste simple pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eComposition et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\" open\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🧪 Ingrédient (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003ePersea Gratissima Oil*\u003c\/strong\u003e (*issu de l'agriculture biologique). Un seul ingrédient, une pureté absolue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🌿 Engagements\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eLe Comptoir des Huiles s'engage dans une démarche \u003cstrong\u003e100 % naturelle, bio et équitable\u003c\/strong\u003e. L'huile est obtenue par première pression à froid afin de préserver l'intégralité de ses actifs. Sans additif, sans conservateur, sans parfum de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"av-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e⚠️ Précautions et conservation\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical. En cas de doute ou de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Conservez votre flacon à l'abri de la chaleur et de la lumière directe pour préserver toutes ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"av-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --av-cream: #f7f5f0;\n --av-white: #ffffff;\n --av-primary: #4a7c3f;\n --av-primary-dark: #2e5527;\n --av-primary-light: #e8f0e5;\n --av-secondary: #8b6f47;\n --av-accent: #c4a265;\n --av-text: #1a1a1a;\n --av-text-light: #5a5a5a;\n --av-border: #e0ddd6;\n --av-shadow: 0 4px 24px rgba(0,0,0,.08);\n --av-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --av-radius: 20px;\n --av-radius-sm: 12px;\n}\n\n.av-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--av-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.av-hero {\n position: relative;\n background: linear-gradient(135deg, #2e5527 0%, #4a7c3f 50%, #6b9a5e 100%);\n border-radius: var(--av-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--av-shadow-lg);\n}\n\n.av-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(196,162,101,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.av-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.av-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.av-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.av-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.av-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.av-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--av-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.av-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.av-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.av-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--av-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.av-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--av-primary), var(--av-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.av-card {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--av-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.av-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--av-shadow-lg);\n border-color: var(--av-primary);\n}\n\n.av-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.av-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.av-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.av-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.av-grid-compact .av-card {\n padding: 1rem;\n}\n\n.av-grid-compact .av-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.av-grid-compact .av-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.av-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.av-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.av-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--av-primary), var(--av-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.av-timeline-content {\n flex: 1;\n background: var(--av-white);\n padding: 1rem 1.25rem;\n border-radius: var(--av-radius-sm);\n box-shadow: var(--av-shadow);\n}\n\n.av-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--av-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.av-timeline-content p {\n font-size: 14px;\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.av-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--av-primary-light);\n border-radius: var(--av-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.av-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.av-tip p {\n font-size: 14px;\n color: var(--av-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.av-accordion {\n background: var(--av-white);\n border-radius: var(--av-radius);\n box-shadow: var(--av-shadow);\n overflow: hidden;\n}\n\n.av-accordion-item {\n border-bottom: 1px solid var(--av-border);\n margin: 0;\n padding: 0;\n}\n\n.av-accordion-item:last-child {\n border-bottom: none;\n}\n\n.av-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--av-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.av-accordion-header:hover {\n background: var(--av-primary-light);\n}\n\n.av-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.av-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--av-primary);\n transition: transform .2s ease;\n}\n\n.av-accordion-item[open] .av-accordion-header::after {\n content: '−';\n}\n\n.av-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--av-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.av-accordion-content p {\n margin: 0;\n}\n\n\/* === SECTION INTRO === *\/\n.av-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === DISCLAIMER === *\/\n.av-disclaimer {\n font-size: 12px;\n color: var(--av-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .av-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .av-card {\n padding: 1.125rem;\n }\n\n .av-section {\n margin-bottom: 1.75rem;\n }\n\n .av-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--av-radius-sm);\n }\n\n .av-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .av-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .av-grid-compact {\n gap: .625rem;\n }\n\n .av-grid-compact .av-card {\n padding: .75rem;\n }\n\n .av-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .av-timeline-content {\n padding: .875rem 1rem;\n }\n\n .av-timeline-content h3 {\n font-size: 14px;\n }\n\n .av-timeline-content p {\n font-size: 13px;\n }\n\n .av-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .av-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .av-card {\n animation: avFadeInUp .5s ease backwards;\n }\n .av-card:nth-child(1) { animation-delay: .05s; }\n .av-card:nth-child(2) { animation-delay: .1s; }\n .av-card:nth-child(3) { animation-delay: .15s; }\n .av-card:nth-child(4) { animation-delay: .2s; }\n .av-card:nth-child(5) { animation-delay: .25s; }\n .av-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes avFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .av-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481315467641,"sku":"AVOCATCDH","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-davocat-bio-regenerante-50ml-comptoir-des-huiles-packshothd.webp?v=1774427754"},{"product_id":"huile-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":"creme-hydratante-pour-toute-la-famille-125ml-centifolia","title":"Crème Hydratante Pour Toute La Famille - 100ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 Certifié BIO\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e👨‍👩‍👧 Toute la famille\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eCrème Hydratante Famille\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eVisage \u0026amp; Corps · 100ml · Centifolia\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUne crème hydratante bio à l'extrait de \u003cstrong\u003eGinkgo Biloba BIO origine France\u003c\/strong\u003e, pensée pour répondre aux besoins de toute la maisonnée. 99 % d'ingrédients d'origine naturelle pour une hydratation longue durée, même sur les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUne crème hydratante visage et corps pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eTrouver une crème hydratante qui convient à chacun est souvent un casse-tête. Avec ce soin Centifolia, plus besoin de multiplier les flacons dans la salle de bain.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e☀️ Matin \u0026amp; soir\u003c\/h3\u003e\n \u003cp\u003eUn seul soin pour toute la routine de la famille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👶 Dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eAdaptée aux petits comme aux grands\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Visage \u0026amp; corps\u003c\/h3\u003e\n \u003cp\u003ePolyvalente, elle hydrate de la tête aux pieds\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle, certifiés bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLes bienfaits du Ginkgo Biloba BIO\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eAu cœur de cette crème, l'extrait de Ginkgo Biloba BIO d'origine France apporte ses propriétés antioxydantes reconnues. Associé à l'aloe vera, l'huile de tournesol et au beurre de cacao bio.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Souplesse \u0026amp; confort\u003c\/h3\u003e\n \u003cp\u003ePréserve la souplesse et le confort cutané au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧘 Apaise les tiraillements\u003c\/h3\u003e\n \u003cp\u003eCalme instantanément les sensations d'inconfort de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Protège des agressions\u003c\/h3\u003e\n \u003cp\u003eBouclier naturel contre le vent, le froid et la pollution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Hydratation 8h\u003c\/h3\u003e\n \u003cp\u003eMaintient une hydratation optimale jusqu'à 8 heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003eUne petite quantité suffit grâce à sa texture légère et non grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez matin et soir\u003c\/h3\u003e\n \u003cp\u003eSur le visage et\/ou le corps en massant délicatement jusqu'à absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eProfitez de ses multiples usages\u003c\/h3\u003e\n \u003cp\u003eIdéale après la douche, après le rasage ou en base de maquillage pour un teint frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003ePour les enfants dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eUne seule application quotidienne suffit généralement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe soin cosmétique ne remplace pas un avis médical. En cas de réaction cutanée ou de pathologie, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition : 99 % d'origine naturelle\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et apaise les peaux sensibles en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao \u0026amp; karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrissent et protègent la barrière cutanée naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eAssouplit et adoucit l'épiderme jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍃 Ginkgo Biloba BIO France\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant qui protège la peau des radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eINCI complet :\u003c\/strong\u003e Aqua, Aloe Barbadensis Leaf Juice*, Helianthus Annuus Seed Oil*, Glyceryl Stearate, Cetearyl Alcohol, Theobroma Cacao Seed Butter*, Butyrospermum Parkii Butter*, Ginkgo Biloba Leaf Extract*, Benzyl Alcohol, Sodium Benzoate, Potassium Sorbate, Parfum, Xanthan Gum, Citric Acid, Dehydroacetic Acid. \u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eVos interrogations, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e👶 Cette crème convient-elle aux bébés ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eElle est recommandée à partir de 3 ans. Pour les nourrissons, privilégiez un soin spécifique formulé pour leur peau plus fragile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e💆 Peut-elle remplacer une crème visage hydratante quotidienne ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, elle s'utilise aussi bien comme crème hydratante pour le visage qu'en soin du corps. Sa polyvalence en fait un essentiel salle de bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e🌸 Convient-elle aux peaux réactives ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule douce, vegan et sans ingrédients controversés est tolérée par les peaux sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn engagement éthique et français\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eCosmétique botanique made in France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✅ ECOCERT \u0026amp; Cosmebio\u003c\/h3\u003e\n \u003cp\u003eDoublement certifiée biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n \u003cp\u003eSans ingrédient d'origine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Tube recyclable\u003c\/h3\u003e\n \u003cp\u003e21 % de plastique recyclé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003eOffrez à votre famille un soin simple, sûr et durable au quotidien. Une cosmétique botanique respectueuse de votre peau et de la planète. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f7f9f3;\n --cf-white: #ffffff;\n --cf-primary: #a8c850;\n --cf-primary-dark: #5a7a2a;\n --cf-primary-light: #eaf3d4;\n --cf-secondary: #7fa838;\n --cf-accent: #c8dc7a;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a6b4a;\n --cf-border: #e0e6d4;\n --cf-shadow: 0 4px 24px rgba(90,122,42,.08);\n --cf-shadow-lg: 0 12px 48px rgba(90,122,42,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #a8c850 0%, #7fa838 50%, #5a7a2a 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .4;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n letter-spacing: .02em;\n}\n\n.cf-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 680px;\n opacity: .95;\n}\n\n.cf-description strong {\n color: white;\n font-weight: 700;\n}\n\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin: 0 auto 1.5rem auto;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(127,168,56,.3);\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n margin: 0;\n padding: 0;\n}\n\n.cf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cf-accordion-header:hover {\n background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cf-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n}\n\n.cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cf-accordion-content p {\n margin: 0;\n}\n\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 13px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n word-break: break-word;\n}\n\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cf-card { padding: 1.125rem; }\n .cf-section { margin-bottom: 1.75rem; }\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cf-premium h2::after { width: 40px; height: 3px; }\n .cf-grid-compact { gap: .625rem; }\n .cf-grid-compact .cf-card { padding: .75rem; }\n .cf-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .cf-timeline-content { padding: .875rem 1rem; }\n .cf-timeline-content h3 { font-size: 14px; }\n .cf-timeline-content p { font-size: 13px; }\n .cf-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .cf-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502897029497,"sku":"CE0007","price":6.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-hydratante-pour-toute-la-famille-100ml-centifolia-packshothd.webp?v=1777551488"},{"product_id":"centifolia-gel-aloe-vera-bio-200ml","title":"Gel Aloe Vera Equitable \u0026 Bio - 200ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 98% Aloe Vera Bio\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🤝 Fair for Life\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌱 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ -55% plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eGel Aloe Vera Équitable \u0026amp; Bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia · 200ml · Corps \u0026amp; Cheveux\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eVéritable trésor de la nature, ce soin multi-usages concentré à \u003cstrong\u003e98% en jus pur d'aloe vera biologique\u003c\/strong\u003e hydrate, apaise et régénère la peau comme les cheveux. Une formule minimaliste certifiée Cosmos Organic, pensée pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLes bienfaits du gel aloe vera pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eUtilisé depuis l'Antiquité, l'aloe vera est une plante aux multiples propriétés. Riche en vitamines A, C, E, en minéraux et en acides aminés.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eUne hydratation durable, sans effet gras ni film collant sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Action apaisante\u003c\/h3\u003e\n \u003cp\u003eCalme les peaux irritées, échauffées ou sensibilisées en un instant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Effet régénérant\u003c\/h3\u003e\n \u003cp\u003eAide la peau à retrouver souplesse, confort et éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e❄️ Soin rafraîchissant\u003c\/h3\u003e\n \u003cp\u003eIdéal après l'exposition au soleil pour un effet frais immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💆‍♀️ Nutrition capillaire\u003c\/h3\u003e\n \u003cp\u003eDes cheveux brillants, disciplinés et parfaitement hydratés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Multi-usages famille\u003c\/h3\u003e\n \u003cp\u003eUn seul produit pour toutes les envies de soin, dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser votre gel aloe vera Centifolia ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eGrâce à sa texture légère et non collante, l'aloe vera s'adapte à tous vos besoins quotidiens.\u003c\/p\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e☀️ Soin visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez matin et soir sur peau propre, en base hydratante ou en masque express de 10 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e🧴 Soin corps\u003c\/h3\u003e\n \u003cp\u003eMassez doucement après la douche pour nourrir votre peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e🏖️ Après-soleil\u003c\/h3\u003e\n \u003cp\u003ePlacez le tube au réfrigérateur et appliquez généreusement pour un effet frais immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e🪒 Après-rasage\u003c\/h3\u003e\n \u003cp\u003eCalme les échauffements et les petites irritations après le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e💇‍♀️ Soin cheveux\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur les longueurs pour définir les boucles ou hydrater les pointes sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e mélangez-le à quelques gouttes d'huile végétale pour créer votre propre soin personnalisé, adapté à vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition complète : une formule courte et transparente\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCentifolia mise sur la simplicité pour préserver l'efficacité de l'ingrédient star.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe Barbadensis Leaf Juice* (98%)\u003c\/h3\u003e\n \u003cp\u003eJus d'aloe vera pur issu du commerce équitable, cœur de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌾 Xanthan Gum\u003c\/h3\u003e\n \u003cp\u003eGomme 100% naturelle offrant cette texture gel fluide et onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Sodium Benzoate \u0026amp; Potassium Sorbate\u003c\/h3\u003e\n \u003cp\u003eConservateurs doux autorisés en cosmétique biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚖️ Citric Acid\u003c\/h3\u003e\n \u003cp\u003eRégulateur de pH d'origine naturelle pour une formule équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003e*Ingrédient issu de l'agriculture biologique. \u003cstrong\u003e99% du total des ingrédients sont d'origine naturelle\u003c\/strong\u003e. Formule vegan, sans parfum, sans alcool et sans colorant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn engagement éthique et écologique fort\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤝 Fair for Life\u003c\/h3\u003e\n \u003cp\u003eAloe vera issu de plantations mexicaines certifiées, garantissant une juste rémunération des producteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eUn savoir-faire cosméto-botanique français, au service de soins authentiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ -55% de plastique\u003c\/h3\u003e\n \u003cp\u003eUn tube allégé contenant 2 fois moins de plastique que les contenants classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌍 100% recyclable\u003c\/h3\u003e\n \u003cp\u003eUn packaging entièrement recyclable pour un geste beauté responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePour qui ce gel est-il recommandé ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-testimonial\"\u003e\n \u003cp class=\"cf-testimonial-text\"\u003e\"Ce soin polyvalent s'adresse à \u003cstrong\u003etoute la famille, dès 3 ans\u003c\/strong\u003e. Il convient particulièrement aux peaux sèches, déshydratées, sensibles ou fragilisées par le soleil. Les cheveux bouclés, frisés ou abîmés y trouveront également un allié précieux pour retrouver douceur et vitalité.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e⚠️ Usage et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'usage externe. Évitez le contact avec les yeux. En cas de réaction cutanée, cessez immédiatement l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique \u003cstrong\u003ene remplace pas un avis médical\u003c\/strong\u003e ni un traitement dermatologique. Pour toute pathologie cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à température ambiante, à l'abri de la lumière directe. Pour un effet fraîcheur renforcé, vous pouvez placer le tube au réfrigérateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f4f9f5;\n --cf-white: #ffffff;\n --cf-primary: #2e8b6e;\n --cf-primary-dark: #1f5f4a;\n --cf-primary-light: #e3f1ea;\n --cf-secondary: #7ab894;\n --cf-accent: #a8d5ba;\n --cf-text: #1a2e26;\n --cf-text-light: #5a6b63;\n --cf-border: #dbe8df;\n --cf-shadow: 0 4px 24px rgba(31,95,74,.08);\n --cf-shadow-lg: 0 12px 48px rgba(31,95,74,.18);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #2e8b6e 0%, #1f5f4a 50%, #164a39 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n opacity: .1;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.cf-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.cf-description strong {\n color: white;\n font-weight: 700;\n}\n\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.75rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(46,139,110,.3);\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n}\n\n.cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n margin: 0;\n padding: 0;\n}\n\n.cf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cf-accordion-header:hover {\n background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cf-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n}\n\n.cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cf-accordion-content p {\n margin: 0;\n}\n\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1.2;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cf-card {\n padding: 1.125rem;\n }\n .cf-section {\n margin-bottom: 1.75rem;\n }\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cf-grid-compact {\n gap: .625rem;\n }\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n .cf-timeline-content p {\n font-size: 13px;\n }\n .cf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .cf-testimonial {\n padding: 1.25rem;\n }\n .cf-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502897095033,"sku":"CE0540","price":6.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-aloe-vera-equitable-bio-200ml-centifolia-packshothd.webp?v=1777376875"},{"product_id":"lait-corps-hydratant-pour-toute-la-famille-500ml-centifolia","title":"Lait Corps Hydratant Pour Toute La Famille - 500 ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Ginkgo Biloba français\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e👨‍👩‍👧‍👦 Dès 3 ans\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ Flacon 50 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eLait corps hydratant pour toute la famille\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — 500 ml avec pompe\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eHydratation immédiate, texture fluide et zéro film gras : le soin bio au Ginkgo Biloba qui met toute la famille d'accord.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLait corps hydratant bio Centifolia : le soin familial au Ginkgo Biloba\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eTrouver un \u003cstrong\u003elait hydratant pour le corps\u003c\/strong\u003e qui convienne à toute la famille, y compris aux peaux sensibles des enfants, relève souvent du parcours du combattant.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Hydratation immédiate\u003c\/h3\u003e\n \u003cp\u003ePénètre en quelques secondes pour un confort instantané, sans film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Ginkgo Biloba bio\u003c\/h3\u003e\n \u003cp\u003eOrigine France, riche en flavonoïdes et antioxydants protecteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👶 Dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peaux, même les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 Texture fluide\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur sans alourdir la peau. Habillez-vous immédiatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi ce lait hydratant corps fait la différence\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏆 Naturalité maximale\u003c\/h3\u003e\n \u003cp\u003eFormule composée à \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, certifiée bio Ecocert et labellisée COSMOS ORGANIC.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚡ Absorption express\u003c\/h3\u003e\n \u003cp\u003ePénètre en quelques secondes, \u003cstrong\u003esans laisser de film gras\u003c\/strong\u003e. Vous pouvez vous habiller immédiatement après l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Barrière cutanée restaurée\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité nourrit intensément et aide à restaurer la barrière cutanée, même pour les \u003cstrong\u003epeaux très sèches\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eQue votre peau soit normale, sèche ou réactive, ce lait lui redonne \u003cstrong\u003econfort et souplesse\u003c\/strong\u003e dès la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs botaniques soigneusement sélectionnés\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍃 Extrait de Ginkgo Biloba bio\u003c\/h3\u003e\n \u003cp\u003eOrigine France, riche en flavonoïdes et antioxydants. Améliore l'hydratation, apaise visiblement et protège des agressions extérieures, notamment les UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses vertus nourrissantes et réparatrices, il redonne souplesse et douceur même aux peaux les plus desséchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💦 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eHumectant naturel qui attire et retient l'eau dans les couches supérieures de l'épiderme pour une hydratation durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-certif-bar\"\u003e\n \u003cspan class=\"cf-certif-item\"\u003e✅ Certifiée bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"cf-certif-item\"\u003e✅ COSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"cf-certif-item\"\u003e✅ Vegan\u003c\/span\u003e\n \u003cspan class=\"cf-certif-item\"\u003e✅ Sans phtalates ni bisphénol A\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eConseils d'utilisation pour une hydratation optimale\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003ePrenez votre douche\u003c\/h3\u003e\n \u003cp\u003eNettoyez votre peau comme d'habitude. L'idéal : appliquer le lait juste après, sur une peau encore légèrement tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eDosez avec la pompe\u003c\/h3\u003e\n \u003cp\u003eLe format 500 ml avec pompe permet un dosage précis et une utilisation quotidienne pratique pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eInsistez sur les zones sujettes à la sécheresse : coudes, genoux, tibias et avant-bras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eHabillez-vous immédiatement\u003c\/h3\u003e\n \u003cp\u003eLa texture fluide pénètre en quelques secondes, sans film gras. Matin et\/ou soir selon vos besoins.\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=\"cf-section\"\u003e\n \u003ch2\u003eUn engagement écologique concret\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Flacon recyclable\u003c\/h3\u003e\n \u003cp\u003eFabriqué à 50 % à partir de matériaux recyclés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌍 Impact réduit\u003c\/h3\u003e\n \u003cp\u003eDémarche globale du choix des matières premières à l'emballage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eGinkgo Biloba cultivé en France pour réduire l'empreinte carbone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Vegan \u0026amp; éthique\u003c\/h3\u003e\n \u003cp\u003eAucun test sur les animaux, formule 100 % respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eOpter pour ce lait, c'est prendre soin de votre peau tout en faisant un \u003cstrong\u003egeste responsable pour la planète\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est fait ce lait corps ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Les familles\u003c\/h3\u003e\n \u003cp\u003eUn \u003cstrong\u003esoin unique adapté à tous\u003c\/strong\u003e, adultes et enfants dès 3 ans. Fini les flacons qui s'accumulent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤲 Peaux sèches \u0026amp; sensibles\u003c\/h3\u003e\n \u003cp\u003ePeaux sèches, très sèches ou réactives en quête de \u003cstrong\u003econfort quotidien\u003c\/strong\u003e sans irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚡ Adeptes du bio efficace\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui veulent un \u003cstrong\u003elait hydratant bio\u003c\/strong\u003e, performant et à absorption ultra-rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à toute votre famille une hydratation naturelle, bio et longue durée — dans un geste simple et quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis dermatologique 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 --cf-cream: #f7f9f4;\n --cf-white: #ffffff;\n --cf-primary: #6b9e3c;\n --cf-primary-dark: #3d6b1e;\n --cf-primary-light: #edf5e4;\n --cf-secondary: #8ab85a;\n --cf-accent: #a0c47e;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #dde8d2;\n --cf-shadow: 0 4px 24px rgba(61,107,30,.08);\n --cf-shadow-lg: 0 12px 48px rgba(61,107,30,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6b1e 0%, #6b9e3c 50%, #8ab85a 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 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,.04) 0%, transparent 40%);\n opacity: 1;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.cf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === CERTIF BAR === *\/\n.cf-certif-bar {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .625rem;\n margin-top: 1.5rem;\n}\n\n.cf-certif-item {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 8px 16px;\n background: var(--cf-primary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-card {\n padding: 1.125rem;\n }\n\n .cf-section {\n margin-bottom: 1.75rem;\n }\n\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cf-grid-compact {\n gap: .625rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n\n .cf-timeline-content p {\n font-size: 13px;\n }\n\n .cf-certif-bar {\n gap: .5rem;\n }\n\n .cf-certif-item {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502897553785,"sku":"CE0021","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-corps-hydratant-pour-toute-la-famille-500-ml-centifolia-packshothd.webp?v=1775836382"},{"product_id":"baume-relipidant-neutre-200ml-centifolia","title":"Baume Relipidant Neutre Bio - Hydrate \u0026 Apaise - 200ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 100 % origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🍼 Dès la naissance\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🛡️ Haute tolérance\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🏅 Cosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eBaume Relipidant Neutre Bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia – La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eNourrit, répare et apaise les peaux sensibles et réactives de toute la famille. Formulé avec prébiotique actif de chicorée, sans parfum, 200 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eBaume relipidant neutre bio : le soin apaisant pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVotre peau tiraille, démange ou réagit au moindre changement de saison ?\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 Hydrate en profondeur\u003c\/h3\u003e\n \u003cp\u003eNourrit et répare le film hydrolipidique pour un confort immédiat et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤲 Haute tolérance\u003c\/h3\u003e\n \u003cp\u003eSans parfum, testé sous contrôle dermatologique, adapté aux peaux les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👶 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient dès la naissance, aux enfants, aux adultes et aux femmes enceintes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Prébiotique actif\u003c\/h3\u003e\n \u003cp\u003eRééquilibre le microbiome cutané grâce à un actif issu de la chicorée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce baume relipidant bio ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-explainer\"\u003e\n \u003cp\u003eContrairement à un simple \u003cstrong\u003ebaume hydratant pour le corps\u003c\/strong\u003e, un soin relipidant agit en profondeur : il restaure le \u003cstrong\u003efilm hydrolipidique naturel\u003c\/strong\u003e de la peau, cette fine couche protectrice qui empêche la déshydratation et protège contre les agressions extérieures.\u003c\/p\u003e\n \u003cp\u003eLorsque ce film est altéré — par le froid, le calcaire, les frottements ou une prédisposition génétique — la peau devient sèche, irritée et sujette aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003ebaume relipidant Centifolia\u003c\/strong\u003e se distingue par son approche complète : il ne se contente pas de nourrir la surface, il \u003cstrong\u003erééquilibre le microbiome cutané\u003c\/strong\u003e grâce à un prébiotique actif issu de la chicorée. Résultat : votre peau retrouve ses défenses naturelles et gagne en confort durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs naturels rigoureusement sélectionnés\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels et en vitamines A, D, E et F, il nourrit intensément et forme un bouclier protecteur contre la sécheresse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés hydratantes et apaisantes, il procure une sensation de fraîcheur immédiate sur les zones irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌾 Prébiotique de chicorée\u003c\/h3\u003e\n \u003cp\u003eStimule les bonnes bactéries de la flore cutanée pour renforcer la résistance naturelle de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Polysaccharide naturel\u003c\/h3\u003e\n \u003cp\u003eContribue à consolider la barrière cutanée pour une protection longue durée contre la perte en eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, certifiée \u003cstrong\u003eCOSMOS ORGANIC\u003c\/strong\u003e, sans parfum, sans phtalates et sans bisphénol A. Chaque ingrédient a été choisi pour sa douceur et son efficacité, même sur les peaux les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser ce baume corps super hydratant ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez matin et soir\u003c\/h3\u003e\n \u003cp\u003eDéposez le baume sur les zones sèches, rugueuses ou inconfortables : coudes, genoux, mains, jambes ou toute autre partie du corps qui en a besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n \u003cp\u003eFaites pénétrer par de légers mouvements circulaires. La texture fondante pénètre rapidement \u003cstrong\u003esans laisser de film gras\u003c\/strong\u003e, agréable même sous les vêtements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003ePour les bébés\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le corps en évitant la zone du siège. Ce soin convient \u003cstrong\u003edès la naissance\u003c\/strong\u003e et a été testé sous contrôle dermatologique.\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=\"cf-section\"\u003e\n \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eQui manquent de lipides et tiraillent au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eSujettes aux rougeurs et aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👶 Bébés et femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eUn soin naturel sans parfum, adapté dès la naissance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du bio\u003c\/h3\u003e\n \u003cp\u003eUne alternative certifiée aux baumes relipidants conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn engagement éco-responsable\u003c\/h2\u003e\n \u003cdiv class=\"cf-eco-box\"\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ 30 % recyclé\u003c\/h3\u003e\n \u003cp\u003eLe tube de 200 ml est fabriqué avec 30 % de matériaux recyclés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Zéro substance controversée\u003c\/h3\u003e\n \u003cp\u003ePas de phtalates, pas de bisphénol A, pas de parfum synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e🌍\u003c\/span\u003e\n \u003cp\u003eCentifolia va au-delà de la formule : vous prenez soin de votre peau tout en respectant la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + DISCLAIMER --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🧴 Offrez à votre peau le réconfort qu'elle mérite — naturellement, en douceur, dès aujourd'hui.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eRemarque importante : ce baume relipidant est un soin cosmétique. Il ne remplace en aucun cas un traitement médical prescrit par votre dermatologue. 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\/* === VARIABLES === *\/\n:root {\n --cf-cream: #f5f9fb;\n --cf-white: #ffffff;\n --cf-primary: #7cc8d6;\n --cf-primary-dark: #2a7d8e;\n --cf-primary-light: #e6f4f7;\n --cf-secondary: #a8dce5;\n --cf-accent: #4ba8b8;\n --cf-text: #1a2a2e;\n --cf-text-light: #5a6f75;\n --cf-border: #d8e8ec;\n --cf-shadow: 0 4px 24px rgba(42, 125, 142, .08);\n --cf-shadow-lg: 0 12px 48px rgba(42, 125, 142, .15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #2a7d8e 0%, #5cb8c8 40%, #a8dce5 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background:\n radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 60% 20%, rgba(255,255,255,.08) 0%, transparent 30%);\n opacity: 1;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .03em;\n text-transform: uppercase;\n}\n\n.cf-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === EXPLAINER TEXT === *\/\n.cf-explainer {\n max-width: 720px;\n margin: 0 auto 1.5rem;\n}\n\n.cf-explainer p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--cf-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.cf-explainer p:last-child {\n margin-bottom: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.cf-highlight-box {\n background: linear-gradient(135deg, var(--cf-primary-light) 0%, #dff0f4 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n border-left: 5px solid var(--cf-primary);\n margin-top: 1.25rem;\n}\n\n.cf-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--cf-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ECO BOX === *\/\n.cf-eco-box {\n \/* conteneur simple *\/\n}\n\n\/* === CTA === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-card {\n padding: 1.125rem;\n }\n\n .cf-section {\n margin-bottom: 1.75rem;\n }\n\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cf-grid-compact {\n gap: .625rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n\n .cf-timeline-content p {\n font-size: 13px;\n }\n\n .cf-highlight-box {\n padding: 1rem;\n }\n\n .cf-explainer p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502900732281,"sku":"CE0416","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-relipidant-neutre-bio-hydrate-apaise-200ml-centifolia-packshothd.webp?v=1775898654"},{"product_id":"huile-seche-sublimatrice-visage-corps-cheveux-105ml-centifolia","title":"Centifolia Huile Sèche Sublimatrice Visage Corps \u0026 Cheveux - 100 ml","description":"\u003cdiv class=\"nd-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nd-hero\"\u003e\n \u003cdiv class=\"nd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nd-hero-content\"\u003e\n \u003cdiv class=\"nd-badges-top\"\u003e\n \u003cspan class=\"nd-badge\"\u003e🌿 Certifiée bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"nd-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"nd-badge\"\u003e🌸 5 huiles précieuses\u003c\/span\u003e\n \u003cspan class=\"nd-badge\"\u003e✨ 98 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nd-hero-title\"\u003eHuile sèche sublimatrice Nectar Doré\u003c\/span\u003e\n \u003cp class=\"nd-subtitle\"\u003eCentifolia — Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"nd-description\"\u003eUn élixir doré aux 5 huiles précieuses bio pour nourrir, sublimer et illuminer votre peau et vos cheveux en un seul geste, sans aucun fini gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eHuile sèche sublimatrice : un soin multi-usage pour le visage, le corps et les cheveux\u003c\/h2\u003e\n \u003cp class=\"nd-section-intro\"\u003eVous cherchez un soin capable de \u003cstrong\u003enourrir votre peau et sublimer vos cheveux\u003c\/strong\u003e en un seul geste ?\u003c\/p\u003e\n \u003cdiv class=\"nd-grid-compact\"\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌺 Visage\u003c\/h3\u003e\n \u003cp\u003eNourrit, adoucit et illumine le teint pour un fini satiné et lumineux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e✨ Corps\u003c\/h3\u003e\n \u003cp\u003ePeau satinée, délicatement parfumée, sans aucun film gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux\u003c\/h3\u003e\n \u003cp\u003eBrillance, souplesse et nutrition des longueurs et des pointes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌿 Bio\u003c\/h3\u003e\n \u003cp\u003eCertifiée Ecocert, 98 % d'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"nd-post-grid\"\u003eL'\u003cstrong\u003ehuile sèche sublimatrice Nectar Doré de Centifolia\u003c\/strong\u003e réunit cinq huiles précieuses biologiques dans une formule légère et non grasse. Certifiée bio par Ecocert, elle s'utilise au quotidien sur le visage, le corps et les cheveux pour un fini satiné et lumineux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003ePourquoi choisir une huile sèche plutôt qu'une huile classique ?\u003c\/h2\u003e\n \u003cdiv class=\"nd-highlight-box\"\u003e\n \u003cp\u003eContrairement à une huile traditionnelle, une \u003cstrong\u003ehuile sèche\u003c\/strong\u003e pénètre très rapidement dans la peau grâce à sa richesse en acides gras polyinsaturés (oméga-3 et oméga-6). Elle ne laisse aucun film gras et peut même s'appliquer sous vos vêtements sans attendre.\u003c\/p\u003e\n \u003cp\u003eC'est l'alternative idéale si vous aimez le confort d'une huile cheveux ou visage, mais que vous redoutez l'effet collant. Ici, Centifolia pousse le concept encore plus loin avec un \u003cstrong\u003eparfum délicat et envoûtant\u003c\/strong\u003e qui accompagne votre routine beauté tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e⚡ Absorption express\u003c\/h3\u003e\n \u003cp\u003ePénètre en quelques secondes, zéro résidu gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e👗 Sous les vêtements\u003c\/h3\u003e\n \u003cp\u003eApplication immédiate, sans attendre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌹 Parfum envoûtant\u003c\/h3\u003e\n \u003cp\u003eUne note florale délicate toute la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🧴 Toucher satiné\u003c\/h3\u003e\n \u003cp\u003eLe confort d'une huile sans l'effet collant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eCinq huiles précieuses bio au service de votre beauté\u003c\/h2\u003e\n \u003cp class=\"nd-section-intro\"\u003eLa force de cette huile sèche réside dans son cocktail d'actifs soigneusement sélectionnés :\u003c\/p\u003e\n \u003cdiv class=\"nd-grid\"\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌺 Huile de Camélia bio\u003c\/h3\u003e\n \u003cp\u003eStar de la formule, elle nourrit intensément, protège la barrière cutanée et assouplit la fibre capillaire. Particulièrement appréciée pour apporter de la \u003cstrong\u003ebrillance aux cheveux ternes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌳 Huile de Baobab bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines A, D et E, elle redonne \u003cstrong\u003eélasticité et douceur\u003c\/strong\u003e aux peaux les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile de Jojoba bio\u003c\/h3\u003e\n \u003cp\u003eTrès proche du sébum humain, elle \u003cstrong\u003erégule la production de sébum\u003c\/strong\u003e et hydrate en profondeur sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Huile d'Argan bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés régénérantes, elle \u003cstrong\u003enourrit la peau et les pointes abîmées\u003c\/strong\u003e en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🤍 Macérât de fleur de Lys blanc bio\u003c\/h3\u003e\n \u003cp\u003eVéritable secret d'éclat, il \u003cstrong\u003eadoucit, unifie et illumine\u003c\/strong\u003e le teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-tip\"\u003e\n \u003cspan class=\"nd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous utilisez habituellement de l'\u003cstrong\u003ehuile de ricin pour les cheveux\u003c\/strong\u003e afin de les fortifier, cette huile sèche constitue un excellent complément. Là où l'huile de ricin cible la pousse et la densité, l'huile sèche Centifolia apporte nutrition, brillance et souplesse aux longueurs et aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile sèche sublimatrice ?\u003c\/h2\u003e\n \u003cdiv class=\"nd-timeline\"\u003e\n \u003cdiv class=\"nd-timeline-item\"\u003e\n \u003cdiv class=\"nd-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-content\"\u003e\n \u003ch3\u003e🌸 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes le matin ou le soir sur une peau propre. Massez délicatement pour faire pénétrer. Vous pouvez l'utiliser seule ou avant votre crème de jour pour booster l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-item\"\u003e\n \u003cdiv class=\"nd-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-content\"\u003e\n \u003ch3\u003e✨ Sur le corps\u003c\/h3\u003e\n \u003cp\u003eVaporisez généreusement après la douche sur une peau encore légèrement humide. Le résultat : une peau satinée et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-item\"\u003e\n \u003cdiv class=\"nd-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-content\"\u003e\n \u003ch3\u003e💇‍♀️ Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez une à deux pressions sur les longueurs et les pointes, sur cheveux secs ou humides, en soin sans rinçage. Idéal pour dompter les frisottis et redonner de l'éclat à votre chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-tip\"\u003e\n \u003cspan class=\"nd-tip-icon\"\u003e🔄\u003c\/span\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile cheveux\u003c\/strong\u003e et corps s'utilise toute l'année, aussi souvent que vous le souhaitez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eComposition et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"nd-grid-compact\"\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌿 98 % naturel\u003c\/h3\u003e\n \u003cp\u003eDont 21 % d'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🔬 Dermatologique\u003c\/h3\u003e\n \u003cp\u003eTestée sous contrôle dermatologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e👐 Tous types\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peaux et de cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eFlacon spray 105 ml recyclable, sans phtalates ni bisphénol A\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"nd-accordion-item\"\u003e\n \u003csummary class=\"nd-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"nd-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas d'allergie à l'un des composants, consultez un professionnel de santé avant utilisation. Conservez à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"nd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"nd-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau et vos cheveux le luxe de 5 huiles précieuses bio dans un seul flacon — un geste beauté quotidien, naturel et envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nd-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 --nd-cream: #faf7f2;\n --nd-white: #ffffff;\n --nd-primary: #c5a45e;\n --nd-primary-dark: #8a6e2f;\n --nd-primary-light: #f5eed9;\n --nd-secondary: #d4a86a;\n --nd-accent: #e8c97a;\n --nd-text: #1a1a1a;\n --nd-text-light: #5a5a5a;\n --nd-border: #e8e0d0;\n --nd-shadow: 0 4px 24px rgba(139, 110, 47, .08);\n --nd-shadow-lg: 0 12px 48px rgba(139, 110, 47, .15);\n --nd-radius: 20px;\n --nd-radius-sm: 12px;\n}\n\n.nd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nd-hero {\n position: relative;\n background: linear-gradient(135deg, #8a6e2f 0%, #c5a45e 45%, #e8c97a 100%);\n border-radius: var(--nd-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(--nd-shadow-lg);\n}\n\n.nd-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) 1px, transparent 1px),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 2px, transparent 2px),\n radial-gradient(circle at 50% 10%, rgba(255,255,255,.06) 3px, transparent 3px);\n background-size: 80px 80px, 120px 120px, 60px 60px;\n opacity: .6;\n}\n\n.nd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nd-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(--nd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nd-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.nd-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.nd-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\/* === SECTIONS === *\/\n.nd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nd-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.nd-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(--nd-primary), var(--nd-secondary));\n border-radius: 2px;\n}\n\n.nd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nd-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.nd-post-grid {\n text-align: center;\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--nd-text-light);\n margin-top: 1.25rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.nd-card {\n background: var(--nd-white);\n border-radius: var(--nd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nd-shadow-lg);\n border-color: var(--nd-primary);\n}\n\n.nd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Card ingredient variant *\/\n.nd-card-ingredient {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.nd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nd-grid-compact .nd-card {\n padding: 1rem;\n}\n\n.nd-grid-compact .nd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nd-grid-compact .nd-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.nd-highlight-box {\n background: var(--nd-white);\n border-radius: var(--nd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nd-shadow);\n border-left: 4px solid var(--nd-accent);\n}\n\n.nd-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--nd-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.nd-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.nd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nd-primary), var(--nd-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, 164, 94, .3);\n}\n\n.nd-timeline-content {\n flex: 1;\n background: var(--nd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nd-radius-sm);\n box-shadow: var(--nd-shadow);\n}\n\n.nd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nd-timeline-content p {\n font-size: 14px;\n color: var(--nd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.nd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nd-primary-light);\n border-radius: var(--nd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nd-tip p {\n font-size: 14px;\n color: var(--nd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.nd-accordion {\n background: var(--nd-white);\n border-radius: var(--nd-radius);\n box-shadow: var(--nd-shadow);\n overflow: hidden;\n}\n\n.nd-accordion-item {\n border-bottom: 1px solid var(--nd-border);\n margin: 0;\n padding: 0;\n}\n\n.nd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nd-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.nd-accordion-header:hover {\n background: var(--nd-primary-light);\n}\n\n.nd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nd-primary);\n transition: transform .2s ease;\n}\n\n.nd-accordion-item[open] .nd-accordion-header::after {\n content: '−';\n}\n\n.nd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nd-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nd-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.nd-cta-box {\n background: linear-gradient(135deg, var(--nd-primary) 0%, var(--nd-primary-dark) 100%);\n border-radius: var(--nd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nd-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.nd-disclaimer {\n font-size: 12px;\n color: var(--nd-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 .nd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nd-card {\n padding: 1.125rem;\n }\n\n .nd-card-ingredient {\n text-align: center;\n }\n\n .nd-section {\n margin-bottom: 1.75rem;\n }\n\n .nd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nd-radius-sm);\n }\n\n .nd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nd-grid-compact {\n gap: .625rem;\n }\n\n .nd-grid-compact .nd-card {\n padding: .75rem;\n }\n\n .nd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nd-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nd-timeline-content h3 {\n font-size: 14px;\n }\n\n .nd-timeline-content p {\n font-size: 13px;\n }\n\n .nd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nd-highlight-box {\n padding: 1.25rem;\n }\n\n .nd-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nd-card {\n animation: ndFadeInUp .5s ease backwards;\n }\n .nd-card:nth-child(1) { animation-delay: .05s; }\n .nd-card:nth-child(2) { animation-delay: .1s; }\n .nd-card:nth-child(3) { animation-delay: .15s; }\n .nd-card:nth-child(4) { animation-delay: .2s; }\n .nd-card:nth-child(5) { animation-delay: .25s; }\n .nd-card:nth-child(6) { animation-delay: .3s; }\n\n .nd-timeline-item {\n animation: ndFadeInUp .5s ease backwards;\n }\n .nd-timeline-item:nth-child(1) { animation-delay: .05s; }\n .nd-timeline-item:nth-child(2) { animation-delay: .15s; }\n .nd-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes ndFadeInUp {\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 .nd-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":53502901191033,"sku":"CE0241","price":21.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/centifolia-huile-seche-sublimatrice-visage-corps-cheveux-100-lifestyle.webp?v=1775832691"},{"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":"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":"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-absolu-nectar-karite-50ml","title":"Absolu Nectar - Huile Corps \u0026 Cheveux 49,3% de Karité - 50ml K pour Karité","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Absolu Nectar - Huile Corps \u0026 Cheveux 49,3% de Karité - 50ml K pour Karité\nPalette détectée:\n - Primaire: #C4975A (doré\/sable chaud du packaging)\n - Secondaire: #B44A2D (rouge-terre\/terracotta des motifs africains)\n - Accent: #8B6339 (brun chocolat des motifs géométriques)\nAmbiance: Chaleureux, ethnique\/africain, naturel\/bio, féminin élégant, motifs géométriques africains, inspiration karité\/monoï\nPréfixe CSS: kn\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Absolu Nectar K pour Karité : l'huile corps et cheveux au karité qui change tout\"\n 2. \"Pourquoi le karité est l'allié incontournable de votre peau et de vos cheveux\"\n 3. \"8 huiles végétales bio pour une synergie unique\"\n 4. \"À qui s'adresse l'Absolu Nectar ?\"\n 5. \"Comment utiliser l'huile Absolu Nectar au quotidien ?\"\n 6. \"Un parfum de monoï qui fait voyager\"\n 7. \"Certification bio et engagements de K pour Karité\"\n 8. \"Composition complète (INCI)\"\n 9. \"Les points essentiels à retenir\"\n 10. \"Conseils et précautions d'utilisation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kn-hero\"\u003e\n \u003cdiv class=\"kn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kn-hero-content\"\u003e\n \u003cdiv class=\"kn-badges-top\"\u003e\n \u003cspan class=\"kn-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"kn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"kn-badge\"\u003e🧴 49,3 % de karité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kn-hero-title\"\u003eAbsolu Nectar\u003c\/span\u003e\n \u003cp class=\"kn-subtitle\"\u003eHuile corps \u0026amp; cheveux au karité — K pour Karité\u003c\/p\u003e\n \u003cp class=\"kn-description\"\u003eUne huile sèche multi-usages concentrée en 8 huiles végétales bio, sublimée par un parfum envoûtant de monoï. Un seul geste pour nourrir, protéger et révéler l'éclat de votre peau et de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eAbsolu Nectar K pour Karité : l'huile corps et cheveux au karité qui change tout\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eImaginez un seul flacon capable de nourrir vos cheveux les plus assoiffés, d'adoucir votre peau au quotidien et de sublimer votre visage, le tout enveloppé d'un parfum de monoï qui vous transporte instantanément.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid-compact\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🧴 Huile sèche multi-usages\u003c\/h3\u003e\n \u003cp\u003eCorps, cheveux et visage réunis en un seul soin d'exception\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌰 49,3 % de beurre de karité\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient principal pour une nutrition intense et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌿 8 huiles végétales bio\u003c\/h3\u003e\n \u003cp\u003eSoigneusement sélectionnées pour une synergie nourrissante unique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌺 Parfum monoï\u003c\/h3\u003e\n \u003cp\u003eUne fragrance douce et enveloppante qui évoque l'évasion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003ePourquoi le karité est l'allié incontournable de votre peau et de vos cheveux\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eUtilisé depuis des siècles en Afrique de l'Ouest, le beurre de karité est reconnu pour sa richesse exceptionnelle en acides gras essentiels, en vitamines A, D, E et F, ainsi qu'en phytostérols.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e💧 Nutrition en profondeur\u003c\/h3\u003e\n \u003cp\u003eIl pénètre les couches superficielles de l'épiderme et la fibre capillaire pour restaurer durablement souplesse et douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n \u003cp\u003eIl forme un film protecteur non occlusif qui aide la peau et les cheveux à résister aux agressions quotidiennes : froid, vent, pollution, soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌸 Apaisement\u003c\/h3\u003e\n \u003cp\u003eSes propriétés adoucissantes calment les tiraillements, les irritations légères et les sensations d'inconfort, y compris sur les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e✨ Réparation\u003c\/h3\u003e\n \u003cp\u003eIl aide à restaurer la barrière cutanée fragilisée et à redonner vitalité aux cheveux abîmés, cassants ou desséchés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-tip\"\u003e\n \u003cspan class=\"kn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAvec une concentration de \u003cstrong\u003e49,3 %\u003c\/strong\u003e, l'Absolu Nectar fait du karité son ingrédient principal, pour des résultats perceptibles dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003e8 huiles végétales bio pour une synergie unique\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eCe qui distingue cette huile corps et cheveux au karité des autres soins du marché, c'est la qualité et la complémentarité des huiles végétales qui accompagnent le beurre de karité.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants naturels (sésamol, sésamine), elle régénère la peau et protège la barrière cutanée. Pénètre facilement sans résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eConcentrée en polyphénols et vitamine E, elle nourrit, protège et redonne éclat aux peaux ternes comme aux cheveux fatigués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🍑 Huile de noyau d'abricot bio\u003c\/h3\u003e\n \u003cp\u003eVéritable booster de luminosité, elle tonifie et revitalise les peaux déshydratées avec un toucher satiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🥑 Huile d'avocat bio\u003c\/h3\u003e\n \u003cp\u003eParticulièrement adaptée aux cheveux secs, ternes ou crépus, elle stimule la brillance et redonne vitalité à la fibre capillaire en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌴 Huile de babassu bio\u003c\/h3\u003e\n \u003cp\u003eLégère et fondante, elle maintient une hydratation optimale sans alourdir les cheveux, tout en les protégeant au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌸 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eL'une des huiles les plus douces qui existent, elle convient même aux peaux les plus réactives. Adoucit et fortifie les cheveux fins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌵 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003eSa composition proche du sébum naturel en fait un régulateur remarquable. Rééquilibre les peaux mixtes et renforce les cheveux fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🥜 Huile de macadamia\u003c\/h3\u003e\n \u003cp\u003eConnue pour sa pénétration ultra-rapide, elle nourrit et assouplit la peau sans jamais laisser de film gras. Idéale pour les textures légères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-tip\"\u003e\n \u003cspan class=\"kn-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eAssociées au tournesol (riche en vitamine E antioxydante) et à la vitamine E naturelle (tocophérol), ces huiles forment un \u003cstrong\u003ecocktail nourrissant, protecteur et réparateur\u003c\/strong\u003e d'une rare efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse l'Absolu Nectar ?\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eC'est l'un des grands atouts de cette huile : elle s'adapte à une multitude de profils et de besoins.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux secs, abîmés ou cassants\u003c\/h3\u003e\n \u003cp\u003eColorations répétées, brushings, soleil… vos cheveux ont besoin d'une nutrition intense que les soins classiques ne suffisent plus à apporter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e〰️ Cheveux bouclés, frisés ou crépus\u003c\/h3\u003e\n \u003cp\u003eNaturellement plus sujets à la sécheresse, le karité et les huiles végétales sont leurs meilleurs alliés pour retrouver définition, souplesse et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🤍 Peau sèche ou déshydratée\u003c\/h3\u003e\n \u003cp\u003eTiraillements après la douche, zones rugueuses sur les coudes, les genoux ou les jambes… cette huile apporte une nutrition immédiate et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌷 Peau sensible ou réactive\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa formule naturelle sans ingrédient agressif, elle convient aux épidermes les plus délicats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e⏱️ Routine simplifiée\u003c\/h3\u003e\n \u003cp\u003eUn seul produit pour le corps, les cheveux et le visage, c'est moins de flacons dans la salle de bain et plus de temps pour vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile Absolu Nectar au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eLe format pompe de 50 ml est à la fois pratique et économique : quelques pressions suffisent à chaque utilisation.\u003c\/p\u003e\n \u003cdiv class=\"kn-timeline\"\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eSoin quotidien pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eChauffez \u003cstrong\u003e2 à 3 gouttes\u003c\/strong\u003e entre vos paumes, puis appliquez sur les \u003cstrong\u003elongueurs et les pointes\u003c\/strong\u003e de vos cheveux secs ou légèrement humides. Plus de brillance, moins de frisottis, des pointes visiblement plus souples. Particulièrement efficace sur les cheveux bouclés ou crépus pour définir les boucles sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eMasque réparateur avant shampooing\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur l'ensemble de la chevelure, des racines aux pointes. Enveloppez dans une serviette chaude et \u003cstrong\u003elaissez poser 20 à 30 minutes\u003c\/strong\u003e (voire toute la nuit pour les cheveux très abîmés). Procédez ensuite à votre shampooing habituel. Répétez une fois par semaine pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eSoin visage hydratant\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et sèche, déposez \u003cstrong\u003e1 à 2 gouttes\u003c\/strong\u003e et massez délicatement votre visage en mouvements circulaires ascendants. L'huile pénètre rapidement et laisse la peau douce, nourrie et lumineuse. Utilisez-la seule ou avant votre crème de jour pour renforcer l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eSoin corps nourrissant\u003c\/h3\u003e\n \u003cp\u003eLe moment idéal : \u003cstrong\u003ejuste après la douche\u003c\/strong\u003e, sur une peau encore légèrement humide. L'eau facilite la pénétration de l'huile et permet de « sceller » l'hydratation. Massez les zones les plus sèches (jambes, bras, coudes, pieds) jusqu'à absorption complète. Résultat : une peau satinée, souple et délicatement parfumée au monoï.\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=\"kn-section\"\u003e\n \u003ch2\u003eUn parfum de monoï qui fait voyager\u003c\/h2\u003e\n \u003cdiv class=\"kn-testimonial\"\u003e\n \u003cp class=\"kn-testimonial-text\"\u003e\"Au-delà de son efficacité, l'Absolu Nectar offre une véritable expérience sensorielle. Sa fragrance de monoï, douce et enveloppante, transforme chaque application en un moment de plaisir. Ce n'est pas un parfum synthétique entêtant : il reste subtil, s'estompe en douceur et laisse sur la peau et les cheveux un léger sillage exotique, parfait pour prolonger la sensation de vacances toute l'année.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eCertification bio et engagements de K pour Karité\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eL'Absolu Nectar n'est pas seulement un soin performant, c'est aussi un choix responsable.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio par Ecocert\u003c\/h3\u003e\n \u003cp\u003eLabel Cosmébio : garantie d'un cahier des charges strict en matière d'ingrédients naturels et biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌱 100 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eDont 50 % d'ingrédients issus de l'agriculture biologique. Sans silicone, sans paraben, sans colorant de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré et conditionné au Laboratoire Arlland, dans le respect des normes françaises les plus exigeantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eUne marque engagée auprès des communautés productrices de karité en Afrique, dans une démarche de valorisation des savoir-faire traditionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-tip\"\u003e\n \u003cspan class=\"kn-tip-icon\"\u003e🌍\u003c\/span\u003e\n \u003cp\u003eEn choisissant ce produit, vous soutenez une cosmétique qui respecte à la fois votre peau, vos cheveux et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"kn-accordion\"\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eButyrospermum parkii (Shea) oil, Helianthus annuus (Sunflower) seed oil, Sesamum indicum (Sesame) seed oil*, Olea europaea (Olive) fruit oil*, Prunus armeniaca (Apricot) kernel oil*, Persea gratissima (Avocado) oil*, Orbignya oleifera seed oil*, Prunus amygdalus dulcis (Sweet almond) oil*, Simmondsia chinensis (Jojoba) seed oil*, Macadamia integrifolia seed oil, Tocopherol, Parfum (Fragrance), Linalool.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eLes points essentiels à retenir\u003c\/h2\u003e\n \u003cdiv class=\"kn-grid-compact\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml — format pompe pratique et hygiénique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🧴 Type de soin\u003c\/h3\u003e\n \u003cp\u003eHuile sèche multi-usages corps, cheveux et visage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌰 Actif principal\u003c\/h3\u003e\n \u003cp\u003eBeurre de karité à 49,3 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n \u003cp\u003eBio Ecocert \/ Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance — Laboratoire Arlland\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e👩 Convient à\u003c\/h3\u003e\n \u003cp\u003eTous types de peau et cheveux, idéal peaux sèches et cheveux abîmés\/bouclés\/crépus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌺 Parfum\u003c\/h3\u003e\n \u003cp\u003eMonoï — fragrance douce et enveloppante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #10 --\u003e\n \u003csection class=\"kn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConseils et précautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"kn-accordion\"\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière directe et de la chaleur excessive pour préserver la qualité des huiles végétales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003eBien que la formule soit naturelle et douce, il est toujours conseillé de \u003cstrong\u003eréaliser un test cutané\u003c\/strong\u003e dans le pli du coude 24 heures avant la première utilisation, surtout si vous avez une peau à tendance allergique. En cas de réaction, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003eℹ️ Information importante\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique est un soin de beauté et de confort. Il \u003cstrong\u003ene remplace en aucun cas un avis ou un traitement médical\u003c\/strong\u003e en cas de problème dermatologique spécifique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"kn-disclaimer\"\u003eCe produit cosmétique est un soin de beauté et de confort. Il ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kn-cream: #FDF8F2;\n --kn-white: #ffffff;\n --kn-primary: #C4975A;\n --kn-primary-dark: #8B6339;\n --kn-primary-light: #F5EDE3;\n --kn-secondary: #B44A2D;\n --kn-accent: #D4A76A;\n --kn-text: #1a1a1a;\n --kn-text-light: #5a5a5a;\n --kn-border: #e8ddd1;\n --kn-shadow: 0 4px 24px rgba(139,99,57,.08);\n --kn-shadow-lg: 0 12px 48px rgba(139,99,57,.15);\n --kn-radius: 20px;\n --kn-radius-sm: 12px;\n}\n\n.kn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kn-hero {\n position: relative;\n background: linear-gradient(135deg, #8B6339 0%, #C4975A 45%, #B44A2D 100%);\n border-radius: var(--kn-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(--kn-shadow-lg);\n}\n\n.kn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.03) 20px, rgba(255,255,255,.03) 40px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.03) 20px, rgba(255,255,255,.03) 40px);\n opacity: 1;\n}\n\n.kn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kn-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.kn-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: .01em;\n}\n\n.kn-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.kn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kn-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(--kn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kn-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.kn-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(--kn-primary), var(--kn-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.kn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kn-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.kn-card {\n background: var(--kn-white);\n border-radius: var(--kn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kn-shadow-lg);\n border-color: var(--kn-primary);\n}\n\n.kn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kn-grid-compact .kn-card {\n padding: 1rem;\n}\n\n.kn-grid-compact .kn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kn-grid-compact .kn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kn-primary), var(--kn-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.kn-timeline-content {\n flex: 1;\n background: var(--kn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kn-radius-sm);\n box-shadow: var(--kn-shadow);\n}\n\n.kn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kn-timeline-content p {\n font-size: 14px;\n color: var(--kn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.kn-testimonial {\n background: var(--kn-white);\n border-radius: var(--kn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kn-shadow);\n border-left: 4px solid var(--kn-primary);\n}\n\n.kn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kn-accordion {\n background: var(--kn-white);\n border-radius: var(--kn-radius);\n box-shadow: var(--kn-shadow);\n overflow: hidden;\n}\n\n.kn-accordion-item {\n border-bottom: 1px solid var(--kn-border);\n margin: 0;\n padding: 0;\n}\n\n.kn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kn-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.kn-accordion-header:hover {\n background: var(--kn-primary-light);\n}\n\n.kn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kn-primary);\n transition: transform .2s ease;\n}\n\n.kn-accordion-item[open] .kn-accordion-header::after {\n content: '−';\n}\n\n.kn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kn-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kn-primary-light);\n border-radius: var(--kn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kn-tip p {\n font-size: 14px;\n color: var(--kn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.kn-disclaimer {\n font-size: 12px;\n color: var(--kn-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 .kn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kn-card {\n padding: 1.125rem;\n }\n\n .kn-section {\n margin-bottom: 1.75rem;\n }\n\n .kn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kn-radius-sm);\n }\n\n .kn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kn-grid-compact {\n gap: .625rem;\n }\n\n .kn-grid-compact .kn-card {\n padding: .75rem;\n }\n\n .kn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kn-timeline-content h3 {\n font-size: 14px;\n }\n\n .kn-timeline-content p {\n font-size: 13px;\n }\n\n .kn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .kn-testimonial {\n padding: 1.25rem;\n }\n\n .kn-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kn-card {\n animation: knFadeInUp .5s ease backwards;\n }\n .kn-card:nth-child(1) { animation-delay: .05s; }\n .kn-card:nth-child(2) { animation-delay: .1s; }\n .kn-card:nth-child(3) { animation-delay: .15s; }\n .kn-card:nth-child(4) { animation-delay: .2s; }\n .kn-card:nth-child(5) { animation-delay: .25s; }\n .kn-card:nth-child(6) { animation-delay: .3s; }\n .kn-card:nth-child(7) { animation-delay: .35s; }\n .kn-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes knFadeInUp {\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 .kn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":54881539883385,"sku":"ABSOLUNECTAR","price":19.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/absolu-nectar-k-pour-karite-min.jpg?v=1737037116"},{"product_id":"argent-colloidal-catalyons-vaporisateur-150-ml","title":"Argent colloïdal 20 ppm - vaporisateur 150 ml - Catalyons","description":"```html\n\u003cdiv class=\"ac-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ac-hero\"\u003e\n \u003cdiv class=\"ac-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ac-hero-content\"\u003e\n \u003cdiv class=\"ac-badges-top\"\u003e\n \u003cspan class=\"ac-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e💧 20 ppm\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e🐾 Humains \u0026amp; animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ac-hero-title\"\u003eArgent colloïdal 20 ppm\u003c\/span\u003e\n \u003cp class=\"ac-subtitle\"\u003eVaporisateur 150 ml - Catalyons\u003c\/p\u003e\n \u003cp class=\"ac-description\"\u003eLe spray multi-usage d'origine naturelle, formulé à partir d'eau ultra-pure et d'argent ionique. Depuis 1960, l'expertise Catalyons au service de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eArgent colloïdal 20 ppm Catalyons : le spray naturel multi-usage\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eVous cherchez une solution naturelle pour prendre soin de votre peau au quotidien ? L'\u003cstrong\u003eargent colloïdal 20 ppm\u003c\/strong\u003e de Catalyons, en format vaporisateur de 150 ml, est un incontournable. Formulé à partir d'eau ultra-pure et d'argent ionique, ce spray conjugue simplicité d'utilisation et polyvalence remarquable, aussi bien pour vous que pour vos animaux de compagnie.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eBienfaits de l'argent colloïdal en usage externe\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'argent colloïdal\u003c\/strong\u003e sont connus et utilisés depuis des siècles. À une concentration de \u003cstrong\u003e20 ppm\u003c\/strong\u003e, cette solution offre un juste équilibre entre douceur et efficacité pour un usage cutané régulier.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e✨ Purifiant naturel\u003c\/h3\u003e\n \u003cp\u003eAide à assainir la peau et à la débarrasser des impuretés, idéal en complément de votre routine d'hygiène quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌸 Apaisant cutané\u003c\/h3\u003e\n \u003cp\u003eCalme les rougeurs, les petites irritations et les inconforts des peaux sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e👁️ Soin pour les yeux\u003c\/h3\u003e\n \u003cp\u003eL'\u003cstrong\u003eargent colloïdal pour les yeux\u003c\/strong\u003e peut être vaporisé en brume légère sur les paupières fermées pour un effet rafraîchissant et apaisant en cas de fatigue oculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🐾 Adapté aux animaux\u003c\/h3\u003e\n \u003cp\u003eL'\u003cstrong\u003eargent colloïdal pour chien\u003c\/strong\u003e et pour \u003cstrong\u003echat\u003c\/strong\u003e est couramment utilisé pour nettoyer de petites zones cutanées irritées chez nos compagnons à quatre pattes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eComposition et qualité Catalyons\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eCe vaporisateur d'\u003cstrong\u003eargent colloïdal\u003c\/strong\u003e est fabriqué en France par le laboratoire Catalyons, pionnier dans la fabrication d'oligo-éléments ionisés depuis 1960. Leur procédé breveté d'électrolyse garantit une solution de qualité supérieure, stable et biodisponible.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid-compact\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e💧 Ingrédients\u003c\/h3\u003e\n \u003cp\u003eEau ultra-pure, argent ionique (20 ppm)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eSans conservateur, sans colorant, sans additif chimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eFormule d'origine 100 % naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🫙 Flacon protecteur\u003c\/h3\u003e\n \u003cp\u003ePET ambré pour protéger la solution de la lumière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-tip\"\u003e\n \u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à un \u003cstrong\u003eargent colloïdal en pharmacie\u003c\/strong\u003e souvent proposé à des concentrations plus faibles, cette formule à \u003cstrong\u003e20 ppm\u003c\/strong\u003e offre une teneur optimale pour un usage cosmétique et d'hygiène externe efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eComment utiliser ce spray d'argent colloïdal ?\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eLe format vaporisateur rend l'application simple et hygiénique, où que vous soyez.\u003c\/p\u003e\n \u003cdiv class=\"ac-timeline\"\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eVaporisez à 20 cm sur peau propre, matin et soir, pour purifier et apaiser votre épiderme. Laissez sécher naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les zones sujettes aux irritations, rougeurs ou petites imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003ePour vos animaux\u003c\/h3\u003e\n \u003cp\u003eVaporisez légèrement sur la zone concernée chez votre chien ou votre chat, en évitant les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eEn spray d'ambiance\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le pour assainir les surfaces ou rafraîchir l'air ambiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Évitez le contact direct avec les yeux ouverts. Conservez à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ac-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Catalyons ?\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eAvec plus de \u003cstrong\u003e60 ans de savoir-faire\u003c\/strong\u003e, Catalyons reste une référence française en matière de solutions ionisées naturelles. Chaque lot est contrôlé pour garantir la concentration exacte en argent et l'absence totale de contaminants.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🏛️ Depuis 1960\u003c\/h3\u003e\n \u003cp\u003eUn laboratoire familial pionnier des oligo-éléments ionisés, avec plus de 60 ans d'expertise reconnue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🔬 Procédé breveté\u003c\/h3\u003e\n \u003cp\u003eÉlectrolyse unique garantissant une solution stable, pure et hautement biodisponible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌍 Engagement durable\u003c\/h3\u003e\n \u003cp\u003eUne démarche respectueuse de l'environnement et de votre bien-être, du laboratoire au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-cta-box\"\u003e\n \u003cp\u003eIntégrez l'\u003cstrong\u003eargent colloïdal 20 ppm Catalyons\u003c\/strong\u003e dans votre quotidien pour une approche naturelle du soin cutané. 💧\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ac-disclaimer\"\u003eCe produit ne remplace pas un traitement médical. En cas de problème de santé persistant, consultez votre professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --ac-cream: #f5f3f0;\n --ac-white: #ffffff;\n --ac-primary: #3d5a80;\n --ac-primary-dark: #2b3f5c;\n --ac-primary-light: #e8edf4;\n --ac-secondary: #8a9bb5;\n --ac-accent: #c0c0c0;\n\n \/* Textes *\/\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n\n \/* Effets *\/\n --ac-border: #dde2e8;\n --ac-shadow: 0 4px 24px rgba(43,63,92,.08);\n --ac-shadow-lg: 0 12px 48px rgba(43,63,92,.15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, #2b3f5c 0%, #3d5a80 40%, #6b82a8 100%);\n border-radius: var(--ac-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(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background:\n radial-gradient(circle at 20% 80%, rgba(192,192,192,.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(192,192,192,.06) 0%, transparent 70%);\n opacity: 1;\n}\n\n.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ac-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.ac-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ac-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ac-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(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ac-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.ac-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(--ac-primary), var(--ac-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-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.ac-timeline-content {\n flex: 1;\n background: var(--ac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ac-radius-sm);\n box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ac-testimonial {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ac-shadow);\n border-left: 4px solid var(--ac-primary);\n}\n\n.ac-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ac-accordion {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n box-shadow: var(--ac-shadow);\n overflow: hidden;\n}\n\n.ac-accordion-item {\n border-bottom: 1px solid var(--ac-border);\n margin: 0;\n padding: 0;\n}\n\n.ac-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ac-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ac-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.ac-accordion-header:hover {\n background: var(--ac-primary-light);\n}\n\n.ac-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ac-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ac-primary);\n transition: transform .2s ease;\n}\n\n.ac-accordion-item[open] .ac-accordion-header::after {\n content: '−';\n}\n\n.ac-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ac-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ac-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ac-primary-light);\n border-radius: var(--ac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ac-tip p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ac-cta-box {\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%);\n border-radius: var(--ac-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.ac-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.ac-disclaimer {\n font-size: 12px;\n color: var(--ac-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-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 .ac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ac-card {\n padding: 1.125rem;\n }\n\n .ac-section {\n margin-bottom: 1.75rem;\n }\n\n .ac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ac-radius-sm);\n }\n\n .ac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ac-grid-compact {\n gap: .625rem;\n }\n\n .ac-grid-compact .ac-card {\n padding: .75rem;\n }\n\n .ac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ac-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ac-timeline-content h3 {\n font-size: 14px;\n }\n\n .ac-timeline-content p {\n font-size: 13px;\n }\n\n .ac-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ac-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ac-testimonial {\n padding: 1.25rem;\n }\n\n .ac-testimonial-text {\n font-size: 14px;\n }\n\n .ac-tip {\n padding: .875rem 1rem;\n }\n\n .ac-tip-icon {\n font-size: 20px;\n }\n\n .ac-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ac-card {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1) { animation-delay: .05s; }\n .ac-card:nth-child(2) { animation-delay: .1s; }\n .ac-card:nth-child(3) { animation-delay: .15s; }\n .ac-card:nth-child(4) { animation-delay: .2s; }\n .ac-card:nth-child(5) { animation-delay: .25s; }\n .ac-card:nth-child(6) { animation-delay: .3s; }\n\n .ac-timeline-item {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-timeline-item:nth-child(1) { animation-delay: .05s; }\n .ac-timeline-item:nth-child(2) { animation-delay: .1s; }\n .ac-timeline-item:nth-child(3) { animation-delay: .15s; }\n .ac-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes acFadeInUp {\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 .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CATALYONS","offers":[{"title":"Default Title","offer_id":54897414209913,"sku":"38831014","price":12.14,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/argent-colloidal-20-ppm-vaporisateur-150-ml-catalyons-lifestyle_617da8fd-4175-4030-a787-5af3af8eff27.webp?v=1791202724"},{"product_id":"savon-noir-dalep-eucalyptus-najel","title":"Savon noir d'Alep - Eucalyptus - 180 g - Najel","description":"\u003cdiv class=\"sna-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"sna-hero\"\u003e\n\u003cdiv class=\"sna-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sna-hero-content\"\u003e\n\u003cdiv class=\"sna-badges-top\"\u003e\n\u003cspan class=\"sna-badge\"\u003e🌿 COSMOS Natural\u003c\/span\u003e \u003cspan class=\"sna-badge\"\u003e🧴 +99% naturel\u003c\/span\u003e \u003cspan class=\"sna-badge\"\u003e🐰 Végan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sna-hero-title\"\u003eSavon Noir d'Alep Eucalyptus\u003c\/span\u003e\n\u003cp class=\"sna-subtitle\"\u003eLe rituel hammam à domicile\u003c\/p\u003e\n\u003cp class=\"sna-description\"\u003eExfoliant naturel d'exception alliant la tradition ancestrale d'Alep aux vertus purifiantes de l'eucalyptus. 180 g de pure authenticité pour une peau douce, lisse et éclatante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eLe savon noir d'Alep à l'eucalyptus : l'alliance parfaite entre tradition et fraîcheur\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eVous recherchez un soin corporel authentique, efficace et respectueux de votre peau ? Le savon noir d'Alep à l'eucalyptus Najel réunit le meilleur de la cosmétique orientale traditionnelle et les vertus vivifiantes de l'eucalyptus.\u003c\/p\u003e\n\u003cdiv class=\"sna-grid-compact\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🏺 Tradition ancestrale\u003c\/h3\u003e\n\u003cp\u003eRecette millénaire des maîtres savonniers d'Alep\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌿 99% naturel\u003c\/h3\u003e\n\u003cp\u003eCertifié COSMOS Natural par organisme indépendant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🍃 Eucalyptus bio\u003c\/h3\u003e\n\u003cp\u003eFraîcheur tonifiante et sensation vivifiante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🧖♀️ Rituel hammam\u003c\/h3\u003e\n\u003cp\u003eTransformez chaque douche en expérience spa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eQuelle est la différence entre savon noir et savon d'Alep ?\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eDeux héritages cosmétiques réunis en un seul produit d'exception :\u003c\/p\u003e\n\u003cdiv class=\"sna-grid\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🧼 Savon d'Alep classique\u003c\/h3\u003e\n\u003cp\u003ePain solide fabriqué à partir d'huile d'olive et d'huile de baie de laurier, séché pendant plusieurs mois selon la tradition syrienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e⬛ Savon noir traditionnel\u003c\/h3\u003e\n\u003cp\u003eTexture pâteuse ou liquide, généralement à base d'huile d'olive, utilisé principalement pour l'exfoliation corporelle au hammam.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e✨ Savon noir d'Alep\u003c\/h3\u003e\n\u003cp\u003eLe meilleur des deux mondes : la recette ancestrale d'Alep avec la texture onctueuse du savon noir, idéale pour le gommage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-tip\"\u003e\n\u003cspan class=\"sna-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe produit Najel vous offre les bienfaits du savon noir d'Alep traditionnellement utilisé dans les hammams, enrichi d'huile essentielle d'eucalyptus pour une expérience sensorielle unique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eLes bienfaits du savon noir d'Alep à l'eucalyptus pour votre peau\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eBien plus qu'un simple nettoyant, ce savon d'Alep noir offre de nombreux bienfaits à votre peau :\u003c\/p\u003e\n\u003cdiv class=\"sna-grid\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🪶 Exfoliation naturelle en douceur\u003c\/h3\u003e\n\u003cp\u003eSa texture pâteuse élimine efficacement les cellules mortes et impuretés incrustées, sans agresser l'épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🔬 Action purifiante\u003c\/h3\u003e\n\u003cp\u003eExcellent contre les points noirs, il désincruste les pores et affine le grain de peau au fil des utilisations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive, riche en vitamine E et antioxydants, nourrit en profondeur et préserve le film hydrolipidique naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e❄️ Fraîcheur tonifiante\u003c\/h3\u003e\n\u003cp\u003eL'huile essentielle d'eucalyptus procure une sensation de fraîcheur immédiate, idéale après l'effort ou par temps chaud.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🧘 Effet relaxant\u003c\/h3\u003e\n\u003cp\u003eLes notes aromatiques de l'eucalyptus détendent les muscles et libèrent les tensions accumulées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌸 Tous types de peau\u003c\/h3\u003e\n\u003cp\u003eConvient aux peaux sensibles grâce à sa formulation sans colorant synthétique ni conservateur artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eComment utiliser le savon noir d'Alep pour un gommage parfait ?\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eSuivez ce rituel inspiré des hammams traditionnels pour profiter pleinement des bienfaits :\u003c\/p\u003e\n\u003cdiv class=\"sna-timeline\"\u003e\n\u003cdiv class=\"sna-timeline-item\"\u003e\n\u003cspan class=\"sna-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"sna-timeline-content\"\u003e\n\u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n\u003cp\u003ePrenez une douche ou un bain chaud pendant 5 à 10 minutes afin d'ouvrir les pores et d'assouplir la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-timeline-item\"\u003e\n\u003cspan class=\"sna-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"sna-timeline-content\"\u003e\n\u003ch3\u003eAppliquez le savon noir\u003c\/h3\u003e\n\u003cp\u003ePrélevez une noisette de produit et étalez-le sur l'ensemble du corps sur peau humide (évitez le contour des yeux).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-timeline-item\"\u003e\n\u003cspan class=\"sna-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"sna-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser\u003c\/h3\u003e\n\u003cp\u003ePatientez 3 à 5 minutes pour permettre aux actifs de pénétrer et de décoller les cellules mortes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-timeline-item\"\u003e\n\u003cspan class=\"sna-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"sna-timeline-content\"\u003e\n\u003ch3\u003eGommez délicatement\u003c\/h3\u003e\n\u003cp\u003eÀ l'aide d'un gant kessa ou gant de crin, frottez par mouvements circulaires. Les petits rouleaux grisâtres sont les peaux mortes éliminées !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-timeline-item\"\u003e\n\u003cspan class=\"sna-timeline-number\"\u003e5\u003c\/span\u003e\n\u003cdiv class=\"sna-timeline-content\"\u003e\n\u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eÀ l'eau tiède, puis terminez par un jet d'eau fraîche pour resserrer les pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-tip\"\u003e\n\u003cspan class=\"sna-tip-icon\"\u003e📅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eFréquence recommandée :\u003c\/strong\u003e une à deux fois par semaine pour une peau lisse, douce et éclatante. Après le gommage, votre peau sera parfaitement préparée pour recevoir une huile ou un lait hydratant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eComposition complète du savon noir d'Alep eucalyptus Najel\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eUne formulation simple et naturelle, dans le respect de la tradition ancestrale :\u003c\/p\u003e\n\u003cdiv class=\"sna-grid\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n\u003cp\u003eBase traditionnelle du savon d'Alep, elle nettoie sans dessécher et apporte souplesse à la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌿 Huile essentielle d'eucalyptus bio\u003c\/h3\u003e\n\u003cp\u003ePurifiante et rafraîchissante, elle confère au produit son parfum vivifiant caractéristique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🚫 Sans substances controversées\u003c\/h3\u003e\n\u003cp\u003eSans parfum de synthèse, sans colorant artificiel, sans conservateur chimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-accordion\"\u003e\n\u003cdetails class=\"sna-accordion-item\"\u003e\n\u003csummary class=\"sna-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"sna-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Olea Europaea Fruit Oil (huile d'olive)*, Potassium Hydroxide, Aqua, Eucalyptus Globulus Leaf Oil (huile essentielle d'eucalyptus)*, Limonene**, Linalool**.\u003c\/p\u003e\n\u003cp\u003e*Ingrédients issus de l'agriculture biologique\u003cbr\u003e**Naturellement présents dans les huiles essentielles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003ePourquoi choisir le savon noir d'Alep Najel ?\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eNajel perpétue depuis des décennies le savoir-faire des maîtres savonniers d'Alep.\u003c\/p\u003e\n\u003cdiv class=\"sna-grid-compact\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e✅ COSMOS Natural\u003c\/h3\u003e\n\u003cp\u003eFormulation naturelle contrôlée par organisme indépendant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🏺 Fabrication traditionnelle\u003c\/h3\u003e\n\u003cp\u003eMéthodes ancestrales transmises de génération en génération\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🐰 Engagement éthique\u003c\/h3\u003e\n\u003cp\u003eFormule végane, non testée sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e💰 Format économique\u003c\/h3\u003e\n\u003cp\u003ePot de 180 g pour plusieurs mois d'utilisation hebdomadaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce savon noir d'Alep ?\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eCe nettoyant corps à l'eucalyptus convient particulièrement si vous :\u003c\/p\u003e\n\u003cdiv class=\"sna-grid\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌱 Adepte du naturel\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez réaliser un gommage naturel sans microbilles plastiques ni agents abrasifs agressifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🔍 Pores dilatés\u003c\/h3\u003e\n\u003cp\u003eVous recherchez une solution efficace contre les points noirs et les pores dilatés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🏛️ Amateur de rituels orientaux\u003c\/h3\u003e\n\u003cp\u003eVous appréciez les cosmétiques d'inspiration orientale et les rituels de hammam à domicile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🧴 Préférence clean\u003c\/h3\u003e\n\u003cp\u003eVous préférez les produits naturels, sans substances controversées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n\u003cp\u003eVous avez la peau sensible et cherchez un exfoliant doux mais efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"sna-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sna-accordion\"\u003e\n\u003cdetails class=\"sna-accordion-item\"\u003e\n\u003csummary class=\"sna-accordion-header\"\u003e⚠️ Précautions liées à l'eucalyptus\u003c\/summary\u003e\n\u003cdiv class=\"sna-accordion-content\"\u003e\n\u003cp\u003eCe produit contient de l'huile essentielle d'eucalyptus. Par précaution :\u003c\/p\u003e\n\u003cp\u003e• Évitez le contact avec les yeux et les muqueuses.\u003cbr\u003e• Déconseillé aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans sans avis médical.\u003cbr\u003e• En cas d'allergie connue à l'un des composants, 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\u003cdetails class=\"sna-accordion-item\"\u003e\n\u003csummary class=\"sna-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sna-accordion-content\"\u003e\n\u003cp\u003eConservez le pot bien fermé, à l'abri de la chaleur et de l'humidité pour préserver toutes les qualités du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sna-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. Il ne remplace en aucun cas un traitement médical ou dermatologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --sna-cream: #F7F5F0;\n --sna-white: #ffffff;\n --sna-primary: #2D8B7A;\n --sna-primary-dark: #1E6B5C;\n --sna-primary-light: #E8F4F1;\n --sna-secondary: #3D2B1F;\n --sna-accent: #C4A55A;\n\n \/* Textes *\/\n --sna-text: #1a1a1a;\n --sna-text-light: #5a5a5a;\n\n \/* Effets *\/\n --sna-border: #e0e0e0;\n --sna-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sna-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sna-radius: 20px;\n --sna-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sna-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sna-primary) 0%, var(--sna-primary-dark) 50%, var(--sna-secondary) 100%);\n border-radius: var(--sna-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(--sna-shadow-lg);\n}\n\n.sna-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.sna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.sna-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.sna-subtitle {\n color: var(--sna-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.sna-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.sna-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sna-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(--sna-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sna-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sna-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sna-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.sna-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(--sna-primary), var(--sna-accent));\n border-radius: 2px;\n}\n\n.sna-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sna-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.sna-card {\n background: var(--sna-white);\n border-radius: var(--sna-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sna-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sna-shadow-lg);\n border-color: var(--sna-primary);\n}\n\n.sna-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sna-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sna-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sna-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sna-grid-compact .sna-card {\n padding: 1rem;\n}\n\n.sna-grid-compact .sna-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sna-grid-compact .sna-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sna-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sna-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sna-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sna-primary), var(--sna-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(45,139,122,.3);\n}\n\n.sna-timeline-content {\n flex: 1;\n background: var(--sna-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sna-radius-sm);\n box-shadow: var(--sna-shadow);\n}\n\n.sna-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sna-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sna-timeline-content p {\n font-size: 14px;\n color: var(--sna-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sna-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sna-primary-light);\n border-radius: var(--sna-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--sna-primary);\n}\n\n.sna-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sna-tip p {\n font-size: 14px;\n color: var(--sna-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sna-accordion {\n background: var(--sna-white);\n border-radius: var(--sna-radius);\n box-shadow: var(--sna-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.sna-accordion-item {\n border-bottom: 1px solid var(--sna-border);\n margin: 0;\n padding: 0;\n}\n\n.sna-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sna-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sna-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.sna-accordion-header:hover {\n background: var(--sna-primary-light);\n}\n\n.sna-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sna-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sna-primary);\n transition: transform .2s ease;\n}\n\n.sna-accordion-item[open] .sna-accordion-header::after {\n content: '−';\n}\n\n.sna-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sna-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sna-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.sna-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sna-disclaimer {\n font-size: 12px;\n color: var(--sna-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n padding: 0 1rem;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sna-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sna-card {\n padding: 1.125rem;\n }\n \n .sna-section {\n margin-bottom: 1.75rem;\n }\n \n .sna-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sna-radius-sm);\n }\n \n .sna-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sna-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sna-grid-compact {\n gap: .625rem;\n }\n \n .sna-grid-compact .sna-card {\n padding: .75rem;\n }\n \n .sna-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sna-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sna-timeline-content h3 {\n font-size: 14px;\n }\n \n .sna-timeline-content p {\n font-size: 13px;\n }\n \n .sna-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sna-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sna-tip {\n padding: .875rem 1rem;\n }\n \n .sna-tip-icon {\n font-size: 20px;\n }\n \n .sna-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sna-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sna-card:nth-child(1) { animation-delay: .05s; }\n .sna-card:nth-child(2) { animation-delay: .1s; }\n .sna-card:nth-child(3) { animation-delay: .15s; }\n .sna-card:nth-child(4) { animation-delay: .2s; }\n .sna-card:nth-child(5) { animation-delay: .25s; }\n .sna-card:nth-child(6) { animation-delay: .3s; }\n \n .sna-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .sna-timeline-item:nth-child(1) { animation-delay: .1s; }\n .sna-timeline-item:nth-child(2) { animation-delay: .15s; }\n .sna-timeline-item:nth-child(3) { animation-delay: .2s; }\n .sna-timeline-item:nth-child(4) { animation-delay: .25s; }\n .sna-timeline-item:nth-child(5) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sna-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":54925051789689,"sku":"NJ0145","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-noir-dalep-eucalyptus-180-g-najel-lifestyle.webp?v=1770193843"},{"product_id":"savon-noir-a-lhuile-dargan-bio-najel","title":"Savon Noir à l'Huile d'Argan Bio - 180 g - Najel","description":"\u003cdiv class=\"sn-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sn-hero\"\u003e\n\u003cdiv class=\"sn-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sn-hero-content\"\u003e\n\u003cdiv class=\"sn-badges-top\"\u003e\n\u003cspan class=\"sn-badge\"\u003e🌿 Huile d'argan bio\u003c\/span\u003e \u003cspan class=\"sn-badge\"\u003e🏺 Rituel hammam\u003c\/span\u003e \u003cspan class=\"sn-badge\"\u003e✨ Cosmos Natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sn-hero-title\"\u003eSavon Noir à l'Huile d'Argan Bio\u003c\/span\u003e\n\u003cp class=\"sn-subtitle\"\u003eNajel - Héritage d'Alep\u003c\/p\u003e\n\u003cp class=\"sn-description\"\u003eUn soin traditionnel du hammam pour exfolier en douceur, purifier la peau en profondeur et révéler son éclat naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sn-section\"\u003e\n\u003ch2\u003eLes bienfaits exceptionnels de l'huile d'argan biologique\u003c\/h2\u003e\n\u003cp class=\"sn-section-intro\"\u003eRiche en huile d'argan biologique, ce savon noir offre à votre peau tous les trésors de cet or liquide marocain.\u003c\/p\u003e\n\u003cdiv class=\"sn-grid\"\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n\u003cp\u003eL'huile d'argan, riche en acides gras essentiels, pénètre la peau pour une hydratation en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e🌟 Antioxydant puissant\u003c\/h3\u003e\n\u003cp\u003eLa vitamine E protège la peau des agressions extérieures et prévient le vieillissement cutané.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e🔄 Régénération cellulaire\u003c\/h3\u003e\n\u003cp\u003eFavorise le renouvellement des cellules pour préserver l'élasticité et la fermeté de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sn-section\"\u003e\n\u003ch2\u003eUn rituel de beauté inspiré du hammam\u003c\/h2\u003e\n\u003cdiv class=\"sn-testimonial\"\u003e\n\u003cp class=\"sn-testimonial-text\"\u003e\"Traditionnellement utilisé dans les soins du corps orientaux, le savon noir prépare la peau à l'exfoliation. Il suffit d'appliquer une fine couche sur la peau humide, de laisser agir quelques minutes, puis de frotter délicatement avec un gant de kessa pour éliminer les cellules mortes et les impuretés. Résultat : une peau lisse, douce et lumineuse.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-tip\"\u003e\n\u003cspan class=\"sn-tip-icon\"\u003e🧤\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Associez ce savon noir à un gant de kessa pour une exfoliation traditionnelle et des résultats dignes d'un vrai hammam.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sn-section\"\u003e\n\u003ch2\u003eLes atouts du Savon Noir Najel\u003c\/h2\u003e\n\u003cdiv class=\"sn-grid-compact\"\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e🌱 Argan bio\u003c\/h3\u003e\n\u003cp\u003eNourrissant et antioxydant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e🧼 Nettoyage profond\u003c\/h3\u003e\n\u003cp\u003ePurifie et détoxifie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e✨ Exfoliation douce\u003c\/h3\u003e\n\u003cp\u003eÉlimine cellules mortes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e💆 Tous types de peau\u003c\/h3\u003e\n\u003cp\u003eMême les plus sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eNi colorants ni conservateurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e🏺 100% naturel\u003c\/h3\u003e\n\u003cp\u003eRecette traditionnelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sn-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"sn-timeline\"\u003e\n\u003cdiv class=\"sn-timeline-item\"\u003e\n\u003cspan class=\"sn-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"sn-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eÉtalez le savon noir sur peau humide lors de votre douche ou bain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-timeline-item\"\u003e\n\u003cspan class=\"sn-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"sn-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser\u003c\/h3\u003e\n\u003cp\u003ePatientez 5 à 10 minutes pour laisser agir les actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-timeline-item\"\u003e\n\u003cspan class=\"sn-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"sn-timeline-content\"\u003e\n\u003ch3\u003eExfoliez\u003c\/h3\u003e\n\u003cp\u003eFrottez délicatement avec un gant de gommage (kessa).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-timeline-item\"\u003e\n\u003cspan class=\"sn-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"sn-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau tiède. Utilisez 1 à 2 fois par semaine.\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 style=\"margin-bottom: 0px!important;\" class=\"sn-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"sn-accordion\"\u003e\n\u003cdetails open=\"\" class=\"sn-accordion-item\"\u003e\n\u003csummary class=\"sn-accordion-header\"\u003e📜 Liste INCI\u003c\/summary\u003e\n\u003cdiv class=\"sn-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eAqua, Potassium Olivate, Glycerin, Potassium Hydroxide, Argania Spinosa Kernel Oil*, Olea Europaea (Olive) Fruit Oil, Sodium Benzoate, Potassium Sorbate.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: .75rem; font-style: italic;\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sn-accordion-item\"\u003e\n\u003csummary class=\"sn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sn-accordion-content\"\u003e\n\u003cp\u003eConservez le pot bien fermé, à l'abri de la chaleur et de l'humidité. Refermer soigneusement après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sn-accordion-item\"\u003e\n\u003csummary class=\"sn-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n\u003cdiv class=\"sn-accordion-content\"\u003e\n\u003cp\u003eUsage externe uniquement. Éviter le 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\u003c\/div\u003e\n\u003cdiv class=\"sn-cta-box\"\u003e\n\u003cp\u003e🏺 Offrez à votre peau le luxe d'un rituel hammam ancestral\u003cbr\u003eavec la puissance nourrissante de l'huile d'argan bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"sn-disclaimer\"\u003eProduit certifié Cosmos Natural. Contenance : 180 g.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sn-cream: #F7F5F0;\n --sn-white: #ffffff;\n --sn-primary: #4A9B7F;\n --sn-primary-dark: #3A7D66;\n --sn-primary-light: #E8F4EF;\n --sn-secondary: #2D2D2D;\n --sn-accent: #8B7355;\n --sn-text: #1a1a1a;\n --sn-text-light: #5a5a5a;\n --sn-border: #e0e0e0;\n --sn-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sn-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sn-radius: 20px;\n --sn-radius-sm: 12px;\n}\n\n.sn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.sn-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sn-primary) 0%, var(--sn-primary-dark) 50%, var(--sn-secondary) 100%);\n border-radius: var(--sn-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(--sn-shadow-lg);\n}\n\n.sn-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.08'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.sn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sn-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(--sn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sn-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.sn-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: .05em;\n text-transform: uppercase;\n}\n\n.sn-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.sn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sn-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.sn-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(--sn-primary), var(--sn-accent));\n border-radius: 2px;\n}\n\n.sn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sn-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.sn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sn-card {\n background: var(--sn-white);\n border-radius: var(--sn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sn-shadow-lg);\n border-color: var(--sn-primary);\n}\n\n.sn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sn-grid-compact .sn-card {\n padding: 1rem;\n}\n\n.sn-grid-compact .sn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sn-grid-compact .sn-card p {\n font-size: 12px;\n}\n\n.sn-testimonial {\n background: var(--sn-white);\n border-radius: var(--sn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sn-shadow);\n border-left: 4px solid var(--sn-primary);\n}\n\n.sn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.sn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sn-primary-light);\n border-radius: var(--sn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sn-tip p {\n font-size: 14px;\n color: var(--sn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sn-primary), var(--sn-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.sn-timeline-content {\n flex: 1;\n background: var(--sn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sn-radius-sm);\n box-shadow: var(--sn-shadow);\n}\n\n.sn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sn-timeline-content p {\n font-size: 14px;\n color: var(--sn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sn-accordion {\n background: var(--sn-white);\n border-radius: var(--sn-radius);\n box-shadow: var(--sn-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.sn-accordion-item {\n border-bottom: 1px solid var(--sn-border);\n margin: 0;\n padding: 0;\n}\n\n.sn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sn-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.sn-accordion-header:hover {\n background: var(--sn-primary-light);\n}\n\n.sn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sn-primary);\n transition: transform .2s ease;\n}\n\n.sn-accordion-item[open] .sn-accordion-header::after {\n content: '−';\n}\n\n.sn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.sn-accordion-content p {\n margin: 0;\n}\n\n.sn-cta-box {\n background: linear-gradient(135deg, var(--sn-primary) 0%, var(--sn-primary-dark) 100%);\n border-radius: var(--sn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sn-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.sn-disclaimer {\n font-size: 12px;\n color: var(--sn-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .sn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sn-card {\n padding: 1.125rem;\n }\n \n .sn-section {\n margin-bottom: 1.75rem;\n }\n \n .sn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sn-radius-sm);\n }\n \n .sn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sn-grid-compact {\n gap: .625rem;\n }\n \n .sn-grid-compact .sn-card {\n padding: .75rem;\n }\n \n .sn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sn-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sn-timeline-content h3 {\n font-size: 14px;\n }\n \n .sn-timeline-content p {\n font-size: 13px;\n }\n \n .sn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sn-testimonial {\n padding: 1.25rem;\n }\n \n .sn-testimonial-text {\n font-size: 14px;\n }\n \n .sn-tip {\n padding: .875rem 1rem;\n }\n \n .sn-tip-icon {\n font-size: 20px;\n }\n \n .sn-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .sn-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sn-card:nth-child(1) { animation-delay: .05s; }\n .sn-card:nth-child(2) { animation-delay: .1s; }\n .sn-card:nth-child(3) { animation-delay: .15s; }\n .sn-card:nth-child(4) { animation-delay: .2s; }\n .sn-card:nth-child(5) { animation-delay: .25s; }\n .sn-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 .sn-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":54925070532985,"sku":"NJ0150","price":6.12,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-noir-a-lhuile-dargan-bio-180-g-najel-ingredients.webp?v=1768813828"},{"product_id":"monoi-de-tahiti-125-ml-najel","title":"Monoï de Tahiti® Sublimant – 125 ml – Najel","description":"\u003cdiv class=\"mnoi-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"mnoi-hero\"\u003e\n\u003cdiv class=\"mnoi-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mnoi-hero-content\"\u003e\n\u003cdiv class=\"mnoi-badges-top\"\u003e\n\u003cspan class=\"mnoi-badge\"\u003e🌺 Appellation d'origine\u003c\/span\u003e \u003cspan class=\"mnoi-badge\"\u003e🌿 Cosmos Natural\u003c\/span\u003e \u003cspan class=\"mnoi-badge\"\u003e✨ 125 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mnoi-hero-title\"\u003eMonoï de Tahiti® Najel\u003c\/span\u003e\n\u003cp class=\"mnoi-subtitle\"\u003eL'huile sacrée polynésienne pour une peau satinée et des cheveux sublimés\u003c\/p\u003e\n\u003cp class=\"mnoi-description\"\u003eUn rituel de beauté ancestral qui associe huile de coco raffinée et fleurs de tiaré fraîches pour nourrir, protéger et parfumer délicatement votre corps et votre chevelure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eQu'est-ce que le véritable Monoï de Tahiti® ?\u003c\/h2\u003e\n\u003cdiv class=\"mnoi-intro-box\"\u003e\n\u003cp\u003eLe monoï de Tahiti n'est pas une huile comme les autres. Son nom signifie littéralement \u003cstrong\u003e« huile sacrée »\u003c\/strong\u003e en tahitien, et sa fabrication répond à un cahier des charges très strict pour mériter l'appellation d'origine contrôlée.\u003c\/p\u003e\n\u003cp\u003eSeul le monoï élaboré en \u003cstrong\u003ePolynésie française\u003c\/strong\u003e, à partir de fleurs de tiaré (\u003cem\u003eGardenia tahitensis\u003c\/em\u003e) macérées dans de l'huile de coprah raffinée, peut porter cette appellation prestigieuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-highlight-card\"\u003e\n\u003cdiv class=\"mnoi-highlight-content\"\u003e\n\u003cstrong\u003e🏆 Najel perpétue ce savoir-faire ancestral\u003c\/strong\u003e en vous proposant un véritable Monoï de Tahiti®, certifié Cosmos Natural, qui respecte à la fois la tradition polynésienne et les exigences actuelles en matière de cosmétique naturelle.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de monoï pour la peau\u003c\/h2\u003e\n\u003cp class=\"mnoi-section-intro\"\u003eVotre peau mérite une attention particulière. Le monoï agit comme un baume nourrissant qui enveloppe l'épiderme d'un voile protecteur et réconfortant.\u003c\/p\u003e\n\u003cdiv class=\"mnoi-grid\"\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n\u003cp\u003eLes acides gras de l'huile de coco pénètrent en profondeur pour restaurer le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e✨ Effet satinant\u003c\/h3\u003e\n\u003cp\u003eLa peau retrouve instantanément douceur et éclat, avec un toucher velours incomparable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e☀️ Soin après-soleil idéal\u003c\/h3\u003e\n\u003cp\u003eApaise les sensations de tiraillement et aide la peau à récupérer après une exposition au soleil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🌺 Parfum envoûtant\u003c\/h3\u003e\n\u003cp\u003eLe doux arôme des fleurs de tiaré vous transporte sous les tropiques à chaque application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eHuile de monoï pour les cheveux : un soin réparateur d'exception\u003c\/h2\u003e\n\u003cp class=\"mnoi-section-intro\"\u003eCheveux secs, abîmés par les colorations, le soleil ou le sel marin ? Le monoï pénètre rapidement et laisse les cheveux souples, brillants et parfumés.\u003c\/p\u003e\n\u003cdiv class=\"mnoi-grid\"\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🛁 Bain d'huile réparateur\u003c\/h3\u003e\n\u003cp\u003eAppliquez généreusement sur les longueurs et pointes, laissez poser au moins 30 minutes ou toute la nuit, puis lavez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e💫 Soin express des pointes\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes sur cheveux secs ou humides suffisent à discipliner les frisottis et nourrir les pointes fourchues.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n\u003cp\u003eForme un léger film protecteur qui préserve la fibre capillaire du sèche-cheveux, de la pollution et du chlore.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-tip\"\u003e\n\u003cspan class=\"mnoi-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eLes avis sont unanimes : après quelques utilisations, les cheveux retrouvent leur vitalité et leur brillance naturelle, même les plus fragilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eComment utiliser votre Monoï de Tahiti® Najel ?\u003c\/h2\u003e\n\u003cp class=\"mnoi-section-intro\"\u003eLa polyvalence de ce soin est l'un de ses grands atouts. Intégrez-le facilement à votre routine beauté :\u003c\/p\u003e\n\u003cdiv class=\"mnoi-usage-grid\"\u003e\n\u003cdiv class=\"mnoi-usage-block\"\u003e\n\u003ch3 class=\"mnoi-usage-title\"\u003e🧴 Sur le corps\u003c\/h3\u003e\n\u003cdiv class=\"mnoi-timeline\"\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eAprès la douche\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur peau légèrement humide pour une absorption optimale et un effet hydratant décuplé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eEn massage\u003c\/h3\u003e\n\u003cp\u003eUtilisez comme huile de massage pour un moment de détente absolue : la texture fondante glisse parfaitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eAprès-soleil\u003c\/h3\u003e\n\u003cp\u003eEn été, appliquez après l'exposition pour apaiser et sublimer votre bronzage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-usage-block\"\u003e\n\u003ch3 class=\"mnoi-usage-title\"\u003e💇 Sur les cheveux\u003c\/h3\u003e\n\u003cdiv class=\"mnoi-timeline\"\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eMasque avant-shampooing\u003c\/h3\u003e\n\u003cp\u003eRépartissez sur la chevelure, enveloppez d'une serviette chaude et laissez agir 20 min à plusieurs heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eSoin quotidien\u003c\/h3\u003e\n\u003cp\u003e2 à 3 gouttes réchauffées entre les paumes suffisent pour lisser les pointes et apporter de la brillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-tip\"\u003e\n\u003cspan class=\"mnoi-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e en dessous de 25°C, le monoï se solidifie naturellement (c'est le signe d'un produit authentique !). Passez simplement le flacon sous l'eau chaude quelques instants pour le liquéfier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eComposition complète – Liste INCI\u003c\/h2\u003e\n\u003cdiv class=\"mnoi-inci-box\"\u003e\n\u003cp class=\"mnoi-inci-list\"\u003e\u003cstrong\u003eCocos Nucifera Oil, Gardenia Tahitensis Flower, Parfum, Tocopherol.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-grid\"\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🥥 Cocos Nucifera Oil\u003c\/h3\u003e\n\u003cp\u003eHuile de coco raffinée, base traditionnelle du monoï, riche en acide laurique aux propriétés nourrissantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🌺 Gardenia Tahitensis Flower\u003c\/h3\u003e\n\u003cp\u003eFleurs de tiaré fraîches macérées, qui confèrent au monoï son parfum caractéristique et ses propriétés adoucissantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🌸 Parfum\u003c\/h3\u003e\n\u003cp\u003eFragrance naturelle fleur de tiaré pour sublimer l'expérience sensorielle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🛡️ Tocopherol\u003c\/h3\u003e\n\u003cp\u003eVitamine E naturelle, antioxydant qui protège l'huile et contribue à préserver la jeunesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-certif-badges\"\u003e\n\u003cspan class=\"mnoi-certif-badge\"\u003eSans parabènes\u003c\/span\u003e \u003cspan class=\"mnoi-certif-badge\"\u003eSans colorants artificiels\u003c\/span\u003e \u003cspan class=\"mnoi-certif-badge\"\u003eSans huiles minérales\u003c\/span\u003e \u003cspan class=\"mnoi-certif-badge\"\u003eCosmos Natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003ePourquoi choisir le Monoï de Tahiti® Najel plutôt qu'un autre ?\u003c\/h2\u003e\n\u003cp class=\"mnoi-section-intro\"\u003eFace à la multitude de produits au monoï disponibles, voici ce qui distingue ce soin Najel :\u003c\/p\u003e\n\u003cdiv class=\"mnoi-grid-compact\"\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🏅 Appellation d'origine\u003c\/h3\u003e\n\u003cp\u003eUn véritable Monoï de Tahiti® fabriqué selon les standards polynésiens authentiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🌿 Cosmos Natural\u003c\/h3\u003e\n\u003cp\u003eGage d'un produit formulé dans le respect de l'environnement et de votre santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🏛️ Savoir-faire Najel\u003c\/h3\u003e\n\u003cp\u003eDepuis 1895, l'art des soins naturels traditionnels, du savon d'Alep aux huiles précieuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e✈️ Format 125 ml\u003c\/h3\u003e\n\u003cp\u003eIdéal pour glisser dans votre trousse de toilette ou emporter en voyage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eQuestions fréquentes sur le Monoï de Tahiti\u003c\/h2\u003e\n\u003cdiv class=\"mnoi-accordion\"\u003e\n\u003cdetails class=\"mnoi-accordion-item\"\u003e\n\u003csummary class=\"mnoi-accordion-header\"\u003eLe monoï peut-il remplacer ma crème hydratante ?\u003c\/summary\u003e\n\u003cdiv class=\"mnoi-accordion-content\"\u003e\n\u003cp\u003eLe monoï est une huile nourrissante qui convient particulièrement aux peaux sèches à très sèches. Pour les peaux mixtes à grasses, il est préférable de l'utiliser ponctuellement ou uniquement sur les zones qui en ont besoin (coudes, talons, jambes).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mnoi-accordion-item\"\u003e\n\u003csummary class=\"mnoi-accordion-header\"\u003ePuis-je utiliser le monoï sur le visage ?\u003c\/summary\u003e\n\u003cdiv class=\"mnoi-accordion-content\"\u003e\n\u003cp\u003eL'huile de coco présente dans le monoï peut être comédogène pour certaines peaux. Si vous avez la peau sensible ou sujette aux imperfections, faites un test sur une petite zone avant de l'appliquer sur l'ensemble du visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mnoi-accordion-item\"\u003e\n\u003csummary class=\"mnoi-accordion-header\"\u003ePourquoi mon monoï est-il devenu solide ?\u003c\/summary\u003e\n\u003cdiv class=\"mnoi-accordion-content\"\u003e\n\u003cp\u003eC'est tout à fait normal ! L'huile de coco se solidifie en dessous de 25°C environ. Cela témoigne de la pureté du produit. Réchauffez simplement le flacon entre vos mains ou sous l'eau tiède pour retrouver sa texture liquide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mnoi-accordion-item\"\u003e\n\u003csummary class=\"mnoi-accordion-header\"\u003eLe monoï protège-t-il du soleil ?\u003c\/summary\u003e\n\u003cdiv class=\"mnoi-accordion-content\"\u003e\n\u003cp\u003eNon, le monoï ne contient pas de filtres solaires et ne protège pas des rayons UV. Utilisez toujours une protection solaire adaptée avant l'exposition, et réservez le monoï pour les soins après-soleil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n\u003cdiv class=\"mnoi-specs-grid\"\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eContenance\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003e125 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eMarque\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eNajel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eType de produit\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eHuile végétale \/ Soin corps et cheveux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eCertification\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eCosmos Natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eParfum\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eFleur de tiaré\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eOrigine\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eMonoï de Tahiti® (appellation d'origine)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"mnoi-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mnoi-cta-box\"\u003e\n\u003cp\u003e🌺 Offrez à votre peau et à vos cheveux le meilleur de la nature polynésienne. Un soin ancestral, une efficacité prouvée, un parfum qui invite au voyage : le compagnon idéal d'une beauté naturelle et lumineuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mnoi-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas d'allergie connue à l'un des composants, ne pas utiliser.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mnoi-cream: #FFF8F5;\n --mnoi-white: #ffffff;\n --mnoi-primary: #E85D3B;\n --mnoi-primary-dark: #C94A2B;\n --mnoi-primary-light: #FFF0EC;\n --mnoi-secondary: #2ABFB3;\n --mnoi-secondary-light: #E8F9F7;\n --mnoi-accent: #F5A623;\n --mnoi-text: #1a1a1a;\n --mnoi-text-light: #5a5a5a;\n --mnoi-border: #f0e6e3;\n --mnoi-shadow: 0 4px 24px rgba(232,93,59,.08);\n --mnoi-shadow-lg: 0 12px 48px rgba(232,93,59,.15);\n --mnoi-radius: 20px;\n --mnoi-radius-sm: 12px;\n}\n\n.mnoi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mnoi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mnoi-hero {\n position: relative;\n background: linear-gradient(135deg, #E85D3B 0%, #F5A623 50%, #2ABFB3 100%);\n border-radius: var(--mnoi-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(--mnoi-shadow-lg);\n}\n\n.mnoi-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 5c2.5 5 7.5 8 12.5 8s10-3 12.5-8c-2.5 5-2.5 12 0 17-5-2.5-10-2.5-12.5 0s-5 7.5-12.5 7.5-10-5-12.5-7.5-7.5-2.5-12.5 0c2.5-5 2.5-12 0-17 2.5 5 7.5 8 12.5 8s10-3 12.5-8z' fill='%23ffffff' fill-opacity='.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.mnoi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mnoi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mnoi-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(--mnoi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mnoi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mnoi-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.mnoi-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.mnoi-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mnoi-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mnoi-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mnoi-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.mnoi-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(--mnoi-primary), var(--mnoi-secondary));\n border-radius: 2px;\n}\n\n.mnoi-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mnoi-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === INTRO BOX === *\/\n.mnoi-intro-box {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mnoi-shadow);\n margin-bottom: 1.5rem;\n text-align: center;\n}\n\n.mnoi-intro-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mnoi-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.mnoi-intro-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === HIGHLIGHT CARD === *\/\n.mnoi-highlight-card {\n display: flex;\n gap: 1rem;\n align-items: center;\n background: linear-gradient(135deg, var(--mnoi-primary-light) 0%, var(--mnoi-secondary-light) 100%);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n border-left: 4px solid var(--mnoi-primary);\n}\n\n.mnoi-highlight-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.mnoi-highlight-content {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--mnoi-text);\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mnoi-card {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mnoi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mnoi-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mnoi-shadow-lg);\n border-color: var(--mnoi-primary);\n}\n\n.mnoi-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mnoi-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mnoi-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mnoi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRIDS === *\/\n.mnoi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mnoi-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mnoi-grid-compact .mnoi-card {\n padding: 1rem;\n}\n\n.mnoi-grid-compact .mnoi-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mnoi-grid-compact .mnoi-card p {\n font-size: 12px;\n}\n\n\/* === USAGE GRID === *\/\n.mnoi-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.mnoi-usage-block {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mnoi-shadow);\n}\n\n.mnoi-usage-title {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--mnoi-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--mnoi-primary-light);\n}\n\n\/* === TIMELINE === *\/\n.mnoi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mnoi-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mnoi-timeline-number {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--mnoi-primary), var(--mnoi-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 14px;\n box-shadow: 0 4px 12px rgba(232,93,59,.3);\n}\n\n.mnoi-timeline-content {\n flex: 1;\n background: var(--mnoi-primary-light);\n padding: .875rem 1rem;\n border-radius: var(--mnoi-radius-sm);\n}\n\n.mnoi-timeline-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--mnoi-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mnoi-timeline-content p {\n font-size: 13px;\n color: var(--mnoi-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.mnoi-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--mnoi-secondary-light) 0%, var(--mnoi-primary-light) 100%);\n border-radius: var(--mnoi-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--mnoi-secondary);\n}\n\n.mnoi-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mnoi-tip p {\n font-size: 14px;\n color: var(--mnoi-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INCI BOX === *\/\n.mnoi-inci-box {\n background: linear-gradient(135deg, var(--mnoi-primary) 0%, var(--mnoi-primary-dark) 100%);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n margin-bottom: 1.5rem;\n text-align: center;\n}\n\n.mnoi-inci-list {\n color: white;\n font-size: clamp(14px, 2.5vw, 16px);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CERTIF BADGES === *\/\n.mnoi-certif-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-top: 1.5rem;\n}\n\n.mnoi-certif-badge {\n padding: 8px 16px;\n background: var(--mnoi-secondary-light);\n border: 2px solid var(--mnoi-secondary);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--mnoi-secondary);\n}\n\n\/* === ACCORDION === *\/\n.mnoi-accordion {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius);\n box-shadow: var(--mnoi-shadow);\n overflow: hidden;\n}\n\n.mnoi-accordion-item {\n border-bottom: 1px solid var(--mnoi-border);\n margin: 0;\n padding: 0;\n}\n\n.mnoi-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mnoi-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mnoi-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.mnoi-accordion-header:hover {\n background: var(--mnoi-primary-light);\n}\n\n.mnoi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mnoi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mnoi-primary);\n transition: transform .2s ease;\n}\n\n.mnoi-accordion-item[open] .mnoi-accordion-header::after {\n content: '−';\n}\n\n.mnoi-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mnoi-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mnoi-accordion-content p {\n margin: 0;\n}\n\n\/* === SPECS GRID === *\/\n.mnoi-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.mnoi-spec-item {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--mnoi-shadow);\n display: flex;\n flex-direction: column;\n gap: .25rem;\n}\n\n.mnoi-spec-label {\n font-size: 12px;\n font-weight: 600;\n color: var(--mnoi-text-light);\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n.mnoi-spec-value {\n font-size: 15px;\n font-weight: 700;\n color: var(--mnoi-primary-dark);\n}\n\n\/* === CTA === *\/\n.mnoi-cta-box {\n background: linear-gradient(135deg, var(--mnoi-primary) 0%, var(--mnoi-accent) 50%, var(--mnoi-secondary) 100%);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mnoi-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.mnoi-disclaimer {\n font-size: 12px;\n color: var(--mnoi-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mnoi-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mnoi-card {\n padding: 1.125rem;\n }\n \n .mnoi-section {\n margin-bottom: 1.75rem;\n }\n \n .mnoi-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mnoi-radius-sm);\n }\n \n .mnoi-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mnoi-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mnoi-grid-compact {\n gap: .625rem;\n }\n \n .mnoi-grid-compact .mnoi-card {\n padding: .75rem;\n }\n \n .mnoi-usage-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mnoi-usage-block {\n padding: 1rem;\n }\n \n .mnoi-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 13px;\n }\n \n .mnoi-timeline-content {\n padding: .75rem .875rem;\n }\n \n .mnoi-timeline-content h3 {\n font-size: 13px;\n }\n \n .mnoi-timeline-content p {\n font-size: 12px;\n }\n \n .mnoi-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mnoi-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mnoi-highlight-card {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .mnoi-highlight-icon {\n font-size: 28px;\n }\n \n .mnoi-specs-grid {\n grid-template-columns: 1fr 1fr;\n gap: .75rem;\n }\n \n .mnoi-spec-item {\n padding: .75rem 1rem;\n }\n \n .mnoi-spec-label {\n font-size: 11px;\n }\n \n .mnoi-spec-value {\n font-size: 13px;\n }\n \n .mnoi-certif-badges {\n gap: .375rem;\n }\n \n .mnoi-certif-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .mnoi-intro-box {\n padding: 1.25rem;\n }\n \n .mnoi-intro-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mnoi-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mnoi-card:nth-child(1) { animation-delay: .05s; }\n .mnoi-card:nth-child(2) { animation-delay: .1s; }\n .mnoi-card:nth-child(3) { animation-delay: .15s; }\n .mnoi-card:nth-child(4) { animation-delay: .2s; }\n .mnoi-card:nth-child(5) { animation-delay: .25s; }\n .mnoi-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 .mnoi-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":54928000811385,"sku":"NJ0175","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/monoi-de-tahiti-125-ml-najel-lifestyle.webp?v=1769158882"},{"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-de-nigelle-125-ml-najel","title":"Huile de Nigelle Bio – 125 ml – Najel","description":"\u003cdiv class=\"nig-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nig-hero\"\u003e\n \u003cdiv class=\"nig-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nig-hero-content\"\u003e\n \u003cdiv class=\"nig-badges-top\"\u003e\n \u003cspan class=\"nig-badge\"\u003e🌿 Certifiée Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"nig-badge\"\u003e🧴 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"nig-badge\"\u003e✨ 100 % pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nig-hero-title\"\u003eHuile de Nigelle Bio – 125 ml – Najel\u003c\/span\u003e\n \u003cp class=\"nig-subtitle\"\u003eLe trésor millénaire du Moyen-Orient pour votre peau et vos cheveux\u003c\/p\u003e\n \u003cp class=\"nig-description\"\u003eHuile végétale de cumin noir obtenue par pression à froid, certifiée bio. Purifiante, apaisante et protectrice — un soin ancestral dans un flacon pompe pratique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eHuile de nigelle bio Najel : un trésor purificateur pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"nig-section-intro\"\u003eUtilisée depuis plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e au Moyen-Orient, l'huile de nigelle — ou huile de cumin noir — est l'une des huiles végétales les plus précieuses de la cosmétique naturelle.\u003c\/p\u003e\n \u003cdiv class=\"nig-grid-compact\"\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🌱 Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction douce des graines de \u003cem\u003eNigella sativa\u003c\/em\u003e pour préserver 100 % des principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification bio européenne garantissant une qualité irréprochable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🧴 Flacon pompe\u003c\/h3\u003e\n \u003cp\u003eFormat pratique de 125 ml pour une application précise et hygiénique au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💎 100 % pure\u003c\/h3\u003e\n \u003cp\u003eSans additif, sans conservateur — uniquement de l'huile de nigelle 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=\"nig-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de nigelle pour la peau\u003c\/h2\u003e\n \u003cp class=\"nig-section-intro\"\u003eRiche en thymoquinone, en acides gras essentiels (oméga-6 et oméga-9) et en vitamine E, elle agit sur plusieurs fronts pour sublimer votre peau.\u003c\/p\u003e\n \u003cdiv class=\"nig-grid\"\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🧹 Action purifiante\u003c\/h3\u003e\n \u003cp\u003eRégule l'excès de sébum et apaise les peaux sujettes à l'acné, aux boutons et aux points noirs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🌸 Apaisement des irritations\u003c\/h3\u003e\n \u003cp\u003ePropriétés anti-inflammatoires naturelles idéales pour les peaux sensibles, l'eczéma ou les rougeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eLutte contre le vieillissement cutané prématuré en neutralisant les radicaux libres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💧 Hydratation et régénération\u003c\/h3\u003e\n \u003cp\u003eNourrit les peaux sèches en profondeur et soutient le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eBienfait de l'huile de nigelle pour les cheveux\u003c\/h2\u003e\n \u003cdiv class=\"nig-testimonial\"\u003e\n \u003cp class=\"nig-testimonial-text\"\u003eAppliquée en bain d'huile avant le shampoing, l'huile de nigelle nourrit intensément le cuir chevelu, aide à réduire les pellicules et renforce la fibre capillaire de la racine jusqu'aux pointes. Si vous souffrez de cheveux ternes, cassants ou d'une chute excessive, c'est un soin naturel à essayer absolument.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💆 Cuir chevelu apaisé\u003c\/h3\u003e\n \u003cp\u003eRéduit les démangeaisons et les pellicules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💪 Fibre renforcée\u003c\/h3\u003e\n \u003cp\u003eDe la racine aux pointes pour des cheveux plus forts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n \u003cp\u003eRedonne éclat et vitalité aux cheveux ternes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🌿 Anti-chute\u003c\/h3\u003e\n \u003cp\u003eSoutient la croissance capillaire et limite la casse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile de nigelle bio ?\u003c\/h2\u003e\n \u003cp class=\"nig-section-intro\"\u003eSon flacon pompe rend l'application simple et précise. Voici comment en profiter au quotidien :\u003c\/p\u003e\n \u003cdiv class=\"nig-timeline\"\u003e\n \u003cdiv class=\"nig-timeline-item\"\u003e\n \u003cdiv class=\"nig-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-content\"\u003e\n \u003ch3\u003e🌙 Visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2 à 3 gouttes le soir sur peau propre, en massant délicatement. Vous pouvez aussi l'ajouter à votre crème habituelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-item\"\u003e\n \u003cdiv class=\"nig-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-content\"\u003e\n \u003ch3\u003e🤲 Corps\u003c\/h3\u003e\n \u003cp\u003eMassez les zones irritées ou sèches (coudes, genoux, articulations) avec quelques pressions de pompe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-item\"\u003e\n \u003cdiv class=\"nig-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-content\"\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant-shampoing, répartissez l'huile sur le cuir chevelu et les longueurs, laissez poser 30 minutes à 1 heure, puis lavez normalement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-item\"\u003e\n \u003cdiv class=\"nig-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-content\"\u003e\n \u003ch3\u003e💅 Ongles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle pour les fortifier et nourrir les cuticules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-tip\"\u003e\n \u003cspan class=\"nig-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'huile de nigelle possède une odeur puissante et caractéristique. Si elle vous semble trop prononcée, mélangez-la avec une huile plus douce comme l'huile de jojoba ou d'amande douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eL'huile de nigelle est-elle dangereuse ?\u003c\/h2\u003e\n \u003cdiv class=\"nig-testimonial\"\u003e\n \u003cp class=\"nig-testimonial-text\"\u003eRassurez-vous : en usage cosmétique externe, l'huile de nigelle est parfaitement sûre pour la grande majorité des personnes. Il convient toutefois de réaliser un \u003cstrong\u003etest cutané au pli du coude\u003c\/strong\u003e avant la première utilisation, surtout si vous avez une peau réactive. En cas de grossesse ou de traitement médical en cours, demandez conseil à votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nig-disclaimer\"\u003eCe produit cosmétique ne remplace pas un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"nig-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition et caractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"nig-grid-compact\"\u003e\n \u003cdiv class=\"nig-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=\"nig-card\"\u003e\n \u003ch3\u003e💎 Pureté\u003c\/h3\u003e\n \u003cp\u003e100 % huile végétale de nigelle, sans additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e125 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic (label bio)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🧴 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon pompe en plastique ambré, protégeant l'huile de la lumière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eNajel — Rêve d'Orient\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"nig-accordion-item\"\u003e\n \u003csummary class=\"nig-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"nig-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre huile à l'abri de la chaleur et de la lumière directe pour préserver toutes ses qualités. Le flacon ambré assure une protection optimale contre l'oxydation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nig-accordion-item\"\u003e\n \u003csummary class=\"nig-accordion-header\"\u003e🌍 Origine\u003c\/summary\u003e\n \u003cdiv class=\"nig-accordion-content mt-3\"\u003e\n \u003cp\u003eGraines de nigelle issues du Moyen-Orient, berceau historique de cette plante millénaire. Najel perpétue un savoir-faire ancestral dans le respect des traditions orientales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau et vos cheveux le soin ancestral le plus précieux du Moyen-Orient — certifié bio, pur et authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nig-cream: #faf6f1;\n --nig-white: #ffffff;\n --nig-primary: #d48b2c;\n --nig-primary-dark: #3d2b1a;\n --nig-primary-light: #fdf0dc;\n --nig-secondary: #e6a23c;\n --nig-accent: #c47a1e;\n --nig-text: #1a1a1a;\n --nig-text-light: #5a5a5a;\n --nig-border: #e8ddd0;\n --nig-shadow: 0 4px 24px rgba(61,43,26,.08);\n --nig-shadow-lg: 0 12px 48px rgba(61,43,26,.15);\n --nig-radius: 20px;\n --nig-radius-sm: 12px;\n}\n\n.nig-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nig-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nig-hero {\n position: relative;\n background: linear-gradient(135deg, #3d2b1a 0%, #6b4423 40%, #d48b2c 100%);\n border-radius: var(--nig-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(--nig-shadow-lg);\n}\n\n.nig-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(212,139,44,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(230,162,60,.1) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(196,122,30,.08) 0%, transparent 45%);\n opacity: 1;\n}\n\n.nig-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nig-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.nig-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 10px rgba(0,0,0,.15);\n}\n\n.nig-description {\n color: rgba(255,255,255,.8);\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.nig-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nig-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(--nig-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nig-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nig-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nig-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nig-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.nig-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(--nig-primary), var(--nig-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.nig-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nig-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.nig-card {\n background: var(--nig-white);\n border-radius: var(--nig-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nig-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nig-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nig-shadow-lg);\n border-color: var(--nig-primary);\n}\n\n.nig-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nig-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nig-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nig-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nig-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nig-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nig-grid-compact .nig-card {\n padding: 1rem;\n}\n\n.nig-grid-compact .nig-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nig-grid-compact .nig-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nig-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nig-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nig-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nig-primary), var(--nig-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.nig-timeline-content {\n flex: 1;\n background: var(--nig-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nig-radius-sm);\n box-shadow: var(--nig-shadow);\n}\n\n.nig-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nig-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nig-timeline-content p {\n font-size: 14px;\n color: var(--nig-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nig-testimonial {\n background: var(--nig-white);\n border-radius: var(--nig-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nig-shadow);\n border-left: 4px solid var(--nig-primary);\n}\n\n.nig-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nig-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nig-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nig-primary-light);\n border-radius: var(--nig-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nig-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nig-tip p {\n font-size: 14px;\n color: var(--nig-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.nig-accordion {\n background: var(--nig-white);\n border-radius: var(--nig-radius);\n box-shadow: var(--nig-shadow);\n overflow: hidden;\n}\n\n.nig-accordion-item {\n border-bottom: 1px solid var(--nig-border);\n margin: 0;\n padding: 0;\n}\n\n.nig-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nig-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nig-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.nig-accordion-header:hover {\n background: var(--nig-primary-light);\n}\n\n.nig-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nig-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nig-primary);\n transition: transform .2s ease;\n}\n\n.nig-accordion-item[open] .nig-accordion-header::after {\n content: '−';\n}\n\n.nig-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nig-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nig-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.nig-cta-box {\n background: linear-gradient(135deg, var(--nig-primary) 0%, var(--nig-primary-dark) 100%);\n border-radius: var(--nig-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nig-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.nig-disclaimer {\n font-size: 12px;\n color: var(--nig-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .nig-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nig-card {\n padding: 1.125rem;\n }\n\n .nig-section {\n margin-bottom: 1.75rem;\n }\n\n .nig-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nig-radius-sm);\n }\n\n .nig-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nig-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nig-grid-compact {\n gap: .625rem;\n }\n\n .nig-grid-compact .nig-card {\n padding: .75rem;\n }\n\n .nig-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nig-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nig-timeline-content h3 {\n font-size: 14px;\n }\n\n .nig-timeline-content p {\n font-size: 13px;\n }\n\n .nig-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nig-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nig-testimonial {\n padding: 1.25rem;\n }\n\n .nig-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nig-card {\n animation: nigFadeInUp .5s ease backwards;\n }\n .nig-card:nth-child(1) { animation-delay: .05s; }\n .nig-card:nth-child(2) { animation-delay: .1s; }\n .nig-card:nth-child(3) { animation-delay: .15s; }\n .nig-card:nth-child(4) { animation-delay: .2s; }\n .nig-card:nth-child(5) { animation-delay: .25s; }\n .nig-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes nigFadeInUp {\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 .nig-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":54928145285497,"sku":"NJ0185","price":15.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-nigelle-bio-125-ml-najel-packshothd.webp?v=1787565698"},{"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":"lait-corps-fleur-de-tiare-najel","title":"Lait Corps Fleur de Tiaré Bio – 200 ml – Najel","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lait Corps Fleur de Tiaré Bio – 200 ml – Najel\nPalette détectée:\n - Primaire: #E85A4F (corail\/terracotta chaud du packaging)\n - Secondaire: #F8B4A0 (rose pêche clair)\n - Accent: #D4453A (rouge terracotta profond)\nAmbiance: Solaire, féminin, naturel\/bio, évocateur des tropiques et de la Polynésie. Style épuré avec touches florales, chaleureux et lumineux.\nPréfixe CSS: nj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir ce lait hydratant pour le corps ?\"\n 2. \"Une synergie d'actifs naturels aux bienfaits reconnus\"\n 3. \"Le parfum envoûtant de la fleur de tiaré\"\n 4. \"À qui s'adresse ce lait hydratant pour le corps ?\"\n 5. \"Comment utiliser votre lait corps Najel au quotidien ?\"\n 6. \"Liste complète des ingrédients (INCI)\"\n 7. \"Les engagements qualité Najel\"\n 8. \"Format et conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"nj-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"nj-hero\"\u003e\n \u003cdiv class=\"nj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nj-hero-content\"\u003e\n \u003cdiv class=\"nj-badges-top\"\u003e\n \u003cspan class=\"nj-badge\"\u003e🌿 99% naturel\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🌺 Parfum Tiaré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nj-hero-title\"\u003eLait Corps Fleur de Tiaré Bio\u003c\/span\u003e\n \u003cp class=\"nj-subtitle\"\u003ePar Najel • 200 ml\u003c\/p\u003e\n \u003cp class=\"nj-description\"\u003eUn voyage sensoriel au cœur de la Polynésie. Hydratation intense et parfum envoûtant pour une peau douce et veloutée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce lait hydratant pour le corps ?\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eTrouver le meilleur lait hydratant corps n'est pas toujours simple. Ce lait bio Najel se distingue par sa triple action exceptionnelle.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans effet collant ni film gras pour un confort immédiat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧈 Nutrition durable\u003c\/h3\u003e\n \u003cp\u003eNourrit la peau tout au long de la journée grâce au beurre de karité bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌺 Confort sensoriel\u003c\/h3\u003e\n \u003cp\u003eParfum délicat de fleur de tiaré évocateur des lagons polynésiens\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\u003e\u003cstrong\u003eIdéal pour les peaux très sèches :\u003c\/strong\u003e cette formule enrichie en huiles végétales précieuses apporte le réconfort dont votre épiderme a besoin, même pendant les périodes de froid ou de stress cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eUne synergie d'actifs naturels aux bienfaits reconnus\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eLa force de ce lait corps bio réside dans l'association de trois ingrédients stars, sélectionnés pour leurs propriétés complémentaires.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card nj-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eVéritable alliée des peaux sensibles et déshydratées. Elle assouplit la peau, atténue les sensations de tiraillement et favorise la régénération cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card nj-card-ingredient\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants et en acides gras essentiels. Elle protège la barrière cutanée et apporte souplesse et éclat aux peaux ternes ou fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card nj-card-ingredient\"\u003e\n \u003ch3\u003e🧴 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eEnveloppe la peau d'un voile protecteur sans obstruer les pores. Particulièrement recommandé pour les peaux sèches à très sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eLe parfum envoûtant de la fleur de tiaré\u003c\/h2\u003e\n \u003cdiv class=\"nj-fragrance-box\"\u003e\n \u003cdiv class=\"nj-fragrance-icon\"\u003e🌺\u003c\/div\u003e\n \u003cdiv class=\"nj-fragrance-content\"\u003e\n \u003cp\u003eAu-delà de son efficacité hydratante, ce soin vous offre une véritable \u003cstrong\u003eexpérience olfactive\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eLa \u003cstrong\u003efleur de tiaré\u003c\/strong\u003e, emblème de Tahiti et symbole de beauté dans la culture polynésienne, libère des notes florales suaves et solaires.\u003c\/p\u003e\n \u003cp class=\"nj-fragrance-highlight\"\u003eChaque application devient un moment d'évasion, une parenthèse de douceur dans votre 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=\"nj-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce lait hydratant pour le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense pour peaux assoiffées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormules douces et naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eSans ingrédients synthétiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✨ Amateurs de bien-être\u003c\/h3\u003e\n \u003cp\u003eEfficacité et plaisir des sens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eComment utiliser votre lait corps Najel au quotidien ?\u003c\/h2\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\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eAprès la douche ou le bain, lorsque la peau est encore légèrement humide pour optimiser l'absorption\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\u003eQuantité\u003c\/h3\u003e\n \u003cp\u003eUne à deux pressions de pompe suffisent pour chaque zone du corps\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\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eMassez en mouvements circulaires en remontant vers le cœur pour stimuler la circulation\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\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eUtilisez quotidiennement pour maintenir une hydratation optimale\u003c\/p\u003e\n \u003c\/div\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\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e insistez sur les zones particulièrement sèches comme les coudes, les genoux et les talons. Vous pouvez également l'appliquer le soir avant le coucher pour laisser les actifs agir pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"nj-inci-box\"\u003e\n \u003cp\u003eAqua, Prunus Amygdalus Dulcis Oil*, Glycerin, Olea Europaea Fruit Oil*, Butyrospermum Parkii Butter*, Cetearyl Alcohol, Glyceryl Stearate, Sodium Stearoyl Glutamate, Parfum, Xanthan Gum, Chamomilla Recutita Flower Water*, Benzyl Alcohol, Potassium Sorbate, Sodium Benzoate, Dehydroacetic Acid, Tocopherol, Citric Acid, Linalool, Geraniol, Citronellol, Coumarin.\u003c\/p\u003e\n \u003cp class=\"nj-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eLes engagements qualité Najel\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✅ Certifié COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003ePar Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌿 99% naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eNormes les plus exigeantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🚫 Sans indésirables\u003c\/h3\u003e\n \u003cp\u003eSans parabènes, silicones, huiles minérales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🐰 Cruelty free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclable avec pompe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"nj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFormat et conservation\u003c\/h2\u003e\n \u003cdiv class=\"nj-cta-box\"\u003e\n \u003cp\u003e🌺 Flacon pompe de \u003cstrong\u003e200 ml\u003c\/strong\u003e — format pratique pour plusieurs semaines d'utilisation quotidienne\u003c\/p\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe pour préserver toutes ses qualités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nj-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --nj-cream: #FFF9F5;\n --nj-white: #ffffff;\n --nj-primary: #E85A4F;\n --nj-primary-dark: #C44538;\n --nj-primary-light: #FDEAE8;\n --nj-secondary: #F8B4A0;\n --nj-accent: #D4453A;\n\n \/* Textes *\/\n --nj-text: #1a1a1a;\n --nj-text-light: #5a5a5a;\n\n \/* Effets *\/\n --nj-border: #f0e6e4;\n --nj-shadow: 0 4px 24px rgba(232,90,79,.08);\n --nj-shadow-lg: 0 12px 48px rgba(232,90,79,.15);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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}\n\n\/* === HERO === *\/\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #E85A4F 0%, #F8B4A0 50%, #FFDDD2 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% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\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 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.nj-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}\n\n.nj-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\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\/* === SECTIONS === *\/\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}\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.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\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-card-ingredient p {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\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\/* === FRAGRANCE BOX === *\/\n.nj-fragrance-box {\n background: linear-gradient(135deg, var(--nj-primary-light) 0%, #fff 100%);\n border-radius: var(--nj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n text-align: center;\n border: 2px solid var(--nj-secondary);\n}\n\n.nj-fragrance-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.nj-fragrance-content p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.nj-fragrance-content p:last-child {\n margin-bottom: 0;\n}\n\n.nj-fragrance-highlight {\n font-weight: 700;\n color: var(--nj-primary-dark);\n font-style: italic;\n}\n\n\/* === TIMELINE === *\/\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}\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\/* === TIP BOX === *\/\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}\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\/* === INCI BOX === *\/\n.nj-inci-box {\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}\n\n.nj-inci-box p {\n font-size: 13px;\n color: var(--nj-text-light);\n line-height: 1.8;\n margin: 0;\n}\n\n.nj-inci-note {\n margin-top: 1rem !important;\n font-style: italic;\n color: var(--nj-primary-dark) !important;\n font-weight: 600;\n}\n\n\/* === CTA FINAL === *\/\n.nj-cta-box {\n background: linear-gradient(135deg, var(--nj-primary) 0%, var(--nj-primary-dark) 100%);\n border-radius: var(--nj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nj-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 0 .75rem 0;\n}\n\n.nj-cta-box p:last-child {\n margin-bottom: 0;\n font-weight: 400;\n font-size: clamp(14px, 2vw, 16px);\n}\n\n\/* === DISCLAIMER === *\/\n.nj-disclaimer {\n font-size: 12px;\n color: var(--nj-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 .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-fragrance-icon {\n font-size: 36px;\n }\n \n .nj-fragrance-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: fadeInUp .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 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 .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":54931117834617,"sku":"NJ0240","price":8.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-corps-fleur-de-tiare-bio-200-ml-najel-lifestyle.webp?v=1769415565"},{"product_id":"baume-soin-coco-bio-najel","title":"Baume soin coco Najel 100 g – Réparateur et protecteur","description":"\u003cdiv class=\"njc-premium\"\u003e\n \u003cdiv class=\"njc-hero\"\u003e\n \u003cdiv class=\"njc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"njc-hero-content\"\u003e\n \u003cdiv class=\"njc-badges-top\"\u003e\n \u003cspan class=\"njc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"njc-badge\"\u003e✨ Score Yuka 100\/100\u003c\/span\u003e\n \u003cspan class=\"njc-badge\"\u003e🥥 Parfum Coco\u003c\/span\u003e\n \u003cspan class=\"njc-badge\"\u003e💯 100% Naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"njc-hero-title\"\u003eBaume Soin Coco Najel\u003c\/span\u003e\n \u003cp class=\"njc-subtitle\"\u003eRéparateur \u0026amp; protecteur — 100 g\u003c\/p\u003e\n \u003cp class=\"njc-description\"\u003eUn trésor de nature à base d'huile de coco, d'huile d'olive et de beurre de karité bio pour sublimer peau et cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"njc-section\"\u003e\n \u003cp class=\"njc-section-intro\"\u003e\u003cem\u003e\u003cstrong\u003eLe baume soin coco bio Najel : un trésor de nature pour sublimer peau et cheveux.\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n \u003cp class=\"njc-section-intro\"\u003eImaginez un soin capable de répondre à presque toutes les envies de votre peau et de vos cheveux : c'est exactement ce que vous offre le \u003cstrong\u003ebaume soin coco bio Najel\u003c\/strong\u003e. Formulé à partir d'huile de coco, d'huile d'olive et de beurre de karité issus de l'agriculture biologique, il vous accompagne au quotidien grâce à sa texture fondante et son parfum délicatement exotique. Un véritable \u003cstrong\u003ebaume réparateur\u003c\/strong\u003e multi-usages, doux pour toute la famille.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njc-section\"\u003e\n \u003ch2\u003ePourquoi adopter ce baume coco ?\u003c\/h2\u003e\n \u003cdiv class=\"njc-grid\"\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e💧 Hydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur les peaux sèches et les cheveux assoiffés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🛡️ Action protectrice\u003c\/h3\u003e\n \u003cp\u003eForme une barrière naturelle contre le vent, le froid et les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e💋 Soin réparateur visage, corps et lèvres\u003c\/h3\u003e\n \u003cp\u003eIdéal en baume réparateur lèvres, sur les coudes, les mains ou les talons rugueux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e✨ Soin capillaire revitalisant\u003c\/h3\u003e\n \u003cp\u003eRedonne brillance et souplesse aux longueurs abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🌸 Texture fondante non grasse\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement et laisse un fini soyeux sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njc-section\"\u003e\n \u003ch2\u003eComposition : 100 % naturelle, 84 % bio\u003c\/h2\u003e\n \u003cp class=\"njc-section-intro\"\u003eCette nouvelle formule certifiée \u003cstrong\u003eCosmos Organic par Ecocert Greenlife\u003c\/strong\u003e repose sur une synergie d'ingrédients précieux.\u003c\/p\u003e\n \u003cdiv class=\"njc-grid\"\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🌰 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eButyrospermum Parkii Butter\u003c\/em\u003e — Riche en vitamines A et E, il nourrit intensément, assouplit et apaise les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCocos Nucifera Oil\u003c\/em\u003e — Source d'acides gras essentiels, elle adoucit la peau et gaine la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eOlea Europaea Fruit Oil\u003c\/em\u003e — Antioxydante, elle renforce la barrière cutanée et aide à prévenir les signes du temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille \u0026amp; tocophérol\u003c\/h3\u003e\n \u003cp\u003eCire d'abeille, tocophérol naturel et parfum coco issu d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-grid-compact\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e✅ 100 % d'origine naturelle\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e✅ 84 % bio\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e✅ Score Yuka 100\/100\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njc-section\"\u003e\n \u003ch2\u003eComment utiliser le baume soin coco Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"njc-timeline\"\u003e\n \u003cdiv class=\"njc-timeline-item\"\u003e\n \u003cdiv class=\"njc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003eChauffez-la entre vos paumes pour la rendre fondante et facile à appliquer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-item\"\u003e\n \u003cdiv class=\"njc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez en fine couche sur les zones sèches ou abîmées (joues, contour des lèvres).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-item\"\u003e\n \u003cdiv class=\"njc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez les coudes, genoux, mains et pieds en mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-item\"\u003e\n \u003cdiv class=\"njc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-content\"\u003e\n \u003ch3\u003eSur les lèvres\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le comme baume lèvres réparateur super hydratant matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-item\"\u003e\n \u003cdiv class=\"njc-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez une touche sur les pointes sèches ou en masque avant shampoing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njc-section\"\u003e\n \u003ch2\u003ePour qui et pour quels usages ?\u003c\/h2\u003e\n \u003cp class=\"njc-section-intro\"\u003eCe baume convient à toute la famille, y compris aux peaux sensibles. Il remplace avantageusement plusieurs soins de votre salle de bain : \u003cstrong\u003ebaume réparateur visage\u003c\/strong\u003e, soin des lèvres, masque capillaire, baume mains et pieds. Une alternative naturelle, économique et écologique aux soins classiques type \u003cstrong\u003eEucerin baume réparateur\u003c\/strong\u003e ou \u003cstrong\u003eLa Rosée baume SOS\u003c\/strong\u003e, avec l'engagement bio en plus.\u003c\/p\u003e\n \u003cdiv class=\"njc-tip\"\u003e\n \u003cspan class=\"njc-tip-icon\"\u003e🧳\u003c\/span\u003e\n \u003cp\u003eIdéal en hiver pour protéger la peau du froid, ou en été pour apaiser après une exposition au soleil. Glissez-le dans votre sac : son format pot 100 g voyage partout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eAvis et engagement Najel\u003c\/h2\u003e\n \u003cdiv class=\"njc-testimonial\"\u003e\n \u003cp class=\"njc-testimonial-text\"\u003e\"La marque \u003cstrong\u003eNajel\u003c\/strong\u003e, spécialiste reconnue de la cosmétique naturelle d'inspiration orientale, propose ici un soin éthique, fabriqué dans le respect des matières premières et des traditions. Les utilisateurs apprécient particulièrement sa polyvalence, son parfum gourmand et sa capacité à réparer durablement les peaux les plus sèches.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"njc-disclaimer\"\u003ePrécaution : ce baume est un soin cosmétique. Il ne remplace pas un avis médical en cas de pathologie cutanée. En cas de doute ou de réaction, consultez un professionnel de santé. Réservé à un usage externe, évitez le contour des yeux.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --njc-cream: #f7f1e6;\n --njc-white: #ffffff;\n --njc-primary: #8b6f47;\n --njc-primary-dark: #5a4327;\n --njc-primary-light: #f3ead9;\n --njc-secondary: #c4a472;\n --njc-accent: #b5c44a;\n --njc-text: #2a2218;\n --njc-text-light: #6b5d4a;\n --njc-border: #e8dcc4;\n --njc-shadow: 0 4px 24px rgba(90, 67, 39, .08);\n --njc-shadow-lg: 0 12px 48px rgba(90, 67, 39, .15);\n --njc-radius: 20px;\n --njc-radius-sm: 12px;\n}\n\n.njc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--njc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--njc-text);\n line-height: 1.6;\n}\n\n.njc-hero {\n position: relative;\n background: linear-gradient(135deg, #8b6f47 0%, #a98759 50%, #c4a472 100%);\n border-radius: var(--njc-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(--njc-shadow-lg);\n}\n\n.njc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .5;\n}\n\n.njc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.njc-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.njc-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.njc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.njc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.njc-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(--njc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.njc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.njc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.njc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--njc-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.njc-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(--njc-primary), var(--njc-secondary));\n border-radius: 2px;\n}\n\n.njc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--njc-text-light);\n margin-bottom: 1.5rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.njc-section-intro strong {\n color: var(--njc-text);\n}\n\n.njc-card {\n background: var(--njc-white);\n border-radius: var(--njc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--njc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.njc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--njc-shadow-lg);\n border-color: var(--njc-primary);\n}\n\n.njc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--njc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.njc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--njc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.njc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.njc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.njc-grid-compact .njc-card {\n padding: 1rem;\n}\n\n.njc-grid-compact .njc-card h3 {\n font-size: 14px;\n margin-bottom: 0;\n}\n\n.njc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.njc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.njc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--njc-primary), var(--njc-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(139, 111, 71, .3);\n}\n\n.njc-timeline-content {\n flex: 1;\n background: var(--njc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--njc-radius-sm);\n box-shadow: var(--njc-shadow);\n}\n\n.njc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--njc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.njc-timeline-content p {\n font-size: 14px;\n color: var(--njc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.njc-testimonial {\n background: var(--njc-white);\n border-radius: var(--njc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--njc-shadow);\n border-left: 4px solid var(--njc-primary);\n}\n\n.njc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--njc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.njc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--njc-primary-light);\n border-radius: var(--njc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.njc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.njc-tip p {\n font-size: 14px;\n color: var(--njc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.njc-disclaimer {\n font-size: 12px;\n color: var(--njc-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n line-height: 1.6;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .njc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .njc-card {\n padding: 1.125rem;\n }\n .njc-section {\n margin-bottom: 1.75rem;\n }\n .njc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--njc-radius-sm);\n }\n .njc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .njc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .njc-grid-compact {\n gap: .625rem;\n }\n .njc-grid-compact .njc-card {\n padding: .75rem;\n }\n .njc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .njc-timeline-content {\n padding: .875rem 1rem;\n }\n .njc-timeline-content h3 {\n font-size: 14px;\n }\n .njc-timeline-content p {\n font-size: 13px;\n }\n .njc-testimonial {\n padding: 1.25rem;\n }\n .njc-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .njc-card {\n animation: njcFadeInUp .5s ease backwards;\n }\n .njc-card:nth-child(1) { animation-delay: .05s; }\n .njc-card:nth-child(2) { animation-delay: .1s; }\n .njc-card:nth-child(3) { animation-delay: .15s; }\n .njc-card:nth-child(4) { animation-delay: .2s; }\n .njc-card:nth-child(5) { animation-delay: .25s; }\n .njc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .njc-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":54931183305081,"sku":"NJ0250","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-soin-coco-najel-100-g-reparateur-et-protecteur-lifestyle.webp?v=1778142047"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/corps.webp?v=1790071871","url":"https:\/\/www.naturellement-bio.com\/collections\/corps.oembed?page=5","provider":"Naturellement Bio","version":"1.0","type":"link"}