{"title":"Emma Noël","description":"\u003cp\u003eEmma Noël est une marque française de cosmétiques bio créée en 2004 par Annick Garnier et son fils David Garnier, d'origines provençales. Spécialisée dans les soins à base d'huiles végétales vierges biologiques, elle s'appuie sur \u003cstrong\u003el'expertise de l'Huilerie Emile Noël\u003c\/strong\u003e, devenue la toute première huilerie en France à triturer des graines biologiques. Savons, baumes au karité, huiles végétales et laits corporels... : une gamme pensée pour toute la famille, certifiée bio et fabriquée dans le sud de la France !\u003c\/p\u003e\n\u003ch2\u003eQuand une huilerie centenaire inspire une marque de cosmétiques\u003c\/h2\u003e\n\u003cp\u003eTout commence bien avant 2004. L'histoire débute en 1920 avec Monsieur Noël, maître-moulinier, puis se construit pendant près de 50 années par Emile Noël fils, fondateur de la marque. Ce dernier devient un véritable pionnier. Dans les années 1970, son huilerie devient la toute première en France à triturer des graines biologiques, avant même que la notion d'agriculture biologique n'existe officiellement.\u003c\/p\u003e\n\u003cp\u003eRésultat : une expertise unique dans l'\u003cstrong\u003eextraction d'huiles végétales vierges bio\u003c\/strong\u003e. Emile Noël prépare bien à l'avance la suite en confiant dès 1994 la présidence à sa fille Annick Garnier, puis en 2007 la direction générale à son petit-fils David Garnier. C'est précisément cette connaissance intime des huiles végétales qui inspire la création d'Emma Noël en 2004. Une évidence : transformer ce savoir-faire centenaire en soins cosmétiques accessibles et efficaces.\u003c\/p\u003e\n\u003ch2\u003eDes formules pensées dans un laboratoire dédié\u003c\/h2\u003e\n\u003cp\u003eTous les produits de la gamme sont formulés dans le laboratoire de l'huilerie et fabriqués dans le sud de la France (à l'exception du savon d'Alep). \u003cstrong\u003ePas de sous-traitance opaque\u003c\/strong\u003e ici. L'entreprise s'est dotée d'un laboratoire qualité pour garantir les meilleurs produits et la meilleure traçabilité, avec une certification ISO 9001.\u003c\/p\u003e\n\u003cp\u003eConcrètement, cela signifie que chaque huile utilisée est analysée, contrôlée, tracée depuis la graine jusqu'au flacon. Le laboratoire spécialisé dispose d'une expertise physico-chimique et de matériels ultraperformants pour identifier dans chaque huile biologique la source d'un soin hydratant, émollient, restructurant ou régénérant. Cette maîtrise technique permet de révéler le meilleur de chaque matière première.\u003c\/p\u003e\n\u003ch2\u003ePourquoi on a choisi de vous proposer Emma Noël\u003c\/h2\u003e\n\u003cp\u003eOn aime les marques qui ne trichent pas. Chez Emma Noël, \u003cstrong\u003epas de marketing tape-à-l'œil ni de promesses irréalistes\u003c\/strong\u003e. Juste des produits honnêtes, bien formulés, avec une vraie cohérence. La marque utilise des compositions de qualité pour proposer des produits vegan, sans dioxyde de titane, sans paraben, sans sel d'aluminium et non testés sur les animaux.\u003c\/p\u003e\n\u003cp\u003eEt puis il y a cette dimension familiale qu'on apprécie particulièrement. Une entreprise qui traverse les générations, ça dit quelque chose sur la solidité d'un projet. On a aussi été séduits par l'accessibilité des produits : des formats généreux, des prix justes, une efficacité qui ne se paye pas au prix fort. Bref, une marque qu'on recommande les yeux fermés ;). \u003c\/p\u003e\n\u003ch2\u003eDes engagements concrets, pas des slogans\u003c\/h2\u003e\n\u003cp\u003eLes huiles sont certifiées par \u003cstrong\u003eEcocert\u003c\/strong\u003e et entrent dans la composition des produits répondant au label \u003cstrong\u003eCosmébio\u003c\/strong\u003e. Deux contrôles annuels sont organisés par Ecocert pour assurer la conformité de la production, de l'étiquetage, des achats et de la traçabilité. Pas de certification fantaisiste : du sérieux, du vérifiable.\u003c\/p\u003e\n\u003cp\u003ePlusieurs produits sont certifiés \u003cstrong\u003eBiopartenaire\u003c\/strong\u003e, ce qui signifie qu'ils sont \u003cstrong\u003eà la fois bio et équitables\u003c\/strong\u003e. La marque va au cœur de filières pour aller à la rencontre des producteurs et trouver les meilleures matières premières. En pratique : une démarche respectueuse des hommes et de l'environnement, avec une traçabilité totale du producteur au consommateur.\u003c\/p\u003e\n\u003ch2\u003eÀ qui parlent vraiment ces cosmétiques\u003c\/h2\u003e\n\u003cp\u003eEmma Noël s'adresse à celles et ceux qui cherchent des soins simples mais bien pensés. Si vous aimez savoir ce que vous mettez sur votre peau, si vous privilégiez les \u003cstrong\u003eformules courtes et les ingrédients reconnaissables\u003c\/strong\u003e, vous êtes au bon endroit. Les produits, testés dermatologiquement, conviennent parfaitement pour l'hygiène corporelle, les soins des cheveux, du visage et du corps.\u003c\/p\u003e\n\u003cp\u003eC'est aussi une marque familiale au sens large : les formats permettent de partager les produits entre adultes et enfants. \u003cstrong\u003ePas besoin de multiplier les références\u003c\/strong\u003e dans la salle de bain. Un baume au karité, une huile d'amande douce, un savon doux : l'essentiel, bien fait. Pour les peaux sensibles, les budgets raisonnables, les routines minimalistes. Pour ceux qui veulent du bio accessible, sans compromis sur la qualité.\u003c\/p\u003e\n\u003ch3\u003eCe qui distingue Emma Noël des autres marques bio\u003c\/h3\u003e\n\u003cp\u003eBeaucoup de marques achètent leurs huiles à des fournisseurs. Emma Noël \u003cstrong\u003eles produit elle-même\u003c\/strong\u003e. Cette différence change tout : contrôle total de la qualité, traçabilité depuis la graine, prix maîtrisés. Les huiles sont fabriquées par l'huilerie Emile Noël qui en assure la traçabilité depuis la culture.\u003c\/p\u003e\n\u003cp\u003eAutre point distinctif : l'ancrage territorial. Fabrication française, laboratoire dans le sud, partenaires locaux. Pas de délocalisation opportuniste. Et cette expertise unique dans les huiles végétales vierges : peu de marques peuvent se targuer d'un tel savoir-faire transmis sur quatre générations...\u003c\/p\u003e\n\u003ch2\u003eComment choisir parmi la gamme Emma Noël\u003c\/h2\u003e\n\u003cp\u003ePour les peaux sèches ou sensibles, direction les baumes au karité : pur, à l'argan, au monoï ou à la rose de Damas selon vos préférences olfactives. Texture riche, pénétration rapide. Les huiles végétales comme l'amande douce conviennent parfaitement aux massages, aux soins du visage ou à l'application sur cheveux secs.\u003c\/p\u003e\n\u003cp\u003ePour la toilette quotidienne, les savonnettes et gels douche offrent une mousse douce sans agresser l'épiderme. Les laits corporels, en format 500 ml, sont parfaits pour hydrater toute la famille après la douche. Pensez aux formats : les grands contenants sont plus économiques si vous avez trouvé votre produit fétiche. En pratique : commencez par un format découverte, puis passez aux grandes tailles une fois conquis.\u003c\/p\u003e\n\u003ch2\u003eNos trois indispensables du moment\u003c\/h2\u003e\n\u003cp\u003eOn commence par \u003ca href=\"\/products\/huile-vegetale-amande-douce-bio-50-ml-emma-noel\"\u003e\u003cstrong\u003el'huile d'amande douce bio\u003c\/strong\u003e\u003c\/a\u003e en format 50 ml. Pratique à glisser dans un sac, elle dépanne pour tout : mains sèches, pointes de cheveux, démaquillage doux. Une huile multi-usage comme on les aime, avec une texture fine qui pénètre vite. Parfaite pour débuter avec les huiles végétales si vous n'êtes pas encore familier.\u003c\/p\u003e\n\u003cp\u003eLe \u003ca href=\"\/products\/beurre-de-karite-bio-equitable-emma-noel-140g\"\u003e\u003cstrong\u003ebeurre de karité bio équitable\u003c\/strong\u003e\u003c\/a\u003e mérite vraiment sa place dans votre routine. Format généreux de 140 g, texture fondante, efficacité redoutable sur les zones très sèches. Coudes, genoux, talons : il répare en profondeur. Certifié Biopartenaire, il incarne parfaitement les valeurs de la marque. On l'utilise aussi en masque capillaire sur les longueurs avant le shampooing.\u003c\/p\u003e\n\u003cp\u003eEnfin, le \u003ca href=\"\/products\/lait-corporel-familial-karite-bio-emma-noel\"\u003e\u003cstrong\u003elait corporel familial au karité\u003c\/strong\u003e\u003c\/a\u003e en 500 ml change la donne pour l'hydratation quotidienne. Texture fluide qui s'étale facilement, absorption rapide, parfum discret. Le format pompe facilite l'application, même pour les enfants. Un produit familial au vrai sens du terme : tout le monde peut l'utiliser sans restriction.\u003c\/p\u003e\n\u003ch3\u003eCe qu'on apprécie vraiment dans ces produits\u003c\/h3\u003e\n\u003cp\u003eLa sensorialité d'abord. Les textures sont agréables, jamais collantes ni trop lourdes. Les parfums restent discrets, jamais entêtants. Ensuite, cette efficacité qui se vérifie à l'usage : les peaux sèches retrouvent du confort, les cheveux de la souplesse, les mains de la douceur.\u003c\/p\u003e\n\u003cp\u003eOn aime aussi la polyvalence des produits. Une huile d'amande douce peut servir pour le visage, le corps, les cheveux, le massage. Un baume au karité s'utilise sur les zones sèches, en soin des lèvres, en masque capillaire. Cette simplicité d'usage évite de multiplier les achats. Et puis il y a ce rapport qualité-prix difficile à battre : des formulations bio certifiées, des formats généreux, des prix contenus.\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eVos questions sur Emma Noël\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes produits Emma Noël conviennent-ils aux peaux sensibles ?\u003c\/summary\u003e\n\u003cp\u003eOui, les formulations privilégient des ingrédients doux et les produits sont testés dermatologiquement. Les huiles végétales vierges bio constituent une base particulièrement respectueuse des épidermes réactifs. En cas de doute, commencez par un test sur une petite zone.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eOù sont fabriqués les cosmétiques Emma Noël ?\u003c\/summary\u003e\n\u003cp\u003eLes produits sont formulés dans le laboratoire de l'huilerie et fabriqués dans le sud de la France, à l'exception du savon d'Alep. La marque maîtrise toute la chaîne de production, de l'extraction des huiles à la fabrication des cosmétiques.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la différence entre Emma Noël et Emile Noël ?\u003c\/summary\u003e\n\u003cp\u003eEmile Noël est l'huilerie historique créée en 1920, spécialisée dans les huiles alimentaires bio. Emma Noël est la marque cosmétique lancée en 2004 par la même famille, qui utilise l'expertise de l'huilerie pour créer des soins à base d'huiles végétales vierges.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes produits Emma Noël sont-ils certifiés bio ?\u003c\/summary\u003e\n\u003cp\u003eOui, les huiles sont certifiées par Ecocert et entrent dans la composition des produits répondant au label Cosmébio. La marque fait l'objet de contrôles réguliers pour garantir la conformité de ses certifications.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePeut-on utiliser les produits Emma Noël pour toute la famille ?\u003c\/summary\u003e\n\u003cp\u003eAbsolument. La marque propose des produits adaptés à un usage familial, avec des formulations douces et des formats généreux. Les laits corporels, les baumes au karité et les savonnettes conviennent aux adultes comme aux enfants.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","products":[{"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\u003eHuile d'amande douce bio Emma Noël : un 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 NOEL","offers":[{"title":"Default Title","offer_id":45755408842909,"sku":"NBAIEMM0029","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-damande-douce-bio-50-ml-emma-noel-packshothd.webp?v=1776002791"},{"product_id":"savonnette-agrumes-bio-100g-emma-noel","title":"Savonnette Agrumes Bio – 100g – Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savonnette Agrumes Bio – 100g – Emma Noël\nPalette détectée:\n - Primaire: #E8791D (orange vif du packaging agrumes)\n - Secondaire: #8DB839 (vert lime des agrumes)\n - Accent: #D4488E (rose\/fuchsia du logo Emma Noël fleur)\nAmbiance: Naturel\/bio, frais, vitaminé, familial, solaire, made in France\nPréfixe CSS: agr\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Savonnette Agrumes Bio Emma Noël : une fraîcheur vivifiante au quotidien\"\n 2. \"Pourquoi adopter ce savon bio aux agrumes ?\"\n 3. \"Comment utiliser votre savonnette agrumes ?\"\n 4. \"Une certification bio exigeante\"\n 5. \"Composition complète (INCI)\"\n 6. \"Emma Noël : l'huile au cœur du soin\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"agr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"agr-hero\"\u003e\n \u003cdiv class=\"agr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"agr-hero-content\"\u003e\n \u003cdiv class=\"agr-badges-top\"\u003e\n \u003cspan class=\"agr-badge\"\u003e🍊 Senteur agrumes\u003c\/span\u003e\n \u003cspan class=\"agr-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"agr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"agr-badge\"\u003e🧼 100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"agr-hero-title\"\u003eSavonnette Agrumes Bio Emma Noël\u003c\/span\u003e\n \u003cp class=\"agr-subtitle\"\u003eL'éveil sensoriel aux huiles végétales biologiques\u003c\/p\u003e\n \u003cp class=\"agr-description\"\u003eNotes pétillantes d'orange, citron et pamplemousse dans une formule végétale certifiée bio — 77 % d'ingrédients issus de l'agriculture biologique, 99 % d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"agr-section\"\u003e\n \u003ch2\u003eSavonnette Agrumes Bio Emma Noël : une fraîcheur vivifiante au quotidien\u003c\/h2\u003e\n \u003cp class=\"agr-section-intro\"\u003eEnvie d'un moment de fraîcheur sous la douche ou au lavabo ? La \u003cstrong\u003esavonnette agrumes bio Emma Noël\u003c\/strong\u003e transforme chaque toilette en véritable parenthèse sensorielle. Ses notes pétillantes d'orange, de citron et de pamplemousse réveillent vos sens dès le matin, tandis que sa formule végétale et certifiée bio prend soin de votre peau en douceur.\u003c\/p\u003e\n \u003cdiv class=\"agr-testimonial\"\u003e\n \u003cp class=\"agr-testimonial-text\"\u003eUn savon solide \u003cstrong\u003efabriqué en France\u003c\/strong\u003e, fidèle au savoir-faire artisanal de la Huilerie Émile Noël, installée à Pont-Saint-Esprit depuis des décennies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"agr-section\"\u003e\n \u003ch2\u003ePourquoi adopter ce savon bio aux agrumes ?\u003c\/h2\u003e\n \u003cdiv class=\"agr-grid\"\u003e\n \u003cdiv class=\"agr-card\"\u003e\n \u003ch3\u003e🍋 Un parfum authentique et revitalisant\u003c\/h3\u003e\n \u003cp\u003eLes essences d'agrumes apportent une sensation de fraîcheur immédiate qui persiste délicatement sur la peau. Idéal pour démarrer la journée avec énergie ou se rafraîchir après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"agr-card\"\u003e\n \u003ch3\u003e🤲 Nettoyage doux et respectueux\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa base végétale saponifiée et à la \u003cstrong\u003eglycérine naturelle\u003c\/strong\u003e, cette savonnette nettoie efficacement sans agresser le film hydrolipidique de la peau. Résultat : une peau propre, souple et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"agr-card\"\u003e\n \u003ch3\u003e🌱 77 % d'ingrédients bio\u003c\/h3\u003e\n \u003cp\u003ePas de composants de synthèse superflus, pas de colorants artificiels. Vous savez exactement ce que vous appliquez sur votre corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"agr-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Adaptée à toute la famille\u003c\/h3\u003e\n \u003cp\u003eCorps, mains, visage… cette savonnette convient à un usage quotidien pour toutes les peaux, y compris les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"agr-card\"\u003e\n \u003ch3\u003e♻️ Un geste écoresponsable\u003c\/h3\u003e\n \u003cp\u003eLe format solide 100 g supprime le flacon plastique. Moins de déchets, plus de bon sens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"agr-section\"\u003e\n \u003ch2\u003eComment utiliser votre savonnette agrumes ?\u003c\/h2\u003e\n \u003cdiv class=\"agr-timeline\"\u003e\n \u003cdiv class=\"agr-timeline-item\"\u003e\n \u003cdiv class=\"agr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"agr-timeline-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau à l'eau tiède, puis faites mousser généreusement la savonnette entre vos mains ou directement sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"agr-timeline-item\"\u003e\n \u003cdiv class=\"agr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"agr-timeline-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez en mouvements circulaires pour profiter pleinement de son parfum d'agrumes et de sa mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"agr-timeline-item\"\u003e\n \u003cdiv class=\"agr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"agr-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire et profitez d'une peau fraîche et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"agr-tip\"\u003e\n \u003cspan class=\"agr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour prolonger sa durée de vie, pensez à la poser sur un \u003cstrong\u003eporte-savon aéré\u003c\/strong\u003e entre chaque utilisation, à l'abri de l'humidité stagnante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"agr-section\"\u003e\n \u003ch2\u003eUne certification bio exigeante\u003c\/h2\u003e\n \u003cdiv class=\"agr-certif-box\"\u003e\n \u003cp\u003eCe savon est certifié \u003cstrong\u003ecosmétique écologique et biologique par ECOCERT Greenlife\u003c\/strong\u003e, selon le référentiel ECOCERT disponible sur \u003cem\u003ecosmetiques.ecocert.com\u003c\/em\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"agr-grid-compact\"\u003e\n \u003cdiv class=\"agr-card\"\u003e\n \u003ch3\u003e🌿 99 %\u003c\/h3\u003e\n \u003cp\u003ed'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"agr-card\"\u003e\n \u003ch3\u003e🌾 77 %\u003c\/h3\u003e\n \u003cp\u003ed'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"agr-card\"\u003e\n \u003ch3\u003e🔍 Contrôlé\u003c\/h3\u003e\n \u003cp\u003eFilières biologiques vérifiées et traçables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"agr-card\"\u003e\n \u003ch3\u003e🛡️ Transparent\u003c\/h3\u003e\n \u003cp\u003eProduit sain, respectueux de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"agr-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"agr-inci-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eSodium Palmate*\u003c\/strong\u003e, \u003cstrong\u003eSodium Palm Kernelate*\u003c\/strong\u003e, Aqua (Water), Parfum (Fragrance), Limonene, \u003cstrong\u003eGlycerin*\u003c\/strong\u003e, Sodium Chloride, Citric Acid, Tetrasodium Glutamate Diacetate, Tocopherol, Olus (Vegetable) Oil, Linalool, Citral.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Transformés à partir d'ingrédients biologiques.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"agr-accordion\"\u003e\n \u003cdetails class=\"agr-accordion-item\"\u003e\n \u003csummary class=\"agr-accordion-header\"\u003e🧴 Glycérine végétale\u003c\/summary\u003e\n \u003cdiv class=\"agr-accordion-content mt-3\"\u003e\n \u003cp\u003eAgent hydratant naturellement présent lors de la saponification, elle maintient la souplesse cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"agr-accordion-item\"\u003e\n \u003csummary class=\"agr-accordion-header\"\u003e🛡️ Tocophérol (vitamine E)\u003c\/summary\u003e\n \u003cdiv class=\"agr-accordion-content mt-3\"\u003e\n \u003cp\u003eAntioxydant naturel qui protège la formule et contribue à préserver la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"agr-accordion-item\"\u003e\n \u003csummary class=\"agr-accordion-header\"\u003e🍊 Limonène, linalol, citral\u003c\/summary\u003e\n \u003cdiv class=\"agr-accordion-content mt-3\"\u003e\n \u003cp\u003eComposants naturels des huiles essentielles d'agrumes responsables du parfum frais et fruité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"agr-section\"\u003e\n \u003ch2\u003eEmma Noël : l'huile au cœur du soin\u003c\/h2\u003e\n \u003cdiv class=\"agr-testimonial\"\u003e\n \u003cp class=\"agr-testimonial-text\"\u003eDepuis sa création, la marque Emma Noël s'appuie sur l'expertise de la \u003cstrong\u003eHuilerie Émile Noël\u003c\/strong\u003e, pionnière française des huiles biologiques. Chaque savonnette est formulée avec des corps gras végétaux soigneusement sélectionnés, dans le respect d'une démarche bio cohérente, de la matière première au produit fini.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"agr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"agr-cta-box\"\u003e\n \u003cp\u003e🍊 \u003cstrong\u003eFormat :\u003c\/strong\u003e Pain de 100 g — \u003cstrong\u003eFabrication :\u003c\/strong\u003e France (Pont-Saint-Esprit, Gard)\u003c\/p\u003e\n \u003cp\u003eOffrez à votre peau la fraîcheur vivifiante des agrumes bio, chaque jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"agr-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis médical. En cas d'irritation, cessez l'utilisation et 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 --agr-cream: #FFF9F3;\n --agr-white: #ffffff;\n --agr-primary: #E8791D;\n --agr-primary-dark: #C25E0E;\n --agr-primary-light: #FFF0E3;\n --agr-secondary: #8DB839;\n --agr-accent: #D4488E;\n --agr-text: #1a1a1a;\n --agr-text-light: #5a5a5a;\n --agr-border: #F0E0D0;\n --agr-shadow: 0 4px 24px rgba(232,121,29,.08);\n --agr-shadow-lg: 0 12px 48px rgba(232,121,29,.15);\n --agr-radius: 20px;\n --agr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.agr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--agr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.agr-hero {\n position: relative;\n background: linear-gradient(135deg, #E8791D 0%, #F5A623 40%, #8DB839 100%);\n border-radius: var(--agr-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(--agr-shadow-lg);\n}\n\n.agr-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,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.agr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.agr-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.agr-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .01em;\n}\n\n.agr-description {\n color: rgba(255,255,255,.88);\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.agr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.agr-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(--agr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.agr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.agr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.agr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--agr-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.agr-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(--agr-primary), var(--agr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.agr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--agr-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n}\n\n\/* === CARDS === *\/\n.agr-card {\n background: var(--agr-white);\n border-radius: var(--agr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--agr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.agr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--agr-shadow-lg);\n border-color: var(--agr-primary);\n}\n\n.agr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--agr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.agr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--agr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.agr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.agr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.agr-grid-compact .agr-card {\n padding: 1rem;\n}\n\n.agr-grid-compact .agr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.agr-grid-compact .agr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.agr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.agr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.agr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--agr-primary), var(--agr-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.agr-timeline-content {\n flex: 1;\n background: var(--agr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--agr-radius-sm);\n box-shadow: var(--agr-shadow);\n}\n\n.agr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--agr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.agr-timeline-content p {\n font-size: 14px;\n color: var(--agr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.agr-testimonial {\n background: var(--agr-white);\n border-radius: var(--agr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--agr-shadow);\n border-left: 4px solid var(--agr-primary);\n}\n\n.agr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--agr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CERTIF BOX === *\/\n.agr-certif-box {\n background: var(--agr-white);\n border-radius: var(--agr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--agr-shadow);\n text-align: center;\n margin-bottom: 1.25rem;\n border: 2px solid var(--agr-secondary);\n}\n\n.agr-certif-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--agr-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === INCI BOX === *\/\n.agr-inci-box {\n background: var(--agr-white);\n border-radius: var(--agr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--agr-shadow);\n margin-bottom: 1.25rem;\n text-align: center;\n}\n\n.agr-inci-box p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--agr-text-light);\n line-height: 1.7;\n margin: 0 0 .5rem 0;\n}\n\n.agr-inci-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.agr-accordion {\n background: var(--agr-white);\n border-radius: var(--agr-radius);\n box-shadow: var(--agr-shadow);\n overflow: hidden;\n}\n\n.agr-accordion-item {\n border-bottom: 1px solid var(--agr-border);\n margin: 0;\n padding: 0;\n}\n\n.agr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.agr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--agr-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.agr-accordion-header:hover {\n background: var(--agr-primary-light);\n}\n\n.agr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.agr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--agr-primary);\n transition: transform .2s ease;\n}\n\n.agr-accordion-item[open] .agr-accordion-header::after {\n content: '−';\n}\n\n.agr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--agr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.agr-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.agr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--agr-primary-light);\n border-radius: var(--agr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.agr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.agr-tip p {\n font-size: 14px;\n color: var(--agr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.agr-cta-box {\n background: linear-gradient(135deg, var(--agr-primary) 0%, var(--agr-primary-dark) 100%);\n border-radius: var(--agr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.agr-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 .5rem 0;\n}\n\n.agr-cta-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.agr-disclaimer {\n font-size: 12px;\n color: var(--agr-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 .agr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .agr-card {\n padding: 1.125rem;\n }\n\n .agr-section {\n margin-bottom: 1.75rem;\n }\n\n .agr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--agr-radius-sm);\n }\n\n .agr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .agr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .agr-grid-compact {\n gap: .625rem;\n }\n\n .agr-grid-compact .agr-card {\n padding: .75rem;\n }\n\n .agr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .agr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .agr-timeline-content h3 {\n font-size: 14px;\n }\n\n .agr-timeline-content p {\n font-size: 13px;\n }\n\n .agr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .agr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .agr-testimonial {\n padding: 1.25rem;\n }\n\n .agr-testimonial-text {\n font-size: 14px;\n }\n\n .agr-certif-box {\n padding: 1rem;\n }\n\n .agr-inci-box {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .agr-card {\n animation: agrFadeInUp .5s ease backwards;\n }\n .agr-card:nth-child(1) { animation-delay: .05s; }\n .agr-card:nth-child(2) { animation-delay: .1s; }\n .agr-card:nth-child(3) { animation-delay: .15s; }\n .agr-card:nth-child(4) { animation-delay: .2s; }\n .agr-card:nth-child(5) { animation-delay: .25s; }\n .agr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes agrFadeInUp {\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 .agr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOEL","offers":[{"title":"Default Title","offer_id":55225535168889,"sku":"NBAIEMM0068","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savonnette-agrumes-bio-100g-emma-noel-lifestyle_dc64b33b-e998-4dcf-a4a3-e19170d0b579.webp?v=1771340827"},{"product_id":"savonnette-amande-douce-bio-100g-emma-noel","title":"Savonnette Bergamote Bio – 100g – Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savonnette Bergamote Bio – 100g – Emma Noël\nPalette détectée:\n - Primaire: #7AB929 (vert vif du bandeau bergamote sur le packaging)\n - Secondaire: #F5E06B (jaune-vert citronné, rappel bergamote)\n - Accent: #D4E88B (vert clair feuilles décoratives)\nAmbiance: Naturel\/bio, frais, végétal, artisanal français, clean et lumineux\nPréfixe CSS: bg\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Savonnette Bergamote Bio Emma Noël : une toilette fraîche et naturelle au quotidien\"\n 2. \"Les bienfaits de la bergamote pour votre peau\"\n 3. \"Conseils d'utilisation\"\n 4. \"Pourquoi choisir cette savonnette bio plutôt qu'une autre ?\"\n 5. \"Composition complète (INCI)\"\n 6. \"À qui s'adresse ce savon ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bg-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bg-hero\"\u003e\n \u003cdiv class=\"bg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bg-hero-content\"\u003e\n \u003cdiv class=\"bg-badges-top\"\u003e\n \u003cspan class=\"bg-badge\"\u003e🌿 Certifié Cosmébio\u003c\/span\u003e\n \u003cspan class=\"bg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"bg-badge\"\u003e🍋 99 % d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bg-hero-title\"\u003eSavonnette Bergamote Bio\u003c\/span\u003e\n \u003cp class=\"bg-subtitle\"\u003eEmma Noël · 100 g\u003c\/p\u003e\n \u003cp class=\"bg-description\"\u003eUn savon végétal certifié bio aux notes fraîches et acidulées de bergamote, fabriqué artisanalement dans le Gard pour une toilette douce et parfumée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bg-section\"\u003e\n \u003ch2\u003eSavonnette Bergamote Bio Emma Noël : une toilette fraîche et naturelle au quotidien\u003c\/h2\u003e\n \u003cp class=\"bg-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon bio à la bergamote\u003c\/strong\u003e qui allie plaisir des sens et respect de votre peau ? La \u003cstrong\u003esavonnette bergamote bio Emma Noël\u003c\/strong\u003e vous offre une expérience de toilette à la fois douce, parfumée et authentique.\u003c\/p\u003e\n \u003cdiv class=\"bg-highlight-box\"\u003e\n \u003cp\u003eFabriquée en France par l'Huilerie Emile Noël, installée à \u003cstrong\u003ePont-Saint-Esprit dans le Gard\u003c\/strong\u003e, cette savonnette végétale de 100 g incarne un savoir-faire artisanal au service d'une cosmétique responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bg-section\"\u003e\n \u003ch2\u003eLes bienfaits de la bergamote pour votre peau\u003c\/h2\u003e\n \u003cp class=\"bg-section-intro\"\u003eLa \u003cstrong\u003ebergamote\u003c\/strong\u003e est un agrume reconnu pour ses notes à la fois fraîches, légèrement acidulées et subtilement florales. Dans cette savonnette, son parfum naturel transforme chaque douche en un véritable moment de bien-être.\u003c\/p\u003e\n \u003cdiv class=\"bg-grid\"\u003e\n \u003cdiv class=\"bg-card\"\u003e\n \u003ch3\u003e🧴 Nettoyage en douceur\u003c\/h3\u003e\n \u003cp\u003eSa mousse onctueuse débarrasse la peau des impuretés sans jamais l'agresser ni la dessécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bg-card\"\u003e\n \u003ch3\u003e🍊 Fraîcheur longue durée\u003c\/h3\u003e\n \u003cp\u003eLes notes d'agrumes de la bergamote laissent sur la peau un sillage léger et revigorant, idéal pour bien démarrer la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bg-card\"\u003e\n \u003ch3\u003e💧 Hydratation préservée\u003c\/h3\u003e\n \u003cp\u003eGrâce à la \u003cstrong\u003eglycérine végétale\u003c\/strong\u003e naturellement présente, la peau reste souple et confortable après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bg-card\"\u003e\n \u003ch3\u003e🌱 Formule d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e99 %\u003c\/strong\u003e des ingrédients sont d'origine naturelle et \u003cstrong\u003e78 %\u003c\/strong\u003e sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bg-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"bg-timeline\"\u003e\n \u003cdiv class=\"bg-timeline-item\"\u003e\n \u003cdiv class=\"bg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bg-timeline-content\"\u003e\n \u003ch3\u003eMouillez votre peau\u003c\/h3\u003e\n \u003cp\u003ePassez-vous sous l'eau tiède pour préparer la peau à recevoir le savon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bg-timeline-item\"\u003e\n \u003cdiv class=\"bg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bg-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez la \u003cstrong\u003esavonnette bergamote\u003c\/strong\u003e entre vos mains ou directement sur le corps jusqu'à obtenir une mousse généreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bg-timeline-item\"\u003e\n \u003cdiv class=\"bg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bg-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. Convient pour une utilisation quotidienne sur tout le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bg-tip\"\u003e\n \u003cspan class=\"bg-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour prolonger la durée de vie de votre savon, posez-le sur un \u003cstrong\u003eporte-savon ajouré\u003c\/strong\u003e entre chaque utilisation afin qu'il sèche correctement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"bg-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette savonnette bio plutôt qu'une autre ?\u003c\/h2\u003e\n \u003cp class=\"bg-section-intro\"\u003eLe marché du \u003cstrong\u003esavon à la bergamote\u003c\/strong\u003e est vaste, mais cette savonnette Emma Noël se distingue sur plusieurs points importants :\u003c\/p\u003e\n \u003cdiv class=\"bg-grid-compact\"\u003e\n \u003cdiv class=\"bg-card\"\u003e\n \u003ch3\u003e✅ Certification Cosmébio\u003c\/h3\u003e\n \u003cp\u003eCertifié écologique et biologique par ECOCERT Greenlife, un gage de transparence et d'exigence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bg-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eTout est formulé et produit en France, à Pont-Saint-Esprit (30130).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bg-card\"\u003e\n \u003ch3\u003e🌿 Base végétale\u003c\/h3\u003e\n \u003cp\u003eContrairement à certains savons conventionnels, cette savonnette ne contient aucune graisse animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bg-card\"\u003e\n \u003ch3\u003e💚 Marque engagée\u003c\/h3\u003e\n \u003cp\u003eEmma Noël est reconnue depuis des années pour ses huiles et savons bio de qualité, avec une démarche éco-responsable cohérente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"bg-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"bg-accordion\"\u003e\n \u003cdetails class=\"bg-accordion-item\" open\u003e\n \u003csummary class=\"bg-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"bg-accordion-content mt-3\"\u003e\n \u003cp\u003eSodium Palmate**, Sodium Palm Kernelate**, Aqua (Water), Glycerin**, Parfum (Fragrance), Sodium Chloride, Citric Acid, Tetrasodium Glutamate Diacetate, Tocopherol, CI 77492 (Iron Oxides), Olus (Vegetable) Oil, Limonene, Linalool, Citral, Eugenol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bg-accordion-item\"\u003e\n \u003csummary class=\"bg-accordion-header\"\u003e🌱 Origine des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"bg-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003e**\u003c\/strong\u003e Transformés à partir d'ingrédients biologiques.\u003cbr\u003e\n \u003cstrong\u003e99 %\u003c\/strong\u003e du total des ingrédients sont d'origine naturelle. \u003cstrong\u003e78 %\u003c\/strong\u003e du total des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"bg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce savon ?\u003c\/h2\u003e\n \u003cp class=\"bg-section-intro\"\u003eCette savonnette convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les peaux sensibles qui recherchent un nettoyage respectueux. Si vous aimez les parfums d'agrumes frais et que vous souhaitez adopter une routine d'hygiène plus naturelle, c'est un excellent choix. Son format compact de 100 g est également pratique à glisser dans un sac de voyage.\u003c\/p\u003e\n \u003cdiv class=\"bg-cta-box\"\u003e\n \u003cp\u003e🍋 Adoptez la \u003cstrong\u003esavonnette bergamote bio Emma Noël\u003c\/strong\u003e et offrez à votre peau un soin quotidien naturel, parfumé et fabriqué avec exigence en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --bg-cream: #f8f9f3;\n --bg-white: #ffffff;\n --bg-primary: #7AB929;\n --bg-primary-dark: #4a7a15;\n --bg-primary-light: #eef6e0;\n --bg-secondary: #E8D44D;\n --bg-accent: #D4E88B;\n --bg-text: #1a1a1a;\n --bg-text-light: #5a5a5a;\n --bg-border: #e0e0e0;\n --bg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bg-radius: 20px;\n --bg-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bg-hero {\n position: relative;\n background: linear-gradient(135deg, #5a9a10 0%, #7AB929 40%, #9ACD52 70%, #D4E88B 100%);\n border-radius: var(--bg-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(--bg-shadow-lg);\n}\n\n.bg-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.bg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.bg-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.bg-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.bg-description {\n color: rgba(255,255,255,.92);\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.bg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bg-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(--bg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bg-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.bg-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(--bg-primary), var(--bg-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.bg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bg-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.bg-highlight-box {\n background: linear-gradient(135deg, var(--bg-primary-light) 0%, #f5f9ec 100%);\n border-radius: var(--bg-radius-sm);\n padding: clamp(1.25rem, 3vw, 2rem);\n border-left: 4px solid var(--bg-primary);\n max-width: 700px;\n margin: 0 auto;\n}\n\n.bg-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--bg-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.bg-card {\n background: var(--bg-white);\n border-radius: var(--bg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bg-shadow-lg);\n border-color: var(--bg-primary);\n}\n\n.bg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bg-grid-compact .bg-card {\n padding: 1rem;\n}\n\n.bg-grid-compact .bg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bg-grid-compact .bg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bg-primary), var(--bg-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(122,185,41,.3);\n}\n\n.bg-timeline-content {\n flex: 1;\n background: var(--bg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bg-radius-sm);\n box-shadow: var(--bg-shadow);\n}\n\n.bg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bg-timeline-content p {\n font-size: 14px;\n color: var(--bg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.bg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bg-primary-light);\n border-radius: var(--bg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bg-tip p {\n font-size: 14px;\n color: var(--bg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bg-accordion {\n background: var(--bg-white);\n border-radius: var(--bg-radius);\n box-shadow: var(--bg-shadow);\n overflow: hidden;\n}\n\n.bg-accordion-item {\n border-bottom: 1px solid var(--bg-border);\n margin: 0;\n padding: 0;\n}\n\n.bg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bg-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.bg-accordion-header:hover {\n background: var(--bg-primary-light);\n}\n\n.bg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bg-primary);\n transition: transform .2s ease;\n}\n\n.bg-accordion-item[open] .bg-accordion-header::after {\n content: '−';\n}\n\n.bg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bg-cta-box {\n background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-primary-dark) 100%);\n border-radius: var(--bg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bg-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 .bg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bg-card {\n padding: 1.125rem;\n }\n\n .bg-section {\n margin-bottom: 1.75rem;\n }\n\n .bg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bg-radius-sm);\n }\n\n .bg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bg-grid-compact {\n gap: .625rem;\n }\n\n .bg-grid-compact .bg-card {\n padding: .75rem;\n }\n\n .bg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bg-timeline-content h3 {\n font-size: 14px;\n }\n\n .bg-timeline-content p {\n font-size: 13px;\n }\n\n .bg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bg-highlight-box {\n padding: 1rem;\n }\n\n .bg-tip {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bg-card {\n animation: bgFadeInUp .5s ease backwards;\n }\n .bg-card:nth-child(1) { animation-delay: .05s; }\n .bg-card:nth-child(2) { animation-delay: .1s; }\n .bg-card:nth-child(3) { animation-delay: .15s; }\n .bg-card:nth-child(4) { animation-delay: .2s; }\n .bg-card:nth-child(5) { animation-delay: .25s; }\n .bg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bgFadeInUp {\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 .bg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOEL","offers":[{"title":"Default Title","offer_id":55225595265401,"sku":"NBAIEMM0071","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savonnette-bergamote-bio-100g-emma-noel-lifestyle_0324cad5-dbf0-47e9-ae62-b0ae80e1650d.webp?v=1771340758"},{"product_id":"beurre-de-karite-bio-equitable-emma-noel-140g","title":"Beurre de Karité Bio 140 g Emma Noël","description":"\u003cdiv class=\"kr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kr-hero\"\u003e\n \u003cdiv class=\"kr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kr-hero-content\"\u003e\n \u003cdiv class=\"kr-badges-top\"\u003e\n \u003cspan class=\"kr-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"kr-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"kr-badge\"\u003e🇫🇷 Certifié Cosmébio\u003c\/span\u003e\n \u003cspan class=\"kr-badge\"\u003e✨ 140 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kr-hero-title\"\u003eBeurre de Karité Bio Emma Noël\u003c\/span\u003e\n \u003cp class=\"kr-subtitle\"\u003eProtecteur \u0026amp; régénérant — Visage \u0026amp; corps\u003c\/p\u003e\n \u003cp class=\"kr-description\"\u003eUn soin pur, brut et authentique à 100 % de beurre de karité biologique issu du commerce équitable. Nourrissez, protégez et régénérez votre peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"kr-section\"\u003e\n \u003ch2\u003eBeurre de karité bio pur Emma Noël : soin protecteur et régénérant visage \u0026amp; corps\u003c\/h2\u003e\n \u003cp class=\"kr-section-intro\"\u003eVous cherchez un soin naturel capable de nourrir, protéger et régénérer votre peau en profondeur ? Le \u003cstrong\u003ebeurre de karité bio\u003c\/strong\u003e Emma Noël est un incontournable.\u003c\/p\u003e\n \u003cdiv class=\"kr-grid-compact\"\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🧈 100 % pur\u003c\/h3\u003e\n \u003cp\u003eBeurre de karité pur bio, sans aucun additif superflu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🌍 Équitable\u003c\/h3\u003e\n \u003cp\u003eIssu du commerce équitable, certifié Biopartenaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🌿 Certifié Cosmébio\u003c\/h3\u003e\n \u003cp\u003eCosmétique biologique respectant une charte stricte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e💛 Multi-usage\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, cheveux, lèvres et mains\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"kr-section\"\u003e\n \u003ch2\u003ePourquoi choisir un beurre de karité non raffiné bio ?\u003c\/h2\u003e\n \u003cp class=\"kr-section-intro\"\u003eContrairement aux beurres raffinés, un \u003cstrong\u003ebeurre de karité brut bio\u003c\/strong\u003e conserve l'intégralité de ses actifs naturels grâce à un processus de fabrication artisanal.\u003c\/p\u003e\n \u003cdiv class=\"kr-grid\"\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🛡️ Vitamines A, E et F\u003c\/h3\u003e\n \u003cp\u003eAntioxydantes, elles protègent la peau du vieillissement prématuré et des radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🔬 Karitène\u003c\/h3\u003e\n \u003cp\u003eUn actif rare qui favorise la régénération cellulaire et aide la peau à se défendre contre les agressions du soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🌸 Phytostérols\u003c\/h3\u003e\n \u003cp\u003eApaisants et anti-inflammatoires, ils calment les irritations et les tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e💧 Acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003eOléique et stéarique, ils nourrissent intensément et restaurent le film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-tip\"\u003e\n \u003cspan class=\"kr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eVotre peau retrouve souplesse, douceur et confort dès la première application. Si vous avez l'habitude d'acheter votre beurre de karité bio en pharmacie, vous serez agréablement surpris par la texture fondante et l'odeur douce et authentique de ce beurre Emma Noël.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"kr-section\"\u003e\n \u003ch2\u003eComment utiliser le beurre de karité bio Emma Noël ?\u003c\/h2\u003e\n \u003cp class=\"kr-section-intro\"\u003eCe soin multi-usage s'adapte à toutes vos envies. Voici quelques utilisations concrètes pour en tirer le meilleur parti :\u003c\/p\u003e\n \u003cdiv class=\"kr-timeline\"\u003e\n \u003cdiv class=\"kr-timeline-item\"\u003e\n \u003cdiv class=\"kr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kr-timeline-content\"\u003e\n \u003ch3\u003eSoin visage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrélevez une petite quantité, faites-la fondre entre vos paumes et appliquez en légers massages sur le visage. Idéal le soir, il agit comme un masque nourrissant pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-timeline-item\"\u003e\n \u003cdiv class=\"kr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kr-timeline-content\"\u003e\n \u003ch3\u003eBaume corporel\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, sur peau encore légèrement humide, massez les zones sèches (coudes, genoux, talons). Votre peau est immédiatement enveloppée d'un voile protecteur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-timeline-item\"\u003e\n \u003cdiv class=\"kr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kr-timeline-content\"\u003e\n \u003ch3\u003eMasque capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les longueurs et pointes sèches, laissez poser 30 minutes sous une serviette chaude, puis procédez au shampoing. Vos cheveux retrouvent brillance et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-timeline-item\"\u003e\n \u003cdiv class=\"kr-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kr-timeline-content\"\u003e\n \u003ch3\u003eSoin des mains gercées\u003c\/h3\u003e\n \u003cp\u003eEn hiver, appliquez chaque soir sur vos mains abîmées par le froid. Les crevasses s'estompent progressivement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-timeline-item\"\u003e\n \u003cdiv class=\"kr-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"kr-timeline-content\"\u003e\n \u003ch3\u003eBaume à lèvres naturel\u003c\/h3\u003e\n \u003cp\u003eUne pointe de beurre de karité suffit pour protéger et réparer les lèvres desséchées.\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=\"kr-section\"\u003e\n \u003ch2\u003eComposition – INCI\u003c\/h2\u003e\n \u003cdiv class=\"kr-composition-box\"\u003e\n \u003cp class=\"kr-composition-inci\"\u003e\u003cstrong\u003eButyrospermum Parkii Butter*\u003c\/strong\u003e (beurre de karité)\u003c\/p\u003e\n \u003cp class=\"kr-composition-note\"\u003e* Ingrédient issu de l'agriculture biologique. \u003cstrong\u003e100 % du total des ingrédients sont d'origine naturelle et biologique.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"kr-section\"\u003e\n \u003ch2\u003eEngagements et certifications\u003c\/h2\u003e\n \u003cdiv class=\"kr-grid\"\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🏅 Certifié Cosmébio\u003c\/h3\u003e\n \u003cp\u003eGarantie d'un cosmétique biologique respectant une charte stricte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable – Biopartenaire\u003c\/h3\u003e\n \u003cp\u003eLe karité est collecté dans le respect des communautés productrices d'Afrique de l'Ouest.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kr-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eSans conservateur, sans parfum de synthèse, sans paraben : une formule minimaliste et transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"kr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"kr-accordion\"\u003e\n \u003cdetails class=\"kr-accordion-item\" open\u003e\n \u003csummary class=\"kr-accordion-header\"\u003e⚠️ Précautions et conservation\u003c\/summary\u003e\n \u003cdiv class=\"kr-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. Conservez le pot dans un endroit sec, à l'abri de la chaleur. Ce \u003cstrong\u003ebeurre de karité pure bio\u003c\/strong\u003e peut légèrement changer de texture selon la température ambiante : cela n'altère en rien ses propriétés. 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 \u003cdetails class=\"kr-accordion-item\"\u003e\n \u003csummary class=\"kr-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n \u003cdiv class=\"kr-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003e140 g\u003c\/strong\u003e (4.94 oz)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"kr-disclaimer\"\u003eCe produit cosmétique ne remplace pas 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 --kr-cream: #faf6f1;\n --kr-white: #ffffff;\n --kr-primary: #c4975a;\n --kr-primary-dark: #7a5c3a;\n --kr-primary-light: #f3ece3;\n --kr-secondary: #d4a96a;\n --kr-accent: #e8785e;\n --kr-text: #1a1a1a;\n --kr-text-light: #6b5d52;\n --kr-border: #e6ddd3;\n --kr-shadow: 0 4px 24px rgba(122,92,58,.08);\n --kr-shadow-lg: 0 12px 48px rgba(122,92,58,.15);\n --kr-radius: 20px;\n --kr-radius-sm: 12px;\n}\n\n.kr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kr-hero {\n position: relative;\n background: linear-gradient(135deg, #c4975a 0%, #a67c4a 40%, #7a5c3a 100%);\n border-radius: var(--kr-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(--kr-shadow-lg);\n}\n\n.kr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.12) 0%, transparent 60%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%);\n opacity: 1;\n}\n\n.kr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kr-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.kr-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.kr-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kr-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(--kr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kr-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.kr-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(--kr-primary), var(--kr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.kr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kr-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.kr-card {\n background: var(--kr-white);\n border-radius: var(--kr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kr-shadow-lg);\n border-color: var(--kr-primary);\n}\n\n.kr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kr-grid-compact .kr-card {\n padding: 1rem;\n}\n\n.kr-grid-compact .kr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kr-grid-compact .kr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kr-primary), var(--kr-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.kr-timeline-content {\n flex: 1;\n background: var(--kr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kr-radius-sm);\n box-shadow: var(--kr-shadow);\n}\n\n.kr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kr-timeline-content p {\n font-size: 14px;\n color: var(--kr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.kr-composition-box {\n background: var(--kr-white);\n border-radius: var(--kr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kr-shadow);\n text-align: center;\n border: 2px solid var(--kr-primary-light);\n}\n\n.kr-composition-inci {\n font-size: clamp(16px, 2.5vw, 20px);\n color: var(--kr-primary-dark);\n margin: 0 0 1rem 0;\n font-weight: 600;\n}\n\n.kr-composition-note {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.kr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kr-primary-light);\n border-radius: var(--kr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kr-tip p {\n font-size: 14px;\n color: var(--kr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.kr-testimonial {\n background: var(--kr-white);\n border-radius: var(--kr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kr-shadow);\n border-left: 4px solid var(--kr-primary);\n}\n\n.kr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kr-accordion {\n background: var(--kr-white);\n border-radius: var(--kr-radius);\n box-shadow: var(--kr-shadow);\n overflow: hidden;\n}\n\n.kr-accordion-item {\n border-bottom: 1px solid var(--kr-border);\n margin: 0;\n padding: 0;\n}\n\n.kr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kr-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.kr-accordion-header:hover {\n background: var(--kr-primary-light);\n}\n\n.kr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kr-primary);\n transition: transform .2s ease;\n}\n\n.kr-accordion-item[open] .kr-accordion-header::after {\n content: '−';\n}\n\n.kr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kr-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.kr-disclaimer {\n font-size: 12px;\n color: var(--kr-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 .kr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kr-card {\n padding: 1.125rem;\n }\n\n .kr-section {\n margin-bottom: 1.75rem;\n }\n\n .kr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kr-radius-sm);\n }\n\n .kr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kr-grid-compact {\n gap: .625rem;\n }\n\n .kr-grid-compact .kr-card {\n padding: .75rem;\n }\n\n .kr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kr-timeline-content h3 {\n font-size: 14px;\n }\n\n .kr-timeline-content p {\n font-size: 13px;\n }\n\n .kr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .kr-testimonial {\n padding: 1.25rem;\n }\n\n .kr-testimonial-text {\n font-size: 14px;\n }\n\n .kr-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kr-card {\n animation: krFadeInUp .5s ease backwards;\n }\n .kr-card:nth-child(1) { animation-delay: .05s; }\n .kr-card:nth-child(2) { animation-delay: .1s; }\n .kr-card:nth-child(3) { animation-delay: .15s; }\n .kr-card:nth-child(4) { animation-delay: .2s; }\n .kr-card:nth-child(5) { animation-delay: .25s; }\n .kr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes krFadeInUp {\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 .kr-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":55363839656313,"sku":"NBAIEMM0005","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-bio-equitable-140-g.png?v=1776238750"},{"product_id":"baume-karite-argan-bio-emma-noel-140g","title":"Baume au Beurre de Karité à l'Huile d'Argan 140 g Emma Noël","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🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🤝 Commerce Équitable\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🧴 140 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arg-hero-title\"\u003eBaume au Beurre de Karité à l'Huile d'Argan\u003c\/span\u003e\n \u003cp class=\"arg-subtitle\"\u003eEmma Noël — L'huile source de soin\u003c\/p\u003e\n \u003cp class=\"arg-description\"\u003eUn soin visage \u0026amp; corps d'une richesse exceptionnelle, 100 % naturel et biologique, pour nourrir intensément les peaux les plus exigeantes.\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\u003eBaume au beurre de karité et huile d'argan bio : le soin visage et corps qui nourrit en profondeur\u003c\/h2\u003e\n \u003cp class=\"arg-section-intro\"\u003eVotre peau tiraille, manque de souplesse ou paraît terne ? Ce baume est exactement le soin dont elle a besoin.\u003c\/p\u003e\n \u003cdiv class=\"arg-grid-compact\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e✨ Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eDeux ingrédients stars de la cosmétique naturelle réunis pour nourrir en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🧬 Peaux sèches \u0026amp; matures\u003c\/h3\u003e\n \u003cp\u003eEfficacité renforcée sur les peaux en manque de confort et de souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003e100 % des ingrédients d'origine naturelle et biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🇫🇷 Formulé en France\u003c\/h3\u003e\n \u003cp\u003eUn savoir-faire français au service de votre peau, au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003ePourquoi associer beurre de karité et huile d'argan ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card arg-card-duo\"\u003e\n \u003ch3\u003e🛡️ Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eReconnu depuis des siècles pour ses propriétés protectrices et adoucissantes. Riche en acides gras essentiels, il forme un film naturel qui protège la peau de la déshydratation sans l'étouffer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card arg-card-duo\"\u003e\n \u003ch3\u003e💧 Huile d'argan\u003c\/h3\u003e\n \u003cp\u003eConcentré de vitamine E antioxydante, elle aide à préserver l'élasticité cutanée et à atténuer les signes du vieillissement. Elle revitalise et assouplit la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-tip\"\u003e\n \u003cspan class=\"arg-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eLe duo parfait :\u003c\/strong\u003e le karité répare et protège, l'argan revitalise et assouplit. Un baume d'une richesse remarquable, 100 % naturel et respectueux de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003eUne composition clean, bio et équitable\u003c\/h2\u003e\n \u003cp class=\"arg-section-intro\"\u003eAucun ingrédient superflu. Seulement l'essentiel pour votre peau.\u003c\/p\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🧈 Butyrospermum Parkii Butter\u003c\/h3\u003e\n \u003cp\u003eBeurre de karité bio — actif nourrissant et protecteur principal du baume.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌰 Argania Spinosa Kernel Oil\u003c\/h3\u003e\n \u003cp\u003eHuile d'argan bio — apporte souplesse, éclat et antioxydants à la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Parfum naturel\u003c\/h3\u003e\n \u003cp\u003eFragrance naturelle contenant citral, limonène et linalol, composants naturellement présents dans les huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-tip\"\u003e\n \u003cspan class=\"arg-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e99,5 % des ingrédients sont issus du commerce équitable\u003c\/strong\u003e via la filière Biopartenaire. Aucun conservateur de synthèse, aucun colorant artificiel, aucun dérivé pétrochimique. Non testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003eComment bien utiliser ce baume au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"arg-section-intro\"\u003eTexture dense et fondante : suivez ces étapes pour en tirer le meilleur bénéfice hydratant.\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\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003ePrenez une petite quantité de baume et faites-la fondre entre vos paumes quelques secondes.\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\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eAppliquez en massages circulaires doux sur les zones ciblées : mains, coudes, pieds, visage, décolleté.\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\u003eSoin quotidien ou masque réparateur\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le chaque soir en soin nourrissant, ou ponctuellement comme masque réparateur sur les zones très sèches.\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\u003eAstuce capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez une fine couche sur les pointes abîmées pour les nourrir et les réparer intensément.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-tip\"\u003e\n \u003cspan class=\"arg-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003eSon format généreux de \u003cstrong\u003e140 g\u003c\/strong\u003e vous accompagne pendant plusieurs semaines d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce baume Emma Noël ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid-compact\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌡️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense pour les peaux en manque de confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🕊️ Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormule naturelle et douce, sans ingrédient agressif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eVitamine E et acides gras pour préserver élasticité et éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e❄️ Protection hivernale\u003c\/h3\u003e\n \u003cp\u003eIdéal quand le froid agresse l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e☀️ Après-soleil\u003c\/h3\u003e\n \u003cp\u003eRestaure le confort cutané après une exposition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌿 Alternative éthique\u003c\/h3\u003e\n \u003cp\u003e100 % naturel et équitable, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"arg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"arg-accordion\"\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux. En cas d'allergie connue aux fruits à coque, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le baume à l'abri de la chaleur et de la lumière directe pour préserver la qualité des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --arg-cream: #faf6f2;\n --arg-white: #ffffff;\n --arg-primary: #8b2e3b;\n --arg-primary-dark: #5e1a25;\n --arg-primary-light: #f5e8eb;\n --arg-secondary: #c97a3a;\n --arg-accent: #d4956a;\n --arg-text: #1a1a1a;\n --arg-text-light: #5a5a5a;\n --arg-border: #e8ddd5;\n --arg-shadow: 0 4px 24px rgba(94, 26, 37, .08);\n --arg-shadow-lg: 0 12px 48px rgba(94, 26, 37, .15);\n --arg-radius: 20px;\n --arg-radius-sm: 12px;\n}\n\n.arg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.arg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--arg-primary-dark) 0%, var(--arg-primary) 45%, var(--arg-secondary) 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: radial-gradient(ellipse at 20% 80%, rgba(201, 122, 58, .3) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(212, 149, 106, .2) 0%, transparent 50%);\n opacity: .6;\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 line-height: 1.1;\n}\n\n.arg-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n letter-spacing: .05em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\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.25;\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\/* === SECTION INTRO === *\/\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: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\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.arg-card-duo {\n text-align: left;\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}\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.5;\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\/* === TESTIMONIAL === *\/\n.arg-testimonial {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--arg-shadow);\n border-left: 4px solid var(--arg-primary);\n}\n\n.arg-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--arg-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.arg-accordion {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n box-shadow: var(--arg-shadow);\n overflow: hidden;\n}\n\n.arg-accordion-item {\n border-bottom: 1px solid var(--arg-border);\n margin: 0;\n padding: 0;\n}\n\n.arg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.arg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--arg-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.arg-accordion-header:hover {\n background: var(--arg-primary-light);\n}\n\n.arg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.arg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--arg-primary);\n transition: transform .2s ease;\n}\n\n.arg-accordion-item[open] .arg-accordion-header::after {\n content: '−';\n}\n\n.arg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--arg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.arg-accordion-content p {\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .arg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .arg-card {\n padding: 1.125rem;\n }\n\n .arg-card-duo {\n text-align: center;\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .arg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .arg-testimonial {\n padding: 1.25rem;\n }\n\n .arg-testimonial-text {\n font-size: 14px;\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\n@keyframes argFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\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":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":55363840016761,"sku":"NBAIEMM0001","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-karite-argan-bio-140-g.png?v=1776329022"},{"product_id":"baume-karite-coco-bio-140g-emma-noel","title":"Baume au beurre de Karité Coco Bio 140 g Emma Noël","description":"\u003cdiv class=\"bkc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bkc-hero\"\u003e\n \u003cdiv class=\"bkc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bkc-hero-content\"\u003e\n \u003cdiv class=\"bkc-badges-top\"\u003e\n \u003cspan class=\"bkc-badge\"\u003e🥥 Beurre de karité \u0026amp; coco bio\u003c\/span\u003e\n \u003cspan class=\"bkc-badge\"\u003e🌿 99 % bio \u0026amp; équitable\u003c\/span\u003e\n \u003cspan class=\"bkc-badge\"\u003e🇫🇷 Certifié Cosmébio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bkc-hero-title\"\u003eBaume au beurre de karité coco bio 140 g\u003c\/span\u003e\n \u003cp class=\"bkc-subtitle\"\u003eEmma Noël — L'huile source de soin\u003c\/p\u003e\n \u003cp class=\"bkc-description\"\u003eUn concentré de nutrition fondant au beurre de karité et à l'huile de coco bio pour envelopper les peaux sèches d'un voile de douceur et de confort, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bkc-section\"\u003e\n \u003ch2\u003eBaume au beurre de karité et coco bio : le soin intense des peaux sèches\u003c\/h2\u003e\n \u003cp class=\"bkc-section-intro\"\u003eVotre peau tiraille, manque de souplesse ou présente des zones de sécheresse persistantes ? Ce baume a été formulé précisément pour y répondre.\u003c\/p\u003e\n \u003cdiv class=\"bkc-grid-compact\"\u003e\n \u003cdiv class=\"bkc-card\"\u003e\n \u003ch3\u003e✨ Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eUn concentré de beurre de karité qui restaure le film hydrolipidique des peaux fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bkc-card\"\u003e\n \u003ch3\u003e🛡️ Voile protecteur\u003c\/h3\u003e\n \u003cp\u003eEnveloppe la peau d'une barrière douce qui protège contre les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bkc-card\"\u003e\n \u003ch3\u003e🤲 Douceur retrouvée\u003c\/h3\u003e\n \u003cp\u003eRestitue souplesse et confort dès la première application, même sur les zones les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bkc-card\"\u003e\n \u003ch3\u003e🌙 Confort longue durée\u003c\/h3\u003e\n \u003cp\u003eUne action continue jour après jour pour une peau durablement nourrie et apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bkc-section\"\u003e\n \u003ch2\u003ePourquoi choisir un baume beurre de karité et coco ?\u003c\/h2\u003e\n \u003cp class=\"bkc-section-intro\"\u003eLe beurre de karité est reconnu depuis des siècles en Afrique de l'Ouest pour ses exceptionnelles propriétés nourrissantes et réparatrices. Associé à l'huile de coco bio, il forme un duo complémentaire qui agit en surface et en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"bkc-grid\"\u003e\n \u003cdiv class=\"bkc-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eNaturellement riche en vitamines A, D, E et F, il pénètre en profondeur pour restaurer le film hydrolipidique des peaux fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bkc-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eRéputée pour son pouvoir émollient et adoucissant, elle complète le karité pour une action globale en surface et en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bkc-card\"\u003e\n \u003ch3\u003e💧 Texture fondante\u003c\/h3\u003e\n \u003cp\u003eContrairement à une simple crème, ce baume fond au contact de la chaleur de vos mains pour une pénétration optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bkc-card\"\u003e\n \u003ch3\u003e🌀 Multi-usages\u003c\/h3\u003e\n \u003cp\u003ePeaux sèches, coudes, talons, cuticules et même en baume à lèvres au beurre de karité pour nourrir vos lèvres gercées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bkc-section\"\u003e\n \u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n \u003cp class=\"bkc-section-intro\"\u003e100 % d'ingrédients d'origine naturelle, dont 99 % issus de l'agriculture biologique et du commerce équitable.\u003c\/p\u003e\n \u003cdiv class=\"bkc-grid\"\u003e\n \u003cdiv class=\"bkc-card bkc-card-ingredient\"\u003e\n \u003ch3\u003e🧈 Butyrospermum Parkii Butter*\u003c\/h3\u003e\n \u003cp\u003eBeurre de karité bio — ingrédient principal aux vertus nourrissantes et protectrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bkc-card bkc-card-ingredient\"\u003e\n \u003ch3\u003e🥥 Cocos Nucifera Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de coco bio — émolliente et adoucissante pour une peau soyeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bkc-card bkc-card-ingredient\"\u003e\n \u003ch3\u003e🌸 Parfum (Fragrance)\u003c\/h3\u003e\n \u003cp\u003eParfum délicat de noix de coco pour une expérience sensorielle enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bkc-tip\"\u003e\n \u003cspan class=\"bkc-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique et du commerce équitable.\u003c\/em\u003e Formule sans conservateur synthétique, sans paraben et sans huile minérale. Certifiée \u003cstrong\u003eCosmébio\u003c\/strong\u003e et labellisée \u003cstrong\u003eBiopartenaire \/ Fair for Life\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"bkc-section\"\u003e\n \u003ch2\u003eComment bien utiliser votre baume au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"bkc-timeline\"\u003e\n \u003cdiv class=\"bkc-timeline-item\"\u003e\n \u003cdiv class=\"bkc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bkc-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une petite quantité\u003c\/h3\u003e\n \u003cp\u003eDu bout des doigts, prélevez un peu de baume et faites-le fondre dans le creux de vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bkc-timeline-item\"\u003e\n \u003cdiv class=\"bkc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bkc-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eMassez doucement les zones qui en ont le plus besoin : visage, corps, mains, lèvres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bkc-timeline-item\"\u003e\n \u003cdiv class=\"bkc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bkc-timeline-content\"\u003e\n \u003ch3\u003ePrivilégiez le soir, après la douche\u003c\/h3\u003e\n \u003cp\u003eLa peau encore légèrement humide favorise l'absorption pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bkc-timeline-item\"\u003e\n \u003cdiv class=\"bkc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bkc-timeline-content\"\u003e\n \u003ch3\u003eEmportez-le partout en hiver\u003c\/h3\u003e\n \u003cp\u003eGlissez-le dans votre sac pour l'utiliser comme baume lèvres beurre de karité d'appoint tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bkc-tip\"\u003e\n \u003cspan class=\"bkc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSa texture solide qui fond instantanément le rend très économique : un pot de \u003cstrong\u003e140 g\u003c\/strong\u003e dure plusieurs mois avec une utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"bkc-section\"\u003e\n \u003ch2\u003eUn engagement éthique à chaque application\u003c\/h2\u003e\n \u003cp class=\"bkc-section-intro\"\u003eEn choisissant ce baume Emma Noël, vous soutenez concrètement les filières de commerce équitable de beurre de karité et d'huile de coco.\u003c\/p\u003e\n \u003cdiv class=\"bkc-grid\"\u003e\n \u003cdiv class=\"bkc-card\"\u003e\n \u003ch3\u003e🤝 Fair for Life\u003c\/h3\u003e\n \u003cp\u003eRémunération juste des producteurs et conditions de travail dignes garanties par la certification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bkc-card\"\u003e\n \u003ch3\u003e🌍 Pratiques durables\u003c\/h3\u003e\n \u003cp\u003eDes méthodes agricoles respectueuses de l'environnement et des écosystèmes locaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bkc-card\"\u003e\n \u003ch3\u003e💚 Un soin engagé\u003c\/h3\u003e\n \u003cp\u003eDu bien pour votre peau et pour les communautés qui rendent ce produit possible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Précautions en accordéon --\u003e\n \u003csection class=\"bkc-section\"\u003e\n \u003cdiv class=\"bkc-accordion\"\u003e\n \u003cdetails class=\"bkc-accordion-item\"\u003e\n \u003csummary class=\"bkc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bkc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un traitement dermatologique. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Conservez à l'abri de la chaleur et de la lumière 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=\"bkc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bkc-cta-box\"\u003e\n \u003cp\u003e🥥 Offrez à votre peau le confort qu'elle mérite avec ce baume fondant au karité et coco bio — un geste de douceur naturel, éthique et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bkc-disclaimer\"\u003eCosmétique certifié bio par Cosmébio. Résultats individuels variables. Ce produit 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 --bkc-cream: #f7f5f0;\n --bkc-white: #ffffff;\n --bkc-primary: #4bb8d4;\n --bkc-primary-dark: #1a7a96;\n --bkc-primary-light: #e6f5fa;\n --bkc-secondary: #e8a87c;\n --bkc-accent: #d4547a;\n --bkc-text: #1a1a1a;\n --bkc-text-light: #5a5a5a;\n --bkc-border: #e0e0e0;\n --bkc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bkc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bkc-radius: 20px;\n --bkc-radius-sm: 12px;\n}\n\n.bkc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bkc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bkc-hero {\n position: relative;\n background: linear-gradient(135deg, #4bb8d4 0%, #3a9bb8 40%, #e8a87c 100%);\n border-radius: var(--bkc-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(--bkc-shadow-lg);\n}\n\n.bkc-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.bkc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bkc-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.bkc-subtitle {\n color: rgba(255,255,255,.9);\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.bkc-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.bkc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bkc-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(--bkc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bkc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bkc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bkc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bkc-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.bkc-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(--bkc-primary), var(--bkc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.bkc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bkc-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.bkc-card {\n background: var(--bkc-white);\n border-radius: var(--bkc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bkc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bkc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bkc-shadow-lg);\n border-color: var(--bkc-primary);\n}\n\n.bkc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bkc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bkc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bkc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bkc-card-ingredient {\n border-top: 3px solid var(--bkc-primary);\n}\n\n\/* === GRILLES === *\/\n.bkc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bkc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bkc-grid-compact .bkc-card {\n padding: 1rem;\n}\n\n.bkc-grid-compact .bkc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bkc-grid-compact .bkc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bkc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bkc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bkc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bkc-primary), var(--bkc-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.bkc-timeline-content {\n flex: 1;\n background: var(--bkc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bkc-radius-sm);\n box-shadow: var(--bkc-shadow);\n}\n\n.bkc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bkc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bkc-timeline-content p {\n font-size: 14px;\n color: var(--bkc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bkc-testimonial {\n background: var(--bkc-white);\n border-radius: var(--bkc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bkc-shadow);\n border-left: 4px solid var(--bkc-primary);\n}\n\n.bkc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bkc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.bkc-accordion {\n background: var(--bkc-white);\n border-radius: var(--bkc-radius);\n box-shadow: var(--bkc-shadow);\n overflow: hidden;\n}\n\n.bkc-accordion-item {\n border-bottom: 1px solid var(--bkc-border);\n margin: 0;\n padding: 0;\n}\n\n.bkc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bkc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bkc-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.bkc-accordion-header:hover {\n background: var(--bkc-primary-light);\n}\n\n.bkc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bkc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bkc-primary);\n transition: transform .2s ease;\n}\n\n.bkc-accordion-item[open] .bkc-accordion-header::after {\n content: '−';\n}\n\n.bkc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bkc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bkc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.bkc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bkc-primary-light);\n border-radius: var(--bkc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bkc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bkc-tip p {\n font-size: 14px;\n color: var(--bkc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.bkc-cta-box {\n background: linear-gradient(135deg, var(--bkc-primary) 0%, var(--bkc-primary-dark) 100%);\n border-radius: var(--bkc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bkc-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.bkc-disclaimer {\n font-size: 12px;\n color: var(--bkc-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 .bkc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bkc-card {\n padding: 1.125rem;\n }\n\n .bkc-section {\n margin-bottom: 1.75rem;\n }\n\n .bkc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bkc-radius-sm);\n }\n\n .bkc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bkc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bkc-grid-compact {\n gap: .625rem;\n }\n\n .bkc-grid-compact .bkc-card {\n padding: .75rem;\n }\n\n .bkc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bkc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bkc-timeline-content h3 {\n font-size: 14px;\n }\n\n .bkc-timeline-content p {\n font-size: 13px;\n }\n\n .bkc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bkc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bkc-testimonial {\n padding: 1.25rem;\n }\n\n .bkc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bkc-card {\n animation: bkcFadeInUp .5s ease backwards;\n }\n .bkc-card:nth-child(1) { animation-delay: .05s; }\n .bkc-card:nth-child(2) { animation-delay: .1s; }\n .bkc-card:nth-child(3) { animation-delay: .15s; }\n .bkc-card:nth-child(4) { animation-delay: .2s; }\n .bkc-card:nth-child(5) { animation-delay: .25s; }\n .bkc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bkcFadeInUp {\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 .bkc-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":55363840344441,"sku":"NBAIEMM0002","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-au-beurre-de-karite-coco-bio-140-g-emma-noel-benefits.webp?v=1776356622"},{"product_id":"baume-karite-monoi-bio-140g-emma-noel","title":"Baume au Beurre de Karité Monoï Bio 140 g Emma Noël","description":"\u003cdiv class=\"mn-premium\"\u003e\n\n \u003cdiv class=\"mn-hero\"\u003e\n \u003cdiv class=\"mn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mn-hero-content\"\u003e\n \u003cdiv class=\"mn-badges-top\"\u003e\n \u003cspan class=\"mn-badge\"\u003e🌿 Certifié Cosmébio\u003c\/span\u003e\n \u003cspan class=\"mn-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"mn-badge\"\u003e🌺 140 g de soin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mn-hero-title\"\u003eBaume au beurre de karité monoï bio Emma Noël\u003c\/span\u003e\n \u003cp class=\"mn-subtitle\"\u003eNourrissant \u0026amp; hydratant — Un voyage sensoriel pour votre peau\u003c\/p\u003e\n \u003cp class=\"mn-description\"\u003e93 % d'ingrédients bio et équitables • 100 % d'origine naturelle • Sans paraben\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003eBaume au beurre de karité \u0026amp; monoï bio : un soin nourrissant d'exception\u003c\/h2\u003e\n \u003cp class=\"mn-section-intro\"\u003eImaginez un soin qui transporte votre peau sous le soleil de Tahiti. Le \u003cstrong\u003ebaume au beurre de karité monoï bio Emma Noël\u003c\/strong\u003e est un \u003cstrong\u003ebaume hydratant corps\u003c\/strong\u003e d'une richesse incomparable, formulé à partir d'ingrédients naturels et équitables.\u003c\/p\u003e\n \u003cp class=\"mn-section-intro\"\u003eSa texture fondante pénètre en douceur pour nourrir, adoucir et protéger votre peau au quotidien. Avec ses 140 g de soin concentré, ce pot généreux vous accompagne pendant de longues semaines.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003ePourquoi votre peau va adorer ce baume hydratant ?\u003c\/h2\u003e\n \u003cp class=\"mn-section-intro\"\u003eSi vous cherchez le \u003cstrong\u003emeilleur baume hydratant corps\u003c\/strong\u003e alliant efficacité et naturalité, ce soin coche toutes les cases. Chaque ingrédient a été sélectionné pour ses vertus reconnues :\u003c\/p\u003e\n \u003cdiv class=\"mn-grid\"\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eVéritable trésor africain, il nourrit intensément les peaux sèches et fragilisées, restaure la barrière cutanée et apporte une souplesse durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🌺 Huile de monoï\u003c\/h3\u003e\n \u003cp\u003eObtenue par macération de fleurs de tiaré dans de l'huile de coco, elle parfume délicatement la peau tout en l'assouplissant et en la sublimant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🥥 Huile vierge de coco bio\u003c\/h3\u003e\n \u003cp\u003eRéputée pour ses propriétés émollientes, elle aide à maintenir une hydratation optimale, même sur les zones les plus desséchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-tip\"\u003e\n \u003cspan class=\"mn-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e votre peau est visiblement plus douce, nourrie en profondeur et enveloppée d'un parfum floral délicat qui évoque les îles. Ce \u003cstrong\u003ebaume corps hydratant\u003c\/strong\u003e convient aussi bien aux peaux normales qu'aux peaux très sèches ou matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003eUn soin polyvalent pour le corps et les cheveux\u003c\/h2\u003e\n \u003cp class=\"mn-section-intro\"\u003eCe qui distingue ce baume de karité monoï, c'est sa polyvalence. Vous pouvez l'utiliser de multiples façons :\u003c\/p\u003e\n \u003cdiv class=\"mn-timeline\"\u003e\n \u003cdiv class=\"mn-timeline-item\"\u003e\n \u003cdiv class=\"mn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-content\"\u003e\n \u003ch3\u003e🚿 Soin corporel quotidien\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de baume après la douche sur peau encore légèrement humide pour sceller l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-item\"\u003e\n \u003cdiv class=\"mn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-content\"\u003e\n \u003ch3\u003e☀️ Soin après-soleil\u003c\/h3\u003e\n \u003cp\u003eAprès une exposition, il apaise et prolonge l'éclat de votre bronzage naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-item\"\u003e\n \u003cdiv class=\"mn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-content\"\u003e\n \u003ch3\u003e💇 Masque capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les longueurs et pointes sèches, laissez poser 20 minutes avant le shampoing pour retrouver des cheveux soyeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-item\"\u003e\n \u003cdiv class=\"mn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-content\"\u003e\n \u003ch3\u003e🎯 Soin ciblé\u003c\/h3\u003e\n \u003cp\u003eCoudes, talons, mains abîmées — massez généreusement les zones rugueuses avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-tip\"\u003e\n \u003cspan class=\"mn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eFaites fondre le produit entre vos paumes : sa texture se transforme en huile sèche, facile à étaler et rapidement absorbée, sans laisser de film gras désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003eComposition certifiée bio et engagement équitable\u003c\/h2\u003e\n \u003cp class=\"mn-section-intro\"\u003eEmma Noël place l'éthique au cœur de ses formulations. Ce baume est \u003cstrong\u003ecertifié Cosmébio\u003c\/strong\u003e et labellisé \u003cstrong\u003eBiopartenaire – Fair for Life\u003c\/strong\u003e, garantissant un approvisionnement en beurre de karité issu du commerce équitable.\u003c\/p\u003e\n \u003cdiv class=\"mn-grid-compact\"\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle uniquement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🌱 93 % bio \u0026amp; équitable\u003c\/h3\u003e\n \u003cp\u003eIssus de l'agriculture biologique et du commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🚫 Sans indésirables\u003c\/h3\u003e\n \u003cp\u003eSans paraben, sans phénoxyéthanol, sans huile minérale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🔬 Testé dermato\u003c\/h3\u003e\n \u003cp\u003eTesté dermatologiquement pour votre sécurité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"mn-accordion-item\"\u003e\n \u003csummary class=\"mn-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"mn-accordion-content mt-3\"\u003e\n \u003cp\u003eButyrospermum Parkii Butter*, Cocos Nucifera Oil*, Cocos Nucifera Oil (and) Gardenia Tahitensis Flower Extract, Parfum, Tocopherol, Helianthus Annuus Seed Oil. \u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003ePrécautions et conseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"mn-accordion\"\u003e\n \u003cdetails class=\"mn-accordion-item\" open\u003e\n \u003csummary class=\"mn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mn-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez ce baume à l'abri de la chaleur directe pour préserver sa texture et ses actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mn-accordion-item\"\u003e\n \u003csummary class=\"mn-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mn-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas de réaction cutanée inhabituelle, cessez l'utilisation et consultez un professionnel de santé. Ce produit cosmétique ne remplace en aucun cas un traitement médical ou une protection solaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mn-cta-box\"\u003e\n \u003cp\u003e🌺 En choisissant ce \u003cstrong\u003ebaume hydratant pour le corps\u003c\/strong\u003e Emma Noël, vous offrez à votre peau un soin authentique, respectueux de votre santé et de la planète. Un geste beauté simple qui fait vraiment la différence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mn-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Ce produit cosmétique ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mn-cream: #fffbf3;\n --mn-white: #ffffff;\n --mn-primary: #f5a623;\n --mn-primary-dark: #c47d0e;\n --mn-primary-light: #fef5e2;\n --mn-secondary: #e8892a;\n --mn-accent: #d4548a;\n --mn-text: #1a1a1a;\n --mn-text-light: #5a5a5a;\n --mn-border: #e8e0d4;\n --mn-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mn-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mn-radius: 20px;\n --mn-radius-sm: 12px;\n}\n\n.mn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mn-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mn-hero {\n position: relative;\n background: linear-gradient(135deg, #f5a623 0%, #e8892a 40%, #d4548a 100%);\n border-radius: var(--mn-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(--mn-shadow-lg);\n}\n\n.mn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\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.mn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mn-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.mn-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.mn-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(13px, 2vw, 16px);\n margin: 0;\n font-weight: 500;\n}\n\n\/* === BADGES === *\/\n.mn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mn-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(--mn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mn-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.mn-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(--mn-primary), var(--mn-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mn-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.mn-section-intro strong {\n color: var(--mn-text);\n}\n\n\/* === CARDS === *\/\n.mn-card {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mn-shadow-lg);\n border-color: var(--mn-primary);\n}\n\n.mn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mn-grid-compact .mn-card {\n padding: 1rem;\n}\n\n.mn-grid-compact .mn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mn-grid-compact .mn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mn-primary), var(--mn-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.mn-timeline-content {\n flex: 1;\n background: var(--mn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mn-radius-sm);\n box-shadow: var(--mn-shadow);\n}\n\n.mn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mn-timeline-content p {\n font-size: 14px;\n color: var(--mn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mn-primary-light);\n border-radius: var(--mn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mn-tip p {\n font-size: 14px;\n color: var(--mn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mn-tip p strong {\n color: var(--mn-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.mn-testimonial {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mn-shadow);\n border-left: 4px solid var(--mn-primary);\n}\n\n.mn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mn-accordion {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n box-shadow: var(--mn-shadow);\n overflow: hidden;\n}\n\n.mn-accordion-item {\n border-bottom: 1px solid var(--mn-border);\n margin: 0;\n padding: 0;\n}\n\n.mn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mn-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.mn-accordion-header:hover {\n background: var(--mn-primary-light);\n}\n\n.mn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mn-primary);\n transition: transform .2s ease;\n}\n\n.mn-accordion-item[open] .mn-accordion-header::after {\n content: '−';\n}\n\n.mn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mn-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mn-cta-box {\n background: linear-gradient(135deg, var(--mn-primary) 0%, var(--mn-secondary) 50%, var(--mn-accent) 100%);\n border-radius: var(--mn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mn-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.mn-disclaimer {\n font-size: 12px;\n color: var(--mn-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 .mn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mn-card {\n padding: 1.125rem;\n }\n\n .mn-section {\n margin-bottom: 1.75rem;\n }\n\n .mn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mn-radius-sm);\n }\n\n .mn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mn-grid-compact {\n gap: .625rem;\n }\n\n .mn-grid-compact .mn-card {\n padding: .75rem;\n }\n\n .mn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mn-timeline-content h3 {\n font-size: 14px;\n }\n\n .mn-timeline-content p {\n font-size: 13px;\n }\n\n .mn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mn-testimonial {\n padding: 1.25rem;\n }\n\n .mn-testimonial-text {\n font-size: 14px;\n }\n\n .mn-section-intro {\n font-size: 14px;\n margin-bottom: 1rem;\n }\n\n .mn-tip {\n padding: .875rem 1rem;\n }\n\n .mn-tip-icon {\n font-size: 20px;\n }\n\n .mn-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mn-card {\n animation: mnFadeInUp .5s ease backwards;\n }\n .mn-card:nth-child(1) { animation-delay: .05s; }\n .mn-card:nth-child(2) { animation-delay: .1s; }\n .mn-card:nth-child(3) { animation-delay: .15s; }\n .mn-card:nth-child(4) { animation-delay: .2s; }\n .mn-card:nth-child(5) { animation-delay: .25s; }\n .mn-card:nth-child(6) { animation-delay: .3s; }\n\n .mn-timeline-item {\n animation: mnFadeInUp .5s ease backwards;\n }\n .mn-timeline-item:nth-child(1) { animation-delay: .05s; }\n .mn-timeline-item:nth-child(2) { animation-delay: .1s; }\n .mn-timeline-item:nth-child(3) { animation-delay: .15s; }\n .mn-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes mnFadeInUp {\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 .mn-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":55363840803193,"sku":"NBAIEMM0003","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-karite-monoi-bio-140-g.png?v=1776342778"},{"product_id":"baume-karite-rose-damas-bio-140g-emma-noel","title":"Baume au Beurre de Karité au Macérât de Rose de Damas 140 g Emma Noël","description":"\u003cdiv class=\"rd-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rd-hero\"\u003e\n \u003cdiv class=\"rd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rd-hero-content\"\u003e\n \u003cdiv class=\"rd-badges-top\"\u003e\n \u003cspan class=\"rd-badge\"\u003e🌹 Macérât de rose de Damas\u003c\/span\u003e\n \u003cspan class=\"rd-badge\"\u003e🧈 Beurre de karité équitable\u003c\/span\u003e\n \u003cspan class=\"rd-badge\"\u003e🌿 Certifié Cosmébio\u003c\/span\u003e\n \u003cspan class=\"rd-badge\"\u003e🤝 Fair for Life\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rd-hero-title\"\u003eBaume au beurre de karité au macérât de rose de Damas\u003c\/span\u003e\n \u003cp class=\"rd-subtitle\"\u003eEmma Noël · 140 g\u003c\/p\u003e\n \u003cp class=\"rd-description\"\u003eUn rituel de douceur nourrissant et fondant, délicatement parfumé à la rose de Damas, pour envelopper votre peau d'un voile soyeux et protecteur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rd-section\"\u003e\n \u003cdiv class=\"rd-testimonial\"\u003e\n \u003cp class=\"rd-testimonial-text\"\u003eVous cherchez un baume hydratant corps à la fois nourrissant, fondant et délicatement parfumé ? Ce baume au karité et à la rose de Damas d'Emma Noël est bien plus qu'un simple soin : c'est un rituel de douceur pour votre peau. Sa texture onctueuse fond littéralement au contact de la peau, laissant un voile soyeux et un subtil parfum floral qui vous accompagne tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rd-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce baume karité rose de Damas ?\u003c\/h2\u003e\n \u003cdiv class=\"rd-grid-compact\"\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🧈 Karité équitable\u003c\/h3\u003e\n \u003cp\u003eBeurre de karité issu du commerce équitable, nourrit les peaux les plus sèches en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🌹 Rose de Damas bio\u003c\/h3\u003e\n \u003cp\u003eMacérât biologique aux vertus adoucissantes et au parfum envoûtant, digne des plus grands soins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🌿 Certifié Cosmébio\u003c\/h3\u003e\n \u003cp\u003eUn soin certifié qui respecte votre peau avec une formulation naturelle et transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🤝 Labellisé Fair for Life\u003c\/h3\u003e\n \u003cp\u003eUn choix éthique qui soutient les producteurs au Burkina Faso et au Ghana.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rd-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"rd-grid\"\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité restaure le film hydrolipidique et redonne souplesse aux peaux déshydratées, tiraillées ou rugueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e⏳ Hydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eCe baume hydratant pour le corps préserve l'hydratation naturelle de l'épiderme pendant des heures, rivalisant avec les soins haut de gamme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre les agressions\u003c\/h3\u003e\n \u003cp\u003eFroid, vent, pollution… le karité forme un bouclier naturel sur votre peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e✨ Texture fondante multi-usages\u003c\/h3\u003e\n \u003cp\u003eCorps, mains, coudes, talons, et même en baume à lèvres d'appoint pour nourrir les lèvres gercées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliqué sur les pointes sèches, il discipline et sublime vos cheveux en un geste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rd-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"rd-grid\"\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🧈 Butyrospermum parkii butter**\u003c\/h3\u003e\n \u003cp\u003eBeurre de karité — ingrédient phare issu du commerce équitable, nourrit et protège intensément.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🌻 Helianthus annuus seed oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de tournesol biologique — émolliente, elle assouplit la peau et facilite l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🌹 Rosa damascena flower extract*\u003c\/h3\u003e\n \u003cp\u003eExtrait de rose de Damas biologique — adoucissant et délicatement parfumé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-tip\"\u003e\n \u003cspan class=\"rd-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eComposition complète :\u003c\/strong\u003e Butyrospermum parkii butter**, Helianthus annuus seed oil*, Parfum, Rosa damascena flower extract*, Limonene, Geraniol, Citral, Citronellol.\u003cbr\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique. **Ingrédient issu du commerce équitable, contrôlé selon le référentiel Fair for Life.\u003c\/em\u003e\u003cbr\u003eUne composition courte, transparente, sans parabène, sans silicone, sans huile minérale. Que du naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rd-section\"\u003e\n \u003ch2\u003eComment appliquer ce baume au karité ?\u003c\/h2\u003e\n \u003cdiv class=\"rd-timeline\"\u003e\n \u003cdiv class=\"rd-timeline-item\"\u003e\n \u003cdiv class=\"rd-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rd-timeline-content\"\u003e\n \u003ch3\u003ePrélevez et réchauffez\u003c\/h3\u003e\n \u003cp\u003ePrenez une petite quantité de baume et réchauffez-la entre vos paumes : la texture se transforme en une huile sèche fondante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-timeline-item\"\u003e\n \u003cdiv class=\"rd-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rd-timeline-content\"\u003e\n \u003ch3\u003eMassez les zones ciblées\u003c\/h3\u003e\n \u003cp\u003eMassez doucement les zones qui en ont le plus besoin – jambes, coudes, mains, décolleté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-timeline-item\"\u003e\n \u003cdiv class=\"rd-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rd-timeline-content\"\u003e\n \u003ch3\u003eSoin capillaire\u003c\/h3\u003e\n \u003cp\u003ePour les cheveux, frottez une pointe de baume entre vos doigts et lissez les longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-tip\"\u003e\n \u003cspan class=\"rd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e appliquez-le juste après la douche sur peau légèrement humide. L'absorption est optimale et la peau reste douce toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 \u0026 #7 regroupés en accordéon --\u003e\n \u003csection class=\"rd-section\"\u003e\n \u003ch2\u003eFormat et conservation\u003c\/h2\u003e\n \u003cdiv class=\"rd-accordion\"\u003e\n \u003cdetails class=\"rd-accordion-item\" open\u003e\n \u003csummary class=\"rd-accordion-header\"\u003e📦 Format et conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"rd-accordion-content mt-3\"\u003e\n \u003cp\u003eCe baume est conditionné dans un \u003cstrong\u003epot métallique de 140 g\u003c\/strong\u003e (4.94 oz), pratique à glisser dans une trousse de voyage. Conservez-le à l'abri de la chaleur directe pour préserver sa texture et ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rd-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rd-accordion\"\u003e\n \u003cdetails class=\"rd-accordion-item\"\u003e\n \u003csummary class=\"rd-accordion-header\"\u003e⚠️ Précautions et recommandations\u003c\/summary\u003e\n \u003cdiv class=\"rd-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Tenir hors de portée des enfants. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Ce produit cosmétique ne remplace en aucun cas un traitement dermatologique prescrit par un médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"rd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rd-cta-box\"\u003e\n \u003cp\u003e🌹 Offrez à votre peau un bain de douceur au karité équitable et à la rose de Damas bio — un soin fondant, éthique et irrésistible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rd-disclaimer\"\u003eLes résultats peuvent varier selon les types de peau. Ce produit cosmétique ne remplace pas un traitement dermatologique prescrit par un médecin.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rd-cream: #fdf6f8;\n --rd-white: #ffffff;\n --rd-primary: #d4778c;\n --rd-primary-dark: #a14b61;\n --rd-primary-light: #fce8ee;\n --rd-secondary: #e8a0b4;\n --rd-accent: #c4547a;\n --rd-text: #1a1a1a;\n --rd-text-light: #5a5a5a;\n --rd-border: #f0d6de;\n --rd-shadow: 0 4px 24px rgba(161,75,97,.08);\n --rd-shadow-lg: 0 12px 48px rgba(161,75,97,.15);\n --rd-radius: 20px;\n --rd-radius-sm: 12px;\n}\n\n.rd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rd-hero {\n position: relative;\n background: linear-gradient(135deg, #d4778c 0%, #e8a0b4 40%, #c4547a 100%);\n border-radius: var(--rd-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(--rd-shadow-lg);\n}\n\n.rd-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,.10) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.rd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rd-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.rd-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.rd-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.rd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rd-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(--rd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rd-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.rd-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(--rd-primary), var(--rd-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.rd-card {\n background: var(--rd-white);\n border-radius: var(--rd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rd-shadow-lg);\n border-color: var(--rd-primary);\n}\n\n.rd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rd-grid-compact .rd-card {\n padding: 1rem;\n}\n\n.rd-grid-compact .rd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rd-grid-compact .rd-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rd-primary), var(--rd-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.rd-timeline-content {\n flex: 1;\n background: var(--rd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rd-radius-sm);\n box-shadow: var(--rd-shadow);\n}\n\n.rd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rd-timeline-content p {\n font-size: 14px;\n color: var(--rd-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rd-testimonial {\n background: var(--rd-white);\n border-radius: var(--rd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rd-shadow);\n border-left: 4px solid var(--rd-primary);\n}\n\n.rd-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rd-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.rd-accordion {\n background: var(--rd-white);\n border-radius: var(--rd-radius);\n box-shadow: var(--rd-shadow);\n overflow: hidden;\n}\n\n.rd-accordion-item {\n border-bottom: 1px solid var(--rd-border);\n margin: 0;\n padding: 0;\n}\n\n.rd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rd-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.rd-accordion-header:hover {\n background: var(--rd-primary-light);\n}\n\n.rd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rd-primary);\n transition: transform .2s ease;\n}\n\n.rd-accordion-item[open] .rd-accordion-header::after {\n content: '−';\n}\n\n.rd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rd-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rd-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.rd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rd-primary-light);\n border-radius: var(--rd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rd-tip p {\n font-size: 14px;\n color: var(--rd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.rd-cta-box {\n background: linear-gradient(135deg, var(--rd-primary) 0%, var(--rd-primary-dark) 100%);\n border-radius: var(--rd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rd-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.rd-disclaimer {\n font-size: 12px;\n color: var(--rd-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 .rd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rd-card {\n padding: 1.125rem;\n }\n\n .rd-section {\n margin-bottom: 1.75rem;\n }\n\n .rd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rd-radius-sm);\n }\n\n .rd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rd-grid-compact {\n gap: .625rem;\n }\n\n .rd-grid-compact .rd-card {\n padding: .75rem;\n }\n\n .rd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rd-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rd-timeline-content h3 {\n font-size: 14px;\n }\n\n .rd-timeline-content p {\n font-size: 13px;\n }\n\n .rd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rd-testimonial {\n padding: 1.25rem;\n }\n\n .rd-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rd-card {\n animation: rdFadeInUp .5s ease backwards;\n }\n .rd-card:nth-child(1) { animation-delay: .05s; }\n .rd-card:nth-child(2) { animation-delay: .1s; }\n .rd-card:nth-child(3) { animation-delay: .15s; }\n .rd-card:nth-child(4) { animation-delay: .2s; }\n .rd-card:nth-child(5) { animation-delay: .25s; }\n .rd-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rdFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rd-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":55363841294713,"sku":"NBAIEMM0004","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-au-beurre-de-karite-au-macerat-de-rose-de-damas-140-g--benefits.webp?v=1776356610"},{"product_id":"lait-corporel-familial-karite-bio-emma-noel","title":"Lait corporel familial au beurre de karité bio - 500 mL - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lait corporel familial au beurre de karité bio - Emma Noël\nPalette détectée:\n - Primaire: #3CB4D8 (bleu turquoise vif du bandeau coco)\n - Secondaire: #E84C8A (rose fuchsia du logo Emma Noël)\n - Accent: #8DC63F (vert bio du label)\n - Neutre: #F5F0E8 (beige crème du flacon)\nAmbiance: Naturel, familial, frais et doux, esprit bio\/éco-responsable, marque française traditionnelle\nPréfixe CSS: en\n--\u003e\n\n\u003cdiv class=\"en-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"en-hero\"\u003e\n \u003cdiv class=\"en-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"en-hero-content\"\u003e\n \u003cdiv class=\"en-badges-top\"\u003e\n \u003cspan class=\"en-badge\"\u003e🌿 99% naturel\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🐰 Non testé sur animaux\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e♻️ Flacon recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"en-hero-title\"\u003eLait corporel familial au karité bio\u003c\/span\u003e\n \u003cp class=\"en-subtitle\"\u003eLe soin généreux qui nourrit toute la famille\u003c\/p\u003e\n \u003cp class=\"en-description\"\u003e500 mL de douceur certifiée bio pour une peau souple, nourrie et délicatement parfumée au quotidien\u003c\/p\u003e\n \u003cdiv class=\"en-hero-stats\"\u003e\n \u003cdiv class=\"en-stat\"\u003e\n \u003cspan class=\"en-stat-number\"\u003e500\u003c\/span\u003e\n \u003cspan class=\"en-stat-label\"\u003emL format familial\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-stat\"\u003e\n \u003cspan class=\"en-stat-number\"\u003e99%\u003c\/span\u003e\n \u003cspan class=\"en-stat-label\"\u003eorigine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-stat\"\u003e\n \u003cspan class=\"en-stat-number\"\u003e30+\u003c\/span\u003e\n \u003cspan class=\"en-stat-label\"\u003eans d'expertise\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003ePourquoi votre peau va l'adorer\u003c\/h2\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card en-benefit-card\"\u003e\n \u003cspan class=\"en-card-icon\"\u003e💧\u003c\/span\u003e\n \u003ch3\u003eNutrition intense\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité bio pénètre en profondeur pour nourrir les peaux les plus assoiffées et restaurer leur confort\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card en-benefit-card\"\u003e\n \u003cspan class=\"en-card-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch3\u003eProtection renforcée\u003c\/h3\u003e\n \u003cp\u003eRenforce le film hydrolipidique naturel de votre épiderme pour une barrière cutanée optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card en-benefit-card\"\u003e\n \u003cspan class=\"en-card-icon\"\u003e✨\u003c\/span\u003e\n \u003ch3\u003eTexture non grasse\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans effet collant, vous pouvez vous habiller immédiatement après l'application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card en-benefit-card\"\u003e\n \u003cspan class=\"en-card-icon\"\u003e😌\u003c\/span\u003e\n \u003ch3\u003eApaisement immédiat\u003c\/h3\u003e\n \u003cp\u003eCalme les sensations de tiraillement après la douche grâce à l'eau florale de sauge bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card en-benefit-card\"\u003e\n \u003cspan class=\"en-card-icon\"\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\n \u003ch3\u003ePour toute la famille\u003c\/h3\u003e\n \u003cp\u003eFormule douce et naturelle adaptée à tous les âges, des enfants aux adultes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card en-benefit-card\"\u003e\n \u003cspan class=\"en-card-icon\"\u003e🌸\u003c\/span\u003e\n \u003ch3\u003eParfum délicat\u003c\/h3\u003e\n \u003cp\u003eUne fragrance légère et fraîche qui laisse une sensation de bien-être toute la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- LE KARITÉ --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eLe beurre de karité, un trésor africain\u003c\/h2\u003e\n \u003cdiv class=\"en-highlight-box\"\u003e\n \u003cdiv class=\"en-highlight-content\"\u003e\n \u003cp class=\"en-highlight-intro\"\u003eUtilisé depuis des siècles en Afrique pour ses vertus exceptionnelles, le beurre de karité est extrait des noix du karité et regorge de bienfaits pour votre peau.\u003c\/p\u003e\n \u003cdiv class=\"en-karite-benefits\"\u003e\n \u003cdiv class=\"en-karite-item\"\u003e\n \u003cspan class=\"en-karite-icon\"\u003e🥜\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAcides gras essentiels\u003c\/strong\u003e\n \u003cp\u003eNourrissent et réparent la barrière cutanée en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-karite-item\"\u003e\n \u003cspan class=\"en-karite-icon\"\u003e🅰️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eVitamine A\u003c\/strong\u003e\n \u003cp\u003eFavorise le renouvellement cellulaire et l'éclat de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-karite-item\"\u003e\n \u003cspan class=\"en-karite-icon\"\u003e🅴\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eVitamine E\u003c\/strong\u003e\n \u003cp\u003eAntioxydant puissant qui protège des agressions extérieures\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-karite-item\"\u003e\n \u003cspan class=\"en-karite-icon\"\u003e🇫\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eVitamine F\u003c\/strong\u003e\n \u003cp\u003eRenforce l'élasticité et la souplesse de l'épiderme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eUne formule aux actifs bio sélectionnés\u003c\/h2\u003e\n \u003cdiv class=\"en-grid en-grid-3\"\u003e\n \u003cdiv class=\"en-card en-ingredient-card\"\u003e\n \u003cdiv class=\"en-ingredient-header\"\u003e\n \u003cspan class=\"en-ingredient-icon\"\u003e🧈\u003c\/span\u003e\n \u003cspan class=\"en-bio-tag\"\u003eBIO\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch3\u003eBeurre de karité\u003c\/h3\u003e\n \u003cp class=\"en-ingredient-latin\"\u003eButyrospermum Parkii Butter\u003c\/p\u003e\n \u003cp\u003eActif star ultra-nourrissant, il restaure le confort des peaux sèches et renforce la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card en-ingredient-card\"\u003e\n \u003cdiv class=\"en-ingredient-header\"\u003e\n \u003cspan class=\"en-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"en-bio-tag\"\u003eBIO\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch3\u003eHuile de sésame\u003c\/h3\u003e\n \u003cp class=\"en-ingredient-latin\"\u003eSesamum Indicum Seed Oil\u003c\/p\u003e\n \u003cp\u003eRiche en acides gras, elle assouplit la peau et renforce son élasticité naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card en-ingredient-card\"\u003e\n \u003cdiv class=\"en-ingredient-header\"\u003e\n \u003cspan class=\"en-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"en-bio-tag\"\u003eBIO\u003c\/span\u003e\n \u003c\/div\u003e\n \u003ch3\u003eEau florale de sauge\u003c\/h3\u003e\n \u003cp class=\"en-ingredient-latin\"\u003eSalvia Officinalis Water\u003c\/p\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes, elle calme les peaux réactives et sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-glycerin-box\"\u003e\n \u003cspan class=\"en-glycerin-icon\"\u003e💧\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eGlycérine végétale\u003c\/strong\u003e\n \u003cp\u003eAgent hydratant naturel qui attire et retient l'eau dans l'épiderme pour une hydratation longue durée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eComment profiter de tous ses bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"en-steps\"\u003e\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003ch3\u003eLe moment idéal\u003c\/h3\u003e\n \u003cp\u003eAppliquez juste après la douche ou le bain, sur peau encore légèrement humide. Les actifs pénètrent alors plus facilement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003ch3\u003eLa bonne quantité\u003c\/h3\u003e\n \u003cp\u003eUne à deux pressions de pompe suffisent pour chaque zone du corps : jambes, bras, ventre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003ch3\u003eLe geste qui fait la différence\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=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003ch3\u003eFréquence recommandée\u003c\/h3\u003e\n \u003cp\u003eUtilisez quotidiennement pour maintenir une peau souple et confortable tout au long de l'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003ePour qui est conçu ce lait corporel ?\u003c\/h2\u003e\n \u003cdiv class=\"en-grid en-grid-2\"\u003e\n \u003cdiv class=\"en-card en-profile-card\"\u003e\n \u003cspan class=\"en-profile-icon\"\u003e🌸\u003c\/span\u003e\n \u003ch3\u003ePeaux normales\u003c\/h3\u003e\n \u003cp\u003ePour préserver l'équilibre hydrique et maintenir la souplesse naturelle de votre peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card en-profile-card\"\u003e\n \u003cspan class=\"en-profile-icon\"\u003e🏜️\u003c\/span\u003e\n \u003ch3\u003ePeaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eUne nutrition intense qui répond aux besoins des peaux en manque de confort\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card en-profile-card\"\u003e\n \u003cspan class=\"en-profile-icon\"\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\n \u003ch3\u003eFamilles\u003c\/h3\u003e\n \u003cp\u003eUn produit unique pour petits et grands, pratique et économique au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003cdiv class=\"en-tip-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e Idéal après une exposition au soleil ou durant les mois d'hiver, lorsque la peau est particulièrement sollicitée par les variations de température.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ENGAGEMENTS --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eLes engagements Emma Noël\u003c\/h2\u003e\n \u003cdiv class=\"en-commitments\"\u003e\n \u003cdiv class=\"en-commitment\"\u003e\n \u003cspan class=\"en-commitment-icon\"\u003e🏅\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eCertifié Cosmébio\u003c\/strong\u003e\n \u003cp\u003eRespect d'un cahier des charges strict pour les cosmétiques bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-commitment\"\u003e\n \u003cspan class=\"en-commitment-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFabrication française\u003c\/strong\u003e\n \u003cp\u003eProduit dans le sud de la France depuis plus de 30 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-commitment\"\u003e\n \u003cspan class=\"en-commitment-icon\"\u003e🚫\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eSans ingrédients controversés\u003c\/strong\u003e\n \u003cp\u003eSans paraben, sans phénoxyéthanol, sans silicone\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-commitment\"\u003e\n \u003cspan class=\"en-commitment-icon\"\u003e🐰\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eCruelty free\u003c\/strong\u003e\n \u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-commitment\"\u003e\n \u003cspan class=\"en-commitment-icon\"\u003e♻️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eÉco-responsable\u003c\/strong\u003e\n \u003cp\u003eFlacon recyclable pour limiter l'impact environnemental\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INCI --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"en-inci-box\"\u003e\n \u003cp class=\"en-inci-list\" style=\"font-size:0.7em;\"\u003erospermum Parkii Butter*, Sesamum Indicum Seed Oil*, Glycerin, Cetearyl Alcohol, Glyceryl Stearate, Salvia Officinalis Water*, Parfum, Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid, Tocopherol, Linalool, Limonene, Citronellol.\u003c\/p\u003e\n \u003cp class=\"en-inci-note\" style=\"font-size:0.7em;\"\u003e*Ingrédients issus de l'agriculture biologique.\u003cbr\u003e99% du total des ingrédients sont d'origine naturelle. 10% du total des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"en-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"en-cta-box\"\u003e\n \u003cdiv class=\"en-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"en-cta-content\"\u003e\n \u003cspan class=\"en-cta-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eOffrez à votre peau et à celle de toute votre famille la douceur d'un soin bio authentique. Le beurre de karité n'attend plus que vous pour révéler tout son pouvoir nourrissant.\u003c\/p\u003e\n \u003cspan class=\"en-cta-tagline\"\u003eEmma Noël — L'huile source de soin depuis plus de 30 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --en-cream: #FBF9F6;\n --en-white: #ffffff;\n --en-primary: #3CB4D8;\n --en-primary-dark: #2A9BC0;\n --en-primary-light: #E8F6FA;\n --en-secondary: #E84C8A;\n --en-secondary-light: #FCE8F0;\n --en-accent: #8DC63F;\n --en-accent-light: #F0F8E6;\n\n \/* Textes *\/\n --en-text: #1a1a1a;\n --en-text-light: #5a5a5a;\n\n \/* Effets *\/\n --en-border: #e8e4df;\n --en-shadow: 0 4px 24px rgba(60,180,216,.08);\n --en-shadow-lg: 0 12px 48px rgba(60,180,216,.15);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--en-text);\n line-height: 1.6;\n}\n\n.en-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, #3CB4D8 0%, #2A9BC0 40%, #E84C8A 100%);\n border-radius: var(--en-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, 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.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.en-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(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.en-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.en-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.en-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.en-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.en-stat {\n text-align: center;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n padding: 1rem 1.5rem;\n border-radius: var(--en-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.en-stat-number {\n display: block;\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.en-stat-label {\n display: block;\n font-size: 12px;\n color: rgba(255,255,255,.85);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.en-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.en-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(--en-primary), var(--en-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.en-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n}\n\n.en-grid-2 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n\/* === CARDS === *\/\n.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.en-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--en-text);\n margin: 0 0 .75rem 0;\n}\n\n.en-card p {\n font-size: 15px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Benefit cards *\/\n.en-benefit-card {\n text-align: center;\n}\n\n.en-card-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 64px;\n height: 64px;\n margin: 0 auto 1rem auto;\n background: linear-gradient(135deg, var(--en-primary-light), var(--en-secondary-light));\n border-radius: 50%;\n font-size: 28px;\n}\n\n\/* === HIGHLIGHT BOX (KARITÉ) === *\/\n.en-highlight-box {\n background: linear-gradient(135deg, var(--en-primary-light) 0%, var(--en-secondary-light) 100%);\n border-radius: var(--en-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--en-primary);\n}\n\n.en-highlight-intro {\n font-size: clamp(16px, 2vw, 18px);\n color: var(--en-text);\n text-align: center;\n margin: 0 0 2rem 0;\n font-weight: 500;\n line-height: 1.7;\n}\n\n.en-karite-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.en-karite-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--en-white);\n padding: 1.25rem;\n border-radius: var(--en-radius-sm);\n box-shadow: 0 2px 12px rgba(0,0,0,.05);\n}\n\n.en-karite-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.en-karite-item strong {\n display: block;\n color: var(--en-primary-dark);\n font-size: 15px;\n margin-bottom: 4px;\n}\n\n.en-karite-item p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.en-ingredient-card {\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.en-ingredient-header {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 12px;\n margin-bottom: 1rem;\n}\n\n.en-ingredient-icon {\n font-size: 40px;\n}\n\n.en-bio-tag {\n background: var(--en-accent);\n color: white;\n font-size: 11px;\n font-weight: 800;\n padding: 4px 10px;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.en-ingredient-latin {\n font-size: 12px;\n color: var(--en-text-light);\n font-style: italic;\n margin: 0 0 .75rem 0;\n}\n\n.en-glycerin-box {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--en-white);\n padding: 1.5rem 2rem;\n border-radius: var(--en-radius);\n margin-top: 1.5rem;\n box-shadow: var(--en-shadow);\n border-left: 4px solid var(--en-primary);\n}\n\n.en-glycerin-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.en-glycerin-box strong {\n display: block;\n color: var(--en-primary-dark);\n font-size: 16px;\n margin-bottom: 4px;\n}\n\n.en-glycerin-box p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === STEPS === *\/\n.en-steps {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.en-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--en-white);\n padding: 1.5rem 2rem;\n border-radius: var(--en-radius);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.en-step:hover {\n border-color: var(--en-primary);\n transform: translateX(8px);\n}\n\n.en-step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-secondary));\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.en-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--en-text);\n margin: 0 0 .5rem 0;\n}\n\n.en-step-content p {\n font-size: 15px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === PROFILE CARDS === *\/\n.en-profile-card {\n text-align: center;\n}\n\n.en-profile-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 72px;\n height: 72px;\n margin: 0 auto 1rem auto;\n background: linear-gradient(135deg, var(--en-secondary-light), var(--en-primary-light));\n border-radius: 50%;\n font-size: 32px;\n}\n\n\/* === TIP BOX === *\/\n.en-tip-box {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--en-accent-light);\n padding: 1.25rem 1.5rem;\n border-radius: var(--en-radius-sm);\n margin-top: 1.5rem;\n border: 2px solid var(--en-accent);\n}\n\n.en-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.en-tip-box p {\n font-size: 15px;\n color: var(--en-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMMITMENTS === *\/\n.en-commitments {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1rem;\n}\n\n.en-commitment {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--en-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--en-radius-sm);\n box-shadow: var(--en-shadow);\n border-left: 4px solid var(--en-secondary);\n transition: all .3s ease;\n}\n\n.en-commitment:hover {\n transform: translateX(8px);\n}\n\n.en-commitment-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.en-commitment strong {\n display: block;\n color: var(--en-text);\n font-size: 15px;\n margin-bottom: 2px;\n}\n\n.en-commitment p {\n font-size: 13px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.4;\n}\n\n\/* === INCI === *\/\n.en-inci-box {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--en-shadow);\n border: 2px solid var(--en-border);\n}\n\n.en-inci-list {\n font-size: 14px;\n color: var(--en-text);\n margin: 0 0 1rem 0;\n line-height: 1.8;\n font-family: 'Courier New', monospace;\n background: var(--en-cream);\n padding: 1rem;\n border-radius: var(--en-radius-sm);\n}\n\n.en-inci-note {\n font-size: 13px;\n color: var(--en-text-light);\n font-style: italic;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === FAQ === *\/\n.en-faq {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-faq-item {\n background: var(--en-white);\n padding: 1.5rem 2rem;\n border-radius: var(--en-radius);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.en-faq-item:hover {\n border-color: var(--en-primary);\n}\n\n.en-faq-item h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--en-text);\n margin: 0 0 .75rem 0;\n}\n\n.en-faq-item p {\n font-size: 15px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WARNING === *\/\n.en-warning-box {\n background: #FFF8E6;\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #F5C842;\n}\n\n.en-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n padding: .75rem 0;\n border-bottom: 1px solid rgba(245,200,66,.3);\n}\n\n.en-warning-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.en-warning-item:first-child {\n padding-top: 0;\n}\n\n.en-warning-item span {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.en-warning-item p {\n font-size: 14px;\n color: var(--en-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INFO GRID === *\/\n.en-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.en-info-item {\n background: var(--en-white);\n padding: 1.25rem;\n border-radius: var(--en-radius-sm);\n text-align: center;\n box-shadow: var(--en-shadow);\n border: 2px solid var(--en-border);\n transition: all .3s ease;\n}\n\n.en-info-item:hover {\n border-color: var(--en-primary);\n transform: translateY(-4px);\n}\n\n.en-info-icon {\n display: block;\n font-size: 28px;\n margin-bottom: .5rem;\n}\n\n.en-info-label {\n display: block;\n font-size: 12px;\n color: var(--en-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 4px;\n}\n\n.en-info-value {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--en-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.en-cta-box {\n background: linear-gradient(135deg, var(--en-primary) 0%, var(--en-secondary) 100%);\n border-radius: var(--en-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.1) 0%, transparent 40%);\n}\n\n.en-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.en-cta-icon {\n display: block;\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.en-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 1.5rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.en-cta-tagline {\n display: block;\n color: rgba(255,255,255,.85);\n font-size: 14px;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .en-grid,\n .en-grid-2,\n .en-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .en-hero-stats {\n flex-direction: column;\n gap: 1rem;\n }\n \n .en-stat {\n width: 100%;\n }\n \n .en-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .en-karite-item,\n .en-commitment,\n .en-glycerin-box {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n \n .en-tip-box {\n flex-direction: column;\n text-align: center;\n }\n \n .en-warning-item {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .en-card,\n .en-step,\n .en-commitment,\n .en-faq-item,\n .en-info-item {\n animation: enFadeInUp .6s ease backwards;\n }\n \n .en-card:nth-child(1), .en-step:nth-child(1), .en-commitment:nth-child(1) { animation-delay: .1s; }\n .en-card:nth-child(2), .en-step:nth-child(2), .en-commitment:nth-child(2) { animation-delay: .2s; }\n .en-card:nth-child(3), .en-step:nth-child(3), .en-commitment:nth-child(3) { animation-delay: .3s; }\n .en-card:nth-child(4), .en-step:nth-child(4), .en-commitment:nth-child(4) { animation-delay: .4s; }\n .en-card:nth-child(5), .en-commitment:nth-child(5) { animation-delay: .5s; }\n .en-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes enFadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .en-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .en-card,\n .en-step,\n .en-faq-item,\n .en-commitment {\n border: 2px solid var(--en-text);\n }\n \n .en-badge {\n border: 2px solid var(--en-text);\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":55363842146681,"sku":"NBAIEMM0049","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait_corporel_coco_nourrissant_emma_noel-min.jpg?v=1758525441"},{"product_id":"huile-seche-pour-le-corps-senteur-coco-100-ml-emma-noel","title":"Huile sèche pour le corps - Senteur Coco - 100 ml - Emma Noël","description":"\u003cdiv class=\"en-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"en-hero\"\u003e\n \u003cdiv class=\"en-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"en-hero-content\"\u003e\n \u003cdiv class=\"en-badges-top\"\u003e\n \u003cspan class=\"en-badge\"\u003e🥥 Senteur coco\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e☀️ Après-soleil\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"en-hero-title\"\u003eHuile sèche pour le corps senteur Coco\u003c\/span\u003e\n \u003cp class=\"en-subtitle\"\u003eEmma Noël — 100 ml\u003c\/p\u003e\n \u003cp class=\"en-description\"\u003eUne huile ultra-légère au parfum envoûtant de coco qui nourrit, apaise et sublime votre peau sans aucune sensation de gras. Certifiée Cosmébio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003cp class=\"en-section-intro\"\u003eVous rêvez d'une peau douce, nourrie et délicatement parfumée sans aucune sensation de gras ? L'\u003cstrong\u003ehuile sèche pour le corps Emma Noël à la noix de coco\u003c\/strong\u003e est le soin qu'il vous faut. Certifiée bio et fabriquée en France, cette \u003cstrong\u003ehuile hydratante pour le corps\u003c\/strong\u003e à la texture ultra-légère pénètre en quelques secondes pour laisser votre peau satinée, souple et subtilement enveloppée d'un parfum de coco naturel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003ePourquoi cette huile sèche corps est-elle si efficace ?\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eContrairement aux huiles classiques, une \u003cstrong\u003ehuile sèche corps\u003c\/strong\u003e offre un toucher sec immédiat : pas de film collant, pas de traces sur les vêtements. Sa formule combine plusieurs \u003cstrong\u003ehuiles végétales bio\u003c\/strong\u003e aux vertus complémentaires.\u003c\/p\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, elle assouplit la peau et aide à maintenir son élasticité. Également issue du commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eNourrissante et protectrice, elle restaure le film hydrolipidique des peaux desséchées par le soleil, le vent ou le calcaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eSource naturelle de vitamine E, elle protège la peau du stress oxydatif au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌼 Extrait de calendula bio\u003c\/h3\u003e\n \u003cp\u003eRéputé pour ses propriétés apaisantes, il calme les tiraillements et les petites irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-tip\"\u003e\n \u003cspan class=\"en-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous cherchez \u003cstrong\u003equelle huile pour le corps peau très sèche\u003c\/strong\u003e choisir, cette synergie d'actifs végétaux apporte une réponse concrète : une hydratation profonde, durable et sans compromis sur le confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eUn soin après-soleil naturel et sensoriel\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eEmma Noël a conçu cette huile sèche comme un véritable \u003cstrong\u003eaprès-soleil bio\u003c\/strong\u003e. Après une journée d'exposition, votre peau a besoin d'être apaisée et réhydratée. Appliquée sur le corps encore tiède, cette \u003cstrong\u003ehuile pour le corps hydratante\u003c\/strong\u003e prolonge le bronzage, répare la barrière cutanée et transforme le moment en rituel de détente grâce à sa fragrance coco enveloppante.\u003c\/p\u003e\n \u003cdiv class=\"en-grid-compact\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e✨ Prolonge le bronzage\u003c\/h3\u003e\n \u003cp\u003eNourrit la peau pour un hâle uniforme et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🛡️ Répare la barrière cutanée\u003c\/h3\u003e\n \u003cp\u003eRestaure le confort après l'exposition solaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🧴 Apaise les tiraillements\u003c\/h3\u003e\n \u003cp\u003eCalme immédiatement les peaux échauffées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌴 Fragrance coco enveloppante\u003c\/h3\u003e\n \u003cp\u003eTransforme le soin en rituel de détente sensoriel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eComment appliquer cette huile sèche ?\u003c\/h2\u003e\n \u003cdiv class=\"en-timeline\"\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eAu quotidien\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, versez quelques pressions dans le creux de la main et massez sur peau propre et sèche. Insistez sur les zones souvent rugueuses : coudes, genoux, jambes, épaules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eEn après-soleil\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur l'ensemble du corps pour apaiser et sublimer la peau exposée au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eEn massage relaxant\u003c\/h3\u003e\n \u003cp\u003eSa texture fluide glisse parfaitement, idéale pour un massage doux en fin de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-tip\"\u003e\n \u003cspan class=\"en-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e vous pouvez aussi l'utiliser sur les cheveux en petite quantité pour discipliner les pointes sèches et leur donner de la brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003e\u003cstrong\u003eFormule 100 % d'origine naturelle\u003c\/strong\u003e, sans conservateur, sans silicone, sans paraben.\u003c\/p\u003e\n \u003cdiv class=\"en-accordion\"\u003e\n \u003cdetails class=\"en-accordion-item\" open\u003e\n \u003csummary class=\"en-accordion-header\"\u003e🧪 Liste des ingrédients INCI\u003c\/summary\u003e\n \u003cdiv class=\"en-accordion-content mt-3\"\u003e\n \u003cul class=\"en-inci-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eSesamum indicum seed oil*\u003c\/strong\u003e — huile de sésame bio**\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCaprylyl caprylate\/caprate\u003c\/strong\u003e — agent émollient d'origine naturelle\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCaprylic\/capric triglyceride\u003c\/strong\u003e — dérivé de coco\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCocos nucifera oil*\u003c\/strong\u003e — huile de coco bio\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eHelianthus annuus seed oil*\u003c\/strong\u003e — huile de tournesol bio\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eOctyldodecanol\u003c\/strong\u003e — émollient naturel\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eParfum \/ Fragrance\u003c\/strong\u003e — senteur coco d'origine naturelle\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCalendula officinalis flower extract*\u003c\/strong\u003e — extrait de calendula bio\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTocopherol\u003c\/strong\u003e — vitamine E – antioxydant naturel\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"en-inci-note\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique. **Sésame issu du commerce équitable.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"en-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConditionnement et engagements\u003c\/h2\u003e\n \u003cdiv class=\"en-grid-compact\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🧴 Flacon pompe 100 ml\u003c\/h3\u003e\n \u003cp\u003eVerre dépoli recyclable, pratique à doser et élégant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003ePar Emma Noël, pionnière de la cosmétique bio depuis +20 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌿 Certifié Cosmébio\u003c\/h3\u003e\n \u003cp\u003eGarantie de formulation biologique et écoresponsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🐰 Non testé sur les animaux\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus du commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"en-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --en-cream: #f7f9fb;\n --en-white: #ffffff;\n --en-primary: #5cbfd4;\n --en-primary-dark: #2a8a9e;\n --en-primary-light: #e8f6f9;\n --en-secondary: #e8967a;\n --en-accent: #d4a95c;\n --en-text: #1a1a1a;\n --en-text-light: #5a6a72;\n --en-border: #dde8ec;\n --en-shadow: 0 4px 24px rgba(42, 138, 158, .08);\n --en-shadow-lg: 0 12px 48px rgba(42, 138, 158, .15);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, #5cbfd4 0%, #3da5bb 40%, #e8967a 100%);\n border-radius: var(--en-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(--en-shadow-lg);\n}\n\n.en-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,.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.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.en-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(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.en-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.en-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.en-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\/* === SECTIONS === *\/\n.en-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-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.en-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(--en-primary), var(--en-secondary));\n border-radius: 2px;\n}\n\n.en-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-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.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.en-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.en-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.en-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.en-grid-compact .en-card {\n padding: 1rem;\n}\n\n.en-grid-compact .en-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.en-grid-compact .en-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.en-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.en-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-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.en-timeline-content {\n flex: 1;\n background: var(--en-white);\n padding: 1rem 1.25rem;\n border-radius: var(--en-radius-sm);\n box-shadow: var(--en-shadow);\n}\n\n.en-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--en-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.en-timeline-content p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.en-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--en-primary-light);\n border-radius: var(--en-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.en-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.en-tip p {\n font-size: 14px;\n color: var(--en-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.en-accordion {\n background: var(--en-white);\n border-radius: var(--en-radius);\n box-shadow: var(--en-shadow);\n overflow: hidden;\n}\n\n.en-accordion-item {\n border-bottom: 1px solid var(--en-border);\n margin: 0;\n padding: 0;\n}\n\n.en-accordion-item:last-child {\n border-bottom: none;\n}\n\n.en-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--en-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.en-accordion-header:hover {\n background: var(--en-primary-light);\n}\n\n.en-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.en-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--en-primary);\n transition: transform .2s ease;\n}\n\n.en-accordion-item[open] .en-accordion-header::after {\n content: '−';\n}\n\n.en-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--en-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.en-accordion-content p {\n margin: 0;\n}\n\n.en-inci-list {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n}\n\n.en-inci-list li {\n padding: .5rem 0;\n border-bottom: 1px solid var(--en-border);\n font-size: 14px;\n color: var(--en-text-light);\n line-height: 1.5;\n}\n\n.en-inci-list li:last-child {\n border-bottom: none;\n}\n\n.en-inci-list li strong {\n color: var(--en-primary-dark);\n}\n\n.en-inci-note {\n font-size: 12px;\n color: var(--en-text-light);\n margin-top: .5rem;\n}\n\n\/* === DISCLAIMER === *\/\n.en-disclaimer {\n font-size: 12px;\n color: var(--en-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .en-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .en-card {\n padding: 1.125rem;\n }\n\n .en-section {\n margin-bottom: 1.75rem;\n }\n\n .en-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--en-radius-sm);\n }\n\n .en-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .en-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .en-grid-compact {\n gap: .625rem;\n }\n\n .en-grid-compact .en-card {\n padding: .75rem;\n }\n\n .en-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .en-timeline-content {\n padding: .875rem 1rem;\n }\n\n .en-timeline-content h3 {\n font-size: 14px;\n }\n\n .en-timeline-content p {\n font-size: 13px;\n }\n\n .en-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .en-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .en-inci-list li {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .en-card {\n animation: enFadeInUp .5s ease backwards;\n }\n .en-card:nth-child(1) { animation-delay: .05s; }\n .en-card:nth-child(2) { animation-delay: .1s; }\n .en-card:nth-child(3) { animation-delay: .15s; }\n .en-card:nth-child(4) { animation-delay: .2s; }\n .en-card:nth-child(5) { animation-delay: .25s; }\n .en-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes enFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .en-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOEL","offers":[{"title":"Default Title","offer_id":55690234036601,"sku":"NBAIEMM0027","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-seche-pour-le-corps-senteur-coco-100-ml-emma-noel-ingredients_0f2c2f74-9d90-4b62-889a-7265e83d91af.webp?v=1776173029"},{"product_id":"savonnette-hypoallergenique-100g-emma-noel","title":"Savonnette hypoallergenique - 100 g - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savonnette hypoallergénique Emma Noël 100g\nPalette détectée:\n - Primaire: #8FBCB0 (vert sauge doux du bandeau packaging)\n - Secondaire: #D4756A (rose\/fuchsia du logo fleur Emma Noël)\n - Accent: #4A8C7E (vert plus soutenu pour contraste)\nAmbiance: Naturel, doux, bio, minimaliste, familial, pureté, confiance\nPréfixe CSS: en\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Savonnette hypoallergénique Emma Noël : le soin idéal pour les peaux sensibles\"\n 2. \"Une composition naturelle et certifiée bio\"\n 3. \"Comment l'utiliser au quotidien ?\"\n 4. \"Pourquoi choisir cette savonnette plutôt qu'une autre ?\"\n 5. \"L'engagement Emma Noël\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"en-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"en-hero\"\u003e\n \u003cdiv class=\"en-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"en-hero-content\"\u003e\n \u003cdiv class=\"en-badges-top\"\u003e\n \u003cspan class=\"en-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🧴 Sans parfum\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e♻️ Certifiée bio ECOCERT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"en-hero-title\"\u003eSavonnette hypoallergénique Emma Noël\u003c\/span\u003e\n \u003cp class=\"en-subtitle\"\u003eExtra doux · 100 g · Végétale \u0026amp; bio\u003c\/p\u003e\n \u003cp class=\"en-description\"\u003eLa douceur absolue pour les peaux sensibles, réactives et fragiles. Enrichie en beurre de karité bio, sans parfum, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eSavonnette hypoallergénique Emma Noël : le soin idéal pour les peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eUn savon hypoallergénique vraiment respectueux de votre peau, conçu pour les peaux sensibles, réactives ou sujettes aux allergies.\u003c\/p\u003e\n \u003cdiv class=\"en-grid-compact\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🛡️ Hypoallergénique\u003c\/h3\u003e\n \u003cp\u003eFormulation pensée pour minimiser les risques de réactions allergiques au maximum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eAbsence totale de fragrance pour un respect absolu des peaux les plus réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eEnrichie en karité bio pour un nettoyage tout en douceur sans compromettre le confort\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e👶 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdaptée aux adultes, enfants et bébés, même les peaux les plus fragiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-tip\"\u003e\n \u003cspan class=\"en-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eQue signifie hypoallergénique ?\u003c\/strong\u003e La formulation a été pensée pour minimiser les risques de réactions allergiques. L'absence totale de fragrance et le choix d'ingrédients doux rendent cette savonnette adaptée à toute la famille, y compris comme savon hypoallergénique pour bébé ou pour les personnes à la peau particulièrement fragile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eUne composition naturelle et certifiée bio\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eAvec \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et \u003cstrong\u003e79 % issus de l'agriculture biologique\u003c\/strong\u003e, une transparence totale sur ce qu'elle contient.\u003c\/p\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌴 Sodium Palmate \u0026amp; Palm Kernelate\u003c\/h3\u003e\n \u003cp\u003eAgents lavants doux d'origine végétale, transformés à partir d'ingrédients biologiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e💧 Glycerin\u003c\/h3\u003e\n \u003cp\u003eHydratant naturel qui préserve la souplesse et le confort de la peau au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eButyrospermum Parkii – reconnu pour ses propriétés nourrissantes et apaisantes exceptionnelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌻 Huile végétale\u003c\/h3\u003e\n \u003cp\u003eOlus (Vegetable) Oil – huile végétale adoucissante pour un soin complet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e✨ Vitamine E (Tocopherol)\u003c\/h3\u003e\n \u003cp\u003eAntioxydant naturel qui protège la formule et la peau des agressions extérieures\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e⚗️ Agents stabilisants\u003c\/h3\u003e\n \u003cp\u003eSodium Chloride, Citric Acid, Tetrasodium Glutamate Diacetate – régulateurs de consistance et de pH\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-tip\"\u003e\n \u003cspan class=\"en-tip-icon\"\u003e🏅\u003c\/span\u003e\n \u003cp\u003eCertifiée \u003cstrong\u003eCosmétique Écologique et Biologique\u003c\/strong\u003e par ECOCERT Greenlife, cette savonnette répond à un cahier des charges strict. Une alternative bio qui offre une qualité de formulation comparable aux savons hypoallergéniques de pharmacie, avec l'avantage d'une certification écologique reconnue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eComment l'utiliser au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eUne utilisation simple, chaque jour, pour une peau propre, douce et sans sensation de tiraillement.\u003c\/p\u003e\n \u003cdiv class=\"en-timeline\"\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eHumidifiez votre peau\u003c\/h3\u003e\n \u003cp\u003eSous la douche ou dans le bain, mouillez la zone à nettoyer à l'eau tiède\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez la savonnette entre vos mains ou directement sur la peau pour obtenir une mousse onctueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur le visage, les mains ou le corps par mouvements circulaires doux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire pour une peau propre, douce et confortable, sans tiraillement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-tip\"\u003e\n \u003cspan class=\"en-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eSi vous utilisez habituellement un savon liquide hypoallergénique ou un gel douche hypoallergénique, vous apprécierez la praticité de ce format solide : \u003cstrong\u003eplus écologique, plus économique et sans emballage plastique superflu\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette savonnette plutôt qu'une autre ?\u003c\/h2\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eLe premier réflexe pour les peaux réactives et intolérantes — zéro fragrance ajoutée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🧈 Enrichie en karité bio\u003c\/h3\u003e\n \u003cp\u003eApaise et nourrit la peau dès le nettoyage pour un confort immédiat et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e♻️ Format solide 100 g\u003c\/h3\u003e\n \u003cp\u003eDurable, zéro déchet plastique — un geste écoresponsable au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n \u003cp\u003ePar l'Huilerie Émile Noël, à Pont-Saint-Esprit — savoir-faire artisanal français\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdultes, enfants et peaux les plus délicates — un seul produit pour tous\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🧴 Visage, mains \u0026amp; corps\u003c\/h3\u003e\n \u003cp\u003eNe se limite pas aux mains — convient aussi pour le visage et l'ensemble du corps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"en-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'engagement Emma Noël\u003c\/h2\u003e\n \u003cdiv class=\"en-cta-box\"\u003e\n \u003cp\u003eEmma Noël perpétue un \u003cstrong\u003esavoir-faire artisanal français\u003c\/strong\u003e fondé sur le respect de la peau et de l'environnement. Chaque produit est formulé avec des \u003cstrong\u003ehuiles végétales de qualité biologique\u003c\/strong\u003e, sans ingrédients controversés. Choisir cette savonnette, c'est soutenir une cosmétique \u003cstrong\u003eauthentique, responsable et accessible\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"en-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de réaction cutanée ou d'allergie avérée, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --en-cream: #f7f9f8;\n --en-white: #ffffff;\n --en-primary: #8FBCB0;\n --en-primary-dark: #3d6e62;\n --en-primary-light: #e8f3ef;\n --en-secondary: #D4756A;\n --en-accent: #4A8C7E;\n --en-text: #1a1a1a;\n --en-text-light: #5a5a5a;\n --en-border: #e0e0e0;\n --en-shadow: 0 4px 24px rgba(0,0,0,.08);\n --en-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, #4A8C7E 0%, #8FBCB0 45%, #D4756A 100%);\n border-radius: var(--en-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(--en-shadow-lg);\n}\n\n.en-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.en-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.en-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: .05em;\n text-transform: uppercase;\n}\n\n.en-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.en-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(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.en-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-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.en-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(--en-primary), var(--en-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.en-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-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.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.en-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.en-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.en-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.en-grid-compact .en-card {\n padding: 1rem;\n}\n\n.en-grid-compact .en-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.en-grid-compact .en-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.en-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.en-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-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.en-timeline-content {\n flex: 1;\n background: var(--en-white);\n padding: 1rem 1.25rem;\n border-radius: var(--en-radius-sm);\n box-shadow: var(--en-shadow);\n}\n\n.en-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--en-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.en-timeline-content p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.en-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--en-primary-light);\n border-radius: var(--en-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.en-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.en-tip p {\n font-size: 14px;\n color: var(--en-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.en-cta-box {\n background: linear-gradient(135deg, var(--en-primary) 0%, var(--en-primary-dark) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.en-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.en-disclaimer {\n font-size: 12px;\n color: var(--en-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 .en-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .en-card {\n padding: 1.125rem;\n }\n\n .en-section {\n margin-bottom: 1.75rem;\n }\n\n .en-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--en-radius-sm);\n }\n\n .en-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .en-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .en-grid-compact {\n gap: .625rem;\n }\n\n .en-grid-compact .en-card {\n padding: .75rem;\n }\n\n .en-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .en-timeline-content {\n padding: .875rem 1rem;\n }\n\n .en-timeline-content h3 {\n font-size: 14px;\n }\n\n .en-timeline-content p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .en-card {\n animation: enFadeInUp .5s ease backwards;\n }\n .en-card:nth-child(1) { animation-delay: .05s; }\n .en-card:nth-child(2) { animation-delay: .1s; }\n .en-card:nth-child(3) { animation-delay: .15s; }\n .en-card:nth-child(4) { animation-delay: .2s; }\n .en-card:nth-child(5) { animation-delay: .25s; }\n .en-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes enFadeInUp {\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 .en-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":55696604955001,"sku":"NBAIEMM0073","price":3.37,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savonnette-hypoallergenique-100-g-emma-noel-lifestyle_88462f70-2ae7-4998-8faa-01fed89ab3a5.webp?v=1771340693"},{"product_id":"savonnette-lait-figue-bio-emma-noel-100g","title":"Savonnette lait de figue bio - 100 g - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savonnette lait de figue bio - 100g - Emma Noël\nPalette détectée:\n - Primaire: #9B2D5E (rose pourpre\/framboise du packaging et de la figue)\n - Secondaire: #D4A373 (beige doré chaud, évoquant le lait de figue)\n - Accent: #5A8F3C (vert bio du label Cosmébio)\nAmbiance: Naturel, bio, douceur méditerranéenne, féminin-chaleureux, artisanal français\nPréfixe CSS: lf\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Savonnette au lait de figue bio Emma Noël : une douceur végétale pour votre peau\"\n 2. \"Pourquoi choisir un savon au lait de figue bio ?\"\n 3. \"Les bienfaits concrets pour votre peau\"\n 4. \"Composition complète (INCI)\"\n 5. \"Conseils d'utilisation\"\n 6. \"Précautions et conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"lf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lf-hero\"\u003e\n \u003cdiv class=\"lf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lf-hero-content\"\u003e\n \u003cdiv class=\"lf-badges-top\"\u003e\n \u003cspan class=\"lf-badge\"\u003e🌿 Certifié Cosmébio\u003c\/span\u003e\n \u003cspan class=\"lf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"lf-badge\"\u003e🍃 99 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lf-hero-title\"\u003eSavonnette lait de figue bio\u003c\/span\u003e\n \u003cp class=\"lf-subtitle\"\u003eEmma Noël · 100 g\u003c\/p\u003e\n \u003cp class=\"lf-description\"\u003eUne parenthèse de douceur méditerranéenne, certifiée bio, pour sublimer votre rituel de toilette au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"lf-section\"\u003e\n \u003ch2\u003eSavonnette au lait de figue bio Emma Noël : une douceur végétale pour votre peau\u003c\/h2\u003e\n \u003cp class=\"lf-section-intro\"\u003eFermez les yeux et laissez-vous envelopper par la fragrance gourmande et fruitée de la figue. Cette \u003cstrong\u003esavonnette bio au lait de figue Emma Noël\u003c\/strong\u003e transforme chaque moment de toilette en une véritable parenthèse de douceur. Fabriquée en France par l'Huilerie Emile Noël, elle associe le savoir-faire d'un artisan engagé à une formule \u003cstrong\u003ecertifiée Cosmébio par ECOCERT\u003c\/strong\u003e, pour une hygiène quotidienne respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"lf-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon au lait de figue bio ?\u003c\/h2\u003e\n \u003cdiv class=\"lf-grid-compact\"\u003e\n \u003cdiv class=\"lf-card\"\u003e\n \u003ch3\u003e🫐 Richesse de la figue\u003c\/h3\u003e\n \u003cp\u003eFruit méditerranéen gorgé d'antioxydants, de minéraux et de vitamines pour une dimension nourrissante unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lf-card\"\u003e\n \u003ch3\u003e🧴 Note lactée enveloppante\u003c\/h3\u003e\n \u003cp\u003eSa texture lactée apporte un nettoyage efficace sans jamais agresser le film hydrolipidique de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lf-card\"\u003e\n \u003ch3\u003e🚫 Sans substances indésirables\u003c\/h3\u003e\n \u003cp\u003eNi colorant synthétique, ni paraben, ni composant d'origine animale. Une formule propre et transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lf-card\"\u003e\n \u003ch3\u003e🫧 Mousse onctueuse\u003c\/h3\u003e\n \u003cp\u003eBase végétale d'huiles biologiques pour une mousse crémeuse qui glisse sur la peau et la laisse souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"lf-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"lf-grid\"\u003e\n \u003cdiv class=\"lf-card\"\u003e\n \u003ch3\u003e✨ Nettoie en douceur\u003c\/h3\u003e\n \u003cp\u003eÉlimine les impuretés et l'excès de sébum sans dessécher l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lf-card\"\u003e\n \u003ch3\u003e💧 Préserve l'hydratation naturelle\u003c\/h3\u003e\n \u003cp\u003eGrâce à la glycérine végétale et au tocophérol (vitamine E) présents dans la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lf-card\"\u003e\n \u003ch3\u003e🌸 Parfume subtilement\u003c\/h3\u003e\n \u003cp\u003eLa senteur lait de figue, fruitée et légèrement sucrée, reste agréablement sur la peau sans être entêtante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lf-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Convient à toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdaptée à tous les types de peaux, y compris les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lf-card\"\u003e\n \u003ch3\u003e🙌 Polyvalente\u003c\/h3\u003e\n \u003cp\u003eUtilisable sur le corps, les mains et le visage pour un soin complet 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=\"lf-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"lf-accordion\"\u003e\n \u003cdetails class=\"lf-accordion-item\" open\u003e\n \u003csummary class=\"lf-accordion-header\"\u003e🧪 Liste des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"lf-accordion-content mt-3\"\u003e\n \u003cul class=\"lf-inci-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eSodium Palmate**\u003c\/strong\u003e – agent nettoyant d'origine végétale\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eSodium Palm Kernelate**\u003c\/strong\u003e – tensioactif doux issu de l'huile de palmiste\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAqua (Water)\u003c\/strong\u003e – eau\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eParfum (Fragrance)\u003c\/strong\u003e – parfum senteur lait de figue\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eLimonene\u003c\/strong\u003e – composant naturel du parfum\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGlycerin**\u003c\/strong\u003e – agent hydratant végétal\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eSodium Chloride\u003c\/strong\u003e – stabilisant\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCitric Acid\u003c\/strong\u003e – régulateur de pH\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTetrasodium Glutamate Diacetate\u003c\/strong\u003e – agent chélatant doux\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTocopherol\u003c\/strong\u003e – vitamine E, antioxydant naturel\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eLinalool, Citral\u003c\/strong\u003e – composants naturellement présents dans le parfum\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eOlus (Vegetable Oil)\u003c\/strong\u003e – huile végétale\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"lf-inci-note\"\u003e\u003cem\u003e** Transformés à partir d'ingrédients biologiques.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lf-accordion-item\"\u003e\n \u003csummary class=\"lf-accordion-header\"\u003e🏅 Certifications\u003c\/summary\u003e\n \u003cdiv class=\"lf-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et \u003cstrong\u003e77 % issus de l'agriculture biologique\u003c\/strong\u003e. Cosmétique écologique et biologique certifié par ECOCERT Greenlife selon le référentiel COSMEBIO.\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=\"lf-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"lf-timeline\"\u003e\n \u003cdiv class=\"lf-timeline-item\"\u003e\n \u003cdiv class=\"lf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lf-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser la savonnette bio entre vos mains humides ou à l'aide d'un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lf-timeline-item\"\u003e\n \u003cdiv class=\"lf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse onctueuse sur l'ensemble du corps, des mains ou du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lf-timeline-item\"\u003e\n \u003cdiv class=\"lf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lf-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire et profitez d'une peau souple et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lf-tip\"\u003e\n \u003cspan class=\"lf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour un moment encore plus relaxant, utilisez-la lors d'un bain chaud : le parfum de figue se diffusera délicatement dans la vapeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"lf-section\"\u003e\n \u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n \u003cdiv class=\"lf-accordion\"\u003e\n \u003cdetails class=\"lf-accordion-item\"\u003e\n \u003csummary class=\"lf-accordion-header\"\u003e🧼 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lf-accordion-content mt-3\"\u003e\n \u003cp\u003eAprès chaque utilisation, déposez votre savonnette sur un \u003cstrong\u003eporte-savon bien drainé\u003c\/strong\u003e afin d'éviter qu'elle ne ramollisse et de prolonger sa durée de vie. Conservez dans un endroit frais et sec, à l'abri de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lf-accordion-item\"\u003e\n \u003csummary class=\"lf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"lf-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez tout contact direct avec les yeux ; en cas de projection, rincez abondamment. En cas d'irritation ou de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"lf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lf-cta-box\"\u003e\n \u003cp\u003e🇫🇷 Pain de 100 g · Fabrication française (Pont-Saint-Esprit, Gard)\u003cbr\u003eOffrez à votre peau la douceur bio du lait de figue, chaque jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lf-disclaimer\"\u003eCosmétique écologique et biologique certifié par ECOCERT Greenlife selon le référentiel COSMEBIO.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --lf-cream: #FDF8F4;\n --lf-white: #ffffff;\n --lf-primary: #9B2D5E;\n --lf-primary-dark: #7A1E48;\n --lf-primary-light: #F8ECF1;\n --lf-secondary: #D4A373;\n --lf-accent: #5A8F3C;\n --lf-text: #1a1a1a;\n --lf-text-light: #5a5a5a;\n --lf-border: #EDE4DD;\n --lf-shadow: 0 4px 24px rgba(155, 45, 94, .07);\n --lf-shadow-lg: 0 12px 48px rgba(155, 45, 94, .13);\n --lf-radius: 20px;\n --lf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lf-hero {\n position: relative;\n background: linear-gradient(135deg, #9B2D5E 0%, #C1567A 45%, #D4A373 100%);\n border-radius: var(--lf-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(--lf-shadow-lg);\n}\n\n.lf-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 50% 50%, rgba(212,163,115,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.lf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lf-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.lf-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.lf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 560px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.lf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lf-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(--lf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lf-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.lf-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(--lf-primary), var(--lf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lf-text-light);\n margin-bottom: 1.5rem;\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n}\n\n.lf-section-intro strong {\n color: var(--lf-primary-dark);\n}\n\n\/* === CARDS === *\/\n.lf-card {\n background: var(--lf-white);\n border-radius: var(--lf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lf-shadow-lg);\n border-color: var(--lf-primary);\n}\n\n.lf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lf-grid-compact .lf-card {\n padding: 1rem;\n}\n\n.lf-grid-compact .lf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lf-grid-compact .lf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lf-primary), var(--lf-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.lf-timeline-content {\n flex: 1;\n background: var(--lf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lf-radius-sm);\n box-shadow: var(--lf-shadow);\n}\n\n.lf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lf-timeline-content p {\n font-size: 14px;\n color: var(--lf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.lf-accordion {\n background: var(--lf-white);\n border-radius: var(--lf-radius);\n box-shadow: var(--lf-shadow);\n overflow: hidden;\n}\n\n.lf-accordion-item {\n border-bottom: 1px solid var(--lf-border);\n margin: 0;\n padding: 0;\n}\n\n.lf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lf-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.lf-accordion-header:hover {\n background: var(--lf-primary-light);\n}\n\n.lf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lf-primary);\n transition: transform .2s ease;\n}\n\n.lf-accordion-item[open] .lf-accordion-header::after {\n content: '−';\n}\n\n.lf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lf-accordion-content p {\n margin: 0;\n}\n\n\/* === INCI LIST === *\/\n.lf-inci-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .5rem;\n}\n\n.lf-inci-list li {\n padding: .5rem .75rem;\n background: var(--lf-primary-light);\n border-radius: 8px;\n font-size: 13px;\n color: var(--lf-text);\n line-height: 1.5;\n}\n\n.lf-inci-list li strong {\n color: var(--lf-primary-dark);\n}\n\n.lf-inci-note {\n margin-top: .75rem !important;\n font-size: 12px;\n color: var(--lf-text-light);\n}\n\n\/* === TIP BOX === *\/\n.lf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lf-primary-light);\n border-radius: var(--lf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lf-tip p {\n font-size: 14px;\n color: var(--lf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.lf-cta-box {\n background: linear-gradient(135deg, var(--lf-primary) 0%, var(--lf-primary-dark) 100%);\n border-radius: var(--lf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lf-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.lf-disclaimer {\n font-size: 12px;\n color: var(--lf-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 .lf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lf-card {\n padding: 1.125rem;\n }\n\n .lf-section {\n margin-bottom: 1.75rem;\n }\n\n .lf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lf-radius-sm);\n }\n\n .lf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lf-grid-compact {\n gap: .625rem;\n }\n\n .lf-grid-compact .lf-card {\n padding: .75rem;\n }\n\n .lf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lf-timeline-content h3 {\n font-size: 14px;\n }\n\n .lf-timeline-content p {\n font-size: 13px;\n }\n\n .lf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .lf-inci-list li {\n font-size: 12px;\n padding: .4rem .6rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lf-card {\n animation: lfFadeInUp .5s ease backwards;\n }\n .lf-card:nth-child(1) { animation-delay: .05s; }\n .lf-card:nth-child(2) { animation-delay: .1s; }\n .lf-card:nth-child(3) { animation-delay: .15s; }\n .lf-card:nth-child(4) { animation-delay: .2s; }\n .lf-card:nth-child(5) { animation-delay: .25s; }\n .lf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lfFadeInUp {\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 .lf-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":55696605446521,"sku":"NBAIEMM0075","price":3.37,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savonnette-lait-de-figue-bio-100-g-emma-noel-lifestyle_49214955-4cb7-4691-9995-c38e9eb3a68a.webp?v=1771340527"},{"product_id":"huile-seche-monoi-bio-emma-noel-100ml","title":"Huile sèche pour le corps senteur monoi bio - 100 mL - Emma Noël","description":"\u003cdiv class=\"mn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mn-hero\"\u003e\n \u003cdiv class=\"mn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mn-hero-content\"\u003e\n \u003cdiv class=\"mn-badges-top\"\u003e\n \u003cspan class=\"mn-badge\"\u003e🌿 Certifiée bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"mn-badge\"\u003e🌺 Monoï de Tahiti\u003c\/span\u003e\n \u003cspan class=\"mn-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mn-hero-title\"\u003eHuile sèche corps au monoï bio\u003c\/span\u003e\n \u003cp class=\"mn-subtitle\"\u003eEmma Noël — 100 mL\u003c\/p\u003e\n \u003cp class=\"mn-description\"\u003eUn voile soyeux au parfum envoûtant de fleur de Tiaré. Nourrit, adoucit et parfume votre peau sans aucun effet gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003eHuile sèche pour le corps au monoï bio : douceur et nutrition sans effet gras\u003c\/h2\u003e\n \u003cp class=\"mn-section-intro\"\u003eVous cherchez la \u003cstrong\u003emeilleure huile sèche pour le corps\u003c\/strong\u003e qui nourrit en profondeur sans laisser de film collant ?\u003c\/p\u003e\n \u003cdiv class=\"mn-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile sèche corps bio au monoï d'Emma Noël\u003c\/strong\u003e est le soin qu'il vous faut. Formulée à partir d'huiles végétales précieuses et certifiée bio par Ecocert, elle enveloppe votre peau d'un voile soyeux au parfum envoûtant de fleur de Tiaré. En un seul geste, elle hydrate, adoucit et parfume délicatement, pour une peau satinée du matin au soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003ePourquoi choisir une huile sèche plutôt qu'une crème hydratante ?\u003c\/h2\u003e\n \u003cdiv class=\"mn-grid-compact\"\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e⚡ Absorption express\u003c\/h3\u003e\n \u003cp\u003ePénètre quasi instantanément sans résidu gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e👗 Habillez-vous aussitôt\u003c\/h3\u003e\n \u003cp\u003eAucun temps d'attente après l'application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🧴 Praticité absolue\u003c\/h3\u003e\n \u003cp\u003eFlacon pompe hygiénique, idéal même en voyage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🌾 Richesse nutritive\u003c\/h3\u003e\n \u003cp\u003eSynergie d'huiles végétales soigneusement sélectionnées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"mn-section-note\"\u003eSi vous vous demandez \u003cstrong\u003equelle huile pour le corps choisir en cas de peau très sèche\u003c\/strong\u003e, cette huile sèche corps bio Emma Noël combine praticité et richesse nutritive exceptionnelle.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003eUne composition naturelle et engagée\u003c\/h2\u003e\n \u003cp class=\"mn-section-intro\"\u003eAvec \u003cstrong\u003e100 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et \u003cstrong\u003e49 % issus de l'agriculture biologique et du commerce équitable\u003c\/strong\u003e, cette huile affiche une formule courte et transparente.\u003c\/p\u003e\n \u003cdiv class=\"mn-grid\"\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🌿 Huile de sésame bio équitable\u003c\/h3\u003e\n \u003cp\u003eRégénérante et assouplissante, elle restaure le film hydrolipidique des peaux desséchées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco\u003c\/h3\u003e\n \u003cp\u003eProfondément nourrissante, elle apporte souplesse et éclat tout en formant un bouclier protecteur naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🌺 Monoï de Tahiti\u003c\/h3\u003e\n \u003cp\u003eIngrédient emblématique des rituels polynésiens, il adoucit la peau et lui confère un parfum floral ensoleillé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant, elle protège les cellules cutanées du stress oxydatif et ralentit le vieillissement prématuré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-tip\"\u003e\n \u003cspan class=\"mn-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eLa \u003cstrong\u003ecertification Ecocert Cosmétique Biologique\u003c\/strong\u003e garantit l'absence de parabènes, silicones, phénoxyéthanol et autres substances controversées. Un choix responsable, aussi bon pour votre peau que pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"mn-inci-box\"\u003e\n \u003cp\u003eSesamum Indicum Seed Oil*, Cocos Nucifera Oil, Gardenia Tahitensis Flower Extract, Parfum, Tocopherol, Helianthus Annuus Seed Oil.\u003c\/p\u003e\n \u003cp class=\"mn-inci-note\"\u003e\u003cem\u003e*Ingrédient issu de l'agriculture biologique et du commerce équitable.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003eComment bien utiliser cette huile sèche au monoï ?\u003c\/h2\u003e\n \u003cp class=\"mn-section-intro\"\u003ePour profiter pleinement de ses bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"mn-timeline\"\u003e\n \u003cdiv class=\"mn-timeline-item\"\u003e\n \u003cdiv class=\"mn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-content\"\u003e\n \u003ch3\u003e🧴 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques pressions de pompe sur peau propre, idéalement encore humide après la douche. Massez en mouvements circulaires pour favoriser la pénétration et stimuler la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-item\"\u003e\n \u003cdiv class=\"mn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-content\"\u003e\n \u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eUne à deux gouttes sur les longueurs et pointes sèches pour nourrir, discipliner et parfumer délicatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-item\"\u003e\n \u003cdiv class=\"mn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-content\"\u003e\n \u003ch3\u003e✨ Sur le visage\u003c\/h3\u003e\n \u003cp\u003eUne seule goutte tapotée du bout des doigts avant votre soin habituel, pour un effet bonne mine lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-item\"\u003e\n \u003cdiv class=\"mn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-content\"\u003e\n \u003ch3\u003e🤲 En soin intensif peau très sèche\u003c\/h3\u003e\n \u003cp\u003eRenouvelez l'application sur les zones rugueuses (coudes, genoux, talons) matin et soir.\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=\"mn-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mn-accordion\"\u003e\n \u003cdetails class=\"mn-accordion-item\"\u003e\n \u003csummary class=\"mn-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"mn-accordion-content mt-3\"\u003e\n \u003cp\u003eRé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=\"mn-accordion-item\"\u003e\n \u003csummary class=\"mn-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"mn-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux ; en cas de projection, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mn-accordion-item\"\u003e\n \u003csummary class=\"mn-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mn-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière directe et de la chaleur pour préserver la qualité des huiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mn-accordion-item\"\u003e\n \u003csummary class=\"mn-accordion-header\"\u003e⚠️ Usage externe\u003c\/summary\u003e\n \u003cdiv class=\"mn-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement — ne se substitue pas à un avis dermatologique.\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=\"mn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLes points forts en résumé\u003c\/h2\u003e\n \u003cdiv class=\"mn-grid-compact\"\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🪶 Ultra-légère\u003c\/h3\u003e\n \u003cp\u003eAbsorption immédiate, zéro effet gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🌺 Parfum monoï\u003c\/h3\u003e\n \u003cp\u003eInvitation au voyage polynésien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🌿 Bio certifiée\u003c\/h3\u003e\n \u003cp\u003eEcocert, formule courte et clean\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e✈️ Format voyage\u003c\/h3\u003e\n \u003cp\u003eFlacon pompe 100 mL pratique et hygiénique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e💫 Polyvalente\u003c\/h3\u003e\n \u003cp\u003eCorps, cheveux et visage en un seul soin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eEmma Noël, spécialiste des huiles végétales depuis 1984\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-cta-box\"\u003e\n \u003cp\u003e🌺 Offrez à votre peau la douceur et le parfum envoûtant du monoï de Tahiti.\u003cbr\u003eUn soin bio, naturel et polyvalent pour rayonner au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mn-cream: #fdf9f3;\n --mn-white: #ffffff;\n --mn-primary: #e6a817;\n --mn-primary-dark: #b8860b;\n --mn-primary-light: #fef8e8;\n --mn-secondary: #d4a843;\n --mn-accent: #c9302c;\n --mn-text: #1a1a1a;\n --mn-text-light: #5a5a5a;\n --mn-border: #e8e0d4;\n --mn-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mn-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mn-radius: 20px;\n --mn-radius-sm: 12px;\n}\n\n.mn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mn-hero {\n position: relative;\n background: linear-gradient(135deg, #e6a817 0%, #d4a843 40%, #c9901a 100%);\n border-radius: var(--mn-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(--mn-shadow-lg);\n}\n\n.mn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.mn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mn-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.mn-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.mn-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.mn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mn-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(--mn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mn-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.mn-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(--mn-primary), var(--mn-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.mn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mn-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.mn-section-note {\n text-align: center;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mn-text-light);\n margin-top: 1.25rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === CARDS === *\/\n.mn-card {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mn-shadow-lg);\n border-color: var(--mn-primary);\n}\n\n.mn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mn-grid-compact .mn-card {\n padding: 1rem;\n}\n\n.mn-grid-compact .mn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mn-grid-compact .mn-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.mn-highlight-box {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mn-shadow);\n border-left: 4px solid var(--mn-primary);\n}\n\n.mn-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--mn-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === INCI BOX === *\/\n.mn-inci-box {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mn-shadow);\n text-align: center;\n}\n\n.mn-inci-box p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mn-text);\n line-height: 1.7;\n margin: 0;\n font-family: 'Courier New', monospace;\n word-break: break-word;\n}\n\n.mn-inci-note {\n margin-top: .75rem !important;\n font-size: clamp(12px, 1.8vw, 13px) !important;\n color: var(--mn-text-light) !important;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;\n}\n\n\/* === TIMELINE === *\/\n.mn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mn-primary), var(--mn-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.mn-timeline-content {\n flex: 1;\n background: var(--mn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mn-radius-sm);\n box-shadow: var(--mn-shadow);\n}\n\n.mn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mn-timeline-content p {\n font-size: 14px;\n color: var(--mn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mn-primary-light);\n border-radius: var(--mn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mn-tip p {\n font-size: 14px;\n color: var(--mn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.mn-accordion {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n box-shadow: var(--mn-shadow);\n overflow: hidden;\n}\n\n.mn-accordion-item {\n border-bottom: 1px solid var(--mn-border);\n margin: 0;\n padding: 0;\n}\n\n.mn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mn-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.mn-accordion-header:hover {\n background: var(--mn-primary-light);\n}\n\n.mn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mn-primary);\n transition: transform .2s ease;\n}\n\n.mn-accordion-item[open] .mn-accordion-header::after {\n content: '−';\n}\n\n.mn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mn-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.mn-cta-box {\n background: linear-gradient(135deg, var(--mn-primary) 0%, var(--mn-primary-dark) 100%);\n border-radius: var(--mn-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.mn-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 .mn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mn-card {\n padding: 1.125rem;\n }\n\n .mn-section {\n margin-bottom: 1.75rem;\n }\n\n .mn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mn-radius-sm);\n }\n\n .mn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mn-grid-compact {\n gap: .625rem;\n }\n\n .mn-grid-compact .mn-card {\n padding: .75rem;\n }\n\n .mn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mn-timeline-content h3 {\n font-size: 14px;\n }\n\n .mn-timeline-content p {\n font-size: 13px;\n }\n\n .mn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mn-highlight-box {\n padding: 1.25rem;\n }\n\n .mn-highlight-box p {\n font-size: 14px;\n }\n\n .mn-inci-box {\n padding: 1rem;\n }\n\n .mn-tip {\n padding: .875rem 1rem;\n }\n\n .mn-tip-icon {\n font-size: 20px;\n }\n\n .mn-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mn-card {\n animation: mnFadeInUp .5s ease backwards;\n }\n .mn-card:nth-child(1) { animation-delay: .05s; }\n .mn-card:nth-child(2) { animation-delay: .1s; }\n .mn-card:nth-child(3) { animation-delay: .15s; }\n .mn-card:nth-child(4) { animation-delay: .2s; }\n .mn-card:nth-child(5) { animation-delay: .25s; }\n .mn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mnFadeInUp {\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 .mn-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":55696605839737,"sku":"NBAIEMM0028","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-seche-pour-le-corps-senteur-monoi-bio-100-ml-emma-noel-packshothd.webp?v=1775115783"},{"product_id":"macerat-huileux-carotte-bio-50ml-emma-noel","title":"Macérat huileux de carotte bio - 50 mL - Emma Noël","description":"\u003cdiv class=\"hc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"hc-hero\"\u003e\n \u003cdiv class=\"hc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hc-hero-content\"\u003e\n \u003cdiv class=\"hc-badges-top\"\u003e\n \u003cspan class=\"hc-badge\"\u003e🥕 Macérat bio\u003c\/span\u003e\n \u003cspan class=\"hc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"hc-badge\"\u003e✨ Effet bonne mine\u003c\/span\u003e\n \u003cspan class=\"hc-badge\"\u003e🌿 99,75 % bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hc-hero-title\"\u003eMacérat huileux de carotte bio\u003c\/span\u003e\n \u003cp class=\"hc-subtitle\"\u003eEmma Noël — 50 mL\u003c\/p\u003e\n \u003cp class=\"hc-description\"\u003eUn concentré de bêta-carotène biologique pour un teint doré, lumineux et protégé au quotidien. Visage, corps et cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"hc-section\"\u003e\n \u003ch2\u003eMacérat huileux de carotte bio : votre allié bonne mine au quotidien\u003c\/h2\u003e\n \u003cp class=\"hc-section-intro\"\u003eEnvie d'un teint lumineux, doré et plein de vitalité ? Le \u003cstrong\u003emacérat huileux de carotte bio Emma Noël\u003c\/strong\u003e est ce soin naturel dont votre peau a besoin.\u003c\/p\u003e\n \u003cdiv class=\"hc-grid-compact\"\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🥕 Infusion lente\u003c\/h3\u003e\n \u003cp\u003eCarottes biologiques infusées dans une huile de tournesol bio pour une concentration optimale en actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🧡 Bêta-carotène\u003c\/h3\u003e\n \u003cp\u003ePigment végétal précieux aux propriétés illuminatrices et protectrices reconnues\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🧴 Flacon-pompe\u003c\/h3\u003e\n \u003cp\u003eFormat pratique de 50 mL qui s'intègre sans effort à votre routine beauté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e💆 Multi-usage\u003c\/h3\u003e\n \u003cp\u003eVisage, corps et même cheveux : un soin complet pour tout sublimer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"hc-section\"\u003e\n \u003ch2\u003eLes bienfaits du macérat de carotte pour votre peau\u003c\/h2\u003e\n \u003cp class=\"hc-section-intro\"\u003eCe n'est pas un hasard si le macérat huileux de carotte est plébiscité en cosmétique naturelle. Voici ce qu'il peut concrètement vous apporter :\u003c\/p\u003e\n \u003cdiv class=\"hc-grid\"\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e✨ Éclat et effet bonne mine\u003c\/h3\u003e\n \u003cp\u003eLe bêta-carotène confère à la peau un hâle doré subtil, même sans exposition au soleil. Votre teint paraît immédiatement plus frais et reposé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e☀️ Préparation du bronzage\u003c\/h3\u003e\n \u003cp\u003eAppliqué avant et après l'été, il stimule naturellement la production de mélanine et aide votre bronzage à durer plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eLes provitamines A neutralisent les radicaux libres, contribuant à atténuer les ridules et les premiers signes de l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e💧 Nutrition en profondeur\u003c\/h3\u003e\n \u003cp\u003eGrâce aux acides gras oléique et linoléique de l'huile de tournesol, la peau retrouve souplesse et confort, même en période de sécheresse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🤍 Tolérance remarquable\u003c\/h3\u003e\n \u003cp\u003eAvec un indice de comédogénicité de 1, ce macérat convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les peaux mixtes, grasses ou sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"hc-section\"\u003e\n \u003ch2\u003eComposition certifiée bio\u003c\/h2\u003e\n \u003cp class=\"hc-section-intro\"\u003eUne formule d'une simplicité exemplaire, gage de qualité et de transparence — seulement 3 ingrédients :\u003c\/p\u003e\n \u003cdiv class=\"hc-grid\"\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eHelianthus Annuus Seed Oil*\u003c\/em\u003e — Base nourrissante riche en vitamine E, qui protège et assouplit la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🥕 Extrait de carotte bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eDaucus Carota Sativa Root Extract*\u003c\/em\u003e — Source concentrée de bêta-carotène issue de racines de carottes cultivées en agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🧡 Bêta-carotène\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eBeta-Carotene\u003c\/em\u003e — Pigment naturel aux vertus antioxydantes puissantes, responsable de l'effet bonne mine doré.\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*Ingrédients issus de l'agriculture biologique. Formule \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, jusqu'à 99,75 % bio. Sans parfum de synthèse, sans conservateur artificiel, sans huile minérale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"hc-section\"\u003e\n \u003ch2\u003eComment utiliser votre huile de carotte bio ?\u003c\/h2\u003e\n \u003cp class=\"hc-section-intro\"\u003eLa texture fluide et non grasse de ce soin le rend particulièrement agréable à appliquer. Voici nos conseils pour en tirer le meilleur parti :\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\u003e🌸 En soin visage\u003c\/h3\u003e\n \u003cp\u003eMatin ou soir, déposez 3 à 4 gouttes sur une peau propre et sèche. Massez délicatement en mouvements circulaires jusqu'à absorption complète. Vous pouvez aussi ajouter quelques gouttes à votre crème hydratante habituelle.\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\u003e✨ En soin corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement après la douche sur les zones qui manquent d'éclat — décolleté, jambes, épaules — pour un effet hâlé naturel et uniforme.\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\u003e☀️ En après-soleil\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le pour apaiser et nourrir la peau après une journée au soleil, tout en sublimant votre bronzage.\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\u003e💇 En soin capillaire\u003c\/h3\u003e\n \u003cp\u003eMélangez quelques gouttes à votre masque ou appliquez directement sur les longueurs sèches pour des cheveux nourris et brillants.\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=\"hc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"hc-accordion\"\u003e\n \u003cdetails class=\"hc-accordion-item\"\u003e\n \u003csummary class=\"hc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"hc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe macérat de carotte ne constitue pas une protection solaire et ne remplace en aucun cas l'application d'un écran UV. Si vous avez la peau très réactive, réalisez un petit test dans le pli du coude 24 heures avant la première utilisation. Ce produit cosmétique ne remplace pas un avis ou un traitement dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\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 mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière directe et de la chaleur excessive pour préserver l'intégrité du bêta-carotène. Refermez bien le flacon-pompe après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"hc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hc-cta-box\"\u003e\n \u003cp\u003e🥕 Offrez à votre peau un éclat doré et naturel grâce à la puissance du bêta-carotène bio. Un seul geste pour un teint rayonnant toute l'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"hc-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Ce produit cosmétique ne se substitue pas à un avis dermatologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hc-cream: #fdf8f2;\n --hc-white: #ffffff;\n --hc-primary: #e88a2a;\n --hc-primary-dark: #b5621a;\n --hc-primary-light: #fef3e6;\n --hc-secondary: #f5b84c;\n --hc-accent: #d4a24a;\n --hc-text: #1a1a1a;\n --hc-text-light: #5a5a5a;\n --hc-border: #eaddd0;\n --hc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --hc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --hc-radius: 20px;\n --hc-radius-sm: 12px;\n}\n\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, #e88a2a 0%, #f5b84c 50%, #d4a24a 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.03) 30px, rgba(255,255,255,.03) 60px);\n opacity: 1;\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-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.hc-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.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\/* === 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\/* === SECTION INTRO === *\/\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 line-height: 1.7;\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\/* === TIMELINE === *\/\n.hc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\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\/* === 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}\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\/* === 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}\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 margin-top: 10px;\n}\n\n.hc-accordion-content p {\n margin: 0;\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\/* === 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\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hc-card {\n animation: hcFadeInUp .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 hcFadeInUp {\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":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":55696606036345,"sku":"NBAIEMM0046","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/macerat-huileux-de-carotte-bio-50-ml-emma-noel-packshothd.webp?v=1776076508"},{"product_id":"huile-vierge-argan-bio-emma-noel-50ml","title":"Huile Vierge d'Argan bio - 50 mL - Emma Noël","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🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🇲🇦 Argan du Maroc\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e❄️ Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arg-hero-title\"\u003eHuile vierge d'argan bio\u003c\/span\u003e\n \u003cp class=\"arg-subtitle\"\u003eEmma Noël — 50 mL\u003c\/p\u003e\n \u003cp class=\"arg-description\"\u003eLe soin ancestral 100 % naturel qui régénère votre peau, nourrit vos cheveux et fortifie vos ongles. Un seul ingrédient, des résultats visibles.\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\u003eHuile vierge d'argan bio Emma Noël : le soin régénérant pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"arg-section-intro\"\u003eExtraite des noix de l'arganier, un arbre endémique du sud-ouest marocain, cette \u003cstrong\u003ehuile vierge d'argan bio\u003c\/strong\u003e Emma Noël concentre le meilleur de la nature dans un flacon pompe de 50 mL.\u003c\/p\u003e\n \u003cdiv class=\"arg-grid-compact\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eObtenue par première pression à froid pour conserver l'intégralité de ses principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant naturel qui protège les cellules du stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💧 Oméga-6 \u0026amp; 9\u003c\/h3\u003e\n \u003cp\u003eAcides gras essentiels pour nourrir et assouplir la peau en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e✨ Insaponifiables\u003c\/h3\u003e\n \u003cp\u003eComposés restructurants qui favorisent la régénération cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile d'argan pour vos cheveux ?\u003c\/h2\u003e\n \u003cp class=\"arg-section-intro\"\u003eSi vous cherchez une \u003cstrong\u003ehuile d'argan pour cheveux\u003c\/strong\u003e véritablement efficace, cette version vierge et biologique fait toute la différence. Contrairement aux huiles raffinées, elle n'a subi aucun traitement chimique et offre une concentration optimale en nutriments.\u003c\/p\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌾 Nutrition en profondeur\u003c\/h3\u003e\n \u003cp\u003eL'huile d'argan pénètre la fibre capillaire pour restaurer souplesse et douceur, même sur les longueurs les plus desséchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre la casse\u003c\/h3\u003e\n \u003cp\u003eEn gainant le cheveu, elle réduit les fourches et limite les dommages causés par le brushing, le lissage ou les colorations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💎 Brillance naturelle\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes suffisent à discipliner les frisottis et à redonner un éclat soyeux sans effet gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🧘 Soin du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eSes propriétés apaisantes aident à calmer les irritations et les démangeaisons du cuir chevelu.\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\u003eUn soin visage et corps aux multiples bienfaits\u003c\/h2\u003e\n \u003cp class=\"arg-section-intro\"\u003eL'huile d'argan ne se limite pas aux cheveux. Elle est aussi un allié précieux pour la peau, quel que soit votre type.\u003c\/p\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants, elle aide à prévenir l'apparition des rides et ridules en luttant contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🔄 Régénérante\u003c\/h3\u003e\n \u003cp\u003eElle favorise le renouvellement cellulaire et atténue les cicatrices, les vergetures et les taches pigmentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🤍 Nourrissante et assouplissante\u003c\/h3\u003e\n \u003cp\u003eElle restaure le film hydrolipidique des peaux sèches ou fragilisées par le froid et le vent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Fortifiante pour les ongles\u003c\/h3\u003e\n \u003cp\u003eUn massage régulier sur les cuticules renforce les ongles cassants et dédoublés.\u003c\/p\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\u003eComment utiliser cette huile d'argan bio ?\u003c\/h2\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\u003e💇 Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques pressions sur cheveux secs ou légèrement humides, en insistant sur les pointes. En masque avant-shampoing, laissez poser 30 minutes sous une serviette tiède, puis lavez normalement. Pour un soin quotidien express, une seule goutte chauffée entre les paumes suffit à dompter les frisottis.\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\u003e🌙 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eLe soir, après avoir nettoyé votre peau, déposez 2 à 3 gouttes et massez par mouvements circulaires. L'huile pénètre rapidement sans laisser de film gras.\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\u003e🚿 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement après la douche sur les zones sèches (coudes, genoux, talons) pour une peau durablement nourrie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-tip\"\u003e\n \u003cspan class=\"arg-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un masque capillaire intensif, mélangez l'huile d'argan avec quelques gouttes de miel et laissez poser toute la nuit sous un bonnet en satin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"arg-composition-box\"\u003e\n \u003cdiv class=\"arg-composition-inci\"\u003e\n \u003cspan class=\"arg-composition-label\"\u003eIngrédient (INCI)\u003c\/span\u003e\n \u003cspan class=\"arg-composition-value\"\u003eArgania Spinosa Kernel Oil*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"arg-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-grid-compact\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌱 100 % naturelle\u003c\/h3\u003e\n \u003cp\u003eUn seul ingrédient, rien d'autre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eAucun parfum de synthèse ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🏅 Cosmébio \/ Ecocert\u003c\/h3\u003e\n \u003cp\u003eCertification bio reconnue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🧴 Flacon pompe\u003c\/h3\u003e\n \u003cp\u003e50 mL — dosage précis et hygiénique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"arg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"arg-accordion\"\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🧪 Test cutané recommandé\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content mt-3\"\u003e\n \u003cp\u003eEffectuez un test cutané au creux du coude 24 heures avant la première utilisation afin d'écarter tout risque d'allergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière directe et de la chaleur pour préserver toutes les qualités de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"arg-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique n'est pas un médicament.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --arg-cream: #faf6f0;\n --arg-white: #ffffff;\n --arg-primary: #8b6914;\n --arg-primary-dark: #5c4510;\n --arg-primary-light: #f5edd8;\n --arg-secondary: #c4944a;\n --arg-accent: #d4a853;\n --arg-text: #1a1a1a;\n --arg-text-light: #5a5a5a;\n --arg-border: #e8dcc8;\n --arg-shadow: 0 4px 24px rgba(92,69,16,.08);\n --arg-shadow-lg: 0 12px 48px rgba(92,69,16,.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, #5c4510 0%, #8b6914 40%, #c4944a 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(ellipse at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%);\n 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 .5rem 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(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 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.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}\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: 600px;\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}\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\/* === TESTIMONIAL === *\/\n.arg-testimonial {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--arg-shadow);\n border-left: 4px solid var(--arg-primary);\n}\n\n.arg-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--arg-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.arg-composition-box {\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 text-align: center;\n margin-bottom: 1.25rem;\n border: 2px solid var(--arg-primary-light);\n}\n\n.arg-composition-inci {\n display: flex;\n flex-direction: column;\n gap: .35rem;\n margin-bottom: .75rem;\n}\n\n.arg-composition-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--arg-text-light);\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.arg-composition-value {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 900;\n color: var(--arg-primary-dark);\n font-style: italic;\n}\n\n.arg-composition-note {\n font-size: 13px;\n color: var(--arg-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP === *\/\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\/* === ACCORDÉON === *\/\n.arg-accordion {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n box-shadow: var(--arg-shadow);\n overflow: hidden;\n}\n\n.arg-accordion-item {\n border-bottom: 1px solid var(--arg-border);\n margin: 0;\n padding: 0;\n}\n\n.arg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.arg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--arg-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.arg-accordion-header:hover {\n background: var(--arg-primary-light);\n}\n\n.arg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.arg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--arg-primary);\n transition: transform .2s ease;\n}\n\n.arg-accordion-item[open] .arg-accordion-header::after {\n content: '−';\n}\n\n.arg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--arg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.arg-accordion-content p {\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .arg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .arg-testimonial {\n padding: 1.25rem;\n }\n\n .arg-testimonial-text {\n font-size: 14px;\n }\n\n .arg-composition-box {\n padding: 1rem;\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\n@keyframes argFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\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":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":55696606626169,"sku":"NBAIEMM0030","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vierge-dargan-bio-50-ml-emma-noel-packshothd.webp?v=1776173050"},{"product_id":"huile-capillaire-bio-emma-noel-100ml","title":"Huile capillaire bio - 100 mL - Emma Noël","description":"\u003cdiv class=\"hc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"hc-hero\"\u003e\n \u003cdiv class=\"hc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hc-hero-content\"\u003e\n \u003cdiv class=\"hc-badges-top\"\u003e\n \u003cspan class=\"hc-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"hc-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"hc-badge\"\u003e🥥 4 huiles végétales\u003c\/span\u003e\n \u003cspan class=\"hc-badge\"\u003e💆 Tout type de cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hc-hero-title\"\u003eHuile capillaire bio Emma Noël\u003c\/span\u003e\n \u003cp class=\"hc-subtitle\"\u003eJojoba · Sésame · Avocat · Coco — 100 mL\u003c\/p\u003e\n \u003cp class=\"hc-description\"\u003eUn concentré de quatre huiles végétales précieuses pour nourrir, protéger et sublimer vos cheveux au quotidien. 100 % d'ingrédients d'origine naturelle, zéro silicone, zéro compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"hc-section\"\u003e\n \u003ch2\u003ePourquoi choisir une huile naturelle pour les cheveux ?\u003c\/h2\u003e\n \u003cp class=\"hc-section-intro\"\u003ePollution, chaleur, UV, colorations… vos cheveux subissent chaque jour de multiples agressions qui les rendent ternes, cassants et difficiles à coiffer.\u003c\/p\u003e\n \u003cdiv class=\"hc-grid-compact\"\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🚫 Silicones = faux allié\u003c\/h3\u003e\n \u003cp\u003eLes sérums à base de silicones gainent en surface sans jamais nourrir la fibre. Résultat : un effet cartonné et des résidus occlusifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🌱 Huile naturelle = soin profond\u003c\/h3\u003e\n \u003cp\u003eUne huile végétale pénètre véritablement la fibre capillaire pour la nourrir de l'intérieur et la fortifier durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e✨ Souplesse retrouvée\u003c\/h3\u003e\n \u003cp\u003eLes cheveux retrouvent leur élasticité naturelle, un toucher soyeux et une brillance éclatante, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e💪 Force \u0026amp; résistance\u003c\/h3\u003e\n \u003cp\u003eLa fibre est réellement renforcée, plus résistante à la casse, aux pointes fourchues et aux agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"hc-section\"\u003e\n \u003ch2\u003eQuatre huiles végétales bio aux vertus complémentaires\u003c\/h2\u003e\n \u003cp class=\"hc-section-intro\"\u003eLa force de ce soin capillaire bio réside dans sa synergie d'huiles soigneusement sélectionnées :\u003c\/p\u003e\n \u003cdiv class=\"hc-grid\"\u003e\n \u003cdiv class=\"hc-card hc-card-ingredient\"\u003e\n \u003ch3\u003e🫒 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003eComposition proche du sébum humain, elle \u003cstrong\u003erégule la production de sébum\u003c\/strong\u003e. Alliée idéale pour les cheveux gras comme secs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card hc-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E et antioxydants, elle offre une \u003cstrong\u003eprotection naturelle contre la chaleur\u003c\/strong\u003e et préserve l'éclat de la couleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card hc-card-ingredient\"\u003e\n \u003ch3\u003e🥑 Huile d'avocat bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, elle pénètre rapidement sans alourdir. Elle \u003cstrong\u003eassouplit, démêle et redonne de l'élasticité\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card hc-card-ingredient\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eVéritable bouclier protecteur, elle \u003cstrong\u003elimite la perte en protéines\u003c\/strong\u003e lors du lavage, lisse les pointes fourchues et apporte une douceur soyeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"hc-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile capillaire bio ?\u003c\/h2\u003e\n \u003cp class=\"hc-section-intro\"\u003eSon format pompe pratique s'adapte à tous vos besoins capillaires :\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\u003e✨ En soin quotidien\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2 à 3 pressions sur les longueurs et les pointes, sur cheveux humides ou secs. L'huile pénètre rapidement sans laisser de film gras, pour un toucher léger et des cheveux brillants toute la journée.\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\u003e🛁 En bain d'huile avant-shampooing\u003c\/h3\u003e\n \u003cp\u003eRépartissez généreusement du cuir chevelu aux pointes. Laissez poser 30 min à 1 heure (voire toute la nuit sous une serviette), puis lavez normalement. Idéal 1 fois par semaine pour les cheveux très secs ou abîmés.\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\u003e🔥 En protection chaleur\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes avant le brushing ou le lissage aident à limiter les dégâts de la chaleur sur la fibre capillaire. Un geste simple qui fait toute la différence.\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=\"hc-section\"\u003e\n \u003ch2\u003eUne composition clean et certifiée bio\u003c\/h2\u003e\n \u003cp class=\"hc-section-intro\"\u003eFormulée avec 100 % d'ingrédients d'origine naturelle, cette huile capillaire respecte vos cheveux et la planète.\u003c\/p\u003e\n \u003cdiv class=\"hc-grid-compact\"\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🚫 Sans silicones\u003c\/h3\u003e\n \u003cp\u003eAucun agent de gainage synthétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n \u003cp\u003eZéro conservateur controversé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🚫 Sans colorants\u003c\/h3\u003e\n \u003cp\u003eAucun colorant artificiel ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum synthétique\u003c\/h3\u003e\n \u003cp\u003eUniquement l'odeur naturelle des huiles\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\u003eListe INCI :\u003c\/strong\u003e Sesamum Indicum Seed Oil*, Simmondsia Chinensis Seed Oil*, Cocos Nucifera Oil*, Persea Gratissima Oil*, Tocopherol. \u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e — 11 % des ingrédients sont issus de l'agriculture biologique. Fabrication française, contrôle qualité rigoureux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"hc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hc-accordion\"\u003e\n \u003cdetails class=\"hc-accordion-item\"\u003e\n \u003csummary class=\"hc-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"hc-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas de projection, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hc-accordion-item\"\u003e\n \u003csummary class=\"hc-accordion-header\"\u003e⚠️ Réaction cutanée\u003c\/summary\u003e\n \u003cdiv class=\"hc-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de réaction cutanée, cessez immédiatement l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\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 mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière directe et de la chaleur pour préserver toutes les propriétés des huiles végétales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hc-accordion-item\"\u003e\n \u003csummary class=\"hc-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"hc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"hc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hc-cta-box\"\u003e\n \u003cp\u003eAvec l'huile capillaire bio Emma Noël, offrez à vos cheveux un concentré de nature : nutrition intense, protection au quotidien et brillance retrouvée. 🌸 Un geste simple pour une chevelure visiblement plus saine et plus belle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"hc-disclaimer\"\u003eProduit cosmétique certifié bio. Les résultats peuvent varier selon le type de cheveux. Ce produit ne constitue pas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hc-cream: #fdf6f8;\n --hc-white: #ffffff;\n --hc-primary: #d6698e;\n --hc-primary-dark: #a14468;\n --hc-primary-light: #fce8ef;\n --hc-secondary: #c4a96a;\n --hc-accent: #8bb565;\n --hc-text: #1a1a1a;\n --hc-text-light: #5a5a5a;\n --hc-border: #f0dfe5;\n --hc-shadow: 0 4px 24px rgba(166,68,104,.08);\n --hc-shadow-lg: 0 12px 48px rgba(166,68,104,.15);\n --hc-radius: 20px;\n --hc-radius-sm: 12px;\n}\n\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, #d6698e 0%, #c4a96a 50%, #a14468 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.06) 0%, transparent 70%);\n opacity: 1;\n}\n\n.hc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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-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-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.hc-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\/* === 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.hc-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--hc-primary-light);\n}\n\n.hc-card-ingredient:hover {\n border-left-color: var(--hc-primary);\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\/* === TIMELINE === *\/\n.hc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\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\/* === ACCORDION === *\/\n.hc-accordion {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n box-shadow: var(--hc-shadow);\n overflow: hidden;\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 margin-top: 10px;\n}\n\n.hc-accordion-content p {\n margin: 0;\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\/* === CTA === *\/\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.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 === *\/\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-card-ingredient {\n text-align: left;\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\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hc-card {\n animation: hcFadeInUp .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 hcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\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":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":55696606921081,"sku":"NBAIEMM0024","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-capillaire-bio-100-ml-emma-noel-packshothd.webp?v=1775115680"},{"product_id":"savonnettes-3-argiles-bio-emma-noel","title":"Savonnettes 3 Argiles Bio - 3 x 150 g - Emma Noël","description":"\u003cdiv class=\"arg-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"arg-hero\"\u003e\n\u003cdiv class=\"arg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arg-hero-content\"\u003e\n\u003cdiv class=\"arg-badges-top\"\u003e\n\u003cspan class=\"arg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"arg-badge\"\u003e🌿 Certifié Cosmébio\u003c\/span\u003e \u003cspan class=\"arg-badge\"\u003e🧱 3 argiles bio\u003c\/span\u003e \u003cspan class=\"arg-badge\"\u003e🪶 Sans huile de palme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"arg-hero-title\"\u003eSavonnettes 3 Argiles Bio\u003c\/span\u003e\n\u003cp class=\"arg-subtitle\"\u003eEmma Noël - L'huile source de soin\u003c\/p\u003e\n\u003cp class=\"arg-description\"\u003eCoffret de 3 savons naturels de 150 g chacun : argile verte, argile blanche et argile rouge. Une formule certifiée bio qui purifie, adoucit et revitalise toute la famille, sans parfum de synthèse ni colorant artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"arg-section\"\u003e\n\u003ch2\u003eTrois argiles, trois bienfaits complémentaires\u003c\/h2\u003e\n\u003cp class=\"arg-section-intro\"\u003eCe qui rend ce savon d'argile unique, c'est la synergie de trois argiles aux propriétés distinctes :\u003c\/p\u003e\n\u003cdiv class=\"arg-grid\"\u003e\n\u003cdiv class=\"arg-card arg-card--verte\"\u003e\n\u003ch3\u003e🌿 Argile verte\u003c\/h3\u003e\n\u003cp class=\"arg-card-skin\"\u003ePeaux mixtes à grasses\u003c\/p\u003e\n\u003cp\u003eVéritable alliée purifiante, elle absorbe l'excès de sébum et purifie les pores en profondeur. Un savon à l'argile verte idéal pour le visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card arg-card--blanche\"\u003e\n\u003ch3\u003e🤍 Argile blanche (kaolin)\u003c\/h3\u003e\n\u003cp class=\"arg-card-skin\"\u003ePeaux sensibles et réactives\u003c\/p\u003e\n\u003cp\u003eLa plus douce des argiles. Elle nettoie sans agresser et laisse la peau souple, même pour les peaux sujettes aux tiraillements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card arg-card--rouge\"\u003e\n\u003ch3\u003e❤️ Argile rouge\u003c\/h3\u003e\n\u003cp class=\"arg-card-skin\"\u003ePeaux ternes en quête d'éclat\u003c\/p\u003e\n\u003cp\u003eRiche en oxydes de fer, elle favorise la microcirculation cutanée et redonne un éclat naturel au teint. Un vrai coup de fraîcheur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-tip\"\u003e\n\u003cspan class=\"arg-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eEnsemble, ces trois argiles offrent un \u003cstrong\u003enettoyage équilibré\u003c\/strong\u003e : purifiant sans dessécher, adoucissant sans alourdir, revitalisant sans irriter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"arg-section\"\u003e\n\u003ch2\u003eUne composition transparente et certifiée bio\u003c\/h2\u003e\n\u003cp class=\"arg-section-intro\"\u003eChaque savonnette est formulée à partir d'ingrédients d'origine végétale soigneusement sélectionnés :\u003c\/p\u003e\n\u003cdiv class=\"arg-grid-compact\"\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n\u003cp\u003eMousse onctueuse et propriétés nettoyantes naturelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n\u003cp\u003eNourrit et protège le film hydrolipidique de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e🧱 3 argiles naturelles\u003c\/h3\u003e\n\u003cp\u003eActifs purifiants et reminéralisants (verte, blanche, rouge)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n\u003cp\u003eIssue de la saponification, maintient l'hydratation cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-certif-banner\"\u003e\n\u003cp\u003e🚫 Sans parfum ajouté · 🚫 Sans colorant synthétique · 🚫 Sans conservateur artificiel\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCertifié Cosmébio\u003c\/strong\u003e · Fabrication française par Emma Noël, maison engagée dans la cosmétique bio depuis plus de 20 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"arg-section\"\u003e\n\u003ch2\u003eComment utiliser ce savon à l'argile au quotidien ?\u003c\/h2\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\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFaites mousser la savonnette entre vos mains humides ou sur un gant de toilette.\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\u003eAppliquez en douceur\u003c\/h3\u003e\n\u003cp\u003eAppliquez la mousse sur le visage et le corps en massant délicatement.\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\u003eRincez à l'eau claire\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment. Convient à un usage quotidien pour toute la famille, y compris les adolescents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-tip\"\u003e\n\u003cspan class=\"arg-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e pour prolonger la durée de vie de votre savon, laissez-le sécher entre chaque utilisation sur un porte-savon ajouré — un porte-savon en argile autodurcissante fait maison est d'ailleurs un excellent complément naturel et décoratif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"arg-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon solide aux argiles plutôt qu'un gel douche ?\u003c\/h2\u003e\n\u003cdiv class=\"arg-grid-compact\"\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e💰 Plus économique\u003c\/h3\u003e\n\u003cp\u003eUn savon de 150 g dure 2 à 3 fois plus longtemps qu'un flacon de gel douche équivalent\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n\u003cp\u003eEmballage carton recyclable, sans plastique superflu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e🪶 Respectueux de la peau\u003c\/h3\u003e\n\u003cp\u003ePas de tensioactifs agressifs ni de sulfates irritants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e🌍 Écoresponsable\u003c\/h3\u003e\n\u003cp\u003eFormule biodégradable qui préserve les milieux aquatiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"arg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"arg-cta-box\"\u003e\n\u003cp\u003eAvec ce coffret de \u003cstrong\u003e3 savonnettes naturelles aux argiles bio Emma Noël\u003c\/strong\u003e, adoptez un geste beauté simple, efficace et engagé. Un soin purifiant et doux qui convient à toute la famille, jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"arg-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis dermatologique en cas de problème cutané spécifique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --arg-cream: #fdf7f4;\n --arg-white: #ffffff;\n --arg-primary: #b8806e;\n --arg-primary-dark: #8b5e4f;\n --arg-primary-light: #f5ebe6;\n --arg-secondary: #e0a58e;\n --arg-accent: #d4739d;\n --arg-verte: #7a9e6b;\n --arg-verte-light: #eef4eb;\n --arg-blanche: #b8b0a2;\n --arg-blanche-light: #f5f3f0;\n --arg-rouge: #c46b5c;\n --arg-rouge-light: #faeae7;\n --arg-text: #1a1a1a;\n --arg-text-light: #5a5a5a;\n --arg-border: #e8ddd7;\n --arg-shadow: 0 4px 24px rgba(139, 94, 79, .08);\n --arg-shadow-lg: 0 12px 48px rgba(139, 94, 79, .15);\n --arg-radius: 20px;\n --arg-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.arg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.arg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--arg-primary-dark) 0%, var(--arg-primary) 45%, var(--arg-secondary) 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:\n radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%);\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(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.arg-description {\n color: rgba(255,255,255,.92);\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.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}\n\n.arg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--arg-primary), var(--arg-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\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: 600px;\n margin-left: auto;\n margin-right: auto;\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\/* Sous-label type de peau *\/\n.arg-card-skin {\n display: inline-block;\n font-size: 12px !important;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .75rem !important;\n color: var(--arg-white);\n}\n\n\/* Cards variantes argile *\/\n.arg-card--verte {\n border-top: 4px solid var(--arg-verte);\n}\n.arg-card--verte:hover {\n border-color: var(--arg-verte);\n}\n.arg-card--verte h3 {\n color: var(--arg-verte);\n}\n.arg-card--verte .arg-card-skin {\n background: var(--arg-verte);\n}\n\n.arg-card--blanche {\n border-top: 4px solid var(--arg-blanche);\n}\n.arg-card--blanche:hover {\n border-color: var(--arg-blanche);\n}\n.arg-card--blanche h3 {\n color: #7a7265;\n}\n.arg-card--blanche .arg-card-skin {\n background: var(--arg-blanche);\n}\n\n.arg-card--rouge {\n border-top: 4px solid var(--arg-rouge);\n}\n.arg-card--rouge:hover {\n border-color: var(--arg-rouge);\n}\n.arg-card--rouge h3 {\n color: var(--arg-rouge);\n}\n.arg-card--rouge .arg-card-skin {\n background: var(--arg-rouge);\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\/* === GRILLE COMPACTE === *\/\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}\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.5;\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\/* === CERTIF BANNER === *\/\n.arg-certif-banner {\n background: var(--arg-primary-light);\n border-radius: var(--arg-radius-sm);\n padding: 1.25rem 1.5rem;\n text-align: center;\n margin-top: 1.25rem;\n border: 1px dashed var(--arg-primary);\n}\n\n.arg-certif-banner p {\n font-size: 14px;\n color: var(--arg-text);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.arg-certif-banner p:last-child {\n margin-bottom: 0;\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}\n\n.arg-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background:\n radial-gradient(circle at 15% 85%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 85% 15%, rgba(255,255,255,.06) 0%, transparent 40%);\n}\n\n.arg-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.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-certif-banner {\n padding: 1rem;\n }\n\n .arg-certif-banner 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\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":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":55696607215993,"sku":"NBAIEMM0081","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savonnettesEmmaNoel3argiles.webp?v=1772192636"},{"product_id":"savonnettes-aloe-vera-bio-emma-noel","title":"Savonnettes Aloe Vera Bio - 3 x 150 g - Emma Noël","description":"\u003cdiv class=\"av-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"av-hero\"\u003e\n\u003cdiv class=\"av-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"av-hero-content\"\u003e\n\u003cdiv class=\"av-badges-top\"\u003e\n\u003cspan class=\"av-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e \u003cspan class=\"av-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"av-badge\"\u003e🌱 Certifié Cosmébio\u003c\/span\u003e \u003cspan class=\"av-badge\"\u003e📦 3 × 150 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"av-hero-title\"\u003eSavonnettes Aloe Vera Bio Emma Noël\u003c\/span\u003e\n\u003cp class=\"av-subtitle\"\u003eLa douceur végétale certifiée bio pour toute la famille\u003c\/p\u003e\n\u003cp class=\"av-description\"\u003e78 % d'ingrédients issus de l'agriculture biologique — Un nettoyage tout en douceur, enveloppé d'un parfum frais et végétal d'aloe vera.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003eSavonnettes naturelles à l'aloe vera bio Emma Noël - Pack de 3 × 150 g\u003c\/h2\u003e\n\u003cp class=\"av-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon aloe vera\u003c\/strong\u003e doux, certifié bio et fabriqué en France ? Ce coffret de 3 savonnettes Emma Noël est pensé pour celles et ceux qui veulent allier hygiène quotidienne, respect de la peau et engagement naturel.\u003c\/p\u003e\n\u003cdiv class=\"av-grid-compact\"\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine naturelle pour une formule transparente et respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🌾 78 % bio\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de l'agriculture biologique certifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🧼 450 g au total\u003c\/h3\u003e\n\u003cp\u003e3 savonnettes de 150 g pour plusieurs semaines d'utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🛡️ Label Cosmébio\u003c\/h3\u003e\n\u003cp\u003eGarantie de transparence sur la composition et la fabrication\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003ePourquoi adopter un savon à l'aloe vera bio au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"av-testimonial\"\u003e\n\u003cp class=\"av-testimonial-text\"\u003eL'aloe vera est reconnu depuis des siècles pour ses propriétés apaisantes et hydratantes. Intégré dans un savon solide, il apporte une sensation de fraîcheur immédiate tout en respectant le film hydrolipidique de la peau. Contrairement à certains savons conventionnels qui dessèchent, cette formulation végétale à base d'huiles de palme biologiques et de glycérine naturelle préserve la souplesse cutanée après chaque lavage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-tip\"\u003e\n\u003cspan class=\"av-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe \u003cstrong\u003esavon aloe vera\u003c\/strong\u003e convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les peaux sensibles qui réagissent facilement aux produits trop agressifs. Si vous avez déjà testé un \u003cstrong\u003esavon de Marseille aloe vera\u003c\/strong\u003e classique et que vous souhaitez aller plus loin dans la naturalité, ces savonnettes certifiées Cosmébio représentent un choix cohérent et fiable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de ces savonnettes\u003c\/h2\u003e\n\u003cdiv class=\"av-grid\"\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🫧 Nettoyage doux et respectueux\u003c\/h3\u003e\n\u003cp\u003eLa base végétale saponifiée offre une mousse onctueuse qui élimine les impuretés sans agresser la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e❄️ Fraîcheur naturelle\u003c\/h3\u003e\n\u003cp\u003eLa poudre de jus d'aloe vera bio procure une sensation rafraîchissante, idéale le matin sous la douche ou après une journée active.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e✋ Polyvalence totale\u003c\/h3\u003e\n\u003cp\u003eUtilisable pour le corps, les mains et même comme \u003cstrong\u003esavon aloe vera visage\u003c\/strong\u003e pour les peaux qui tolèrent bien les savons solides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e💰 Format économique\u003c\/h3\u003e\n\u003cp\u003eLe pack de 3 savonnettes de 150 g (450 g au total) vous accompagne sur plusieurs semaines d'utilisation quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e✅ Certification Cosmébio\u003c\/h3\u003e\n\u003cp\u003eUne garantie de transparence sur la composition et les procédés de fabrication, pour consommer en toute confiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"av-accordion\"\u003e\n\u003cdetails class=\"av-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"av-accordion-header\"\u003e📋 Liste INCI détaillée\u003c\/summary\u003e\n\u003cdiv class=\"av-accordion-content mt-3\"\u003e\n\u003cp\u003eSodium Palmate**, Sodium Palm Kernelate**, Aqua (Water), Glycerin**, Parfum (Fragrance), Sodium Chloride, Tetrasodium Glutamate Diacetate, Citric Acid, CI 77288 (Chromium Oxide Greens), Tocopherol, \u003cstrong\u003eAloe Barbadensis Leaf Juice Powder*\u003c\/strong\u003e, Olus (Vegetable) Oil, CI 77491 \/ CI 77492 \/ CI 77499 (Iron Oxides), Alumina, Magnesium Oxide, Citronellol, Linalool, Limonene.\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🌱 Légende des labels\u003c\/summary\u003e\n\u003cdiv class=\"av-accordion-content mt-3\"\u003e\n\u003cp\u003e*Ingrédients issus de l'agriculture biologique\u003cbr\u003e**Transformés à partir d'ingrédients biologiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003eComment bien utiliser vos savonnettes aloe vera ?\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\u003eMouillez et faites mousser\u003c\/h3\u003e\n\u003cp\u003eMouillez votre peau, puis faites mousser la savonnette entre vos mains ou directement sur le corps.\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\u003eMassez en douceur\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement en mouvements circulaires, puis rincez abondamment à l'eau tiède.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-timeline-item\"\u003e\n\u003cdiv class=\"av-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"av-timeline-content\"\u003e\n\u003ch3\u003eLaissez sécher correctement\u003c\/h3\u003e\n\u003cp\u003eAprès chaque utilisation, posez le savon sur un \u003cstrong\u003eporte-savon aéré\u003c\/strong\u003e pour qu'il sèche correctement et dure plus longtemps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-timeline-item\"\u003e\n\u003cdiv class=\"av-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"av-timeline-content\"\u003e\n\u003ch3\u003ePrécaution yeux\u003c\/h3\u003e\n\u003cp\u003eÉvitez le contact avec les yeux. En cas de projection, rincez immédiatement à l'eau claire.\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=\"av-section\"\u003e\n\u003ch2\u003ePour qui sont faites ces savonnettes ?\u003c\/h2\u003e\n\u003cp class=\"av-section-intro\"\u003eCe produit s'adresse à toute personne souhaitant simplifier sa routine d'hygiène avec un savon naturel et efficace. Que vous recherchiez une alternative au \u003cstrong\u003esavon aloe vera en pharmacie\u003c\/strong\u003e ou que vous souhaitiez remplacer un gel douche liquide par un format solide plus écologique, ces savonnettes cochent toutes les cases.\u003c\/p\u003e\n\u003cdiv class=\"av-grid-compact\"\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🧴 Adieu gel douche\u003c\/h3\u003e\n\u003cp\u003ePassez au solide sans compromis sur le confort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient à tous les types de peau, même sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🌍 Geste éco-responsable\u003c\/h3\u003e\n\u003cp\u003eComposition transparente, fabrication française, certification bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🎁 Idée cadeau\u003c\/h3\u003e\n\u003cp\u003eUn coffret attentionné pour les amateurs de cosmétiques naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"av-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"av-cta-box\"\u003e\n\u003cp\u003e🌿 3 savonnettes bio à l'aloe vera, 450 g de douceur naturelle, fabriquées en France et certifiées Cosmébio. Offrez à votre peau le meilleur du végétal, chaque jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"av-disclaimer\"\u003eCes savonnettes sont un produit d'hygiène corporelle et ne se substituent en aucun cas à un soin dermatologique ou à un avis médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --av-cream: #f7faf4;\n --av-white: #ffffff;\n --av-primary: #7AB648;\n --av-primary-dark: #3d6b1e;\n --av-primary-light: #eef6e5;\n --av-secondary: #E8578A;\n --av-accent: #4A8C2A;\n --av-text: #1a1a1a;\n --av-text-light: #5a5a5a;\n --av-border: #dde8d4;\n --av-shadow: 0 4px 24px rgba(74, 140, 42, .08);\n --av-shadow-lg: 0 12px 48px rgba(74, 140, 42, .15);\n --av-radius: 20px;\n --av-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.av-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--av-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.av-hero {\n position: relative;\n background: linear-gradient(135deg, #7AB648 0%, #5a9e30 40%, #E8578A 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,.12) 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(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.av-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.av-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.av-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.av-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.av-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.av-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--av-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.av-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.av-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.av-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--av-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.av-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--av-primary), var(--av-secondary));\n border-radius: 2px;\n}\n\n\/* === 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\/* === GRILLE COMPACTE === *\/\n.av-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.av-grid-compact .av-card {\n padding: 1rem;\n}\n\n.av-grid-compact .av-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.av-grid-compact .av-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.av-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.av-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.av-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--av-primary), var(--av-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.av-timeline-content {\n flex: 1;\n background: var(--av-white);\n padding: 1rem 1.25rem;\n border-radius: var(--av-radius-sm);\n box-shadow: var(--av-shadow);\n}\n\n.av-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--av-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.av-timeline-content p {\n font-size: 14px;\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.av-testimonial {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n border-left: 4px solid var(--av-primary);\n}\n\n.av-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.av-accordion {\n background: var(--av-white);\n border-radius: var(--av-radius);\n box-shadow: var(--av-shadow);\n overflow: hidden;\n}\n\n.av-accordion-item {\n border-bottom: 1px solid var(--av-border);\n margin: 0;\n padding: 0;\n}\n\n.av-accordion-item:last-child {\n border-bottom: none;\n}\n\n.av-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--av-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.av-accordion-header:hover {\n background: var(--av-primary-light);\n}\n\n.av-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.av-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--av-primary);\n transition: transform .2s ease;\n}\n\n.av-accordion-item[open] .av-accordion-header::after {\n content: '−';\n}\n\n.av-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--av-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.av-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.av-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--av-primary-light);\n border-radius: var(--av-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.av-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.av-tip p {\n font-size: 14px;\n color: var(--av-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.av-cta-box {\n background: linear-gradient(135deg, var(--av-primary) 0%, var(--av-primary-dark) 100%);\n border-radius: var(--av-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.av-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.av-disclaimer {\n font-size: 12px;\n color: var(--av-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.av-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .av-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .av-card {\n padding: 1.125rem;\n }\n\n .av-section {\n margin-bottom: 1.75rem;\n }\n\n .av-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--av-radius-sm);\n }\n\n .av-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .av-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .av-grid-compact {\n gap: .625rem;\n }\n\n .av-grid-compact .av-card {\n padding: .75rem;\n }\n\n .av-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .av-timeline-content {\n padding: .875rem 1rem;\n }\n\n .av-timeline-content h3 {\n font-size: 14px;\n }\n\n .av-timeline-content p {\n font-size: 13px;\n }\n\n .av-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .av-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .av-testimonial {\n padding: 1.25rem;\n }\n\n .av-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .av-card {\n animation: avFadeInUp .5s ease backwards;\n }\n .av-card:nth-child(1) { animation-delay: .05s; }\n .av-card:nth-child(2) { animation-delay: .1s; }\n .av-card:nth-child(3) { animation-delay: .15s; }\n .av-card:nth-child(4) { animation-delay: .2s; }\n .av-card:nth-child(5) { animation-delay: .25s; }\n .av-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes avFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .av-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":55696607674745,"sku":"NBAIEMM0082","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savonnettes-Emma-Noel-Aloe-Vera.webp?v=1772191056"},{"product_id":"savonnettes-amande-douce-bio-emma-noel","title":"Savonnettes Amande Douce Bio - 3 x 150 g - Emma Noël","description":"\u003cdiv class=\"en-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"en-hero\"\u003e\n\u003cdiv class=\"en-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"en-hero-content\"\u003e\n\u003cdiv class=\"en-badges-top\"\u003e\n\u003cspan class=\"en-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e \u003cspan class=\"en-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"en-badge\"\u003e🍊 Senteur agrumes\u003c\/span\u003e \u003cspan class=\"en-badge\"\u003e🧴 Lot de 3 × 150 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"en-hero-title\"\u003eSavonnettes Amande Douce Bio Emma Noël\u003c\/span\u003e\n\u003cp class=\"en-subtitle\"\u003e3 savonnettes naturelles · 450 g de douceur certifiée bio\u003c\/p\u003e\n\u003cp class=\"en-description\"\u003eLa douceur de l'amande douce bio alliée à la fraîcheur vivifiante des agrumes. Un rituel de toilette sain, généreux et 99 % d'origine naturelle pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eSavonnettes Amande Douce Bio Emma Noël – Lot de 3 x 150 g, senteur Agrumes\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eOffrez à votre peau la douceur qu'elle mérite avec ce lot de \u003cstrong\u003e3 savonnettes naturelles à l'huile d'amande douce bio\u003c\/strong\u003e, délicatement parfumées aux agrumes.\u003c\/p\u003e\n\u003cdiv class=\"en-grid-compact\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🌸 Marque pionnière\u003c\/h3\u003e\n\u003cp\u003eFabriquées en France par Emma Noël, référence des cosmétiques biologiques depuis plus de 30 ans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🧼 Format généreux\u003c\/h3\u003e\n\u003cp\u003e3 savonnettes de 150 g chacune, soit 450 g au total pour des semaines d'utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🍋 Parfum frais\u003c\/h3\u003e\n\u003cp\u003eNotes d'orange et de citron vert pour une toilette vivifiante et sensorielle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n\u003cp\u003eSavon certifié COSMOS Organic, une alternative solide, naturelle et efficace\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon à l'amande douce bio ?\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eL'huile d'amande douce est reconnue depuis des siècles pour ses propriétés apaisantes et nourrissantes. Intégrée dans une formule de savon bio, elle apporte des bienfaits concrets dès la première utilisation.\u003c\/p\u003e\n\u003cdiv class=\"en-grid\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🤍 Douceur exceptionnelle\u003c\/h3\u003e\n\u003cp\u003eElle calme les sensations de tiraillement et laisse la peau souple après le rinçage, même sur les zones les plus sèches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e💧 Nutrition en profondeur\u003c\/h3\u003e\n\u003cp\u003eRiche en acides gras essentiels et en vitamine E, elle aide à maintenir l'hydratation naturelle de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🛡️ Protection du film hydrolipidique\u003c\/h3\u003e\n\u003cp\u003eContrairement aux savons industriels, cette formule respecte la barrière cutanée sans l'agresser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e👶 Convient aux peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSa composition douce en fait un allié pour toute la famille, y compris les enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip\"\u003e\n\u003cspan class=\"en-tip-icon\"\u003e🍊\u003c\/span\u003e\n\u003cp\u003eLa touche d'\u003cstrong\u003eagrumes\u003c\/strong\u003e — orange et citron vert — ajoute une note fraîche et vivifiante qui transforme chaque douche en un véritable moment de plaisir sensoriel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eComment utiliser ces savonnettes naturelles ?\u003c\/h2\u003e\n\u003cdiv class=\"en-timeline\"\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFaites mousser la savonnette entre vos mains humides ou directement sur peau mouillée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement le corps, les mains ou le visage. La mousse onctueuse enveloppe la peau d'une douceur parfumée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n\u003cp\u003eLa mousse se rince facilement et laisse un voile de douceur parfumé sur la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003eLaissez sécher le savon\u003c\/h3\u003e\n\u003cp\u003eDéposez-le sur un porte-savon bien drainé afin qu'il sèche entre deux utilisations pour prolonger sa durée de vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip\"\u003e\n\u003cspan class=\"en-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e le format généreux de \u003cstrong\u003e450 g au total\u003c\/strong\u003e vous garantit plusieurs semaines d'utilisation pour toute la famille. Un porte-savon aéré évitera qu'il ne ramollisse trop vite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"en-accordion\"\u003e\n\u003cdetails class=\"en-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"en-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"en-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eSodium Palmate**\u003c\/strong\u003e, \u003cstrong\u003eSodium Palm Kernelate**\u003c\/strong\u003e, Aqua (Water), Parfum (Fragrance), \u003cstrong\u003ePrunus Amygdalus Dulcis Oil*\u003c\/strong\u003e (huile d'amande douce), \u003cstrong\u003eGlycerin**\u003c\/strong\u003e, Olus Oil (huile végétale), Citric Acid, Tocopherol.\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=\"en-accordion-item\"\u003e\n\u003csummary class=\"en-accordion-header\"\u003e🌱 Focus sur l'huile d'amande douce\u003c\/summary\u003e\n\u003cdiv class=\"en-accordion-content mt-3\"\u003e\n\u003cp\u003eL'huile d'amande douce bio (\u003cem\u003ePrunus Amygdalus Dulcis Oil\u003c\/em\u003e) est l'ingrédient star de cette formule. Riche en acides gras oméga-9, en vitamine E et en phytostérols, elle nourrit, adoucit et protège la peau au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eCertifications et engagements qualité\u003c\/h2\u003e\n\u003cdiv class=\"en-grid\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eCertifié par Ecocert, charte Cosmébio — la garantie d'un cosmétique véritablement biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n\u003cp\u003e99 % d'ingrédients d'origine naturelle pour une formule transparente et respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication française artisanale, savoir-faire et exigence de qualité depuis plus de 30 ans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🔬 Testé dermatologiquement\u003c\/h3\u003e\n\u003cp\u003eTesté sous contrôle dermatologique, sans colorant artificiel, sans paraben\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"en-accordion\"\u003e\n\u003cdetails class=\"en-accordion-item\"\u003e\n\u003csummary class=\"en-accordion-header\"\u003e⚠️ Usage et précautions\u003c\/summary\u003e\n\u003cdiv class=\"en-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Évitez le contact direct avec les yeux ; en cas de projection, rincez abondamment à l'eau claire. En cas de réaction cutanée inhabituelle, 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\u003cp class=\"en-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"en-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"en-cta-box\"\u003e\n\u003cp\u003e🌿 Avec ces \u003cstrong\u003esavonnettes amande douce bio Emma Noël\u003c\/strong\u003e, vous faites le choix d'une hygiène naturelle, douce et responsable. Leur parfum frais d'agrumes, leur mousse généreuse et leur composition certifiée bio en font un indispensable de la salle de bain. Un geste simple pour prendre soin de vous et de votre famille, chaque jour. 🍊\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --en-cream: #faf8f5;\n --en-white: #ffffff;\n --en-primary: #6BBF8A;\n --en-primary-dark: #3a7d56;\n --en-primary-light: #e8f5ed;\n --en-secondary: #E8578A;\n --en-accent: #F5A623;\n --en-text: #1a1a1a;\n --en-text-light: #5a5a5a;\n --en-border: #e0e0e0;\n --en-shadow: 0 4px 24px rgba(0,0,0,.08);\n --en-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, #6BBF8A 0%, #4aad6e 40%, #3a9c5e 70%, #E8578A 100%);\n border-radius: var(--en-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(--en-shadow-lg);\n}\n\n.en-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,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(245,166,35,.08) 0%, transparent 60%);\n opacity: 1;\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.en-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.en-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.en-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.en-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(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.en-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-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.en-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(--en-primary), var(--en-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.en-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-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.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.en-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.en-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.en-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.en-grid-compact .en-card {\n padding: 1rem;\n}\n\n.en-grid-compact .en-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.en-grid-compact .en-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.en-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.en-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-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.en-timeline-content {\n flex: 1;\n background: var(--en-white);\n padding: 1rem 1.25rem;\n border-radius: var(--en-radius-sm);\n box-shadow: var(--en-shadow);\n}\n\n.en-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--en-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.en-timeline-content p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.en-testimonial {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--en-shadow);\n border-left: 4px solid var(--en-primary);\n}\n\n.en-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.en-accordion {\n background: var(--en-white);\n border-radius: var(--en-radius);\n box-shadow: var(--en-shadow);\n overflow: hidden;\n}\n\n.en-accordion-item {\n border-bottom: 1px solid var(--en-border);\n margin: 0;\n padding: 0;\n}\n\n.en-accordion-item:last-child {\n border-bottom: none;\n}\n\n.en-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--en-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.en-accordion-header:hover {\n background: var(--en-primary-light);\n}\n\n.en-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.en-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--en-primary);\n transition: transform .2s ease;\n}\n\n.en-accordion-item[open] .en-accordion-header::after {\n content: '−';\n}\n\n.en-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--en-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.en-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.en-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.en-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--en-primary-light);\n border-radius: var(--en-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.en-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.en-tip p {\n font-size: 14px;\n color: var(--en-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.en-cta-box {\n background: linear-gradient(135deg, var(--en-primary) 0%, var(--en-primary-dark) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.en-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.en-disclaimer {\n font-size: 12px;\n color: var(--en-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 .en-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .en-card {\n padding: 1.125rem;\n }\n\n .en-section {\n margin-bottom: 1.75rem;\n }\n\n .en-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--en-radius-sm);\n }\n\n .en-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .en-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .en-grid-compact {\n gap: .625rem;\n }\n\n .en-grid-compact .en-card {\n padding: .75rem;\n }\n\n .en-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .en-timeline-content {\n padding: .875rem 1rem;\n }\n\n .en-timeline-content h3 {\n font-size: 14px;\n }\n\n .en-timeline-content p {\n font-size: 13px;\n }\n\n .en-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .en-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .en-testimonial {\n padding: 1.25rem;\n }\n\n .en-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .en-card {\n animation: enFadeInUp .5s ease backwards;\n }\n .en-card:nth-child(1) { animation-delay: .05s; }\n .en-card:nth-child(2) { animation-delay: .1s; }\n .en-card:nth-child(3) { animation-delay: .15s; }\n .en-card:nth-child(4) { animation-delay: .2s; }\n .en-card:nth-child(5) { animation-delay: .25s; }\n .en-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes enFadeInUp {\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 .en-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":55696607969657,"sku":"NBAIEMM0083","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savonnettes-amande-douce-bio-3-x-150-g-emma-noel-lifestyle_dec774c5-47ad-4489-bf25-4f22cd4ea226.webp?v=1771339690"},{"product_id":"savonnettes-coco-bio-3x150g","title":"Savonnettes coco bio - 3 x 150 g - Emma Noël","description":"\u003cdiv class=\"en-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"en-hero\"\u003e\n\u003cdiv class=\"en-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"en-hero-content\"\u003e\n\u003cdiv class=\"en-badges-top\"\u003e\n\u003cspan class=\"en-badge\"\u003e🥥 Senteur coco\u003c\/span\u003e \u003cspan class=\"en-badge\"\u003e🌿 Certifié bio Ecocert\u003c\/span\u003e \u003cspan class=\"en-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"en-badge\"\u003e📦 3 x 150 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"en-hero-title\"\u003eSavonnettes Coco Bio Emma Noël\u003c\/span\u003e\n\u003cp class=\"en-subtitle\"\u003eUn trio de savons solides au parfum envoûtant de noix de coco\u003c\/p\u003e\n\u003cp class=\"en-description\"\u003e99 % d'ingrédients d'origine naturelle · 78 % issus de l'agriculture biologique · 450 g de douceur pour toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eSavonnettes coco bio Emma Noël : un trio de douceur pour votre peau\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eEnvie d'un savon à la noix de coco qui allie plaisir sensoriel et respect de votre peau ?\u003c\/p\u003e\n\u003cdiv class=\"en-grid-compact\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🧼 Savon solide naturel\u003c\/h3\u003e\n\u003cp\u003eTrois savonnettes de 150 g chacune, certifiées bio par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🌴 Parfum gourmand\u003c\/h3\u003e\n\u003cp\u003eUn parfum de noix de coco qui transforme chaque douche en escapade tropicale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e💧 Formule végétale\u003c\/h3\u003e\n\u003cp\u003eNettoie en douceur sans dessécher l'épiderme ni altérer le film hydrolipidique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France avec des ingrédients soigneusement sélectionnés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eCe qui rend ce savon noix de coco bio unique\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eSur le marché des savons naturels, beaucoup de produits se ressemblent. Voici ce qui distingue réellement ces savonnettes :\u003c\/p\u003e\n\u003cdiv class=\"en-grid\"\u003e\n\u003cdiv class=\"en-card en-card-highlight\"\u003e\n\u003ch3\u003e🥥 Huile de coco biologique\u003c\/h3\u003e\n\u003cp\u003eL'ingrédient star \u003cstrong\u003eCocos Nucifera Oil\u003c\/strong\u003e est reconnu pour ses propriétés adoucissantes. Il aide à maintenir le film hydrolipidique de la peau tout en offrant un nettoyage efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card en-card-highlight\"\u003e\n\u003ch3\u003e💧 Glycérine végétale naturelle\u003c\/h3\u003e\n\u003cp\u003eIssue directement du processus de saponification, elle attire l'eau vers la peau et contribue à la garder souple après le rinçage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card en-card-highlight\"\u003e\n\u003ch3\u003e🌿 99 % naturel, 78 % bio\u003c\/h3\u003e\n\u003cp\u003eUne transparence rare sur la composition : 99 % d'ingrédients d'origine naturelle et environ 78 % issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card en-card-highlight\"\u003e\n\u003ch3\u003e📦 Format économique 450 g\u003c\/h3\u003e\n\u003cp\u003eTrois savonnettes pour toute la famille, c'est aussi moins d'emballages et un geste concret pour réduire vos déchets.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eComposition complète (liste INCI)\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eParce que vous méritez de savoir exactement ce que vous appliquez sur votre peau, voici la liste intégrale des ingrédients :\u003c\/p\u003e\n\u003cdiv class=\"en-inci-box\"\u003e\n\u003cp class=\"en-inci-list\"\u003eSodium Palmate**, Sodium Palm Kernelate**, Aqua (Water), Glycerin**, Parfum (Fragrance), Sodium Chloride, Citric Acid, Tetrasodium Glutamate Diacetate, Tocopherol, \u003cstrong\u003eCocos Nucifera (Coconut) Oil*\u003c\/strong\u003e, Olus (Vegetable) Oil.\u003c\/p\u003e\n\u003cp class=\"en-inci-legend\"\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\u003cdiv class=\"en-tip\"\u003e\n\u003cspan class=\"en-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLa formule est courte, lisible et sans colorant artificiel. Le \u003cstrong\u003etocophérol\u003c\/strong\u003e (vitamine E naturelle) agit comme antioxydant pour préserver la qualité du savon dans le temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eComment bien utiliser votre savon bio coco ?\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003ePour profiter pleinement des bienfaits de ce savon noix de coco bio, suivez ces quelques conseils :\u003c\/p\u003e\n\u003cdiv class=\"en-timeline\"\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003eMouillez et faites mousser\u003c\/h3\u003e\n\u003cp\u003eMouillez votre peau à l'eau tiède, puis faites mousser la savonnette entre vos mains.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003eAppliquez en douceur\u003c\/h3\u003e\n\u003cp\u003eAppliquez la mousse onctueuse sur le corps, les mains ou le visage en massant délicatement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003eRincez et profitez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment et profitez de la sensation de peau douce et subtilement parfumée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003eConservez au sec\u003c\/h3\u003e\n\u003cp\u003eEntre deux utilisations, posez votre savonnette sur un \u003cstrong\u003eporte-savon aéré\u003c\/strong\u003e pour la laisser sécher : elle durera ainsi beaucoup plus longtemps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"en-accordion-item\"\u003e\n\u003csummary class=\"en-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"en-accordion-content mt-3\"\u003e\n\u003cp\u003eÉvitez le contact direct avec les yeux. Ce savon convient à toute la famille, y compris aux peaux sensibles. En cas de réaction cutanée inhabituelle, cessez l'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eÀ qui s'adressent ces savonnettes ?\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eCe savon bio coco est fait pour vous si :\u003c\/p\u003e\n\u003cdiv class=\"en-grid\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🔄 Adieu gels douche industriels\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez remplacer les gels douche industriels par un savon solide naturel et certifié bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🌺 Amoureuse du coco\u003c\/h3\u003e\n\u003cp\u003eVous adorez le parfum enveloppant de la noix de coco sous la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Pour toute la famille\u003c\/h3\u003e\n\u003cp\u003eVous cherchez un produit familial, économique et fabriqué en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eVous privilégiez une routine d'hygiène plus respectueuse de l'environnement, avec moins de plastique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"en-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"en-cta-box\"\u003e\n\u003cp\u003eAvec les \u003cstrong\u003esavonnettes coco bio Emma Noël\u003c\/strong\u003e, vous faites le choix d'une hygiène quotidienne douce, parfumée et responsable. Trois savons généreux de 150 g, une formule certifiée bio et un parfum de noix de coco qui vous accompagne tout au long de la journée. 🥥\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"en-disclaimer\"\u003eCosmétique certifié bio par Ecocert · Fabriqué en France · 3 x 150 g (450 g)\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --en-cream: #faf8f5;\n --en-white: #ffffff;\n --en-primary: #3BB8D6;\n --en-primary-dark: #1e8fa8;\n --en-primary-light: #e8f7fb;\n --en-secondary: #E84B91;\n --en-accent: #F5E6C8;\n --en-text: #1a1a1a;\n --en-text-light: #5a5a5a;\n --en-border: #e8e4df;\n --en-shadow: 0 4px 24px rgba(0,0,0,.07);\n --en-shadow-lg: 0 12px 48px rgba(0,0,0,.13);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, #3BB8D6 0%, #2ca8c4 40%, #E84B91 100%);\n border-radius: var(--en-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(--en-shadow-lg);\n}\n\n.en-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,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(245,230,200,.08) 0%, transparent 60%);\n opacity: 1;\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.en-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.en-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.en-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(13px, 2vw, 16px);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BADGES === *\/\n.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.en-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(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.en-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-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.en-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(--en-primary), var(--en-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.en-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.en-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.en-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Card highlight variant *\/\n.en-card-highlight {\n border-left: 4px solid var(--en-primary);\n text-align: left;\n}\n\n.en-card-highlight:hover {\n border-left-color: var(--en-secondary);\n border-right-color: transparent;\n border-top-color: transparent;\n border-bottom-color: transparent;\n}\n\n\/* === GRILLES === *\/\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.en-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.en-grid-compact .en-card {\n padding: 1rem;\n}\n\n.en-grid-compact .en-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.en-grid-compact .en-card p {\n font-size: 12px;\n}\n\n\/* === INCI BOX === *\/\n.en-inci-box {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n margin-bottom: 1rem;\n}\n\n.en-inci-list {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--en-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n word-spacing: 1px;\n}\n\n.en-inci-legend {\n font-size: clamp(12px, 1.8vw, 13px);\n color: var(--en-text-light);\n margin: 0;\n padding-top: .75rem;\n border-top: 1px solid var(--en-border);\n}\n\n\/* === TIMELINE === *\/\n.en-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.en-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-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.en-timeline-content {\n flex: 1;\n background: var(--en-white);\n padding: 1rem 1.25rem;\n border-radius: var(--en-radius-sm);\n box-shadow: var(--en-shadow);\n}\n\n.en-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--en-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.en-timeline-content p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.en-testimonial {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--en-shadow);\n border-left: 4px solid var(--en-primary);\n}\n\n.en-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.en-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--en-primary-light);\n border-radius: var(--en-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.en-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.en-tip p {\n font-size: 14px;\n color: var(--en-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.en-accordion {\n background: var(--en-white);\n border-radius: var(--en-radius);\n box-shadow: var(--en-shadow);\n overflow: hidden;\n}\n\n.en-accordion-item {\n border-bottom: 1px solid var(--en-border);\n margin: 0;\n padding: 0;\n}\n\n.en-accordion-item:last-child {\n border-bottom: none;\n}\n\n.en-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--en-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.en-accordion-header:hover {\n background: var(--en-primary-light);\n}\n\n.en-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.en-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--en-primary);\n transition: transform .2s ease;\n}\n\n.en-accordion-item[open] .en-accordion-header::after {\n content: '−';\n}\n\n.en-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--en-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.en-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.en-cta-box {\n background: linear-gradient(135deg, var(--en-primary) 0%, var(--en-primary-dark) 50%, #2a7a8f 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.en-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,75,145,.15) 0%, transparent 60%);\n}\n\n.en-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.en-disclaimer {\n font-size: 12px;\n color: var(--en-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 .en-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .en-card {\n padding: 1.125rem;\n }\n\n .en-card-highlight {\n text-align: left;\n }\n\n .en-section {\n margin-bottom: 1.75rem;\n }\n\n .en-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--en-radius-sm);\n }\n\n .en-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .en-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .en-grid-compact {\n gap: .625rem;\n }\n\n .en-grid-compact .en-card {\n padding: .75rem;\n }\n\n .en-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .en-timeline-content {\n padding: .875rem 1rem;\n }\n\n .en-timeline-content h3 {\n font-size: 14px;\n }\n\n .en-timeline-content p {\n font-size: 13px;\n }\n\n .en-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .en-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .en-testimonial {\n padding: 1.25rem;\n }\n\n .en-testimonial-text {\n font-size: 14px;\n }\n\n .en-inci-box {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .en-card {\n animation: enFadeInUp .5s ease backwards;\n }\n .en-card:nth-child(1) { animation-delay: .05s; }\n .en-card:nth-child(2) { animation-delay: .1s; }\n .en-card:nth-child(3) { animation-delay: .15s; }\n .en-card:nth-child(4) { animation-delay: .2s; }\n .en-card:nth-child(5) { animation-delay: .25s; }\n .en-card:nth-child(6) { animation-delay: .3s; }\n\n .en-timeline-item {\n animation: enFadeInUp .5s ease backwards;\n }\n .en-timeline-item:nth-child(1) { animation-delay: .05s; }\n .en-timeline-item:nth-child(2) { animation-delay: .1s; }\n .en-timeline-item:nth-child(3) { animation-delay: .15s; }\n .en-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes enFadeInUp {\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 .en-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":55696608330105,"sku":"NBAIEMM0085","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savonnettesEmmaNoelcoco.webp?v=1772190815"},{"product_id":"savonnettes-karite-bio-emma-noel-3x150g","title":"Savonnettes Karité Bio - 3 x 150 g - Emma Noël","description":"\u003cdiv class=\"en-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"en-hero\"\u003e\n\u003cdiv class=\"en-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"en-hero-content\"\u003e\n\u003cdiv class=\"en-badges-top\"\u003e\n\u003cspan class=\"en-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e \u003cspan class=\"en-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"en-badge\"\u003e🧴 Lot de 3 × 150 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"en-hero-title\"\u003eSavonnettes Karité Bio Emma Noël\u003c\/span\u003e\n\u003cp class=\"en-subtitle\"\u003eLa douceur du beurre de karité biologique dans un savon surgras pour toute la famille\u003c\/p\u003e\n\u003cp class=\"en-description\"\u003e99 % d'ingrédients d'origine naturelle · 78 % issus de l'agriculture biologique · Formule sur-grasse végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eSavonnettes naturelles au karité bio Emma Noël : un soin doux pour toute la famille\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon bio au karité\u003c\/strong\u003e qui nettoie sans agresser votre peau ? Ce lot de \u003cstrong\u003e3 savonnettes naturelles Emma Noël\u003c\/strong\u003e (3 × 150 g) combine la richesse du \u003cstrong\u003ebeurre de karité biologique\u003c\/strong\u003e et une formule sur-grasse d'origine végétale. Résultat : une peau propre, souple et délicatement parfumée après chaque utilisation, du visage jusqu'au corps.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eLes bienfaits du beurre de karité pour votre peau\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eLe \u003cstrong\u003ebeurre de karité\u003c\/strong\u003e (\u003cem\u003eButyrospermum Parkii\u003c\/em\u003e) est un trésor utilisé depuis des siècles en Afrique de l'Ouest pour ses vertus cosmétiques. Naturellement riche en acides gras essentiels, en vitamines A et E, il est réputé pour :\u003c\/p\u003e\n\u003cdiv class=\"en-grid\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🧈 Nourrir intensément\u003c\/h3\u003e\n\u003cp\u003ePénètre en profondeur pour hydrater les peaux sèches et déshydratées durablement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🌸 Apaiser\u003c\/h3\u003e\n\u003cp\u003eCalme les sensations de tiraillement et d'inconfort, même sur les peaux les plus réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🛡️ Protéger\u003c\/h3\u003e\n\u003cp\u003eRenforce la barrière cutanée face aux agressions extérieures : froid, vent, calcaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e✨ Adoucir\u003c\/h3\u003e\n\u003cp\u003eAffine le grain de peau pour un toucher soyeux et un confort qui dure toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip\"\u003e\n\u003cspan class=\"en-tip-icon\"\u003e🌱\u003c\/span\u003e\n\u003cp\u003eDans ces savonnettes, le karité est issu de l'\u003cstrong\u003eagriculture biologique\u003c\/strong\u003e, ce qui garantit une matière première pure, sans traitement chimique, et respectueuse de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eUne formule certifiée bio et fabriquée en France\u003c\/h2\u003e\n\u003cdiv class=\"en-grid-compact\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🌿 99 %\u003c\/h3\u003e\n\u003cp\u003eD'ingrédients d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🌾 78 %\u003c\/h3\u003e\n\u003cp\u003eIssus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e✅ COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eContrôlé par Ecocert Greenlife\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eHuilerie familiale du sud de la France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip\"\u003e\n\u003cspan class=\"en-tip-icon\"\u003e🫧\u003c\/span\u003e\n\u003cp\u003eLa formule sur-grasse respecte l'équilibre naturel de votre peau, même en cas d'utilisation quotidienne. Le savoir-faire artisanal d'Emma Noël se retrouve dans la texture crémeuse de la mousse et le parfum subtil de karité qui enveloppe votre peau sans l'alourdir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"en-accordion\"\u003e\n\u003cdetails class=\"en-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"en-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n\u003cdiv class=\"en-accordion-content mt-3\"\u003e\n\u003cp\u003eSodium Palmate**, Sodium Palm Kernelate**, Aqua (Water), Glycerin**, Parfum (Fragrance), Sodium Chloride, Tetrasodium Glutamate Diacetate, Citric Acid, Tocopherol, \u003cstrong\u003eButyrospermum Parkii (Shea) Butter*\u003c\/strong\u003e, Olus (Vegetable Oil), Citronellol, Limonene, Linalool.\u003c\/p\u003e\n\u003cp\u003e*Ingrédient issu de l'agriculture biologique.\u003cbr\u003e**Transformés à partir d'ingrédients biologiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"en-accordion-item\"\u003e\n\u003csummary class=\"en-accordion-header\"\u003e📦 Contenance \u0026amp; certification\u003c\/summary\u003e\n\u003cdiv class=\"en-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003ePoids net :\u003c\/strong\u003e 3 × 150 g (450 g au total).\u003cbr\u003e\u003cstrong\u003eCertification :\u003c\/strong\u003e Ecocert Greenlife – COSMOS Organic.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eComment utiliser vos savonnettes au karité ?\u003c\/h2\u003e\n\u003cdiv class=\"en-timeline\"\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003eMouillez et faites mousser\u003c\/h3\u003e\n\u003cp\u003eMouillez votre peau (visage, mains ou corps) puis faites mousser généreusement la savonnette entre vos paumes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n\u003cp\u003eMassez doucement en effectuant des mouvements circulaires pour profiter pleinement des actifs nourrissants du karité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003eRincez et séchez\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau tiède et séchez en tamponnant délicatement avec une serviette propre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip\"\u003e\n\u003cspan class=\"en-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce longévité :\u003c\/strong\u003e déposez votre savon sur un \u003cstrong\u003eporte-savon drainant\u003c\/strong\u003e entre chaque utilisation pour éviter qu'il ne ramollisse. Convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les peaux sensibles. Idéal en routine quotidienne pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eLe format malin : 3 savons pour toute la maison\u003c\/h2\u003e\n\u003cdiv class=\"en-grid\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🚿 Salle de bain\u003c\/h3\u003e\n\u003cp\u003eUn savon dédié à votre douche quotidienne pour un rituel de soin nourrissant matin et soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🚰 Lavabo\u003c\/h3\u003e\n\u003cp\u003eUn savon pratique près de l'évier pour des mains douces et délicatement parfumées tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🎁 En réserve ou à offrir\u003c\/h3\u003e\n\u003cp\u003eGardez le troisième en réserve ou offrez-le : une idée cadeau naturelle et élégante pour un proche soucieux de sa peau et de la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eEmma Noël : l'expertise française des huiles végétales bio\u003c\/h2\u003e\n\u003cdiv class=\"en-testimonial\"\u003e\n\u003cp class=\"en-testimonial-text\"\u003eFondée sur le savoir-faire d'une huilerie traditionnelle du sud de la France, la marque \u003cstrong\u003eEmma Noël\u003c\/strong\u003e sélectionne rigoureusement ses matières premières bio pour concevoir des soins authentiques. De l'huile d'olive vierge aux savons surgras, chaque produit reflète un engagement sincère en faveur du naturel, de la qualité et de la fabrication locale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"en-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"en-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau la douceur authentique du karité bio — un geste simple, naturel et fabriqué en France, pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"en-disclaimer\"\u003eCosmétique certifié COSMOS Organic par Ecocert Greenlife. Tenir hors de portée des enfants. Éviter le contact avec les yeux.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --en-cream: #faf7f3;\n --en-white: #ffffff;\n --en-primary: #b8916a;\n --en-primary-dark: #8c6744;\n --en-primary-light: #f5ede5;\n --en-secondary: #d4577a;\n --en-accent: #5a7a3a;\n --en-text: #1a1a1a;\n --en-text-light: #5a5a5a;\n --en-border: #e8ddd2;\n --en-shadow: 0 4px 24px rgba(139,103,68,.08);\n --en-shadow-lg: 0 12px 48px rgba(139,103,68,.15);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, #8c6744 0%, #b8916a 45%, #d4a574 100%);\n border-radius: var(--en-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(--en-shadow-lg);\n}\n\n.en-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,87,122,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.en-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.en-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n margin: 0 0 1rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.5;\n}\n\n.en-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(13px, 2vw, 15px);\n margin: 0;\n letter-spacing: .02em;\n}\n\n\/* === BADGES === *\/\n.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.en-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(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.en-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-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.en-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(--en-primary), var(--en-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.en-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-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.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.en-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.en-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.en-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.en-grid-compact .en-card {\n padding: 1rem;\n}\n\n.en-grid-compact .en-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.en-grid-compact .en-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.en-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.en-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-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.en-timeline-content {\n flex: 1;\n background: var(--en-white);\n padding: 1rem 1.25rem;\n border-radius: var(--en-radius-sm);\n box-shadow: var(--en-shadow);\n}\n\n.en-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--en-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.en-timeline-content p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.en-testimonial {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--en-shadow);\n border-left: 4px solid var(--en-primary);\n}\n\n.en-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.en-accordion {\n background: var(--en-white);\n border-radius: var(--en-radius);\n box-shadow: var(--en-shadow);\n overflow: hidden;\n}\n\n.en-accordion-item {\n border-bottom: 1px solid var(--en-border);\n margin: 0;\n padding: 0;\n}\n\n.en-accordion-item:last-child {\n border-bottom: none;\n}\n\n.en-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--en-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.en-accordion-header:hover {\n background: var(--en-primary-light);\n}\n\n.en-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.en-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--en-primary);\n transition: transform .2s ease;\n}\n\n.en-accordion-item[open] .en-accordion-header::after {\n content: '−';\n}\n\n.en-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--en-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.en-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.en-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.en-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--en-primary-light);\n border-radius: var(--en-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.en-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.en-tip p {\n font-size: 14px;\n color: var(--en-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.en-cta-box {\n background: linear-gradient(135deg, var(--en-primary) 0%, var(--en-primary-dark) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.en-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.en-disclaimer {\n font-size: 12px;\n color: var(--en-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 .en-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .en-card {\n padding: 1.125rem;\n }\n\n .en-section {\n margin-bottom: 1.75rem;\n }\n\n .en-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--en-radius-sm);\n }\n\n .en-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .en-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .en-grid-compact {\n gap: .625rem;\n }\n\n .en-grid-compact .en-card {\n padding: .75rem;\n }\n\n .en-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .en-timeline-content {\n padding: .875rem 1rem;\n }\n\n .en-timeline-content h3 {\n font-size: 14px;\n }\n\n .en-timeline-content p {\n font-size: 13px;\n }\n\n .en-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .en-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .en-testimonial {\n padding: 1.25rem;\n }\n\n .en-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .en-card {\n animation: enFadeInUp .5s ease backwards;\n }\n .en-card:nth-child(1) { animation-delay: .05s; }\n .en-card:nth-child(2) { animation-delay: .1s; }\n .en-card:nth-child(3) { animation-delay: .15s; }\n .en-card:nth-child(4) { animation-delay: .2s; }\n .en-card:nth-child(5) { animation-delay: .25s; }\n .en-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes enFadeInUp {\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 .en-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":55696608493945,"sku":"NBAIEMM0086","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savonnettesEmmaNoelkarite.webp?v=1772190703"},{"product_id":"savonnettes-lavande-bio-3x150g-emma-noel","title":"Savonnettes Lavande Bio - 3 x 150 g - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savonnettes Lavande Bio - 3 x 150 g - Emma Noël\nPalette détectée:\n - Primaire: #9B7BB8 (violet lavande du packaging)\n - Secondaire: #E8A0BF (rose\/fuchsia du logo Emma Noël)\n - Accent: #6B4E8A (violet foncé profond)\nAmbiance: Naturel\/bio, doux, provençal, féminin, épuré, blanc et lavande\nPréfixe CSS: lav\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Savonnettes à la lavande bio Emma Noël : un soin naturel au quotidien\"\n 2. \"Les bienfaits de ce savon à la lavande bio\"\n 3. \"Une composition bio et transparente\"\n 4. \"Comment utiliser votre savonnette lavande ?\"\n 5. \"Pourquoi choisir Emma Noël pour votre savon à la lavande ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"lav-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lav-hero\"\u003e\n \u003cdiv class=\"lav-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lav-hero-content\"\u003e\n \u003cdiv class=\"lav-badges-top\"\u003e\n \u003cspan class=\"lav-badge\"\u003e🌿 Certifié Cosmébio\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e🪻 Senteur lavande\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lav-hero-title\"\u003eSavonnettes Lavande Bio\u003c\/span\u003e\n \u003cp class=\"lav-subtitle\"\u003eEmma Noël — L'huile source de soin\u003c\/p\u003e\n \u003cp class=\"lav-description\"\u003e3 × 150 g de douceur provençale certifiée bio. 99 % d'ingrédients d'origine naturelle pour une toilette quotidienne respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eSavonnettes à la lavande bio Emma Noël : un soin naturel au quotidien\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eVous recherchez un \u003cstrong\u003esavon lavande bio\u003c\/strong\u003e qui allie douceur, efficacité et parfum authentique ? Ces \u003cstrong\u003esavonnettes naturelles à la lavande\u003c\/strong\u003e signées Emma Noël sont pensées pour transformer votre toilette quotidienne en un véritable rituel de bien-être.\u003c\/p\u003e\n \u003cdiv class=\"lav-highlight-box\"\u003e\n \u003cdiv class=\"lav-highlight-grid\"\u003e\n \u003cdiv class=\"lav-highlight-item\"\u003e\n \u003cspan class=\"lav-highlight-number\"\u003e3\u003c\/span\u003e\n \u003cspan class=\"lav-highlight-label\"\u003eSavonnettes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-highlight-item\"\u003e\n \u003cspan class=\"lav-highlight-number\"\u003e450g\u003c\/span\u003e\n \u003cspan class=\"lav-highlight-label\"\u003ePoids total\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-highlight-item\"\u003e\n \u003cspan class=\"lav-highlight-number\"\u003e99%\u003c\/span\u003e\n \u003cspan class=\"lav-highlight-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-highlight-item\"\u003e\n \u003cspan class=\"lav-highlight-number\"\u003e77%\u003c\/span\u003e\n \u003cspan class=\"lav-highlight-label\"\u003eAgriculture bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eLes bienfaits de ce savon à la lavande bio\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eLa lavande, plante emblématique de la Provence, est reconnue depuis des siècles pour ses vertus apaisantes et purifiantes. Son parfum délicat procure calme et fraîcheur à chaque utilisation.\u003c\/p\u003e\n \u003cdiv class=\"lav-grid\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🧴 Nettoyage doux et respectueux\u003c\/h3\u003e\n \u003cp\u003eLa base végétale mousse généreusement et élimine les impuretés sans dessécher ni agresser l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🪻 Parfum naturel relaxant\u003c\/h3\u003e\n \u003cp\u003eLa senteur de lavande accompagne votre douche ou votre bain d'une note florale apaisante, idéale en fin de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e💧 Hydratation préservée\u003c\/h3\u003e\n \u003cp\u003eGrâce à la glycérine d'origine végétale naturellement présente, votre peau reste souple après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🤲 Polyvalence d'usage\u003c\/h3\u003e\n \u003cp\u003eCe savon convient pour le corps comme pour les mains, et s'adapte à tous les types de peau, y compris les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e💰 Format économique\u003c\/h3\u003e\n \u003cp\u003eLe lot de trois savonnettes offre une durée d'utilisation prolongée, un choix malin pour les familles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eUne composition bio et transparente\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eCe qui distingue vraiment ce \u003cstrong\u003esavon lavande bio\u003c\/strong\u003e, c'est la qualité de sa formulation. \u003cstrong\u003e99 % des ingrédients sont d'origine naturelle\u003c\/strong\u003e, et jusqu'à \u003cstrong\u003e77 % proviennent de l'agriculture biologique\u003c\/strong\u003e, certifié par la charte Cosmébio. Aucun ingrédient superflu : chaque composant a un rôle précis.\u003c\/p\u003e\n \u003cdiv class=\"lav-accordion\"\u003e\n \u003cdetails class=\"lav-accordion-item\" open\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e📋 Liste complète des ingrédients (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eSodium Palmate**, Sodium Palm Kernelate**, Aqua (Water), Glycerin**, Parfum (Fragrance), Sodium Chloride, Citric Acid, Tetrasodium Glutamate Diacetate, CI 77007 (Ultramarines), Tocopherol, Olus (Vegetable) Oil, Linalool, Geraniol, Limonene.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp style=\"margin-top:.5rem;\"\u003e** Transformés à partir d'ingrédients biologiques.\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=\"lav-section\"\u003e\n \u003ch2\u003eComment utiliser votre savonnette lavande ?\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003ePour profiter pleinement des \u003cstrong\u003ebienfaits de ce savon lavande\u003c\/strong\u003e, suivez ces quelques conseils simples :\u003c\/p\u003e\n \u003cdiv class=\"lav-timeline\"\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003eMouillez et faites mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau à l'eau tiède, puis faites mousser la savonnette entre vos mains ou directement sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez de légers mouvements circulaires pour activer la mousse onctueuse et profiter du parfum lavande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire pour une peau douce et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n \u003cp\u003ePosez votre savonnette sur un \u003cstrong\u003eporte-savon aéré\u003c\/strong\u003e pour qu'elle sèche correctement : elle durera ainsi beaucoup plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-tip\"\u003e\n \u003cspan class=\"lav-tip-icon\"\u003e👁️\u003c\/span\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas de projection, rincez immédiatement à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003ePourquoi choisir Emma Noël pour votre savon à la lavande ?\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eLa marque \u003cstrong\u003eEmma Noël\u003c\/strong\u003e est spécialisée dans la cosmétique bio à base d'huiles végétales depuis de nombreuses années. Chaque produit est formulé en France, dans le respect de cahiers des charges stricts.\u003c\/p\u003e\n \u003cdiv class=\"lav-grid-compact\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eFormulé et fabriqué en France avec des ingrédients traçables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌱 Certification bio\u003c\/h3\u003e\n \u003cp\u003eCertifié Cosmébio avec 77 % d'ingrédients bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e♻️ Démarche responsable\u003c\/h3\u003e\n \u003cp\u003eMoins d'emballage plastique qu'un savon liquide conventionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🎁 Idée cadeau\u003c\/h3\u003e\n \u003cp\u003eUn coffret charmant pour les amateurs de senteurs provençales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"lav-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lav-cta-box\"\u003e\n \u003cp\u003e🪻 Offrez à votre peau la douceur d'un savon bio à la lavande et laissez son parfum apaisant rythmer vos journées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lav-disclaimer\"\u003eCe produit cosmétique ne se substitue en aucun cas à un avis ou traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --lav-cream: #faf7fc;\n --lav-white: #ffffff;\n --lav-primary: #9B7BB8;\n --lav-primary-dark: #6B4E8A;\n --lav-primary-light: #f3edf8;\n --lav-secondary: #E8A0BF;\n --lav-accent: #C97DB8;\n --lav-text: #1a1a1a;\n --lav-text-light: #5a5a5a;\n --lav-border: #e8dff0;\n --lav-shadow: 0 4px 24px rgba(107, 78, 138, .08);\n --lav-shadow-lg: 0 12px 48px rgba(107, 78, 138, .15);\n --lav-radius: 20px;\n --lav-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lav-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lav-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lav-premium *, .lav-premium *::before, .lav-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.lav-hero {\n position: relative;\n background: linear-gradient(135deg, #6B4E8A 0%, #9B7BB8 40%, #C9A6D8 70%, #E8A0BF 100%);\n border-radius: var(--lav-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(--lav-shadow-lg);\n}\n\n.lav-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 50% 50%, rgba(255,255,255,.04) 0%, transparent 60%);\n opacity: 1;\n}\n\n.lav-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lav-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.lav-subtitle {\n color: rgba(255,255,255,.9);\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.lav-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\/* === BADGES === *\/\n.lav-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lav-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(--lav-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lav-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lav-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lav-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lav-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.lav-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(--lav-primary), var(--lav-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lav-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lav-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX (chiffres clés) === *\/\n.lav-highlight-box {\n background: var(--lav-white);\n border-radius: var(--lav-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--lav-shadow);\n border: 2px solid var(--lav-primary-light);\n}\n\n.lav-highlight-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n text-align: center;\n}\n\n.lav-highlight-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .25rem;\n}\n\n.lav-highlight-number {\n font-size: clamp(24px, 5vw, 40px);\n font-weight: 900;\n color: var(--lav-primary-dark);\n letter-spacing: -.03em;\n line-height: 1.1;\n}\n\n.lav-highlight-label {\n font-size: clamp(11px, 2vw, 14px);\n color: var(--lav-text-light);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .04em;\n}\n\n\/* === CARDS === *\/\n.lav-card {\n background: var(--lav-white);\n border-radius: var(--lav-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lav-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lav-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lav-shadow-lg);\n border-color: var(--lav-primary);\n}\n\n.lav-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lav-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lav-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lav-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lav-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lav-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lav-grid-compact .lav-card {\n padding: 1rem;\n}\n\n.lav-grid-compact .lav-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lav-grid-compact .lav-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lav-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lav-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lav-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lav-primary), var(--lav-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.lav-timeline-content {\n flex: 1;\n background: var(--lav-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lav-radius-sm);\n box-shadow: var(--lav-shadow);\n}\n\n.lav-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lav-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lav-timeline-content p {\n font-size: 14px;\n color: var(--lav-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.lav-accordion {\n background: var(--lav-white);\n border-radius: var(--lav-radius);\n box-shadow: var(--lav-shadow);\n overflow: hidden;\n}\n\n.lav-accordion-item {\n border-bottom: 1px solid var(--lav-border);\n margin: 0;\n padding: 0;\n}\n\n.lav-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lav-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lav-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.lav-accordion-header:hover {\n background: var(--lav-primary-light);\n}\n\n.lav-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lav-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lav-primary);\n transition: transform .2s ease;\n}\n\n.lav-accordion-item[open] .lav-accordion-header::after {\n content: '−';\n}\n\n.lav-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lav-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lav-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.lav-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lav-primary-light);\n border-radius: var(--lav-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lav-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lav-tip p {\n font-size: 14px;\n color: var(--lav-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.lav-cta-box {\n background: linear-gradient(135deg, var(--lav-primary) 0%, var(--lav-primary-dark) 100%);\n border-radius: var(--lav-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lav-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.lav-disclaimer {\n font-size: 12px;\n color: var(--lav-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 .lav-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lav-card {\n padding: 1.125rem;\n }\n\n .lav-section {\n margin-bottom: 1.75rem;\n }\n\n .lav-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lav-radius-sm);\n }\n\n .lav-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lav-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lav-highlight-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n\n .lav-highlight-box {\n padding: 1.25rem;\n }\n\n \/* Grille compacte mobile *\/\n .lav-grid-compact {\n gap: .625rem;\n }\n\n .lav-grid-compact .lav-card {\n padding: .75rem;\n }\n\n \/* Timeline mobile *\/\n .lav-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lav-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lav-timeline-content h3 {\n font-size: 14px;\n }\n\n .lav-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .lav-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lav-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Tip mobile *\/\n .lav-tip {\n padding: .875rem 1rem;\n }\n\n .lav-tip-icon {\n font-size: 20px;\n }\n\n .lav-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lav-card {\n animation: lavFadeInUp .5s ease backwards;\n }\n .lav-card:nth-child(1) { animation-delay: .05s; }\n .lav-card:nth-child(2) { animation-delay: .1s; }\n .lav-card:nth-child(3) { animation-delay: .15s; }\n .lav-card:nth-child(4) { animation-delay: .2s; }\n .lav-card:nth-child(5) { animation-delay: .25s; }\n .lav-card:nth-child(6) { animation-delay: .3s; }\n\n .lav-timeline-item {\n animation: lavFadeInUp .5s ease backwards;\n }\n .lav-timeline-item:nth-child(1) { animation-delay: .05s; }\n .lav-timeline-item:nth-child(2) { animation-delay: .1s; }\n .lav-timeline-item:nth-child(3) { animation-delay: .15s; }\n .lav-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes lavFadeInUp {\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 .lav-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":55696608756089,"sku":"NBAIEMM0087","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savonnettes-Emma-Noel-lavande_d6eea057-7374-4e0a-ba03-fb94b6576c25.webp?v=1772189793"},{"product_id":"savonnettes-monoi-bio-emma-noel","title":"Savonnettes Monoï Bio - 3 x 150 g - Emma Noël","description":"\u003cdiv class=\"mn-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"mn-hero\"\u003e\n\u003cdiv class=\"mn-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mn-hero-content\"\u003e\n\u003cdiv class=\"mn-badges-top\"\u003e\n\u003cspan class=\"mn-badge\"\u003e🌿 Certifié Bio Cosmébio\u003c\/span\u003e \u003cspan class=\"mn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"mn-badge\"\u003e🌺 Monoï de Tahiti\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mn-hero-title\"\u003eSavonnettes Monoï Bio Emma Noël\u003c\/span\u003e\n\u003cp class=\"mn-subtitle\"\u003e3 × 150 g - 450 g de douceur tropicale\u003c\/p\u003e\n\u003cp class=\"mn-description\"\u003eUn voyage olfactif au cœur de la Polynésie à chaque douche. Formulées à 99 % d'ingrédients d'origine naturelle, ces savonnettes enveloppent votre peau d'une mousse onctueuse au parfum envoûtant de monoï.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003eSavonnettes au monoï bio Emma Noël : l'évasion tropicale à chaque toilette\u003c\/h2\u003e\n\u003cp class=\"mn-section-intro\"\u003eFermez les yeux, respirez… et laissez-vous transporter sous les tropiques. Ces \u003cstrong\u003e3 savonnettes naturelles au monoï bio Emma Noël\u003c\/strong\u003e transforment chaque douche en un véritable rituel de bien-être.\u003c\/p\u003e\n\u003cdiv class=\"mn-grid-compact\"\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003ch3\u003e🌺 Certifiées bio\u003c\/h3\u003e\n\u003cp\u003eLabellisées Cosmébio, garantie d'une formule respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003ch3\u003e🌴 Monoï authentique\u003c\/h3\u003e\n\u003cp\u003eFleurs de tiaré macérées dans l'huile de coco, un trésor ancestral polynésien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003ch3\u003e🎁 Coffret généreux\u003c\/h3\u003e\n\u003cp\u003e3 savonnettes de 150 g chacune, soit 450 g au total pour une durée d'utilisation prolongée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eParfaites pour accompagner petits et grands au quotidien, de la douche au bain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon monoï bio ?\u003c\/h2\u003e\n\u003cp class=\"mn-section-intro\"\u003eLe monoï est un trésor ancestral polynésien, obtenu par macération de fleurs de tiaré dans l'huile de coco. Son parfum floral, chaud et enveloppant, est immédiatement reconnaissable. Opter pour un \u003cstrong\u003esavon monoï bio\u003c\/strong\u003e, c'est profiter de cette fragrance envoûtante tout en ayant l'assurance d'une formule respectueuse.\u003c\/p\u003e\n\u003cdiv class=\"mn-grid\"\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003ch3\u003e🌿 99 % d'origine naturelle\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e77 % d'ingrédients biologiques\u003c\/strong\u003e pour une formule ultra-clean et transparente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003ch3\u003e🧴 Base lavante végétale\u003c\/h3\u003e\n\u003cp\u003eDouce et respectueuse, sans tensioactifs agressifs ni colorants synthétiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n\u003cp\u003eNaturellement hydratante, elle préserve le film protecteur de votre peau pendant le lavage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003ch3\u003e🥥 Huile de coco\u003c\/h3\u003e\n\u003cp\u003eCocos Nucifera Oil pour nourrir et adoucir la peau dès le lavage, sans sensation de tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003ch3\u003e🌸 Fleurs de tiaré\u003c\/h3\u003e\n\u003cp\u003eDe véritables fleurs de Gardenia Taitensis intégrées dans la formule pour un parfum authentique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003eLes bienfaits au quotidien\u003c\/h2\u003e\n\u003cp class=\"mn-section-intro\"\u003eCe \u003cstrong\u003esavon monoï bio\u003c\/strong\u003e ne se contente pas de nettoyer : il prend soin de vous à chaque utilisation.\u003c\/p\u003e\n\u003cdiv class=\"mn-grid-compact\"\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003ch3\u003e✨ Un parfum qui dure\u003c\/h3\u003e\n\u003cp\u003eLa fragrance naturelle de monoï laisse un voile délicat et fleuri sur la peau après le rinçage, comme un souvenir de vacances.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003ch3\u003e🫧 Mousse onctueuse\u003c\/h3\u003e\n\u003cp\u003eLa base végétale produit une mousse crémeuse et généreuse, très agréable à l'application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003ch3\u003e🤗 Confort immédiat\u003c\/h3\u003e\n\u003cp\u003eGrâce à la glycérine et à l'huile de coco, votre peau ne tire pas après la douche. Douceur ressentie même sans crème hydratante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003ch3\u003e♻️ Geste écologique\u003c\/h3\u003e\n\u003cp\u003ePas de flacon plastique, un emballage carton recyclable et une fabrication française. Vous réduisez vos déchets sans sacrifier le plaisir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"mn-accordion\"\u003e\n\u003cdetails class=\"mn-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"mn-accordion-header\"\u003e📋 Composition détaillée\u003c\/summary\u003e\n\u003cdiv class=\"mn-accordion-content mt-3\"\u003e\n\u003cp\u003eSodium Palmate**, Sodium Palm Kernelate**, Aqua, Parfum (Fragrance), Glycerin**, Sodium Chloride, Tetrasodium Glutamate Diacetate, Citric Acid, Tocopherol, Cocos Nucifera (Coconut) Oil, Olus Oil, Gardenia Taitensis Flower, Linalool, Geraniol, Citronellol, Limonene, Benzyl Salicylate.\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e** Transformés à partir d'ingrédients biologiques.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003eComment utiliser vos savonnettes au monoï ?\u003c\/h2\u003e\n\u003cdiv class=\"mn-timeline\"\u003e\n\u003cdiv class=\"mn-timeline-item\"\u003e\n\u003cdiv class=\"mn-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mn-timeline-content\"\u003e\n\u003ch3\u003eHumidifiez\u003c\/h3\u003e\n\u003cp\u003eMouillez la savonnette sous l'eau tiède pour activer sa mousse généreuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-timeline-item\"\u003e\n\u003cdiv class=\"mn-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mn-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFrottez entre vos mains ou directement sur la peau humide pour créer une mousse onctueuse et parfumée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-timeline-item\"\u003e\n\u003cdiv class=\"mn-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mn-timeline-content\"\u003e\n\u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n\u003cp\u003eAppliquez la mousse crémeuse sur l'ensemble du corps en mouvements circulaires et profitez du parfum envoûtant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-timeline-item\"\u003e\n\u003cdiv class=\"mn-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"mn-timeline-content\"\u003e\n\u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n\u003cp\u003eUn rinçage simple suffit. Convient aussi bien pour la douche, le bain, que le lavage des mains.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-tip\"\u003e\n\u003cspan class=\"mn-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce pour prolonger leur durée de vie :\u003c\/strong\u003e après chaque utilisation, posez votre savonnette sur un porte-savon aéré ou une grille, afin qu'elle sèche correctement entre deux utilisations. Vous éviterez ainsi qu'elle ne ramollisse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"mn-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eÀ qui s'adressent ces savonnettes bio ?\u003c\/h2\u003e\n\u003cp class=\"mn-section-intro\"\u003eCe coffret est idéal pour toute personne souhaitant adopter une \u003cstrong\u003ehygiène corporelle naturelle et sensorielle\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"mn-grid-compact\"\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003ch3\u003e🧴 Peaux normales à sèches\u003c\/h3\u003e\n\u003cp\u003eUne douceur enveloppante qui respecte et préserve votre épiderme en quête de confort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003ch3\u003e🌍 Éco-conscients\u003c\/h3\u003e\n\u003cp\u003eRemplacez votre gel douche par un savon solide plus écologique, sans plastique superflu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003ch3\u003e🌺 Fans de monoï\u003c\/h3\u003e\n\u003cp\u003eAmateurs de parfums exotiques et floraux, retrouvez toute la chaleur de la Polynésie à chaque toilette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient aux enfants comme aux adultes, un plaisir partagé matin et soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-cta-box\"\u003e\n\u003cp\u003e🌺 Offrez-vous un voyage olfactif à chaque toilette, tout en faisant un choix responsable pour votre peau et pour la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mn-cream: #FFF9F0;\n --mn-white: #ffffff;\n --mn-primary: #E5A519;\n --mn-primary-dark: #B8820E;\n --mn-primary-light: #FFF3D6;\n --mn-secondary: #D4547A;\n --mn-accent: #F5E6C8;\n --mn-text: #1a1a1a;\n --mn-text-light: #5a5a5a;\n --mn-border: #f0e4d4;\n --mn-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mn-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mn-radius: 20px;\n --mn-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mn-hero {\n position: relative;\n background: linear-gradient(135deg, #E5A519 0%, #D4547A 50%, #F5C76B 100%);\n border-radius: var(--mn-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(--mn-shadow-lg);\n}\n\n.mn-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,.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.mn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.mn-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.mn-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.mn-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.mn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mn-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(--mn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mn-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.mn-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(--mn-primary), var(--mn-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mn-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.mn-card {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mn-shadow-lg);\n border-color: var(--mn-primary);\n}\n\n.mn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mn-grid-compact .mn-card {\n padding: 1rem;\n}\n\n.mn-grid-compact .mn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mn-grid-compact .mn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mn-primary), var(--mn-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.mn-timeline-content {\n flex: 1;\n background: var(--mn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mn-radius-sm);\n box-shadow: var(--mn-shadow);\n}\n\n.mn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mn-timeline-content p {\n font-size: 14px;\n color: var(--mn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.mn-testimonial {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mn-shadow);\n border-left: 4px solid var(--mn-primary);\n}\n\n.mn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mn-accordion {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n box-shadow: var(--mn-shadow);\n overflow: hidden;\n}\n\n.mn-accordion-item {\n border-bottom: 1px solid var(--mn-border);\n margin: 0;\n padding: 0;\n}\n\n.mn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mn-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.mn-accordion-header:hover {\n background: var(--mn-primary-light);\n}\n\n.mn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mn-primary);\n transition: transform .2s ease;\n}\n\n.mn-accordion-item[open] .mn-accordion-header::after {\n content: '−';\n}\n\n.mn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mn-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.mn-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.mn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mn-primary-light);\n border-radius: var(--mn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mn-tip p {\n font-size: 14px;\n color: var(--mn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.mn-cta-box {\n background: linear-gradient(135deg, var(--mn-primary) 0%, var(--mn-primary-dark) 100%);\n border-radius: var(--mn-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.mn-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 .mn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mn-card {\n padding: 1.125rem;\n }\n\n .mn-section {\n margin-bottom: 1.75rem;\n }\n\n .mn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mn-radius-sm);\n }\n\n .mn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mn-grid-compact {\n gap: .625rem;\n }\n\n .mn-grid-compact .mn-card {\n padding: .75rem;\n }\n\n .mn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mn-timeline-content h3 {\n font-size: 14px;\n }\n\n .mn-timeline-content p {\n font-size: 13px;\n }\n\n .mn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mn-testimonial {\n padding: 1.25rem;\n }\n\n .mn-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mn-card {\n animation: mnFadeInUp .5s ease backwards;\n }\n .mn-card:nth-child(1) { animation-delay: .05s; }\n .mn-card:nth-child(2) { animation-delay: .1s; }\n .mn-card:nth-child(3) { animation-delay: .15s; }\n .mn-card:nth-child(4) { animation-delay: .2s; }\n .mn-card:nth-child(5) { animation-delay: .25s; }\n .mn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mnFadeInUp {\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 .mn-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":55696609083769,"sku":"NBAIEMM0089","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savonnettes-Emma-Noel-monoi.webp?v=1772189466"},{"product_id":"savonnettes-olive-bio-emma-noel","title":"Savonnettes Olive Bio - 3 x 150 g - Emma Noël","description":"\u003cdiv class=\"en-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"en-hero\"\u003e\n\u003cdiv class=\"en-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"en-hero-content\"\u003e\n\u003cdiv class=\"en-badges-top\"\u003e\n\u003cspan class=\"en-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e \u003cspan class=\"en-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"en-badge\"\u003e🫒 Huile d'olive bio\u003c\/span\u003e \u003cspan class=\"en-badge\"\u003e👨👩👧👦 Toute la famille\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"en-hero-title\"\u003eSavonnettes Olive Bio Emma Noël\u003c\/span\u003e\n\u003cp class=\"en-subtitle\"\u003e3 x 150 g - 450 g de douceur naturelle\u003c\/p\u003e\n\u003cp class=\"en-description\"\u003eUn nettoyage tout en douceur grâce à l'huile d'olive vierge biologique. Votre peau reste souple, confortable et délicatement parfumée après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eSavonnettes à l'huile d'olive bio Emma Noël : la douceur naturelle au quotidien\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon à l'huile d'olive bio\u003c\/strong\u003e qui respecte vraiment votre peau ? Ce lot de \u003cstrong\u003e3 savonnettes naturelles Emma Noël\u003c\/strong\u003e (3 x 150 g) est formulé pour offrir un nettoyage tout en douceur, sans jamais assécher l'épiderme.\u003c\/p\u003e\n\u003cdiv class=\"en-grid-compact\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive vierge bio\u003c\/h3\u003e\n\u003cp\u003eNourrit et adoucit la peau en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🧴 Mousse onctueuse\u003c\/h3\u003e\n\u003cp\u003eNettoyage délicat sans assécher l'épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e✅ Certifié Ecocert\u003c\/h3\u003e\n\u003cp\u003eCosmos Organic, hygiène responsable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e👶 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient aux enfants comme aux adultes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile d'olive pour la peau\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eL'huile d'olive est utilisée depuis l'Antiquité pour ses vertus cosmétiques. Contrairement aux savons industriels classiques, un \u003cstrong\u003esavon bio à l'huile d'olive\u003c\/strong\u003e ne décape pas : il nettoie avec respect.\u003c\/p\u003e\n\u003cdiv class=\"en-grid\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🌾 Acides gras essentiels\u003c\/h3\u003e\n\u003cp\u003eNourrissent la peau en profondeur et contribuent à maintenir son film hydrolipidique naturel, barrière protectrice indispensable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e✨ Vitamine E \u0026amp; antioxydants\u003c\/h3\u003e\n\u003cp\u003eProtègent les cellules cutanées contre les agressions extérieures et les radicaux libres, pour une peau préservée plus longtemps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e💧 Confort après la douche\u003c\/h3\u003e\n\u003cp\u003eVotre peau ne tiraille pas. Elle reste douce, souple et protégée, même en cas de douches fréquentes au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003ePourquoi choisir ces savonnettes Emma Noël ?\u003c\/h2\u003e\n\u003cdiv class=\"en-grid\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🌱 Formule certifiée bio\u003c\/h3\u003e\n\u003cp\u003e99 % d'ingrédients d'origine naturelle, dont 77 % issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🤲 Douceur nourrissante\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive bio protège et adoucit tous les types de peau sans jamais agresser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🌸 Parfum délicat\u003c\/h3\u003e\n\u003cp\u003eUne senteur olive subtile et agréable, sans être entêtante. Un vrai moment de plaisir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e📦 Format économique\u003c\/h3\u003e\n\u003cp\u003e3 savonnettes de 150 g, soit 450 g au total pour une utilisation longue durée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eÉlaborées par le laboratoire Emma Noël, spécialiste des cosmétiques naturels depuis plus de 30 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e♻️ Engagement écologique\u003c\/h3\u003e\n\u003cp\u003eSans ingrédient controversé, emballage recyclable. Un geste pour votre peau et la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"en-timeline\"\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eMouillez vos mains et faites mousser la savonnette entre vos paumes ou directement sur la peau mouillée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n\u003cp\u003eAppliquez la mousse onctueuse sur le visage et le corps en massant doucement pour un nettoyage tout en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment. Votre peau est propre, souple et confortable, sans sensation de tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003eConservez au sec\u003c\/h3\u003e\n\u003cp\u003ePour prolonger la durée de vie de votre savon, posez-le sur un porte-savon aéré entre chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip\"\u003e\n\u003cspan class=\"en-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCes savonnettes conviennent parfaitement à un \u003cstrong\u003eusage quotidien\u003c\/strong\u003e, sous la douche comme dans le bain. Elles produisent une mousse légère et onctueuse qui rend chaque toilette agréable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"en-inci-box\"\u003e\n\u003cp class=\"en-inci-list\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Sodium Palmate**, Sodium Palm Kernelate**, Aqua, Glycerin**, Parfum, Montmorillonite, Illite, Sodium Chloride, Citric Acid, Tetrasodium Glutamate Diacetate, Tocopherol, Olea Europaea Fruit Oil*, Olus (Vegetable Oil), Linalool, Geraniol, Limonene.\u003c\/p\u003e\n\u003cp class=\"en-inci-legend\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003cbr\u003e\u003cem\u003e** Transformés à partir d'ingrédients biologiques\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-grid-compact\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n\u003cp\u003eHydratation naturelle et confort cutané\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🪨 Argiles naturelles\u003c\/h3\u003e\n\u003cp\u003eMontmorillonite \u0026amp; illite purifient en douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🛡️ Tocophérol (vit. E)\u003c\/h3\u003e\n\u003cp\u003ePropriétés antioxydantes protectrices\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n\u003cp\u003eNourrit et préserve le film hydrolipidique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce savon bio à l'olive ?\u003c\/h2\u003e\n\u003cdiv class=\"en-grid\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🌷 Peaux normales à sèches\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les personnes qui recherchent un soin lavant non agressif, qui respecte l'équilibre naturel de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e👨👩👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eUn savon naturel adapté à tous les membres du foyer, enfants compris. Simple et efficace au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🌍 Démarche écoresponsable\u003c\/h3\u003e\n\u003cp\u003ePour les personnes engagées dans un mode de vie plus respectueux de l'environnement et zéro déchet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🧼 Amateurs de savon de Marseille\u003c\/h3\u003e\n\u003cp\u003eParfait pour celles et ceux qui aiment le savon de Marseille olive bio et souhaitent un format pratique en savonnette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"en-accordion\"\u003e\n\u003cdetails class=\"en-accordion-item\"\u003e\n\u003csummary class=\"en-accordion-header\"\u003e⚠️ Usage et application\u003c\/summary\u003e\n\u003cdiv class=\"en-accordion-content mt-3\"\u003e\n\u003cp\u003eUsage externe uniquement. Évitez le contact direct avec les yeux. En cas de projection oculaire, rincez abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"en-accordion-item\"\u003e\n\u003csummary class=\"en-accordion-header\"\u003e🧪 Peaux réactives\u003c\/summary\u003e\n\u003cdiv class=\"en-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de peau très réactive, réalisez un test au pli du coude avant la première utilisation. Attendez 24 h pour vérifier l'absence de réaction.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"en-accordion-item\"\u003e\n\u003csummary class=\"en-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"en-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez au sec entre chaque utilisation, idéalement sur un porte-savon aéré pour prolonger la durée de vie du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"en-accordion-item\"\u003e\n\u003csummary class=\"en-accordion-header\"\u003eℹ️ Information importante\u003c\/summary\u003e\n\u003cdiv class=\"en-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit cosmétique ne remplace pas un traitement médical ou dermatologique. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"en-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"en-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau le meilleur de l'olive bio avec ces trois savonnettes Emma Noël : une routine de toilette naturelle, douce et authentique qui fait du bien à votre peau comme à la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"en-disclaimer\"\u003eCosmétique certifié bio par Ecocert Greenlife selon le référentiel Cosmos. Ce produit n'est pas un médicament et ne peut se substituer à un avis médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --en-cream: #f7f5f0;\n --en-white: #ffffff;\n --en-primary: #6B8E3A;\n --en-primary-dark: #4a6828;\n --en-primary-light: #eef4e6;\n --en-secondary: #D4567A;\n --en-accent: #8B7D3C;\n --en-text: #1a1a1a;\n --en-text-light: #5a5a5a;\n --en-border: #e0e0e0;\n --en-shadow: 0 4px 24px rgba(0,0,0,.08);\n --en-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6828 0%, #6B8E3A 40%, #8B7D3C 100%);\n border-radius: var(--en-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(--en-shadow-lg);\n}\n\n.en-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 50%);\n opacity: 1;\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.en-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.en-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.en-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.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.en-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(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.en-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-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.en-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(--en-primary), var(--en-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.en-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-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.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.en-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.en-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.en-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.en-grid-compact .en-card {\n padding: 1rem;\n}\n\n.en-grid-compact .en-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.en-grid-compact .en-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.en-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.en-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-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.en-timeline-content {\n flex: 1;\n background: var(--en-white);\n padding: 1rem 1.25rem;\n border-radius: var(--en-radius-sm);\n box-shadow: var(--en-shadow);\n}\n\n.en-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--en-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.en-timeline-content p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.en-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--en-primary-light);\n border-radius: var(--en-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.en-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.en-tip p {\n font-size: 14px;\n color: var(--en-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INCI BOX === *\/\n.en-inci-box {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--en-primary);\n}\n\n.en-inci-list {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--en-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n word-break: break-word;\n}\n\n.en-inci-legend {\n font-size: 13px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.en-testimonial {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--en-shadow);\n border-left: 4px solid var(--en-primary);\n}\n\n.en-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.en-accordion {\n background: var(--en-white);\n border-radius: var(--en-radius);\n box-shadow: var(--en-shadow);\n overflow: hidden;\n}\n\n.en-accordion-item {\n border-bottom: 1px solid var(--en-border);\n margin: 0;\n padding: 0;\n}\n\n.en-accordion-item:last-child {\n border-bottom: none;\n}\n\n.en-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--en-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.en-accordion-header:hover {\n background: var(--en-primary-light);\n}\n\n.en-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.en-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--en-primary);\n transition: transform .2s ease;\n}\n\n.en-accordion-item[open] .en-accordion-header::after {\n content: '−';\n}\n\n.en-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--en-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.en-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.en-cta-box {\n background: linear-gradient(135deg, var(--en-primary) 0%, var(--en-primary-dark) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.en-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.en-disclaimer {\n font-size: 12px;\n color: var(--en-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 .en-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .en-card {\n padding: 1.125rem;\n }\n\n .en-section {\n margin-bottom: 1.75rem;\n }\n\n .en-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--en-radius-sm);\n }\n\n .en-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .en-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .en-grid-compact {\n gap: .625rem;\n }\n\n .en-grid-compact .en-card {\n padding: .75rem;\n }\n\n .en-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .en-timeline-content {\n padding: .875rem 1rem;\n }\n\n .en-timeline-content h3 {\n font-size: 14px;\n }\n\n .en-timeline-content p {\n font-size: 13px;\n }\n\n .en-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .en-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .en-testimonial {\n padding: 1.25rem;\n }\n\n .en-testimonial-text {\n font-size: 14px;\n }\n\n .en-inci-box {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .en-card {\n animation: enFadeInUp .5s ease backwards;\n }\n .en-card:nth-child(1) { animation-delay: .05s; }\n .en-card:nth-child(2) { animation-delay: .1s; }\n .en-card:nth-child(3) { animation-delay: .15s; }\n .en-card:nth-child(4) { animation-delay: .2s; }\n .en-card:nth-child(5) { animation-delay: .25s; }\n .en-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes enFadeInUp {\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 .en-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":55696609313145,"sku":"NBAIEMM0090","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savonnettesEmmaNoelolive.webp?v=1772189344"},{"product_id":"savonnettes-rose-de-damas-bio-emma-noel","title":"Savonnettes Rose de Damas Bio - 3 x 150 g - Emma Noël","description":"\u003cdiv class=\"rd-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"rd-hero\"\u003e\n\u003cdiv class=\"rd-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rd-hero-content\"\u003e\n\u003cdiv class=\"rd-badges-top\"\u003e\n\u003cspan class=\"rd-badge\"\u003e🌹 Rose de Damas\u003c\/span\u003e \u003cspan class=\"rd-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"rd-badge\"\u003e🇫🇷 Emma Noël\u003c\/span\u003e \u003cspan class=\"rd-badge\"\u003e📦 3 × 150 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"rd-hero-title\"\u003eSavonnettes Rose de Damas Bio\u003c\/span\u003e\n\u003cp class=\"rd-subtitle\"\u003eLe rituel floral d'exception signé Emma Noël\u003c\/p\u003e\n\u003cp class=\"rd-description\"\u003eTrois savonnettes naturelles certifiées bio, enveloppées du parfum envoûtant de la Rosa damascena. 450 g de douceur pure pour sublimer votre peau au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"rd-section\"\u003e\n\u003ch2\u003eSavonnettes naturelles à la Rose de Damas, Un soin bio d'exception\u003c\/h2\u003e\n\u003cp class=\"rd-section-intro\"\u003eVous cherchez un savon rose de Damas authentique, à la fois doux pour la peau et respectueux de l'environnement ?\u003c\/p\u003e\n\u003cdiv class=\"rd-highlight-box\"\u003e\n\u003cp\u003eCe coffret de \u003cstrong\u003e3 savonnettes bio Emma Noël (3 × 150 g)\u003c\/strong\u003e transforme chaque toilette en un véritable rituel de bien-être. Leur parfum floral enveloppant et leur formule naturelle en font un \u003cstrong\u003eindispensable de la salle de bain\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"rd-section\"\u003e\n\u003ch2\u003ePourquoi la Rose de Damas ?\u003c\/h2\u003e\n\u003cdiv class=\"rd-grid\"\u003e\n\u003cdiv class=\"rd-card\"\u003e\n\u003ch3\u003e👑 La reine des roses\u003c\/h3\u003e\n\u003cp\u003eLa \u003cstrong\u003eRosa damascena\u003c\/strong\u003e est cultivée depuis des siècles pour son parfum incomparable, considérée comme la plus noble de toutes les roses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rd-card\"\u003e\n\u003ch3\u003e✨ Vertus cosmétiques\u003c\/h3\u003e\n\u003cp\u003ePrisée en cosmétique naturelle pour ses propriétés \u003cstrong\u003eadoucissantes, apaisantes et tonifiantes\u003c\/strong\u003e sur tous les types de peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rd-card\"\u003e\n\u003ch3\u003e🌸 Fragrance authentique\u003c\/h3\u003e\n\u003cp\u003eContrairement à un simple parfum de synthèse, l'essence de rose de Damas offre une fragrance \u003cstrong\u003esubtile et raffinée\u003c\/strong\u003e qui persiste délicatement après le rinçage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rd-tip\"\u003e\n\u003cspan class=\"rd-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eSi vous appréciez le savon d'Alep à la rose de Damas ou le savon noir à la rose de Damas, vous retrouverez ici cette même noblesse olfactive, dans une formule \u003cstrong\u003ecertifiée bio\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"rd-section\"\u003e\n\u003ch2\u003eComposition et ingrédients\u003c\/h2\u003e\n\u003cp class=\"rd-section-intro\"\u003eEmma Noël formule ses savonnettes à partir d'ingrédients d'origine naturelle, certifiés \u003cstrong\u003eCosmébio\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"rd-accordion\"\u003e\n\u003cdetails class=\"rd-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"rd-accordion-header\"\u003e🌿 Base lavante végétale bio\u003c\/summary\u003e\n\u003cdiv class=\"rd-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eSodium palmate*, Sodium palm kernelate*\u003c\/strong\u003e — base lavante douce issue d'huiles végétales biologiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"rd-accordion-item\"\u003e\n\u003csummary class=\"rd-accordion-header\"\u003e💧 Eau et glycérine\u003c\/summary\u003e\n\u003cdiv class=\"rd-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eAqua\u003c\/strong\u003e — eau.\u003cbr\u003e\u003cstrong\u003eGlycerin\u003c\/strong\u003e — glycérine végétale naturellement produite lors de la saponification, hydrate et protège la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"rd-accordion-item\"\u003e\n\u003csummary class=\"rd-accordion-header\"\u003e🌹 Extrait de rose de Damas bio\u003c\/summary\u003e\n\u003cdiv class=\"rd-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eParfum (Fragrance)\u003c\/strong\u003e — senteur naturelle de rose de Damas.\u003cbr\u003e\u003cstrong\u003eRosa damascena flower extract*\u003c\/strong\u003e — extrait de rose de Damas biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"rd-accordion-item\"\u003e\n\u003csummary class=\"rd-accordion-header\"\u003e🔬 Autres ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"rd-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eSodium chloride\u003c\/strong\u003e — sel, régulateur de consistance.\u003cbr\u003e\u003cstrong\u003eTetrasodium glutamate diacetate\u003c\/strong\u003e — agent chélatant biodégradable.\u003cbr\u003e\u003cstrong\u003eCI 77491\u003c\/strong\u003e — colorant minéral d'origine naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rd-tip\"\u003e\n\u003cspan class=\"rd-tip-icon\"\u003e🌱\u003c\/span\u003e\n\u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e Formule \u003cstrong\u003esans paraben, sans EDTA synthétique et sans colorant artificiel\u003c\/strong\u003e. Chaque ingrédient est choisi avec soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"rd-section\"\u003e\n\u003ch2\u003eBienfaits pour votre peau\u003c\/h2\u003e\n\u003cdiv class=\"rd-grid-compact\"\u003e\n\u003cdiv class=\"rd-card\"\u003e\n\u003ch3\u003e🧴 Nettoyage tout en douceur\u003c\/h3\u003e\n\u003cp\u003eConvient au visage, au corps et aux mains, y compris pour les peaux sensibles ou sèches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rd-card\"\u003e\n\u003ch3\u003e💦 Hydratation naturelle\u003c\/h3\u003e\n\u003cp\u003eLa glycérine végétale préserve le film hydrolipidique, évitant les sensations de tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rd-card\"\u003e\n\u003ch3\u003e🌹 Parfum délicat et durable\u003c\/h3\u003e\n\u003cp\u003eL'extrait de rose de Damas laisse un voile fleuri subtil, sans être entêtant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rd-card\"\u003e\n\u003ch3\u003e♻️ Respect de l'environnement\u003c\/h3\u003e\n\u003cp\u003eCertification bio, emballage en carton recyclable, formule biodégradable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"rd-section\"\u003e\n\u003ch2\u003eComment utiliser vos savonnettes ?\u003c\/h2\u003e\n\u003cdiv class=\"rd-timeline\"\u003e\n\u003cdiv class=\"rd-timeline-item\"\u003e\n\u003cdiv class=\"rd-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"rd-timeline-content\"\u003e\n\u003ch3\u003eMouillez\u003c\/h3\u003e\n\u003cp\u003eMouillez votre peau à l'eau tiède pour ouvrir les pores et préparer la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rd-timeline-item\"\u003e\n\u003cdiv class=\"rd-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"rd-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFaites mousser la savonnette entre vos mains ou avec un gant de toilette jusqu'à obtenir une mousse onctueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rd-timeline-item\"\u003e\n\u003cdiv class=\"rd-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"rd-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eAppliquez la mousse délicatement sur le visage ou le corps en mouvements circulaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rd-timeline-item\"\u003e\n\u003cdiv class=\"rd-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"rd-timeline-content\"\u003e\n\u003ch3\u003eRincez et séchez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau claire et séchez en tapotant délicatement avec une serviette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rd-tip\"\u003e\n\u003cspan class=\"rd-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour prolonger la durée de vie de votre savon, laissez-le sécher sur un \u003cstrong\u003eporte-savon aéré\u003c\/strong\u003e entre chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"rd-section\"\u003e\n\u003ch2\u003eUn coffret pratique et généreux\u003c\/h2\u003e\n\u003cdiv class=\"rd-grid\"\u003e\n\u003cdiv class=\"rd-card\"\u003e\n\u003ch3\u003e📦 450 g de douceur\u003c\/h3\u003e\n\u003cp\u003eAvec 450 g de savon au total, ce pack de trois savonnettes vous accompagne pendant \u003cstrong\u003eplusieurs semaines\u003c\/strong\u003e de bonheur floral.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rd-card\"\u003e\n\u003ch3\u003e🏠 Multi-usage\u003c\/h3\u003e\n\u003cp\u003eDisposez-en une à la douche, une au lavabo et gardez la troisième en réserve — ou partagez le plaisir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rd-card\"\u003e\n\u003ch3\u003e🎁 Idée cadeau raffinée\u003c\/h3\u003e\n\u003cp\u003eSa présentation élégante et son parfum exquis en font une \u003cstrong\u003eidée cadeau naturelle\u003c\/strong\u003e qui fait toujours plaisir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rd-tip\"\u003e\n\u003cspan class=\"rd-tip-icon\"\u003e🌸\u003c\/span\u003e\n\u003cp\u003ePour celles et ceux qui aiment varier les plaisirs avec de la poudre de rose de Damas dans leurs cosmétiques maison, cette savonnette est le \u003cstrong\u003ecomplément parfait d'une routine beauté florale et bio\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"rd-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"rd-cta-box\"\u003e\n\u003cp\u003e🌹 Offrez à votre peau la douceur et l'élégance de la rose de Damas, dans un geste quotidien simple, naturel et certifié bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --rd-cream: #FFF8F9;\n --rd-white: #ffffff;\n --rd-primary: #E8A0B5;\n --rd-primary-dark: #9E3A5C;\n --rd-primary-light: #FDF0F3;\n --rd-secondary: #D4708A;\n --rd-accent: #C25579;\n\n --rd-text: #1a1a1a;\n --rd-text-light: #5a5a5a;\n\n --rd-border: #F0D4DC;\n --rd-shadow: 0 4px 24px rgba(158, 58, 92, .07);\n --rd-shadow-lg: 0 12px 48px rgba(158, 58, 92, .13);\n --rd-radius: 20px;\n --rd-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rd-hero {\n position: relative;\n background: linear-gradient(135deg, #F2B5C8 0%, #D4708A 50%, #9E3A5C 100%);\n border-radius: var(--rd-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(--rd-shadow-lg);\n}\n\n.rd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.rd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.rd-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.rd-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.rd-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.rd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rd-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(--rd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rd-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.rd-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(--rd-primary), var(--rd-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.rd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rd-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.rd-section-intro strong {\n color: var(--rd-primary-dark);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.rd-highlight-box {\n background: var(--rd-white);\n border-radius: var(--rd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rd-shadow);\n border-left: 4px solid var(--rd-secondary);\n max-width: 700px;\n margin: 0 auto;\n}\n\n.rd-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rd-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.rd-highlight-box strong {\n color: var(--rd-primary-dark);\n}\n\n\/* === CARDS === *\/\n.rd-card {\n background: var(--rd-white);\n border-radius: var(--rd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rd-shadow-lg);\n border-color: var(--rd-primary);\n}\n\n.rd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rd-card p strong {\n color: var(--rd-text);\n}\n\n\/* === GRILLES === *\/\n.rd-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.rd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rd-grid-compact .rd-card {\n padding: 1rem;\n}\n\n.rd-grid-compact .rd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rd-grid-compact .rd-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rd-primary), var(--rd-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.rd-timeline-content {\n flex: 1;\n background: var(--rd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rd-radius-sm);\n box-shadow: var(--rd-shadow);\n}\n\n.rd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rd-timeline-content p {\n font-size: 14px;\n color: var(--rd-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rd-testimonial {\n background: var(--rd-white);\n border-radius: var(--rd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rd-shadow);\n border-left: 4px solid var(--rd-primary);\n}\n\n.rd-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rd-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.rd-accordion {\n background: var(--rd-white);\n border-radius: var(--rd-radius);\n box-shadow: var(--rd-shadow);\n overflow: hidden;\n}\n\n.rd-accordion-item {\n border-bottom: 1px solid var(--rd-border);\n margin: 0;\n padding: 0;\n}\n\n.rd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rd-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.rd-accordion-header:hover {\n background: var(--rd-primary-light);\n}\n\n.rd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rd-primary);\n transition: transform .2s ease;\n}\n\n.rd-accordion-item[open] .rd-accordion-header::after {\n content: '−';\n}\n\n.rd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rd-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rd-accordion-content p {\n margin: 0;\n}\n\n.rd-accordion-content strong {\n color: var(--rd-text);\n}\n\n\/* === TIP BOX === *\/\n.rd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rd-primary-light);\n border-radius: var(--rd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rd-tip p {\n font-size: 14px;\n color: var(--rd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.rd-tip p strong {\n color: var(--rd-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.rd-cta-box {\n background: linear-gradient(135deg, var(--rd-secondary) 0%, var(--rd-primary-dark) 100%);\n border-radius: var(--rd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rd-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 .rd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rd-card {\n padding: 1.125rem;\n }\n\n .rd-section {\n margin-bottom: 1.75rem;\n }\n\n .rd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rd-radius-sm);\n }\n\n .rd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rd-grid-compact {\n gap: .625rem;\n }\n\n .rd-grid-compact .rd-card {\n padding: .75rem;\n }\n\n .rd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rd-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rd-timeline-content h3 {\n font-size: 14px;\n }\n\n .rd-timeline-content p {\n font-size: 13px;\n }\n\n .rd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rd-testimonial {\n padding: 1.25rem;\n }\n\n .rd-testimonial-text {\n font-size: 14px;\n }\n\n .rd-highlight-box {\n padding: 1.25rem;\n }\n\n .rd-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rd-card {\n animation: rdFadeInUp .5s ease backwards;\n }\n .rd-card:nth-child(1) { animation-delay: .05s; }\n .rd-card:nth-child(2) { animation-delay: .1s; }\n .rd-card:nth-child(3) { animation-delay: .15s; }\n .rd-card:nth-child(4) { animation-delay: .2s; }\n .rd-card:nth-child(5) { animation-delay: .25s; }\n .rd-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rdFadeInUp {\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 .rd-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":55696609444217,"sku":"NBAIEMM0091","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savonnettes-Emma-Noel-rose-de-damas_11zon.webp?v=1772189059"},{"product_id":"huile-vierge-bourrache-bio-50ml-emma-noel","title":"Huile vierge de bourrache bio - 50 mL - Emma Noël","description":"\u003cdiv class=\"brc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"brc-hero\"\u003e\n \u003cdiv class=\"brc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"brc-hero-content\"\u003e\n \u003cdiv class=\"brc-badges-top\"\u003e\n \u003cspan class=\"brc-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"brc-badge\"\u003e🇫🇷 Fabriquée en Provence\u003c\/span\u003e\n \u003cspan class=\"brc-badge\"\u003e🌾 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"brc-hero-title\"\u003eHuile vierge de bourrache bio\u003c\/span\u003e\n \u003cp class=\"brc-subtitle\"\u003e50 mL — Emma Noël\u003c\/p\u003e\n \u003cp class=\"brc-description\"\u003eLe secret anti-âge naturel des peaux exigeantes. Une huile précieuse, pure et certifiée bio, riche en acide gamma-linolénique pour une peau régénérée, nourrie et lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"brc-section\"\u003e\n \u003ch2\u003eHuile vierge de bourrache bio : le soin anti-âge naturel pour votre visage\u003c\/h2\u003e\n \u003cp class=\"brc-section-intro\"\u003eVous cherchez une huile de bourrache pour le visage qui soit à la fois pure, efficace et respectueuse de votre peau ?\u003c\/p\u003e\n \u003cdiv class=\"brc-grid-compact\"\u003e\n \u003cdiv class=\"brc-card\"\u003e\n \u003ch3\u003e🌱 100 % pure\u003c\/h3\u003e\n \u003cp\u003eHuile vierge obtenue par première pression à froid, sans aucun additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brc-card\"\u003e\n \u003ch3\u003e🔬 Riche en GLA\u003c\/h3\u003e\n \u003cp\u003eAcide gamma-linolénique (oméga-6), un acide gras rare et puissant pour la régénération cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brc-card\"\u003e\n \u003ch3\u003e✨ Efficacité prouvée\u003c\/h3\u003e\n \u003cp\u003eUn des secrets les mieux gardés de la cosmétique naturelle pour les peaux matures et sèches\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brc-card\"\u003e\n \u003ch3\u003e💧 Format pratique\u003c\/h3\u003e\n \u003cp\u003eFlacon de 50 mL avec pompe doseuse pour un rituel beauté simple et hygiénique au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"brc-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile de bourrache sur le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"brc-section-intro\"\u003eLes bienfaits de l'huile de bourrache pour le visage sont remarquables, et c'est ce qui explique sa popularité croissante dans les routines de soin naturel.\u003c\/p\u003e\n \u003cdiv class=\"brc-grid\"\u003e\n \u003cdiv class=\"brc-card\"\u003e\n \u003ch3\u003e🕊️ Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eStimule la régénération cellulaire, atténue visiblement les ridules et les rides d'expression, et redonne fermeté au visage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brc-card\"\u003e\n \u003ch3\u003e💦 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux sèches, dévitalisées ou matures, elle restaure le film hydrolipidique et soulage les tiraillements\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brc-card\"\u003e\n \u003ch3\u003e✨ Éclat retrouvé\u003c\/h3\u003e\n \u003cp\u003eAppliquée régulièrement, elle ravive l'éclat du teint terne et unifie le grain de peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brc-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eCalme les peaux sensibles, réactives ou sujettes aux rougeurs grâce à sa richesse en acides gras essentiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brc-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eNourrit les cheveux secs, répare les pointes fourchues et redonne brillance aux chevelures fragilisées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brc-tip\"\u003e\n \u003cspan class=\"brc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eVous hésitez entre \u003cstrong\u003ehuile de bourrache ou onagre pour le visage\u003c\/strong\u003e ? Ces deux huiles sont complémentaires. La bourrache contient davantage de GLA, ce qui la rend plus puissante en régénération cutanée. Vous pouvez les associer : une combinaison huile d'onagre et bourrache bio fait des merveilles sur les peaux matures en quête de souplesse et de tonus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"brc-section\"\u003e\n \u003ch2\u003eComposition – 100 % pure et biologique\u003c\/h2\u003e\n \u003cdiv class=\"brc-grid\"\u003e\n \u003cdiv class=\"brc-card\"\u003e\n \u003ch3\u003e🧪 INCI\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eBorago officinalis seed oil*\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brc-card\"\u003e\n \u003ch3\u003e🌾 Origine\u003c\/h3\u003e\n \u003cp\u003e100 % huile vierge de graines de bourrache, issue de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brc-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eECOCERT \/ Cosmos Organic\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brc-tip\"\u003e\n \u003cspan class=\"brc-tip-icon\"\u003e🛡️\u003c\/span\u003e\n \u003cp\u003eAucun additif, aucun conservateur, aucun parfum ajouté. C'est la garantie d'un soin brut, traçable et totalement respectueux de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"brc-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de bourrache sur le visage ?\u003c\/h2\u003e\n \u003cdiv class=\"brc-timeline\"\u003e\n \u003cdiv class=\"brc-timeline-item\"\u003e\n \u003cdiv class=\"brc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"brc-timeline-content\"\u003e\n \u003ch3\u003e🌙 Visage\u003c\/h3\u003e\n \u003cp\u003eDéposez 2 à 3 gouttes dans le creux de votre main, puis massez délicatement le visage et le cou sur peau propre, de préférence le soir. Elle pénètre rapidement sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brc-timeline-item\"\u003e\n \u003cdiv class=\"brc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"brc-timeline-content\"\u003e\n \u003ch3\u003e🤲 Corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez-la pure sur les zones sèches (coudes, mains, décolleté) ou mélangez-la à votre crème hydratante habituelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brc-timeline-item\"\u003e\n \u003cdiv class=\"brc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"brc-timeline-content\"\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisez quelques gouttes en bain d'huile avant le shampooing ou en soin express sur les pointes sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brc-tip\"\u003e\n \u003cspan class=\"brc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eRéalisez toujours un test cutané dans le pli du coude 24 heures avant la première utilisation. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"brc-section\"\u003e\n \u003ch2\u003eUn savoir-faire provençal certifié bio\u003c\/h2\u003e\n \u003cdiv class=\"brc-testimonial\"\u003e\n \u003cp class=\"brc-testimonial-text\"\u003eFabriquée en Provence par la maison Emma Noël, cette huile de bourrache bio bénéficie d'un savoir-faire artisanal transmis depuis plusieurs générations. Chaque lot est pressé à froid pour préserver l'intégralité des acides gras et des vitamines naturellement présents dans la graine de bourrache.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"brc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"brc-cta-box\"\u003e\n \u003cp\u003eLes avis sur l'huile de bourrache pour le visage sont unanimes : c'est un soin naturel incontournable pour retrouver une peau souple, nourrie et lumineuse. Offrez à votre peau le meilleur de la nature 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"brc-disclaimer\"\u003eCe produit ne remplace pas un avis ou un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --brc-cream: #faf8f4;\n --brc-white: #ffffff;\n --brc-primary: #6aafe0;\n --brc-primary-dark: #2a6a9a;\n --brc-primary-light: #e8f2fa;\n --brc-secondary: #d4a843;\n --brc-accent: #e8c94a;\n --brc-text: #1a1a1a;\n --brc-text-light: #5a5a5a;\n --brc-border: #e0e0e0;\n --brc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --brc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --brc-radius: 20px;\n --brc-radius-sm: 12px;\n}\n\n.brc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--brc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.brc-hero {\n position: relative;\n background: linear-gradient(135deg, #6aafe0 0%, #4a8cc4 40%, #d4a843 100%);\n border-radius: var(--brc-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(--brc-shadow-lg);\n}\n\n.brc-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(212,168,67,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.brc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.brc-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.brc-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.brc-description {\n color: rgba(255,255,255,.92);\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.brc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.brc-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(--brc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.brc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.brc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.brc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--brc-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.brc-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(--brc-primary), var(--brc-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.brc-card {\n background: var(--brc-white);\n border-radius: var(--brc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--brc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.brc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--brc-shadow-lg);\n border-color: var(--brc-primary);\n}\n\n.brc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--brc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.brc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--brc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.brc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.brc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.brc-grid-compact .brc-card {\n padding: 1rem;\n}\n\n.brc-grid-compact .brc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.brc-grid-compact .brc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.brc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.brc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.brc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--brc-primary), var(--brc-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.brc-timeline-content {\n flex: 1;\n background: var(--brc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--brc-radius-sm);\n box-shadow: var(--brc-shadow);\n}\n\n.brc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--brc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.brc-timeline-content p {\n font-size: 14px;\n color: var(--brc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.brc-testimonial {\n background: var(--brc-white);\n border-radius: var(--brc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--brc-shadow);\n border-left: 4px solid var(--brc-secondary);\n}\n\n.brc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--brc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.brc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--brc-primary-light);\n border-radius: var(--brc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.brc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.brc-tip p {\n font-size: 14px;\n color: var(--brc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.brc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--brc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CTA FINAL === *\/\n.brc-cta-box {\n background: linear-gradient(135deg, var(--brc-primary) 0%, var(--brc-primary-dark) 100%);\n border-radius: var(--brc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.brc-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.brc-disclaimer {\n font-size: 12px;\n color: var(--brc-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 .brc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .brc-card {\n padding: 1.125rem;\n }\n\n .brc-section {\n margin-bottom: 1.75rem;\n }\n\n .brc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--brc-radius-sm);\n }\n\n .brc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .brc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .brc-grid-compact {\n gap: .625rem;\n }\n\n .brc-grid-compact .brc-card {\n padding: .75rem;\n }\n\n .brc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .brc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .brc-timeline-content h3 {\n font-size: 14px;\n }\n\n .brc-timeline-content p {\n font-size: 13px;\n }\n\n .brc-testimonial {\n padding: 1.25rem;\n }\n\n .brc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .brc-card {\n animation: brcFadeInUp .5s ease backwards;\n }\n .brc-card:nth-child(1) { animation-delay: .05s; }\n .brc-card:nth-child(2) { animation-delay: .1s; }\n .brc-card:nth-child(3) { animation-delay: .15s; }\n .brc-card:nth-child(4) { animation-delay: .2s; }\n .brc-card:nth-child(5) { animation-delay: .25s; }\n .brc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes brcFadeInUp {\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 .brc-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":55696611115385,"sku":"NBAIEMM0035","price":16.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vierge-de-bourrache-bio-50ml-emma-noel.jpg?v=1776173458"},{"product_id":"huile-vierge-avocat-bio-emma-noel","title":"Huile d'avocat bio - 50 mL - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile d'avocat bio - Emma Noël\nPalette détectée:\n - Primaire: #4A8C3F (vert avocat du packaging)\n - Secondaire: #C4D4A0 (vert clair chair d'avocat)\n - Accent: #E84C8A (rose magenta du logo Emma Noël)\nAmbiance: Naturel, bio, frais, végétal, doux, éthique - univers cosmétique naturelle avec touches féminines\nPréfixe CSS: avo\n--\u003e\n\n\u003cdiv class=\"avo-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"avo-hero\"\u003e\n \u003cdiv class=\"avo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"avo-hero-content\"\u003e\n \u003cdiv class=\"avo-badges-top\"\u003e\n \u003cspan class=\"avo-badge\"\u003e🌿 100% bio\u003c\/span\u003e\n \u003cspan class=\"avo-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"avo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"avo-hero-title\"\u003eHuile d'avocat bio\u003c\/span\u003e\n \u003cp class=\"avo-subtitle\"\u003eLe secret végétal d'une peau nourrie en profondeur\u003c\/p\u003e\n \u003cp class=\"avo-description\"\u003eUne huile vierge précieuse, pressée à froid, pour sublimer votre peau, vos cheveux et votre corps au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"avo-hero-volume\"\u003e\n \u003cspan class=\"avo-volume-badge\"\u003e50 mL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"avo-section\"\u003e\n \u003ch2\u003e🥑 Les bienfaits de l'avocat sur votre peau\u003c\/h2\u003e\n \u003cdiv class=\"avo-grid\"\u003e\n \u003cdiv class=\"avo-card\"\u003e\n \u003cdiv class=\"avo-card-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eNutrition intense\u003c\/h3\u003e\n \u003cp\u003eApporte confort et élasticité aux peaux les plus sèches et déshydratées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-card\"\u003e\n \u003cdiv class=\"avo-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eProtection quotidienne\u003c\/h3\u003e\n \u003cp\u003eRenforce la barrière cutanée face aux agressions extérieures et au froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-card\"\u003e\n \u003cdiv class=\"avo-card-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eAnti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eFavorise la régénération cellulaire et améliore visiblement la fermeté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-card\"\u003e\n \u003cdiv class=\"avo-card-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003eMulti-usages\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, cheveux : une seule huile pour tous vos rituels beauté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"avo-section\"\u003e\n \u003ch2\u003e🌱 Une composition pure et éthique\u003c\/h2\u003e\n \u003cdiv class=\"avo-composition-box\"\u003e\n \u003cdiv class=\"avo-composition-main\"\u003e\n \u003cdiv class=\"avo-ingredient-hero\"\u003e\n \u003cspan class=\"avo-ingredient-icon\"\u003e🥑\u003c\/span\u003e\n \u003cdiv class=\"avo-ingredient-info\"\u003e\n \u003cspan class=\"avo-ingredient-name\"\u003eHuile vierge d'avocat biologique\u003c\/span\u003e\n \u003cspan class=\"avo-ingredient-percent\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"avo-composition-desc\"\u003eObtenue par première pression à froid. Aucun additif, aucun conservateur. Pure et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-ethics-grid\"\u003e\n \u003cdiv class=\"avo-ethic-item\"\u003e\n \u003cspan\u003e🌍\u003c\/span\u003e\n \u003cspan\u003eCommerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-ethic-item\"\u003e\n \u003cspan\u003e🌿\u003c\/span\u003e\n \u003cspan\u003eAgriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-ethic-item\"\u003e\n \u003cspan\u003e🐰\u003c\/span\u003e\n \u003cspan\u003eNon testé sur animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-ethic-item\"\u003e\n \u003cspan\u003e♻️\u003c\/span\u003e\n \u003cspan\u003ePackaging recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"avo-section\"\u003e\n \u003ch2\u003e💆 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"avo-usage-grid\"\u003e\n \u003cdiv class=\"avo-usage-card\"\u003e\n \u003cdiv class=\"avo-usage-icon\"\u003e👩\u003c\/div\u003e\n \u003ch3\u003eSoin visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur peau propre, matin ou soir. Peut être mélangée à votre crème habituelle pour un boost nutritif.\u003c\/p\u003e\n \u003cspan class=\"avo-usage-tip\"\u003e💡 Idéal en sérum avant votre soin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-usage-card\"\u003e\n \u003cdiv class=\"avo-usage-icon\"\u003e💇\u003c\/div\u003e\n \u003ch3\u003eSoin cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant le shampooing, laissez poser 30 min minimum. Revitalise les cheveux secs, cassants ou ternes.\u003c\/p\u003e\n \u003cspan class=\"avo-usage-tip\"\u003e💡 Une nuit entière pour un soin intensif\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-usage-card\"\u003e\n \u003cdiv class=\"avo-usage-icon\"\u003e🧴\u003c\/div\u003e\n \u003ch3\u003eSoin corps\u003c\/h3\u003e\n \u003cp\u003eEn huile de massage pure ou ajoutée à votre lait corporel. Laisse la peau souple, douce et délicatement parfumée.\u003c\/p\u003e\n \u003cspan class=\"avo-usage-tip\"\u003e💡 Parfait après la douche sur peau humide\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"avo-section\"\u003e\n \u003ch2\u003e👥 Pour qui est cette huile ?\u003c\/h2\u003e\n \u003cdiv class=\"avo-grid\"\u003e\n \u003cdiv class=\"avo-profile-card\"\u003e\n \u003cspan class=\"avo-profile-icon\"\u003e🏜️\u003c\/span\u003e\n \u003ch4\u003ePeaux sèches à très sèches\u003c\/h4\u003e\n \u003cp\u003eNutrition profonde et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-profile-card\"\u003e\n \u003cspan class=\"avo-profile-icon\"\u003e⏳\u003c\/span\u003e\n \u003ch4\u003ePeaux matures\u003c\/h4\u003e\n \u003cp\u003eAction anti-âge et raffermissante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-profile-card\"\u003e\n \u003cspan class=\"avo-profile-icon\"\u003e❄️\u003c\/span\u003e\n \u003ch4\u003ePeaux agressées\u003c\/h4\u003e\n \u003cp\u003eProtection contre le froid et le vent\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-profile-card\"\u003e\n \u003cspan class=\"avo-profile-icon\"\u003e💔\u003c\/span\u003e\n \u003ch4\u003eCheveux abîmés\u003c\/h4\u003e\n \u003cp\u003eRéparation et brillance retrouvée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CERTIFICATION --\u003e\n \u003csection class=\"avo-section\"\u003e\n \u003ch2\u003e🏅 Qualité certifiée\u003c\/h2\u003e\n \u003cdiv class=\"avo-certif-grid\"\u003e\n \u003cdiv class=\"avo-certif-card\"\u003e\n \u003cspan class=\"avo-certif-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"avo-certif-name\"\u003eCosmébio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-certif-card\"\u003e\n \u003cspan class=\"avo-certif-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan class=\"avo-certif-name\"\u003eEcocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-certif-card\"\u003e\n \u003cspan class=\"avo-certif-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"avo-certif-name\"\u003eMade in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-certif-card\"\u003e\n \u003cspan class=\"avo-certif-icon\"\u003e🤝\u003c\/span\u003e\n \u003cspan class=\"avo-certif-name\"\u003eFair Trade\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"avo-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"avo-info-grid\"\u003e\n \u003cdiv class=\"avo-info-item\"\u003e\n \u003cspan class=\"avo-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"avo-info-value\"\u003e50 mL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-info-item\"\u003e\n \u003cspan class=\"avo-info-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"avo-info-value\"\u003eFlacon pompe\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-info-item\"\u003e\n \u003cspan class=\"avo-info-label\"\u003eConservation\u003c\/span\u003e\n \u003cspan class=\"avo-info-value\"\u003eÀ l'abri de la lumière\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"avo-info-item\"\u003e\n \u003cspan class=\"avo-info-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"avo-info-value\"\u003eEmma Noël\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"avo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"avo-cta-box\"\u003e\n \u003cdiv class=\"avo-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"avo-cta-content\"\u003e\n \u003cspan class=\"avo-cta-icon\"\u003e🥑\u003c\/span\u003e\n \u003cp\u003eOffrez à votre peau le meilleur de la nature avec cette huile d'avocat bio, éthique et polyvalente. Un geste simple pour une beauté responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --avo-cream: #F9FAF5;\n --avo-white: #ffffff;\n --avo-primary: #4A8C3F;\n --avo-primary-dark: #3A7030;\n --avo-primary-light: #E8F2E5;\n --avo-secondary: #C4D4A0;\n --avo-accent: #E84C8A;\n --avo-text: #1a1a1a;\n --avo-text-light: #5a5a5a;\n --avo-border: #e0e0e0;\n --avo-shadow: 0 4px 24px rgba(74,140,63,.08);\n --avo-shadow-lg: 0 12px 48px rgba(74,140,63,.15);\n --avo-radius: 20px;\n --avo-radius-sm: 12px;\n}\n\n.avo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--avo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.avo-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.avo-hero {\n position: relative;\n background: linear-gradient(135deg, #4A8C3F 0%, #5EA050 40%, #C4D4A0 100%);\n border-radius: var(--avo-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--avo-shadow-lg);\n}\n\n.avo-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-8 0-15 12-15 25s7 25 15 25 15-12 15-25S38 5 30 5zm0 40c-4 0-8-7-8-15s4-15 8-15 8 7 8 15-4 15-8 15z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.avo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.avo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.avo-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(--avo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.avo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.avo-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.avo-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.avo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto 1.5rem;\n}\n\n.avo-hero-volume {\n margin-top: 1rem;\n}\n\n.avo-volume-badge {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 12px 28px;\n border-radius: 999px;\n color: white;\n font-size: 16px;\n font-weight: 700;\n border: 2px solid rgba(255,255,255,.3);\n}\n\n\/* === SECTIONS === *\/\n.avo-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.avo-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--avo-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.avo-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(--avo-primary), var(--avo-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.avo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS BIENFAITS === *\/\n.avo-card {\n background: var(--avo-white);\n border-radius: var(--avo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--avo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.avo-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--avo-shadow-lg);\n border-color: var(--avo-primary);\n}\n\n.avo-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.avo-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--avo-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.avo-card p {\n font-size: 15px;\n color: var(--avo-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.avo-composition-box {\n background: var(--avo-white);\n border-radius: var(--avo-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--avo-shadow);\n}\n\n.avo-composition-main {\n text-align: center;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n border-bottom: 2px dashed var(--avo-secondary);\n}\n\n.avo-ingredient-hero {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 1rem;\n flex-wrap: wrap;\n}\n\n.avo-ingredient-icon {\n font-size: 64px;\n}\n\n.avo-ingredient-info {\n display: flex;\n flex-direction: column;\n text-align: left;\n}\n\n.avo-ingredient-name {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--avo-primary-dark);\n}\n\n.avo-ingredient-percent {\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n color: var(--avo-primary);\n}\n\n.avo-composition-desc {\n color: var(--avo-text-light);\n font-size: 16px;\n line-height: 1.7;\n margin: 0;\n}\n\n.avo-ethics-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 1rem;\n}\n\n.avo-ethic-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 12px 16px;\n background: var(--avo-primary-light);\n border-radius: var(--avo-radius-sm);\n font-size: 14px;\n font-weight: 600;\n color: var(--avo-primary-dark);\n}\n\n.avo-ethic-item span:first-child {\n font-size: 20px;\n}\n\n\/* === USAGE CARDS === *\/\n.avo-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.avo-usage-card {\n background: var(--avo-white);\n border-radius: var(--avo-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--avo-shadow);\n border-left: 4px solid var(--avo-primary);\n transition: all .3s ease;\n}\n\n.avo-usage-card:hover {\n transform: translateX(8px);\n box-shadow: var(--avo-shadow-lg);\n}\n\n.avo-usage-icon {\n font-size: 40px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.avo-usage-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--avo-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.avo-usage-card p {\n font-size: 15px;\n color: var(--avo-text-light);\n line-height: 1.6;\n margin: 0 0 1rem 0;\n}\n\n.avo-usage-tip {\n display: inline-block;\n background: linear-gradient(135deg, var(--avo-secondary) 0%, #d4e4b0 100%);\n padding: 8px 14px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--avo-primary-dark);\n}\n\n\/* === PROFILE CARDS === *\/\n.avo-profile-card {\n background: var(--avo-white);\n border-radius: var(--avo-radius);\n padding: clamp(1.25rem, 2.5vw, 1.75rem);\n box-shadow: var(--avo-shadow);\n text-align: center;\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.avo-profile-card:hover {\n transform: translateY(-6px);\n border-color: var(--avo-accent);\n}\n\n.avo-profile-icon {\n font-size: 36px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.avo-profile-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--avo-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.avo-profile-card p {\n font-size: 14px;\n color: var(--avo-text-light);\n margin: 0;\n}\n\n\/* === CERTIFICATIONS === *\/\n.avo-certif-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1rem;\n}\n\n.avo-certif-card {\n background: var(--avo-white);\n border-radius: var(--avo-radius-sm);\n padding: 1.25rem 1rem;\n box-shadow: var(--avo-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.avo-certif-card:hover {\n transform: scale(1.05);\n}\n\n.avo-certif-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.avo-certif-name {\n font-size: 14px;\n font-weight: 700;\n color: var(--avo-primary-dark);\n}\n\n\/* === INFO GRID === *\/\n.avo-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.avo-info-item {\n background: var(--avo-white);\n border-radius: var(--avo-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--avo-shadow);\n display: flex;\n flex-direction: column;\n gap: .25rem;\n}\n\n.avo-info-label {\n font-size: 13px;\n font-weight: 600;\n color: var(--avo-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.avo-info-value {\n font-size: 18px;\n font-weight: 800;\n color: var(--avo-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.avo-cta-box {\n background: linear-gradient(135deg, var(--avo-primary) 0%, var(--avo-primary-dark) 100%);\n border-radius: var(--avo-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.avo-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='8' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n}\n\n.avo-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.avo-cta-icon {\n font-size: 56px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.avo-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .avo-card,\n .avo-usage-card,\n .avo-profile-card,\n .avo-certif-card {\n animation: avoFadeInUp .6s ease backwards;\n }\n .avo-card:nth-child(1),\n .avo-usage-card:nth-child(1),\n .avo-profile-card:nth-child(1) { animation-delay: .1s; }\n .avo-card:nth-child(2),\n .avo-usage-card:nth-child(2),\n .avo-profile-card:nth-child(2) { animation-delay: .2s; }\n .avo-card:nth-child(3),\n .avo-usage-card:nth-child(3),\n .avo-profile-card:nth-child(3) { animation-delay: .3s; }\n .avo-card:nth-child(4),\n .avo-profile-card:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes avoFadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .avo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .avo-card,\n .avo-usage-card,\n .avo-profile-card {\n border: 2px solid var(--avo-text);\n }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .avo-grid,\n .avo-usage-grid {\n grid-template-columns: 1fr;\n }\n \n .avo-ethics-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .avo-certif-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .avo-ingredient-hero {\n flex-direction: column;\n text-align: center;\n }\n \n .avo-ingredient-info {\n text-align: center;\n }\n}\n\u003c\/style\u003e","brand":"Emma Noël","offers":[{"title":"Default Title","offer_id":55696611672441,"sku":"NBAIEMM0031","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-davocat-bio-50-ml-emma-noel-lifestyle.webp?v=1770910571"},{"product_id":"gel-douche-amande-douce-bio-1l-emma-noel","title":"Gel douche Amande Douce bio - 1L - Emma Noël","description":"\u003cdiv class=\"en-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"en-hero\"\u003e\n \u003cdiv class=\"en-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"en-hero-content\"\u003e\n \u003cdiv class=\"en-badges-top\"\u003e\n \u003cspan class=\"en-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🌱 98 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e📦 Format familial 1 L\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"en-hero-title\"\u003eGel douche Amande Douce bio\u003c\/span\u003e\n \u003cp class=\"en-subtitle\"\u003eEmma Noël — L'huile source de soin\u003c\/p\u003e\n \u003cp class=\"en-description\"\u003eUn gel douche certifié bio à l'huile d'amande douce, formulé pour transformer chaque douche en un véritable rituel de douceur pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eGel douche amande douce bio : la douceur au quotidien\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eEnvie d'un \u003cstrong\u003egel douche bio\u003c\/strong\u003e qui prend soin de votre peau sans compromis sur le plaisir ? Le \u003cstrong\u003egel douche Amande Douce Bio Emma Noël\u003c\/strong\u003e en format 1 litre vous offre une toilette tout en douceur, portée par un délicat parfum d'amande. Certifié \u003cstrong\u003eCOSMOS Organic par Ecocert\u003c\/strong\u003e et fabriqué en France, il allie exigence naturelle et sensorialité pour transformer chaque douche en véritable moment cocooning.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003ePourquoi adopter ce gel douche à l'amande douce ?\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eSur le marché des gels douche bio, ce soin signé Emma Noël se distingue par plusieurs points forts concrets :\u003c\/p\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🧴 98 % de tensioactifs naturels\u003c\/h3\u003e\n \u003cp\u003eLa peau est nettoyée avec respect, sans sensation de tiraillement ni d'agression. Une base lavante d'une extrême douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés adoucissantes, elle laisse la peau souple et confortable après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌸 Senteur gourmande et délicate\u003c\/h3\u003e\n \u003cp\u003eUn parfum d'amande subtilement sucré qui enveloppe sans être entêtant. Un vrai plaisir des sens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Format familial 1 L avec pompe\u003c\/h3\u003e\n \u003cp\u003ePratique, économique et plus écologique qu'une succession de petits flacons. Un excellent choix pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🇫🇷 Savoir-faire Emma Noël\u003c\/h3\u003e\n \u003cp\u003eUne marque française experte en huiles végétales bio depuis plus de 30 ans. L'assurance d'une qualité irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce gel douche bio ?\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eCe \u003cstrong\u003egel douche amande\u003c\/strong\u003e convient à toute la famille. Il est particulièrement apprécié par :\u003c\/p\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🤍 Peaux normales à sèches\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui recherchent davantage de confort et de douceur après la toilette quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌿 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les personnes sensibles aux formules agressives qui souhaitent passer à un soin certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Familles nombreuses\u003c\/h3\u003e\n \u003cp\u003eUn grand format durable avec un rapport qualité-prix maîtrisé, parfait pour une consommation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-tip\"\u003e\n \u003cspan class=\"en-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e ce gel douche est formulé pour le corps des adultes. Pour les tout-petits, orientez-vous vers un \u003cstrong\u003egel douche bio bébé\u003c\/strong\u003e spécifiquement conçu pour leur peau fragile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"en-timeline\"\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette de gel\u003c\/h3\u003e\n \u003cp\u003eSur peau mouillée, utilisez la pompe doseuse pour prélever la juste quantité de produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser et massez\u003c\/h3\u003e\n \u003cp\u003eFaites mousser entre vos mains ou sur un gant de toilette, puis massez délicatement l'ensemble du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eRincez et profitez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède et savourez la sensation de douceur sur votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-tip\"\u003e\n \u003cspan class=\"en-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e usage corporel uniquement. Évitez le contact avec les yeux. En cas de projection oculaire, rincez immédiatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"en-accordion\"\u003e\n \u003cdetails class=\"en-accordion-item\" open\u003e\n \u003csummary class=\"en-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"en-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Potassium Palm Kernelate**, Cellulose Gum, Glycerin, Sodium Cocoamphoacetate, Tetrasodium Glutamate Diacetate, Coco-Glucoside, Glyceryl Oleate, Elaeis Guineensis Kernel Oil*, Parfum, Potassium Benzoate, Potassium Sorbate, \u003cstrong\u003ePrunus Amygdalus Dulcis Oil**\u003c\/strong\u003e (huile d'amande douce), Lauryl Glucoside, Polyglyceryl-2 Dipolyhydroxystearate, Citric Acid, Tocopherol, Helianthus Annuus Seed Oil, Hydrogenated Palm Glycerides Citrate, Limonene.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique. **Ingrédients transformés à partir d'ingrédients biologiques.\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 #6 --\u003e\n \u003csection class=\"en-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'engagement qualité Emma Noël\u003c\/h2\u003e\n \u003cdiv class=\"en-cta-box\"\u003e\n \u003cp\u003eEn choisissant ce \u003cstrong\u003egel douche amande douce\u003c\/strong\u003e, vous soutenez une marque engagée dans une démarche responsable : certification bio rigoureuse, fabrication française et expertise reconnue dans les soins à base d'huiles végétales. Un geste simple pour votre peau et pour la planète. 🌍\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"en-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement dermatologique. En cas de réaction cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --en-cream: #f7f5f0;\n --en-white: #ffffff;\n --en-primary: #4ab48a;\n --en-primary-dark: #2e7d5e;\n --en-primary-light: #e8f5ee;\n --en-secondary: #d4836a;\n --en-accent: #e8a0c9;\n --en-text: #1a1a1a;\n --en-text-light: #5a5a5a;\n --en-border: #e0e0e0;\n --en-shadow: 0 4px 24px rgba(0,0,0,.08);\n --en-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, #4ab48a 0%, #2e7d5e 50%, #3a9474 100%);\n border-radius: var(--en-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(--en-shadow-lg);\n}\n\n.en-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.en-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.en-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.en-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.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.en-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(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.en-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-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.en-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(--en-primary), var(--en-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.en-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-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.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.en-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.en-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.en-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.en-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-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.en-timeline-content {\n flex: 1;\n background: var(--en-white);\n padding: 1rem 1.25rem;\n border-radius: var(--en-radius-sm);\n box-shadow: var(--en-shadow);\n}\n\n.en-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--en-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.en-timeline-content p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.en-accordion {\n background: var(--en-white);\n border-radius: var(--en-radius);\n box-shadow: var(--en-shadow);\n overflow: hidden;\n}\n\n.en-accordion-item {\n border-bottom: 1px solid var(--en-border);\n margin: 0;\n padding: 0;\n}\n\n.en-accordion-item:last-child {\n border-bottom: none;\n}\n\n.en-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--en-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.en-accordion-header:hover {\n background: var(--en-primary-light);\n}\n\n.en-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.en-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--en-primary);\n transition: transform .2s ease;\n}\n\n.en-accordion-item[open] .en-accordion-header::after {\n content: '−';\n}\n\n.en-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--en-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.en-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.en-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.en-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--en-primary-light);\n border-radius: var(--en-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.en-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.en-tip p {\n font-size: 14px;\n color: var(--en-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.en-cta-box {\n background: linear-gradient(135deg, var(--en-primary) 0%, var(--en-primary-dark) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.en-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.en-disclaimer {\n font-size: 12px;\n color: var(--en-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 .en-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .en-card {\n padding: 1.125rem;\n }\n\n .en-section {\n margin-bottom: 1.75rem;\n }\n\n .en-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--en-radius-sm);\n }\n\n .en-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .en-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .en-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .en-timeline-content {\n padding: .875rem 1rem;\n }\n\n .en-timeline-content h3 {\n font-size: 14px;\n }\n\n .en-timeline-content p {\n font-size: 13px;\n }\n\n .en-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .en-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .en-card {\n animation: enFadeInUp .5s ease backwards;\n }\n .en-card:nth-child(1) { animation-delay: .05s; }\n .en-card:nth-child(2) { animation-delay: .1s; }\n .en-card:nth-child(3) { animation-delay: .15s; }\n .en-card:nth-child(4) { animation-delay: .2s; }\n .en-card:nth-child(5) { animation-delay: .25s; }\n .en-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes enFadeInUp {\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 .en-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":56199159873913,"sku":"NBAIEMM0010","price":13.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-douche-amande-douce-bio-1l-emma-noel-packshothd.webp?v=1776174077"},{"product_id":"savonnettes-miel-bio-3-x-150-g-emma-noel","title":"Savonnettes Miel Bio - 3 x 150 g - EMMA NOËL","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savonnettes Bio Parfum Miel - 3 x 150 g - Emma Noël\nPalette détectée:\n - Primaire: #C87F3B (ocre\/miel doré du packaging)\n - Secondaire: #E8567F (rose\/fuchsia du logo Emma Noël)\n - Accent: #F5D08A (miel clair\/doré lumineux)\n - Fond packaging: #FFFFFF (blanc épuré)\nAmbiance: Naturel, doux, chaleureux, bio\/organique, féminin-neutre, familial\nPréfixe CSS: en\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Savonnettes bio au miel Emma Noël : la douceur naturelle au quotidien\"\n 2. \"Pourquoi adopter cette savonnette bio au miel ?\"\n 3. \"Les bienfaits du miel pour votre peau\"\n 4. \"Conseils d'utilisation\"\n 5. \"Composition complète (INCI)\"\n 6. \"Emma Noël : une marque engagée\"\n \nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"en-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"en-hero\"\u003e\n \u003cdiv class=\"en-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"en-hero-content\"\u003e\n \u003cdiv class=\"en-badges-top\"\u003e\n \u003cspan class=\"en-badge\"\u003e🍯 Extrait de miel bio\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🌿 Certifié COSMOS Ecocert\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e📦 Lot de 3 × 150 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"en-hero-title\"\u003eSavonnettes Bio Parfum Miel\u003c\/span\u003e\n \u003cp class=\"en-subtitle\"\u003eEmma Noël — L'huile source de soin\u003c\/p\u003e\n \u003cp class=\"en-description\"\u003eTrois savonnettes d'origine végétale au parfum gourmand de miel, certifiées bio, pour transformer chaque toilette en un rituel de douceur naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eSavonnettes bio au miel Emma Noël : la douceur naturelle au quotidien\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon au miel\u003c\/strong\u003e à la fois doux, naturel et respectueux de votre peau ? Ce lot de \u003cstrong\u003e3 savonnettes bio parfum miel (3 × 150 g)\u003c\/strong\u003e signé Emma Noël est exactement ce qu'il vous faut. Formulées à partir d'ingrédients d'origine végétale et certifiées bio, elles transforment chaque toilette en un moment de douceur gourmande.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003ePourquoi adopter cette savonnette bio au miel ?\u003c\/h2\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌱 Base lavante 100 % végétale\u003c\/h3\u003e\n \u003cp\u003eFormulée à partir d'huiles de palme et de palmiste issues de l'agriculture biologique, pour un nettoyage efficace sans agresser l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🍯 Extrait de miel bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés adoucissantes et nourrissantes, le miel apporte confort et souplesse à la peau après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e✨ Parfum gourmand et délicat\u003c\/h3\u003e\n \u003cp\u003eUne senteur miel chaleureuse qui enveloppe la peau sans être entêtante. Un vrai plaisir des sens au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🏅 Certifiée COSMOS par Ecocert\u003c\/h3\u003e\n \u003cp\u003e99 % d'ingrédients d'origine naturelle et 78 % issus de l'agriculture biologique. Une exigence transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n \u003cp\u003ePar une marque familiale engagée depuis des décennies dans les soins naturels à base d'huiles végétales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eSans colorant ajouté, adaptée à toute la famille pour un usage quotidien sur le corps, les mains et le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eLes bienfaits du miel pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"en-testimonial\"\u003e\n \u003cp class=\"en-testimonial-text\"\u003eLe miel est un trésor utilisé depuis l'Antiquité en cosmétique. Naturellement riche en sucres, en enzymes et en antioxydants, il aide à maintenir l'hydratation cutanée et à apaiser les peaux sensibles ou sèches. Intégré dans une \u003cstrong\u003esavonnette bio\u003c\/strong\u003e, il permet un nettoyage tout en douceur qui ne tire pas la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-tip\"\u003e\n \u003cspan class=\"en-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à un \u003cstrong\u003esavon miel et propolis\u003c\/strong\u003e concentré en actifs de la ruche, cette savonnette mise sur la simplicité et la légèreté de sa formule. Elle convient parfaitement à celles et ceux qui souhaitent un \u003cstrong\u003esavon miel bio\u003c\/strong\u003e pour le corps comme pour le visage, sans ingrédients superflus. Vous pouvez l'utiliser comme \u003cstrong\u003esavon au miel visage\u003c\/strong\u003e si votre peau le tolère bien, en rinçant soigneusement à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"en-timeline\"\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eHumidifiez\u003c\/h3\u003e\n \u003cp\u003eMouillez la savonnette entre vos mains ou directement sur peau mouillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur le corps, les mains ou le visage jusqu'à obtenir une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Votre peau est douce, nourrie et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n \u003cp\u003ePosez la savonnette sur un porte-savon aéré entre chaque utilisation pour prolonger sa durée de vie. Le lot de 3 × 150 g vous accompagne pendant plusieurs semaines.\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=\"en-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"en-accordion\"\u003e\n \u003cdetails class=\"en-accordion-item\" open\u003e\n \u003csummary class=\"en-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"en-accordion-content mt-3\"\u003e\n \u003cp\u003eSodium Palmate**, Sodium Palm Kernelate**, Aqua (Water), Glycerin**, Parfum (Fragrance), Sodium Chloride, Citric Acid, Tetrasodium Glutamate Diacetate, Tocopherol, \u003cstrong\u003eMel (Honey) Extract*\u003c\/strong\u003e, Olus (Vegetable) Oil, Linalool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"en-accordion-item\"\u003e\n \u003csummary class=\"en-accordion-header\"\u003e🌿 Origine des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"en-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003e*\u003c\/strong\u003e Ingrédients issus de l'agriculture biologique. \u003cstrong\u003e**\u003c\/strong\u003e Transformés à partir d'ingrédients biologiques.\u003c\/p\u003e\n \u003cp\u003e99 % du total des ingrédients sont d'origine naturelle. 78 % du total des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌿 99 %\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌾 78 %\u003c\/h3\u003e\n \u003cp\u003eIssus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eEmma Noël : une marque engagée\u003c\/h2\u003e\n \u003cdiv class=\"en-testimonial\"\u003e\n \u003cp class=\"en-testimonial-text\"\u003eDepuis sa création, Emma Noël place les huiles végétales vierges au cœur de ses formulations. Chaque produit est conçu dans le respect de la peau et de l'environnement, avec des certifications exigeantes comme COSMOS Ecocert. Choisir cette \u003cstrong\u003esavonnette bio\u003c\/strong\u003e, c'est soutenir un savoir-faire français authentique et une démarche écoresponsable concrète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"en-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"en-cta-box\"\u003e\n \u003cp\u003e🍯 Offrez à votre peau la douceur d'un \u003cstrong\u003esavon miel bio\u003c\/strong\u003e au quotidien.\u003cbr\u003eSimple, naturel et efficace : c'est tout ce dont vous avez besoin pour prendre soin de vous avec bienveillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"en-disclaimer\"\u003eCosmétique certifié COSMOS par Ecocert. Ne pas ingérer. 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 --en-cream: #FFF9F1;\n --en-white: #ffffff;\n --en-primary: #C87F3B;\n --en-primary-dark: #8B5A2B;\n --en-primary-light: #FFF0DE;\n --en-secondary: #E8567F;\n --en-accent: #F5D08A;\n --en-text: #1a1a1a;\n --en-text-light: #5a5a5a;\n --en-border: #EDE3D8;\n --en-shadow: 0 4px 24px rgba(139, 90, 43, .08);\n --en-shadow-lg: 0 12px 48px rgba(139, 90, 43, .15);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, #C87F3B 0%, #D4944E 40%, #E8567F 100%);\n border-radius: var(--en-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(--en-shadow-lg);\n}\n\n.en-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(245, 208, 138, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 30%, rgba(255, 255, 255, .08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(245, 208, 138, .1) 0%, transparent 45%);\n opacity: 1;\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.en-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.en-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: .05em;\n text-transform: uppercase;\n}\n\n.en-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.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.en-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(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.en-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-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.en-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(--en-primary), var(--en-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.en-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-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.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.en-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.en-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.en-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.en-grid-compact .en-card {\n padding: 1rem;\n}\n\n.en-grid-compact .en-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.en-grid-compact .en-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.en-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.en-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-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.en-timeline-content {\n flex: 1;\n background: var(--en-white);\n padding: 1rem 1.25rem;\n border-radius: var(--en-radius-sm);\n box-shadow: var(--en-shadow);\n}\n\n.en-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--en-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.en-timeline-content p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.en-testimonial {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--en-shadow);\n border-left: 4px solid var(--en-primary);\n}\n\n.en-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.en-accordion {\n background: var(--en-white);\n border-radius: var(--en-radius);\n box-shadow: var(--en-shadow);\n overflow: hidden;\n}\n\n.en-accordion-item {\n border-bottom: 1px solid var(--en-border);\n margin: 0;\n padding: 0;\n}\n\n.en-accordion-item:last-child {\n border-bottom: none;\n}\n\n.en-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--en-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.en-accordion-header:hover {\n background: var(--en-primary-light);\n}\n\n.en-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.en-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--en-primary);\n transition: transform .2s ease;\n}\n\n.en-accordion-item[open] .en-accordion-header::after {\n content: '−';\n}\n\n.en-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--en-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.en-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.en-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.en-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--en-primary-light);\n border-radius: var(--en-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.en-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.en-tip p {\n font-size: 14px;\n color: var(--en-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.en-cta-box {\n background: linear-gradient(135deg, var(--en-primary) 0%, var(--en-primary-dark) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.en-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(245, 208, 138, .2) 0%, transparent 60%);\n}\n\n.en-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.en-disclaimer {\n font-size: 12px;\n color: var(--en-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 .en-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .en-card {\n padding: 1.125rem;\n }\n\n .en-section {\n margin-bottom: 1.75rem;\n }\n\n .en-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--en-radius-sm);\n }\n\n .en-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .en-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .en-grid-compact {\n gap: .625rem;\n }\n\n .en-grid-compact .en-card {\n padding: .75rem;\n }\n\n .en-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .en-timeline-content {\n padding: .875rem 1rem;\n }\n\n .en-timeline-content h3 {\n font-size: 14px;\n }\n\n .en-timeline-content p {\n font-size: 13px;\n }\n\n .en-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .en-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .en-testimonial {\n padding: 1.25rem;\n }\n\n .en-testimonial-text {\n font-size: 14px;\n }\n\n .en-tip {\n padding: .875rem 1rem;\n }\n\n .en-tip-icon {\n font-size: 20px;\n }\n\n .en-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .en-card {\n animation: enFadeInUp .5s ease backwards;\n }\n .en-card:nth-child(1) { animation-delay: .05s; }\n .en-card:nth-child(2) { animation-delay: .1s; }\n .en-card:nth-child(3) { animation-delay: .15s; }\n .en-card:nth-child(4) { animation-delay: .2s; }\n .en-card:nth-child(5) { animation-delay: .25s; }\n .en-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes enFadeInUp {\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 .en-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":56216615420281,"sku":"NBAIEMM0088","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savonnettes-bio-parfum-miel-3-x-150-g-emma-noel-lifestyle.webp?v=1771339600"},{"product_id":"savonnettes-argan-bio-3-x-150-g-emma-noel","title":"Savonnettes à l'Argan Bio - 3 x 150 g - Emma Noël","description":"\u003cdiv class=\"arg-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"arg-hero\"\u003e\n\u003cdiv class=\"arg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arg-hero-content\"\u003e\n\u003cdiv class=\"arg-badges-top\"\u003e\n\u003cspan class=\"arg-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e \u003cspan class=\"arg-badge\"\u003e🏅 Certifié Bio Cosmébio\u003c\/span\u003e \u003cspan class=\"arg-badge\"\u003e🤝 Argan équitable\u003c\/span\u003e \u003cspan class=\"arg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"arg-hero-title\"\u003eSavonnettes à l'Argan Bio\u003c\/span\u003e\n\u003cp class=\"arg-subtitle\"\u003e3 × 150 g · Senteur orientale miel d'oranger\u003c\/p\u003e\n\u003cp class=\"arg-description\"\u003eUn coffret de 3 savonnettes végétales enrichies en huile d'argan biologique équitable, pour un nettoyage doux, nourrissant et sensoriel au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"arg-section\"\u003e\n\u003ch2\u003eSavonnettes à l'huile d'argan bio Emma Noël – Douceur orientale pour votre peau\u003c\/h2\u003e\n\u003cp class=\"arg-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon argan bio\u003c\/strong\u003e capable de nettoyer votre peau en douceur tout en la nourrissant ? Les \u003cstrong\u003esavonnettes naturelles à l'argan bio Emma Noël\u003c\/strong\u003e sont pensées pour vous offrir exactement cela.\u003c\/p\u003e\n\u003cdiv class=\"arg-grid-compact\"\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e🧴 3 savonnettes de 150 g\u003c\/h3\u003e\n\u003cp\u003e450 g au total pour accompagner votre routine pendant de longues semaines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e🌸 Base végétale douce\u003c\/h3\u003e\n\u003cp\u003eUne formule respectueuse enrichie en glycérine végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e✨ Huile d'argan bio équitable\u003c\/h3\u003e\n\u003cp\u003eNourrissante et protectrice, issue du commerce équitable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e🍯 Senteur orientale\u003c\/h3\u003e\n\u003cp\u003eUn parfum miel d'oranger envoûtant qui transforme chaque toilette en rituel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"arg-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon à l'huile d'argan bio ?\u003c\/h2\u003e\n\u003cdiv class=\"arg-testimonial\"\u003e\n\u003cp class=\"arg-testimonial-text\"\u003eL'huile d'argan est reconnue depuis des siècles au Maroc pour ses propriétés nourrissantes et protectrices. Naturellement riche en \u003cstrong\u003evitamine E\u003c\/strong\u003e et en acides gras essentiels, elle aide à préserver la souplesse et l'élasticité de la peau. Intégrée dans un \u003cstrong\u003esavon d'argan bio\u003c\/strong\u003e, elle apporte ses bienfaits dès le nettoyage : votre peau est propre, douce et confortable, sans cette sensation de tiraillement que laissent parfois les savons classiques.\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\u003eContrairement à un savon noir huile d'argan bio ou à un savon d'Alep exfoliant argan bio, cette savonnette Emma Noël mise sur la \u003cstrong\u003edouceur quotidienne\u003c\/strong\u003e. Elle convient aussi bien au visage qu'au corps et aux mains, et s'adresse aux peaux normales comme aux peaux légèrement sèches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"arg-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de ces savonnettes\u003c\/h2\u003e\n\u003cdiv class=\"arg-grid\"\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e🫧 Nettoyage respectueux\u003c\/h3\u003e\n\u003cp\u003eLa base végétale et la glycérine éliminent les impuretés sans altérer le film hydrolipidique naturel de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e💧 Nutrition et confort\u003c\/h3\u003e\n\u003cp\u003eL'huile d'argan bio nourrit l'épiderme dès la toilette, laissant la peau souple et soyeuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e🌺 Parfum enveloppant\u003c\/h3\u003e\n\u003cp\u003eLa senteur orientale au miel d'oranger crée un moment de bien-être chaleureux, matin et soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e💰 Format économique\u003c\/h3\u003e\n\u003cp\u003eLe lot de 3 savonnettes vous accompagne pendant plusieurs semaines d'utilisation quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Polyvalence\u003c\/h3\u003e\n\u003cp\u003eVisage, corps, mains — un seul savon pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"arg-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"arg-accordion\"\u003e\n\u003cdetails class=\"arg-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"arg-accordion-header\"\u003e🧪 Liste des ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"arg-accordion-content mt-3\"\u003e\n\u003cul class=\"arg-inci-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSodium Palmate**, Sodium Palm Kernelate**\u003c\/strong\u003e — base lavante végétale\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAqua\u003c\/strong\u003e (Water)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGlycerin**\u003c\/strong\u003e — agent hydratant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFragrance \/ Parfum\u003c\/strong\u003e — senteur orientale miel d'oranger\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eSodium Chloride, Sodium Hydroxide, Citric Acid\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTocopherol\u003c\/strong\u003e — vitamine E, antioxydant naturel\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArgania Spinosa Kernel Oil*\u003c\/strong\u003e — huile d'argan bio\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eCI 77491\/77499\/77492, Alumina, Magnesium Oxide, Limonene, Linalool\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"arg-inci-note\"\u003e* Ingrédient issu de l'agriculture biologique. ** Transformés à partir d'ingrédients biologiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"arg-section\"\u003e\n\u003ch2\u003eCertifications et engagements qualité\u003c\/h2\u003e\n\u003cdiv class=\"arg-grid-compact\"\u003e\n\u003cdiv class=\"arg-card arg-card-highlight\"\u003e\n\u003ch3\u003e🏅 Cosmébio \/ Ecocert\u003c\/h3\u003e\n\u003cp\u003eCertifié Cosmétique Bio par ECOCERT Greenlife selon le référentiel Cosmébio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card arg-card-highlight\"\u003e\n\u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n\u003cp\u003e99 % d'ingrédients d'origine naturelle dans la formule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card arg-card-highlight\"\u003e\n\u003ch3\u003e🌾 78 % bio\u003c\/h3\u003e\n\u003cp\u003e78 % des ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card arg-card-highlight\"\u003e\n\u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n\u003cp\u003eHuile d'argan issue du commerce équitable, rémunération juste pour les productrices marocaines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-tip\"\u003e\n\u003cspan class=\"arg-tip-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eFabrication française\u003c\/strong\u003e — un savoir-faire cosmétique respectueux de l'environnement et des partenaires producteurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"arg-section\"\u003e\n\u003ch2\u003eComment bien utiliser votre savonnette argan bio ?\u003c\/h2\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\u003eMouillez votre peau\u003c\/h3\u003e\n\u003cp\u003ePassez-la sous l'eau tiède pour ouvrir les pores et préparer la peau au nettoyage.\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\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFrottez la savonnette entre vos mains ou directement sur la zone à nettoyer jusqu'à obtenir une mousse onctueuse.\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\u003eMassez en douceur\u003c\/h3\u003e\n\u003cp\u003eAppliquez en mouvements circulaires pour profiter pleinement du parfum oriental et des actifs nourrissants de l'argan.\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\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eÉliminez toute la mousse à l'eau claire. Votre peau est propre, douce et délicatement parfumée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-tip\"\u003e\n\u003cspan class=\"arg-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e après chaque utilisation, déposez votre savon sur un porte-savon aéré pour qu'il sèche correctement et dure plus longtemps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"arg-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce savon ?\u003c\/h2\u003e\n\u003cdiv class=\"arg-grid\"\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e🤲 Peaux normales à légèrement sèches\u003c\/h3\u003e\n\u003cp\u003eEn quête de douceur et de confort au quotidien, sans tiraillement après la toilette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e🌱 Adeptes du bio et du naturel\u003c\/h3\u003e\n\u003cp\u003ePour celles et ceux qui souhaitent un savon bio et naturel dans leur routine quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e🕌 Amoureux des senteurs orientales\u003c\/h3\u003e\n\u003cp\u003ePour les personnes qui apprécient les senteurs chaleureuses et gourmandes au miel d'oranger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arg-card\"\u003e\n\u003ch3\u003e🌍 Consommateurs responsables\u003c\/h3\u003e\n\u003cp\u003eAdeptes de cosmétiques responsables, équitables et fabriqués en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"arg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"arg-cta-box\"\u003e\n\u003cp\u003e✨ Offrez à votre peau le meilleur de l'argan bio : ces savonnettes Emma Noël conjuguent formule naturelle à 99 %, huile d'argan équitable et parfum miel d'oranger pour un nettoyage doux, nourrissant et sensoriel au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"arg-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique est destiné à un usage externe uniquement.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --arg-cream: #FBF6F1;\n --arg-white: #ffffff;\n --arg-primary: #8B2D4E;\n --arg-primary-dark: #6A1E3A;\n --arg-primary-light: #F8EDF1;\n --arg-secondary: #D4956A;\n --arg-accent: #E8A0B5;\n --arg-text: #1a1a1a;\n --arg-text-light: #5a5a5a;\n --arg-border: #EDE4DC;\n --arg-shadow: 0 4px 24px rgba(139,45,78,.07);\n --arg-shadow-lg: 0 12px 48px rgba(139,45,78,.14);\n --arg-radius: 20px;\n --arg-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.arg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.arg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--arg-primary-dark) 0%, var(--arg-primary) 40%, var(--arg-secondary) 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(212,149,106,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(232,160,181,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.arg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\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,.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.arg-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.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.arg-card-highlight {\n background: linear-gradient(135deg, var(--arg-primary-light) 0%, var(--arg-white) 100%);\n border: 2px solid var(--arg-border);\n}\n\n.arg-card-highlight:hover {\n border-color: var(--arg-secondary);\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\/* === GRILLE COMPACTE === *\/\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(139,45,78,.25);\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.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.arg-testimonial {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--arg-shadow);\n border-left: 4px solid var(--arg-secondary);\n}\n\n.arg-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--arg-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.arg-testimonial-text strong {\n color: var(--arg-primary-dark);\n font-style: normal;\n}\n\n\/* === ACCORDÉON === *\/\n.arg-accordion {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n box-shadow: var(--arg-shadow);\n overflow: hidden;\n}\n\n.arg-accordion-item {\n border-bottom: 1px solid var(--arg-border);\n margin: 0;\n padding: 0;\n}\n\n.arg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.arg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--arg-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.arg-accordion-header:hover {\n background: var(--arg-primary-light);\n}\n\n.arg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.arg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--arg-primary);\n transition: transform .2s ease;\n}\n\n.arg-accordion-item[open] .arg-accordion-header::after {\n content: '−';\n}\n\n.arg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--arg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.arg-accordion-content p {\n margin: 0;\n}\n\n\/* === INCI LIST === *\/\n.arg-inci-list {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n display: flex;\n flex-direction: column;\n gap: .5rem;\n}\n\n.arg-inci-list li {\n padding: .5rem .75rem;\n background: var(--arg-primary-light);\n border-radius: var(--arg-radius-sm);\n font-size: 13px;\n line-height: 1.5;\n color: var(--arg-text);\n}\n\n.arg-inci-list li strong {\n color: var(--arg-primary-dark);\n}\n\n.arg-inci-note {\n font-size: 12px;\n color: var(--arg-text-light);\n font-style: italic;\n margin: 0;\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) 50%, var(--arg-secondary) 100%);\n border-radius: var(--arg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.arg-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(232,160,181,.2) 0%, transparent 60%);\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 position: relative;\n z-index: 1;\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .arg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .arg-testimonial {\n padding: 1.25rem;\n }\n\n .arg-testimonial-text {\n font-size: 14px;\n }\n\n .arg-badges-top {\n gap: 6px;\n }\n\n .arg-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n\n .arg-inci-list li {\n font-size: 12px;\n padding: .4rem .6rem;\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\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":"Emma Noël","offers":[{"title":"Default Title","offer_id":56217963954553,"sku":"NBAIEMM0084","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savonnettes-a-largan-bio-3-x-150-g-emma-noel-lifestyle_297ed306-741e-49b8-abd1-4fef1a71de2d.webp?v=1771339332"},{"product_id":"huile-vierge-de-rosier-bio-50ml-emma-noel","title":"Huile Vierge de Rosier Bio - 50ml - Emma Noël","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 % rosier muscat\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🌿 Certifiée bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e💧 Première pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eHuile Vierge de Rosier Bio\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003e50 ml — Emma Noël\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eLe trésor réparateur par excellence : une huile pure, sans additif, pour une peau visiblement régénérée, lumineuse et nourrie en profondeur.\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\u003eHuile vierge de rosier muscat bio : le soin réparateur par excellence\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile végétale rosier muscat\u003c\/strong\u003e capable de transformer votre routine beauté ? L'\u003cstrong\u003eHuile Vierge de Rosier Bio 50 ml d'Emma Noël\u003c\/strong\u003e est un trésor de la nature, obtenu par première pression à froid à partir de graines de rosier muscat (\u003cem\u003eRosa rubiginosa\u003c\/em\u003e). Pure, certifiée biologique et sans aucun additif, cette \u003cstrong\u003ehuile de rosier muscat bio\u003c\/strong\u003e concentre tout ce dont votre peau a besoin pour retrouver éclat, souplesse et confort au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePropriétés et bienfaits de l'huile de rosier muscat\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eLes \u003cstrong\u003epropriétés de l'huile végétale de rosier muscat\u003c\/strong\u003e sont reconnues depuis des siècles en cosmétique naturelle. Sa composition exceptionnelle en fait un allié de choix pour de nombreuses préoccupations cutanées :\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🔬 Régénération cellulaire\u003c\/h3\u003e\n \u003cp\u003eNaturellement riche en acide linolénique (oméga-3) et en acide linoléique (oméga-6), elle soutient le renouvellement de la peau et aide à atténuer l'apparence des cicatrices, vergetures et taches pigmentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'acide oléique (oméga-9) qu'elle contient restaure le film hydrolipidique et redonne douceur et élasticité aux peaux les plus asséchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e✨ Action anti-âge naturelle\u003c\/h3\u003e\n \u003cp\u003eSa teneur en vitamine A (rétinol naturel) contribue à lisser le grain de peau et à réduire visiblement les rides et ridules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🤍 Toucher sec et fini non gras\u003c\/h3\u003e\n \u003cp\u003eContrairement à d'autres huiles, elle pénètre rapidement sans laisser de sensation collante, ce qui la rend agréable même sous le maquillage.\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\u003eComposition : une formule minimaliste et transparente\u003c\/h2\u003e\n \u003cdiv class=\"rm-composition-box\"\u003e\n \u003cdiv class=\"rm-composition-ingredient\"\u003e\n \u003cspan class=\"rm-composition-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"rm-composition-name\"\u003eRosa Rubiginosa Seed Oil*\u003c\/span\u003e\n \u003cspan class=\"rm-composition-detail\"\u003e100 % huile vierge de rosier muscat biologique, première pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eAucun parfum ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur synthétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌿 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eLabellisée par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛡️ Flacon airless\u003c\/h3\u003e\n \u003cp\u003eProtection optimale contre l'oxydation\u003c\/p\u003e\n \u003c\/div\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 de rosier sauvage bio ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eCette \u003cstrong\u003ehuile de rosier muscat pour le visage\u003c\/strong\u003e s'intègre facilement à votre rituel de soin, matin et soir :\u003c\/p\u003e\n \u003cdiv class=\"rm-timeline\"\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage\u003c\/h3\u003e\n \u003cp\u003eChauffez 2 à 3 gouttes entre vos paumes, puis appliquez en légers tapotements sur le visage et le cou, sur peau propre et légèrement humide. L'hydratation résiduelle aide l'huile à pénétrer plus efficacement.\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\u003eEn booster de crème\u003c\/h3\u003e\n \u003cp\u003eMélangez une goutte à votre crème de jour ou de nuit pour en décupler les bienfaits nourrissants.\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\u003eMassez généreusement les zones sèches — coudes, genoux, décolleté — ou utilisez-la en soin après-soleil pour apaiser et réparer la peau.\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 soin ciblé\u003c\/h3\u003e\n \u003cp\u003eAppliquez localement sur les cicatrices récentes ou les vergetures, matin et soir, en massant doucement jusqu'à absorption complète.\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\u003eConseil pratique :\u003c\/strong\u003e pour une synergie optimale, alternez avec une huile d'argan ou de jojoba selon les besoins de votre peau.\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\u003eÀ qui s'adresse cette huile végétale de rosier muscat ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eEn quête de nutrition profonde pour retrouver douceur et confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🕰️ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eSouhaitant préserver fermeté et élasticité grâce au rétinol naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌟 Peaux ternes ou fatiguées\u003c\/h3\u003e\n \u003cp\u003eAyant besoin d'un coup d'éclat pour retrouver un teint lumineux et uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🩹 Peaux marquées\u003c\/h3\u003e\n \u003cp\u003eCicatrices, vergetures ou taches pigmentaires : l'huile aide à atténuer visiblement ces marques.\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\u003eSi vous avez une peau grasse ou à tendance acnéique, privilégiez une utilisation localisée et ponctuelle pour éviter toute surcharge en corps gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez un test cutané dans le pli du coude 24 heures avant la première utilisation afin de vérifier l'absence de réaction allergique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur pour préserver toutes les vertus de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique \u003cstrong\u003ene remplace pas un avis ou un traitement médical\u003c\/strong\u003e. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rm-cta-box\"\u003e\n \u003cp\u003e🌹 Offrez à votre peau le meilleur de la nature avec cette huile vierge de rosier muscat bio Emma Noël : un soin d'exception, simple et efficace, pour une peau visiblement régénérée et lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-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 --rm-cream: #fdf6f0;\n --rm-white: #ffffff;\n --rm-primary: #d4547a;\n --rm-primary-dark: #a93d5e;\n --rm-primary-light: #fce8ef;\n --rm-secondary: #c8963e;\n --rm-accent: #e8a84c;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #f0d9cf;\n --rm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rm-shadow-lg: 0 12px 48px rgba(0,0,0,.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, var(--rm-primary) 0%, var(--rm-primary-dark) 40%, var(--rm-secondary) 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,.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.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 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.rm-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.rm-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.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: 600px;\n margin: 0 auto;\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.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: 700px;\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\/* === COMPOSITION BOX === *\/\n.rm-composition-box {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n text-align: center;\n margin-bottom: 1.5rem;\n border: 2px solid var(--rm-primary-light);\n}\n\n.rm-composition-ingredient {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n}\n\n.rm-composition-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--rm-primary);\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.rm-composition-name {\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 900;\n color: var(--rm-primary-dark);\n font-style: italic;\n}\n\n.rm-composition-detail {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--rm-text-light);\n line-height: 1.6;\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.6;\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\/* === 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\/* === 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\/* === CTA FINAL === *\/\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-primary) 0%, var(--rm-primary-dark) 100%);\n border-radius: var(--rm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.rm-disclaimer {\n font-size: 12px;\n color: var(--rm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rm-card {\n padding: 1.125rem;\n }\n\n .rm-section {\n margin-bottom: 1.75rem;\n }\n\n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n\n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rm-grid-compact {\n gap: .625rem;\n }\n\n .rm-grid-compact .rm-card {\n padding: .75rem;\n }\n\n .rm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rm-timeline-content h3 {\n font-size: 14px;\n }\n\n .rm-timeline-content p {\n font-size: 13px;\n }\n\n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rm-testimonial {\n padding: 1.25rem;\n }\n\n .rm-testimonial-text {\n font-size: 14px;\n }\n\n .rm-composition-box {\n padding: 1.25rem;\n }\n\n .rm-composition-name {\n font-size: 20px;\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":"Emma Noël","offers":[{"title":"Default Title","offer_id":56240258449785,"sku":"NBAIEMM0044","price":15.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vierge-de-rosier-bio-50ml-emma-noel-packshothd.webp?v=1776076498"},{"product_id":"gel-douche-agrumes-bio-1-l-emma-noel","title":"Gel Douche à l'Huile d'Argan Bio - 1 L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel Douche à l'Huile d'Argan Bio - Emma Noël\nPalette détectée:\n - Primaire: #8B2942 (bordeaux\/lie de vin de l'étiquette)\n - Secondaire: #D4A574 (doré\/amande, couleur des noix d'argan)\n - Accent: #E8B87D (orange doré chaud)\n - Cream: #FAF7F4 (beige clair du flacon)\nAmbiance: Orientale, chaleureuse, naturelle\/bio, luxe accessible, inspirée du Maroc\nPréfixe CSS: en\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir ce gel douche à l'huile d'argan bio ?\"\n 2. \"Les bienfaits de l'huile d'argan pour votre peau\"\n 3. \"Une formule certifiée bio et responsable\"\n 4. \"Composition complète (liste INCI)\"\n 5. \"Comment utiliser ce gel douche argan ?\"\n 6. \"À qui s'adresse ce gel douche bio ?\"\n 7. \"Gel douche liquide ou gel douche solide bio : que choisir ?\"\n 8. \"Précautions d'emploi\"\n 9. \"La marque Emma Noël : l'huile source de soin\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"en-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"en-hero\"\u003e\n \u003cdiv class=\"en-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"en-hero-content\"\u003e\n \u003cdiv class=\"en-badges-top\"\u003e\n \u003cspan class=\"en-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🧴 Format 1 Litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"en-hero-title\"\u003eGel Douche à l'Huile d'Argan Bio\u003c\/span\u003e\n \u003cp class=\"en-subtitle\"\u003eEmma Noël — L'huile source de soin\u003c\/p\u003e\n \u003cp class=\"en-description\"\u003eUne expérience sensorielle aux notes orientales envoûtantes. L'or liquide du Maroc sublime votre peau à chaque douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel douche à l'huile d'argan bio ?\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eL'huile d'argan, surnommée « or liquide du Maroc », est reconnue depuis des siècles pour ses propriétés nourrissantes exceptionnelles.\u003c\/p\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🧼 Nettoyage respectueux\u003c\/h3\u003e\n \u003cp\u003eLa formule douce élimine les impuretés sans agresser le film hydrolipidique de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile d'argan bio pénètre en profondeur pour nourrir l'épiderme et prévenir les tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌸 Senteur orientale captivante\u003c\/h3\u003e\n \u003cp\u003eUn parfum chaleureux aux accords épicés et boisés qui persiste délicatement sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e♻️ Format économique\u003c\/h3\u003e\n \u003cp\u003eLe flacon d'1 litre avec pompe réduit les emballages et convient à toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'argan pour votre peau\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eUn trésor de la nature particulièrement adapté aux soins corporels quotidiens.\u003c\/p\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e✨ Riche en vitamine E\u003c\/h3\u003e\n \u003cp\u003eCette vitamine antioxydante aide à protéger la peau des agressions extérieures et du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🥑 Acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003eLes oméga 6 et 9 maintiennent l'hydratation naturelle et renforcent la barrière protectrice cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌿 Action apaisante\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux sensibles ou réactives, l'huile d'argan calme les irritations et procure un confort immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🪶 Texture soyeuse\u003c\/h3\u003e\n \u003cp\u003eVotre peau retrouve une douceur satinée sans effet gras ni résidu désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eUne formule certifiée bio et responsable\u003c\/h2\u003e\n \u003cp class=\"en-section-intro\"\u003eCertifié Cosmébio et contrôlé par Ecocert, ce gel douche garantit une composition saine et transparente.\u003c\/p\u003e\n \u003cdiv class=\"en-grid-compact\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌱 99%\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌾 11%\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'agriculture bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eSaponification traditionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🚫 Sans compromis\u003c\/h3\u003e\n \u003cp\u003eSans sulfates, silicones, parabènes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eComposition complète (liste INCI)\u003c\/h2\u003e\n \u003cdiv class=\"en-accordion\"\u003e\n \u003cdetails class=\"en-accordion-item\"\u003e\n \u003csummary class=\"en-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"en-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédients\u003c\/strong\u003e : Aqua, Potassium Palm Kernelate**, Cellulose Gum, Glycerin, Parfum*, Sodium Cocoamphoacetate, Elaeis Guineensis Kernel Oil*, Lauryl Glucoside, Polyglyceryl-2 Dipolyhydroxystearate, Coco-Glucoside, Glyceryl Oleate, Potassium Benzoate, Potassium Sorbate, \u003cstrong\u003eArgania Spinosa Kernel Oil**\u003c\/strong\u003e (huile d'argan), Citric Acid, Tocopherol, Hydrogenated Palm Glycerides Citrate, Citral, Limonene, Linalool, Geraniol, Benzyl Benzoate, Benzyl Salicylate, Farnesol.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique\u003cbr\u003e** Transformés à partir d'ingrédients biologiques\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel douche argan ?\u003c\/h2\u003e\n \u003cdiv class=\"en-timeline\"\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eVersez\u003c\/h3\u003e\n \u003cp\u003eUne noisette de produit dans le creux de votre main ou sur un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement sur peau mouillée en effectuant des mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eAbondamment à l'eau tiède de préférence pour préserver le confort de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-timeline-item\"\u003e\n \u003cdiv class=\"en-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"en-timeline-content\"\u003e\n \u003ch3\u003eOption bain\u003c\/h3\u003e\n \u003cp\u003eVersez quelques pressions sous le jet d'eau pour créer une mousse légère et parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-tip\"\u003e\n \u003cspan class=\"en-tip-icon\"\u003e💆\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce bien-être\u003c\/strong\u003e : prenez le temps d'inspirer profondément les notes orientales pendant votre douche. Ce moment de détente olfactive contribue à évacuer le stress de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce gel douche bio ?\u003c\/h2\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Familles nombreuses\u003c\/h3\u003e\n \u003cp\u003eLe format 1 litre avec pompe est pratique et économique pour un usage quotidien par tous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eL'huile d'argan apporte la nutrition nécessaire pour éviter les tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eLa formule douce sans sulfates agressifs respecte les épidermes fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🕌 Amateurs d'Orient\u003c\/h3\u003e\n \u003cp\u003eSi vous appréciez les parfums chauds et enveloppants, ce gel douche vous séduira.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"en-disclaimer\"\u003e\u003cem\u003eNote : pour les tout-petits, nous vous recommandons de vous orienter vers un gel douche bébé bio spécifiquement formulé pour leur peau délicate.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eGel douche liquide ou gel douche solide bio : que choisir ?\u003c\/h2\u003e\n \u003cdiv class=\"en-grid-compact\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🧴 Format liquide 1L\u003c\/h3\u003e\n \u003cp\u003eIdéal pour un usage familial à la maison, avec pompe pratique pour un dosage précis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003ch3\u003e🧼 Format solide\u003c\/h3\u003e\n \u003cp\u003eParfait pour les voyages ou pour réduire davantage les emballages plastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-tip\"\u003e\n \u003cspan class=\"en-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLes deux options peuvent se compléter selon vos besoins : le grand format à la maison, le solide en déplacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"en-accordion\"\u003e\n \u003cdetails class=\"en-accordion-item\"\u003e\n \u003csummary class=\"en-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n \u003cdiv class=\"en-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement\u003c\/strong\u003e. Évitez tout contact avec les yeux ; en cas de projection, rincez immédiatement à l'eau claire. Conservez le flacon à l'abri de la chaleur et de la lumière directe. En cas d'irritation ou de réaction cutanée inhabituelle, cessez l'utilisation et consultez un dermatologue ou votre médecin traitant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"en-disclaimer\"\u003e\u003cem\u003eCe produit cosmétique ne constitue pas un traitement médical et ne prétend à aucune vertu thérapeutique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eLa marque Emma Noël : l'huile source de soin\u003c\/h2\u003e\n \u003cdiv class=\"en-testimonial\"\u003e\n \u003cp class=\"en-testimonial-text\"\u003eDepuis plus de 30 ans, Emma Noël perpétue un savoir-faire artisanal français dans la fabrication de savons et cosmétiques naturels. La marque s'engage pour une beauté responsable, en privilégiant les huiles végétales de qualité et les procédés de fabrication respectueux de l'environnement. Chaque produit Emma Noël incarne cette philosophie : des formules simples, efficaces et authentiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"en-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"en-cta-box\"\u003e\n \u003cp\u003eOffrez à votre peau le soin qu'elle mérite avec ce gel douche à l'huile d'argan bio. Sa formule généreuse, son parfum oriental envoûtant et son format économique en font un allié précieux pour votre routine quotidienne. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --en-cream: #FAF7F4;\n --en-white: #ffffff;\n --en-primary: #8B2942;\n --en-primary-dark: #6B1F33;\n --en-primary-light: #F5E8EB;\n --en-secondary: #D4A574;\n --en-accent: #E8B87D;\n --en-text: #1a1a1a;\n --en-text-light: #5a5a5a;\n --en-border: #e0e0e0;\n --en-shadow: 0 4px 24px rgba(139,41,66,.08);\n --en-shadow-lg: 0 12px 48px rgba(139,41,66,.15);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, #8B2942 0%, #A83350 40%, #D4A574 100%);\n border-radius: var(--en-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(--en-shadow-lg);\n}\n\n.en-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: .3;\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.en-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(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.en-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.en-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: .05em;\n text-transform: uppercase;\n}\n\n.en-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.en-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-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.en-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(--en-primary), var(--en-secondary));\n border-radius: 2px;\n}\n\n.en-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.en-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.en-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.en-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.en-grid-compact .en-card {\n padding: 1rem;\n}\n\n.en-grid-compact .en-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.en-grid-compact .en-card p {\n font-size: 12px;\n}\n\n.en-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.en-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-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.en-timeline-content {\n flex: 1;\n background: var(--en-white);\n padding: 1rem 1.25rem;\n border-radius: var(--en-radius-sm);\n box-shadow: var(--en-shadow);\n}\n\n.en-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--en-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.en-timeline-content p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.en-testimonial {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--en-shadow);\n border-left: 4px solid var(--en-primary);\n}\n\n.en-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.en-accordion {\n background: var(--en-white);\n border-radius: var(--en-radius);\n box-shadow: var(--en-shadow);\n overflow: hidden;\n}\n\n.en-accordion-item {\n border-bottom: 1px solid var(--en-border);\n margin: 0;\n padding: 0;\n}\n\n.en-accordion-item:last-child {\n border-bottom: none;\n}\n\n.en-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--en-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.en-accordion-header:hover {\n background: var(--en-primary-light);\n}\n\n.en-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.en-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--en-primary);\n transition: transform .2s ease;\n}\n\n.en-accordion-item[open] .en-accordion-header::after {\n content: '−';\n}\n\n.en-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--en-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.en-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.en-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.en-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--en-primary-light);\n border-radius: var(--en-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.en-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.en-tip p {\n font-size: 14px;\n color: var(--en-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.en-cta-box {\n background: linear-gradient(135deg, var(--en-primary) 0%, var(--en-primary-dark) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.en-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.en-disclaimer {\n font-size: 12px;\n color: var(--en-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .en-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .en-card {\n padding: 1.125rem;\n }\n \n .en-section {\n margin-bottom: 1.75rem;\n }\n \n .en-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--en-radius-sm);\n }\n \n .en-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .en-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .en-grid-compact {\n gap: .625rem;\n }\n \n .en-grid-compact .en-card {\n padding: .75rem;\n }\n \n .en-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .en-timeline-content {\n padding: .875rem 1rem;\n }\n \n .en-timeline-content h3 {\n font-size: 14px;\n }\n \n .en-timeline-content p {\n font-size: 13px;\n }\n \n .en-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .en-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .en-testimonial {\n padding: 1.25rem;\n }\n \n .en-testimonial-text {\n font-size: 14px;\n }\n \n .en-tip {\n padding: .875rem 1rem;\n }\n \n .en-tip-icon {\n font-size: 20px;\n }\n \n .en-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .en-card {\n animation: fadeInUp .5s ease backwards;\n }\n .en-card:nth-child(1) { animation-delay: .05s; }\n .en-card:nth-child(2) { animation-delay: .1s; }\n .en-card:nth-child(3) { animation-delay: .15s; }\n .en-card:nth-child(4) { animation-delay: .2s; }\n .en-card:nth-child(5) { animation-delay: .25s; }\n .en-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 .en-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":56241586864505,"sku":"NBAIEMM0014","price":14.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/geldoucheorientaleEmmaNoel.webp?v=1763645814"},{"product_id":"huile-vierge-dabricot-bio-50-ml-emma-noel","title":"Huile Vierge de Noyaux d'Abricot bio - 50 mL - Emma Noël","description":"\u003cdiv class=\"abr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"abr-hero\"\u003e\n \u003cdiv class=\"abr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"abr-hero-content\"\u003e\n \u003cdiv class=\"abr-badges-top\"\u003e\n \u003cspan class=\"abr-badge\"\u003e🍑 Noyaux d'abricot\u003c\/span\u003e\n \u003cspan class=\"abr-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"abr-badge\"\u003e🇫🇷 Emma Noël\u003c\/span\u003e\n \u003cspan class=\"abr-badge\"\u003e💧 Première pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"abr-hero-title\"\u003eHuile vierge de noyaux d'abricot bio\u003c\/span\u003e\n \u003cp class=\"abr-subtitle\"\u003e50 mL — Emma Noël\u003c\/p\u003e\n \u003cp class=\"abr-description\"\u003eUne huile dorée, pure et précieuse pour raviver l'éclat de votre peau, nourrir vos cheveux et sublimer votre beauté naturelle au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"abr-section\"\u003e\n \u003ch2\u003eHuile vierge de noyau d'abricot bio : un éclat naturel pour votre peau\u003c\/h2\u003e\n \u003cp class=\"abr-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile végétale de noyau d'abricot\u003c\/strong\u003e authentique, pure et certifiée bio ? L'huile vierge de noyaux d'abricot Emma Noël est obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e, le procédé le plus respectueux pour conserver l'intégralité des actifs précieux du noyau.\u003c\/p\u003e\n \u003cdiv class=\"abr-grid-compact\"\u003e\n \u003cdiv class=\"abr-card\"\u003e\n \u003ch3\u003e🍑 100 % pure\u003c\/h3\u003e\n \u003cp\u003eUn seul ingrédient, sans additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abr-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eProcédé qui préserve tous les actifs naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abr-card\"\u003e\n \u003ch3\u003e🌿 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eECOCERT \/ COSMOS Organic\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abr-card\"\u003e\n \u003ch3\u003e🧴 Flacon pompe\u003c\/h3\u003e\n \u003cp\u003e50 mL pratique et hygiénique pour le quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"abr-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de noyau d'abricot pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"abr-section-intro\"\u003eRiche en \u003cstrong\u003eacide oléique (oméga 9)\u003c\/strong\u003e et en \u003cstrong\u003evitamines A et E\u003c\/strong\u003e, cette huile est un trésor de la cosmétique naturelle. Voici ce qu'elle peut vous apporter :\u003c\/p\u003e\n \u003cdiv class=\"abr-grid\"\u003e\n \u003cdiv class=\"abr-card\"\u003e\n \u003ch3\u003e✨ Effet bonne mine immédiat\u003c\/h3\u003e\n \u003cp\u003eSa teinte dorée et sa richesse en caroténoïdes ravivent les teints ternes et fatigués. Quelques gouttes sur le visage avant le maquillage suffisent à retrouver un éclat lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abr-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense sans film gras\u003c\/h3\u003e\n \u003cp\u003eCette huile pénètre rapidement et laisse la peau souple, douce et confortable. Idéale pour les peaux sèches, sensibles ou dévitalisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abr-card\"\u003e\n \u003ch3\u003e🕐 Action anti-âge naturelle\u003c\/h3\u003e\n \u003cp\u003eLes vitamines A et E, puissants antioxydants, aident à lutter contre les signes du vieillissement cutané et à préserver l'élasticité de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abr-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire nourrissant\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle redonne brillance et vitalité aux cheveux secs ou abîmés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abr-card\"\u003e\n \u003ch3\u003e🤲 Huile de massage agréable\u003c\/h3\u003e\n \u003cp\u003eSa texture fluide et soyeuse en fait une base parfaite pour un massage relaxant du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"abr-section\"\u003e\n \u003ch2\u003eComposition – un seul ingrédient, 100 % naturel\u003c\/h2\u003e\n \u003cdiv class=\"abr-composition-card\"\u003e\n \u003cdiv class=\"abr-inci-label\"\u003eINCI\u003c\/div\u003e\n \u003cp class=\"abr-inci-name\"\u003ePrunus Armeniaca Kernel Oil*\u003c\/p\u003e\n \u003cp class=\"abr-inci-detail\"\u003e*Ingrédient issu de l'agriculture biologique.\u003cbr\u003e100 % du total des ingrédients sont d'origine naturelle et biologique.\u003c\/p\u003e\n \u003cdiv class=\"abr-compo-badges\"\u003e\n \u003cspan class=\"abr-compo-badge\"\u003e🌱 Certifiée ECOCERT \/ COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"abr-compo-badge\"\u003e🚫 Sans parfum ajouté\u003c\/span\u003e\n \u003cspan class=\"abr-compo-badge\"\u003e🚫 Sans conservateur\u003c\/span\u003e\n \u003cspan class=\"abr-compo-badge\"\u003e🚫 Sans colorant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"abr-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile noyau abricot sur le visage et le corps ?\u003c\/h2\u003e\n \u003cp class=\"abr-section-intro\"\u003ePour profiter pleinement des \u003cstrong\u003ebienfaits de l'huile de noyau d'abricot\u003c\/strong\u003e, voici nos conseils pratiques :\u003c\/p\u003e\n \u003cdiv class=\"abr-timeline\"\u003e\n \u003cdiv class=\"abr-timeline-item\"\u003e\n \u003cdiv class=\"abr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"abr-timeline-content\"\u003e\n \u003ch3\u003e🌸 Visage\u003c\/h3\u003e\n \u003cp\u003eLe matin, appliquez 3 à 4 gouttes sur peau propre et légèrement humide. Massez en mouvements circulaires ascendants. Vous pouvez aussi ajouter une goutte à votre crème de jour pour enrichir votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abr-timeline-item\"\u003e\n \u003cdiv class=\"abr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"abr-timeline-content\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, massez généreusement les zones sèches (coudes, genoux, jambes) sur peau encore légèrement humide pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abr-timeline-item\"\u003e\n \u003cdiv class=\"abr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"abr-timeline-content\"\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant le shampoing, laissez poser 30 minutes sur les longueurs. Vous pouvez aussi lisser quelques gouttes sur les pointes sèches en finition coiffante.\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=\"abr-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette huile végétale noyau d'abricot ?\u003c\/h2\u003e\n \u003cdiv class=\"abr-grid\"\u003e\n \u003cdiv class=\"abr-card\"\u003e\n \u003ch3\u003e🌟 Peaux ternes et fatiguées\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux matures en quête d'éclat et de nutrition retrouvée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abr-card\"\u003e\n \u003ch3\u003e🤍 Peaux sèches et sensibles\u003c\/h3\u003e\n \u003cp\u003eUn soin doux et sans additifs, parfaitement toléré par les peaux les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abr-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eUne huile végétale bio polyvalente, aussi efficace sur le visage que sur les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"abr-card\"\u003e\n \u003ch3\u003e✨ Cosmétique minimaliste\u003c\/h3\u003e\n \u003cp\u003eParfaite pour le layering ou comme produit unique de qualité pour simplifier votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"abr-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"abr-accordion\"\u003e\n \u003cdetails class=\"abr-accordion-item\" open\u003e\n \u003csummary class=\"abr-accordion-header\"\u003e⚠️ Usage et précautions\u003c\/summary\u003e\n \u003cdiv class=\"abr-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Évitez le contact avec les yeux. 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 \u003cdetails class=\"abr-accordion-item\"\u003e\n \u003csummary class=\"abr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"abr-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et de la lumière directe. Gardez hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"abr-accordion-item\"\u003e\n \u003csummary class=\"abr-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"abr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"abr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"abr-cta-box\"\u003e\n \u003cp\u003e🍑 Offrez à votre peau le meilleur de la nature : cette \u003cstrong\u003ehuile vierge de noyaux d'abricot bio Emma Noël\u003c\/strong\u003e concentre en un seul geste douceur, éclat et nutrition. Un soin pur, simple et efficace pour retrouver une peau lumineuse jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"abr-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Les résultats peuvent varier selon les individus.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --abr-cream: #fef9f3;\n --abr-white: #ffffff;\n --abr-primary: #e8923f;\n --abr-primary-dark: #b5621a;\n --abr-primary-light: #fdf0e2;\n --abr-secondary: #d4a843;\n --abr-accent: #c75b3a;\n --abr-text: #1a1a1a;\n --abr-text-light: #5a5a5a;\n --abr-border: #f0e0cc;\n --abr-shadow: 0 4px 24px rgba(180, 120, 50, .08);\n --abr-shadow-lg: 0 12px 48px rgba(180, 120, 50, .15);\n --abr-radius: 20px;\n --abr-radius-sm: 12px;\n}\n\n.abr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--abr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.abr-hero {\n position: relative;\n background: linear-gradient(135deg, #e8923f 0%, #d4a843 40%, #c75b3a 100%);\n border-radius: var(--abr-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(--abr-shadow-lg);\n}\n\n.abr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.abr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.abr-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.abr-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.abr-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.abr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.abr-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(--abr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.abr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.abr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.abr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--abr-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.abr-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(--abr-primary), var(--abr-secondary));\n border-radius: 2px;\n}\n\n.abr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--abr-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.abr-card {\n background: var(--abr-white);\n border-radius: var(--abr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--abr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.abr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--abr-shadow-lg);\n border-color: var(--abr-primary);\n}\n\n.abr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--abr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.abr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--abr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRIDS === *\/\n.abr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.abr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.abr-grid-compact .abr-card {\n padding: 1rem;\n}\n\n.abr-grid-compact .abr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.abr-grid-compact .abr-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION CARD === *\/\n.abr-composition-card {\n background: var(--abr-white);\n border-radius: var(--abr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--abr-shadow);\n text-align: center;\n border: 2px solid var(--abr-primary-light);\n}\n\n.abr-inci-label {\n display: inline-block;\n background: linear-gradient(135deg, var(--abr-primary), var(--abr-secondary));\n color: white;\n padding: 6px 20px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 800;\n letter-spacing: .1em;\n text-transform: uppercase;\n margin-bottom: 1rem;\n}\n\n.abr-inci-name {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--abr-primary-dark);\n font-style: italic;\n margin: 0 0 .75rem 0;\n}\n\n.abr-inci-detail {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--abr-text-light);\n line-height: 1.7;\n margin: 0 0 1.25rem 0;\n}\n\n.abr-compo-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.abr-compo-badge {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 14px;\n background: var(--abr-primary-light);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--abr-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.abr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.abr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.abr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--abr-primary), var(--abr-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.abr-timeline-content {\n flex: 1;\n background: var(--abr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--abr-radius-sm);\n box-shadow: var(--abr-shadow);\n}\n\n.abr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--abr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.abr-timeline-content p {\n font-size: 14px;\n color: var(--abr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.abr-accordion {\n background: var(--abr-white);\n border-radius: var(--abr-radius);\n box-shadow: var(--abr-shadow);\n overflow: hidden;\n}\n\n.abr-accordion-item {\n border-bottom: 1px solid var(--abr-border);\n margin: 0;\n padding: 0;\n}\n\n.abr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.abr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--abr-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.abr-accordion-header:hover {\n background: var(--abr-primary-light);\n}\n\n.abr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.abr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--abr-primary);\n transition: transform .2s ease;\n}\n\n.abr-accordion-item[open] .abr-accordion-header::after {\n content: '−';\n}\n\n.abr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--abr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.abr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.abr-cta-box {\n background: linear-gradient(135deg, var(--abr-primary) 0%, var(--abr-primary-dark) 100%);\n border-radius: var(--abr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.abr-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.abr-disclaimer {\n font-size: 12px;\n color: var(--abr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .abr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .abr-card {\n padding: 1.125rem;\n }\n\n .abr-section {\n margin-bottom: 1.75rem;\n }\n\n .abr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--abr-radius-sm);\n }\n\n .abr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .abr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .abr-grid-compact {\n gap: .625rem;\n }\n\n .abr-grid-compact .abr-card {\n padding: .75rem;\n }\n\n .abr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .abr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .abr-timeline-content h3 {\n font-size: 14px;\n }\n\n .abr-timeline-content p {\n font-size: 13px;\n }\n\n .abr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .abr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .abr-composition-card {\n padding: 1.25rem;\n }\n\n .abr-compo-badge {\n font-size: 11px;\n padding: 5px 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .abr-card {\n animation: abrFadeInUp .5s ease backwards;\n }\n .abr-card:nth-child(1) { animation-delay: .05s; }\n .abr-card:nth-child(2) { animation-delay: .1s; }\n .abr-card:nth-child(3) { animation-delay: .15s; }\n .abr-card:nth-child(4) { animation-delay: .2s; }\n .abr-card:nth-child(5) { animation-delay: .25s; }\n .abr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes abrFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .abr-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":56241864671609,"sku":"NBAIEMM0042","price":10.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vierge-de-noyaux-dabricot-bio-50-ml-emma-noel-packshothd.webp?v=1776173427"},{"product_id":"gel-douche-coco-bio-1-l-emma-noel","title":"Gel Douche Coco Bio - 1 L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel Douche Coco Bio - Emma Noël\nPalette détectée:\n - Primaire: #00A0C8 (bleu turquoise vibrant du packaging, évoque l'eau tropicale et la fraîcheur)\n - Secondaire: #E91E63 (rose fuchsia du logo lotus, féminin et dynamique)\n - Accent: #F5F5F0 (blanc cassé\/crème du flacon, douceur et pureté)\nAmbiance: Cosmétique naturel bio, univers tropical et frais, féminin mais accessible, évoque l'évasion et le bien-être. Style clean et moderne avec touche exotique.\nPréfixe CSS: enc\n--\u003e\n\n\u003cdiv class=\"enc-premium\"\u003e\n \n \u003cdiv class=\"enc-hero\"\u003e\n \u003cdiv class=\"enc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"enc-hero-content\"\u003e\n \u003cdiv class=\"enc-badges-top\"\u003e\n \u003cspan class=\"enc-badge\"\u003e🥥 Senteur noix de coco\u003c\/span\u003e\n \u003cspan class=\"enc-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"enc-badge\"\u003e💧 Format familial 1L\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"enc-hero-title\"\u003eGel douche coco bio Emma Noël\u003c\/span\u003e\n \u003cp class=\"enc-subtitle\"\u003eL'évasion tropicale dans votre salle de bain\u003c\/p\u003e\n \u003cp class=\"enc-description\"\u003ePlongez dans une expérience sensorielle unique avec ce gel douche à la noix de coco certifié bio. Une texture onctueuse, un parfum envoûtant et une formule respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"enc-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi craquer pour ce gel douche ?\u003c\/h2\u003e\n \u003cdiv class=\"enc-grid\"\u003e\n \u003cdiv class=\"enc-card\"\u003e\n \u003cdiv class=\"enc-card-icon\"\u003e🥥\u003c\/div\u003e\n \u003cdiv class=\"enc-card-title\"\u003eParfum authentique\u003c\/div\u003e\n \u003cp\u003eUn véritable voyage olfactif grâce à la senteur naturelle de noix de coco. Chaque douche devient un moment d'évasion sous les tropiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-card\"\u003e\n \u003cdiv class=\"enc-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"enc-card-title\"\u003eCertifié bio\u003c\/div\u003e\n \u003cp\u003eLabellisé par Cosmébio, ce gel douche respecte un cahier des charges strict garantissant des ingrédients naturels et biologiques de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-card\"\u003e\n \u003cdiv class=\"enc-card-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"enc-card-title\"\u003eTexture fondante\u003c\/div\u003e\n \u003cp\u003eUne formule gel crémeuse qui mousse délicatement au contact de l'eau, enveloppant votre peau d'une douceur incomparable sans l'assécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-card\"\u003e\n \u003cdiv class=\"enc-card-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv class=\"enc-card-title\"\u003eÉco-responsable\u003c\/div\u003e\n \u003cp\u003eFormat économique de 1 litre avec pompe pratique, réduisant les emballages et offrant jusqu'à 40 douches pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-card\"\u003e\n \u003cdiv class=\"enc-card-icon\"\u003e🧴\u003c\/div\u003e\n \u003cdiv class=\"enc-card-title\"\u003eFormule douce\u003c\/div\u003e\n \u003cp\u003eSans sulfates agressifs, sans parabènes ni silicones. Convient à tous les types de peaux, même les plus sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-card\"\u003e\n \u003cdiv class=\"enc-card-icon\"\u003e💝\u003c\/div\u003e\n \u003cdiv class=\"enc-card-title\"\u003ePlaisir quotidien\u003c\/div\u003e\n \u003cp\u003eTransformez votre routine hygiène en véritable rituel bien-être. La douche devient un moment de détente et de ressourcement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"enc-section\"\u003e\n \u003ch2\u003e🧪 Composition naturelle et bienfaisante\u003c\/h2\u003e\n \u003cdiv class=\"enc-composition-grid\"\u003e\n \u003cdiv class=\"enc-ingredient-card\"\u003e\n \u003cdiv class=\"enc-ingredient-icon\"\u003e🥥\u003c\/div\u003e\n \u003cdiv class=\"enc-ingredient-name\"\u003eHuile de coco bio\u003c\/div\u003e\n \u003cp\u003eHydrate en profondeur, nourrit et adoucit la peau tout en laissant un parfum délicat et naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-ingredient-card\"\u003e\n \u003cdiv class=\"enc-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv class=\"enc-ingredient-name\"\u003eBase lavante végétale\u003c\/div\u003e\n \u003cp\u003eTensioactifs doux dérivés de sources végétales, nettoient efficacement sans agresser l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-ingredient-card\"\u003e\n \u003cdiv class=\"enc-ingredient-icon\"\u003e💧\u003c\/div\u003e\n \u003cdiv class=\"enc-ingredient-name\"\u003eGlycérine végétale\u003c\/div\u003e\n \u003cp\u003eAgent hydratant naturel qui maintient l'équilibre hydrique de la peau et prévient la sécheresse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-ingredient-card\"\u003e\n \u003cdiv class=\"enc-ingredient-icon\"\u003e🍃\u003c\/div\u003e\n \u003cdiv class=\"enc-ingredient-name\"\u003eExtraits botaniques\u003c\/div\u003e\n \u003cp\u003eActifs végétaux apaisants et protecteurs qui renforcent la barrière cutanée naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-certification-box\"\u003e\n \u003cdiv class=\"enc-cert-icon\"\u003e✓\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eCosmébio certifié\u003c\/strong\u003e - Minimum 95% d'ingrédients d'origine naturelle et 10% d'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"enc-section\"\u003e\n \u003ch2\u003e🚿 Mode d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"enc-steps\"\u003e\n \u003cdiv class=\"enc-step\"\u003e\n \u003cdiv class=\"enc-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"enc-step-content\"\u003e\n \u003cdiv class=\"enc-step-title\"\u003eMouillez votre peau\u003c\/div\u003e\n \u003cp\u003eSous la douche ou dans le bain, humidifiez généreusement votre corps à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-step\"\u003e\n \u003cdiv class=\"enc-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"enc-step-content\"\u003e\n \u003cdiv class=\"enc-step-title\"\u003eAppliquez le gel\u003c\/div\u003e\n \u003cp\u003ePompez 2 à 3 doses de gel douche dans votre main ou sur une fleur de douche pour plus de mousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-step\"\u003e\n \u003cdiv class=\"enc-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"enc-step-content\"\u003e\n \u003cdiv class=\"enc-step-title\"\u003eMassez délicatement\u003c\/div\u003e\n \u003cp\u003eFaites mousser en effectuant des mouvements circulaires sur l'ensemble du corps. Profitez du parfum envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-step\"\u003e\n \u003cdiv class=\"enc-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"enc-step-content\"\u003e\n \u003cdiv class=\"enc-step-title\"\u003eRincez abondamment\u003c\/div\u003e\n \u003cp\u003eÉliminez la mousse à l'eau claire. Votre peau est propre, douce et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-tip-box\"\u003e\n \u003cspan class=\"enc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce bien-être :\u003c\/strong\u003e Pour un moment encore plus relaxant, utilisez ce gel sous une eau tiède (pas trop chaude) et terminez par un jet d'eau fraîche pour tonifier la peau et fermer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"enc-section\"\u003e\n \u003ch2\u003e🎯 Pour qui est fait ce gel douche ?\u003c\/h2\u003e\n \u003cdiv class=\"enc-grid\"\u003e\n \u003cdiv class=\"enc-profile-card\"\u003e\n \u003cdiv class=\"enc-profile-icon\"\u003e👩\u003c\/div\u003e\n \u003cdiv class=\"enc-profile-title\"\u003eLes amoureuses du bio\u003c\/div\u003e\n \u003cp\u003eVous privilégiez les cosmétiques naturels et certifiés pour prendre soin de votre peau en conscience.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-profile-card\"\u003e\n \u003cdiv class=\"enc-profile-icon\"\u003e🏝️\u003c\/div\u003e\n \u003cdiv class=\"enc-profile-title\"\u003eLes rêveuses d'évasion\u003c\/div\u003e\n \u003cp\u003eVous adorez les senteurs gourmandes et exotiques qui transforment la douche en parenthèse tropicale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-profile-card\"\u003e\n \u003cdiv class=\"enc-profile-icon\"\u003e👨‍👩‍👧‍👦\u003c\/div\u003e\n \u003cdiv class=\"enc-profile-title\"\u003eLes familles éco-responsables\u003c\/div\u003e\n \u003cp\u003eFormat économique et pompe pratique, idéal pour toute la famille avec une formule douce pour tous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-profile-card\"\u003e\n \u003cdiv class=\"enc-profile-icon\"\u003e💚\u003c\/div\u003e\n \u003cdiv class=\"enc-profile-title\"\u003eLes peaux sensibles\u003c\/div\u003e\n \u003cp\u003eFormule sans sulfates agressifs ni substances controversées, respectueuse des épidermes délicats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"enc-section\"\u003e\n \u003ch2\u003e📊 Les avantages en chiffres\u003c\/h2\u003e\n \u003cdiv class=\"enc-stats-grid\"\u003e\n \u003cdiv class=\"enc-stat-card\"\u003e\n \u003cdiv class=\"enc-stat-number\"\u003e1 L\u003c\/div\u003e\n \u003cdiv class=\"enc-stat-label\"\u003eFormat généreux\u003c\/div\u003e\n \u003cp\u003eEnviron 40 douches pour un usage familial économique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-stat-card\"\u003e\n \u003cdiv class=\"enc-stat-number\"\u003e95%\u003c\/div\u003e\n \u003cdiv class=\"enc-stat-label\"\u003eIngrédients naturels\u003c\/div\u003e\n \u003cp\u003eFormule à base d'actifs d'origine végétale et biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-stat-card\"\u003e\n \u003cdiv class=\"enc-stat-number\"\u003e100%\u003c\/div\u003e\n \u003cdiv class=\"enc-stat-label\"\u003ePlaisir sous la douche\u003c\/div\u003e\n \u003cp\u003eUn parfum envoûtant qui persiste délicatement sur la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-stat-card\"\u003e\n \u003cdiv class=\"enc-stat-number\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"enc-stat-label\"\u003eSubstances nocives\u003c\/div\u003e\n \u003cp\u003eSans parabènes, silicones, sulfates agressifs ni colorants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"enc-section\"\u003e\n \u003ch2\u003eℹ️ Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"enc-info-grid\"\u003e\n \u003cdiv class=\"enc-info-item\"\u003e\n \u003cdiv class=\"enc-info-icon\"\u003e📦\u003c\/div\u003e\n \u003cdiv class=\"enc-info-label\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"enc-info-value\"\u003e1 litre (1000 ml)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-info-item\"\u003e\n \u003cdiv class=\"enc-info-icon\"\u003e🏷️\u003c\/div\u003e\n \u003cdiv class=\"enc-info-label\"\u003eMarque\u003c\/div\u003e\n \u003cdiv class=\"enc-info-value\"\u003eEmma Noël\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-info-item\"\u003e\n \u003cdiv class=\"enc-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"enc-info-label\"\u003eCertification\u003c\/div\u003e\n \u003cdiv class=\"enc-info-value\"\u003eCosmébio Bio\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-info-item\"\u003e\n \u003cdiv class=\"enc-info-icon\"\u003e🥥\u003c\/div\u003e\n \u003cdiv class=\"enc-info-label\"\u003eSenteur\u003c\/div\u003e\n \u003cdiv class=\"enc-info-value\"\u003eNoix de coco\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-info-item\"\u003e\n \u003cdiv class=\"enc-info-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv class=\"enc-info-label\"\u003ePackaging\u003c\/div\u003e\n \u003cdiv class=\"enc-info-value\"\u003eFlacon pompe recyclable\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-info-item\"\u003e\n \u003cdiv class=\"enc-info-icon\"\u003e👥\u003c\/div\u003e\n \u003cdiv class=\"enc-info-label\"\u003eUsage\u003c\/div\u003e\n \u003cdiv class=\"enc-info-value\"\u003eToute la famille\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"enc-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"enc-warning-box\"\u003e\n \u003cdiv class=\"enc-warning-item\"\u003e\n \u003cspan class=\"enc-warning-icon\"\u003e👁️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eÉviter le contact avec les yeux.\u003c\/strong\u003e En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-warning-item\"\u003e\n \u003cspan class=\"enc-warning-icon\"\u003e🚪\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Ne pas ingérer. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-warning-item\"\u003e\n \u003cspan class=\"enc-warning-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConservation optimale.\u003c\/strong\u003e Conserver à température ambiante, à l'abri de la lumière directe et de l'humidité excessive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"enc-warning-item\"\u003e\n \u003cspan class=\"enc-warning-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eTest cutané recommandé.\u003c\/strong\u003e En cas de peau très sensible, testez le produit sur une petite zone avant la première utilisation complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"enc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"enc-cta-box\"\u003e\n \u003cdiv class=\"enc-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"enc-cta-content\"\u003e\n \u003cp\u003eOffrez-vous une expérience de douche naturelle et sensorielle avec ce gel douche bio à la noix de coco. Un format familial généreux, une formule certifiée bio et un parfum envoûtant qui transforme chaque douche en moment d'évasion tropicale. Votre peau et la planète vous diront merci !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --enc-cream: #fafaf8;\n --enc-white: #ffffff;\n --enc-primary: #00A0C8;\n --enc-primary-dark: #007a9c;\n --enc-primary-light: #e6f7fb;\n --enc-secondary: #E91E63;\n --enc-accent: #4DD0E1;\n\n \/* Textes *\/\n --enc-text: #1a1a1a;\n --enc-text-light: #5a5a5a;\n\n \/* Effets *\/\n --enc-border: #e0e0e0;\n --enc-shadow: 0 4px 24px rgba(0,160,200,.08);\n --enc-shadow-lg: 0 12px 48px rgba(0,160,200,.15);\n --enc-radius: 20px;\n --enc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.enc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--enc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.enc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--enc-primary) 0%, var(--enc-accent) 50%, var(--enc-secondary) 100%);\n border-radius: var(--enc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--enc-shadow-lg);\n}\n\n.enc-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.05) 35px, rgba(255,255,255,.05) 70px);\n}\n\n.enc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.enc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n margin-bottom: 2rem;\n}\n\n.enc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--enc-primary-dark);\n box-shadow: 0 4px 16px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.enc-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 8px 24px rgba(0,0,0,.2);\n}\n\n.enc-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.enc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.enc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.enc-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.enc-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--enc-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.enc-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(--enc-primary), var(--enc-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.enc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.enc-card {\n background: var(--enc-white);\n border-radius: var(--enc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--enc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.enc-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--enc-shadow-lg);\n border-color: var(--enc-primary);\n}\n\n.enc-card-icon {\n font-size: clamp(40px, 6vw, 56px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.enc-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--enc-primary-dark);\n margin-bottom: .75rem;\n}\n\n.enc-card p {\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n color: var(--enc-text-light);\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.enc-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.enc-ingredient-card {\n background: var(--enc-white);\n border-radius: var(--enc-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--enc-shadow);\n border-left: 4px solid var(--enc-primary);\n transition: all .3s ease;\n}\n\n.enc-ingredient-card:hover {\n transform: translateX(8px);\n box-shadow: var(--enc-shadow-lg);\n}\n\n.enc-ingredient-icon {\n font-size: 36px;\n margin-bottom: .75rem;\n}\n\n.enc-ingredient-name {\n font-size: 18px;\n font-weight: 800;\n color: var(--enc-primary-dark);\n margin-bottom: .5rem;\n}\n\n.enc-ingredient-card p {\n font-size: 14px;\n line-height: 1.6;\n color: var(--enc-text-light);\n margin: 0;\n}\n\n.enc-certification-box {\n background: linear-gradient(135deg, var(--enc-primary-light) 0%, rgba(233,30,99,.08) 100%);\n border-radius: var(--enc-radius-sm);\n padding: 1.5rem 2rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n border: 2px solid var(--enc-primary);\n}\n\n.enc-cert-icon {\n font-size: 32px;\n font-weight: 900;\n color: var(--enc-primary);\n background: var(--enc-white);\n width: 48px;\n height: 48px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.enc-certification-box p {\n font-size: 15px;\n line-height: 1.6;\n color: var(--enc-text);\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.enc-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.enc-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--enc-white);\n border-radius: var(--enc-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--enc-shadow);\n transition: all .3s ease;\n}\n\n.enc-step:hover {\n transform: translateX(8px);\n box-shadow: var(--enc-shadow-lg);\n}\n\n.enc-step-number {\n font-size: 32px;\n font-weight: 900;\n color: var(--enc-white);\n background: linear-gradient(135deg, var(--enc-primary), var(--enc-accent));\n width: 56px;\n height: 56px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-shadow: 0 4px 16px rgba(0,160,200,.3);\n}\n\n.enc-step-content {\n flex: 1;\n}\n\n.enc-step-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--enc-primary-dark);\n margin-bottom: .5rem;\n display: block;\n}\n\n.enc-step-content p {\n font-size: 15px;\n line-height: 1.6;\n color: var(--enc-text-light);\n margin: 0;\n}\n\n.enc-tip-box {\n background: linear-gradient(135deg, #FFF9E6 0%, #FFE082 100%);\n border-radius: var(--enc-radius-sm);\n padding: 1.5rem 2rem;\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n border: 2px solid #FFD54F;\n}\n\n.enc-tip-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.enc-tip-box p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--enc-text);\n margin: 0;\n}\n\n\/* === PROFILES === *\/\n.enc-profile-card {\n background: var(--enc-white);\n border-radius: var(--enc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--enc-shadow);\n text-align: center;\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.enc-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--enc-shadow-lg);\n border-color: var(--enc-secondary);\n}\n\n.enc-profile-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.enc-profile-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--enc-primary-dark);\n margin-bottom: .75rem;\n}\n\n.enc-profile-card p {\n font-size: 15px;\n line-height: 1.6;\n color: var(--enc-text-light);\n margin: 0;\n}\n\n\/* === STATS === *\/\n.enc-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.enc-stat-card {\n background: linear-gradient(135deg, var(--enc-primary) 0%, var(--enc-accent) 100%);\n border-radius: var(--enc-radius-sm);\n padding: 2rem 1.5rem;\n text-align: center;\n box-shadow: var(--enc-shadow-lg);\n transition: all .3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.enc-stat-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 50% 0%, rgba(255,255,255,.2) 0%, transparent 70%);\n opacity: 0;\n transition: opacity .3s ease;\n}\n\n.enc-stat-card:hover {\n transform: translateY(-8px) scale(1.02);\n}\n\n.enc-stat-card:hover::before {\n opacity: 1;\n}\n\n.enc-stat-number {\n font-size: clamp(36px, 6vw, 48px);\n font-weight: 900;\n color: white;\n margin-bottom: .5rem;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n position: relative;\n z-index: 1;\n}\n\n.enc-stat-label {\n font-size: 16px;\n font-weight: 700;\n color: rgba(255,255,255,.95);\n margin-bottom: .75rem;\n text-transform: uppercase;\n letter-spacing: .05em;\n position: relative;\n z-index: 1;\n}\n\n.enc-stat-card p {\n font-size: 14px;\n line-height: 1.5;\n color: rgba(255,255,255,.85);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === INFO GRID === *\/\n.enc-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.enc-info-item {\n background: var(--enc-white);\n border-radius: var(--enc-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--enc-shadow);\n text-align: center;\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.enc-info-item:hover {\n transform: translateY(-4px);\n border-color: var(--enc-primary);\n}\n\n.enc-info-icon {\n font-size: 32px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.enc-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--enc-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .5rem;\n}\n\n.enc-info-value {\n font-size: 18px;\n font-weight: 800;\n color: var(--enc-primary-dark);\n}\n\n\/* === WARNING === *\/\n.enc-warning-box {\n background: var(--enc-white);\n border-radius: var(--enc-radius-sm);\n padding: 2rem;\n box-shadow: var(--enc-shadow);\n border-left: 4px solid #FF6B6B;\n}\n\n.enc-warning-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.enc-warning-item:last-child {\n margin-bottom: 0;\n}\n\n.enc-warning-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.enc-warning-item p {\n font-size: 15px;\n line-height: 1.6;\n color: var(--enc-text);\n margin: 0;\n}\n\n\/* === CTA === *\/\n.enc-cta-box {\n background: linear-gradient(135deg, var(--enc-primary) 0%, var(--enc-primary-dark) 100%);\n border-radius: var(--enc-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--enc-shadow-lg);\n}\n\n.enc-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 30% 20%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 70% 80%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.enc-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.enc-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .enc-grid,\n .enc-composition-grid,\n .enc-stats-grid,\n .enc-info-grid {\n grid-template-columns: 1fr;\n }\n \n .enc-badges-top {\n flex-direction: column;\n align-items: center;\n }\n \n .enc-step {\n flex-direction: column;\n text-align: center;\n }\n \n .enc-step-number {\n margin: 0 auto;\n }\n \n .enc-certification-box,\n .enc-tip-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .enc-card,\n .enc-profile-card,\n .enc-stat-card,\n .enc-ingredient-card,\n .enc-step,\n .enc-info-item {\n animation: fadeInUp .6s ease backwards;\n }\n \n .enc-card:nth-child(1),\n .enc-profile-card:nth-child(1),\n .enc-ingredient-card:nth-child(1),\n .enc-step:nth-child(1) { animation-delay: .1s; }\n \n .enc-card:nth-child(2),\n .enc-profile-card:nth-child(2),\n .enc-ingredient-card:nth-child(2),\n .enc-step:nth-child(2) { animation-delay: .2s; }\n \n .enc-card:nth-child(3),\n .enc-profile-card:nth-child(3),\n .enc-ingredient-card:nth-child(3),\n .enc-step:nth-child(3) { animation-delay: .3s; }\n \n .enc-card:nth-child(4),\n .enc-profile-card:nth-child(4),\n .enc-ingredient-card:nth-child(4),\n .enc-step:nth-child(4) { animation-delay: .4s; }\n \n .enc-card:nth-child(5),\n .enc-profile-card:nth-child(5) { animation-delay: .5s; }\n \n .enc-card:nth-child(6),\n .enc-profile-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .enc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .enc-premium {\n --enc-shadow: 0 0 0 2px currentColor;\n --enc-shadow-lg: 0 0 0 3px currentColor;\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .enc-premium {\n background: white;\n }\n \n .enc-hero,\n .enc-cta-box {\n background: white !important;\n color: black !important;\n }\n \n .enc-card,\n .enc-stat-card {\n break-inside: avoid;\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56349177020793,"sku":"NBAIEMM0013","price":14.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel_douche_noix_de_coco_emma_noel_11zon.jpg?v=1766068505"},{"product_id":"gel-douche-citron-de-sicile-bio","title":"Gel Douche Citron de Sicile Bio - 1L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel Douche Citron de Sicile Bio - Emma Noël\nPalette détectée:\n - Primaire: #FFD500 (jaune vif citron du packaging)\n - Secondaire: #E91E8C (rose fuchsia du logo lotus)\n - Accent: #FFF9E6 (jaune pâle citronné)\n - Blanc: #FFFFFF (fond du flacon)\n - Vert: #2D7D3B (vert des feuilles)\nAmbiance: Bio\/naturel, frais et énergisant, féminin, propre et lumineux\nStyle: Cosmétique bio premium, design épuré, certification BIO, format familial économique\nPréfixe CSS: en\n--\u003e\n\u003cdiv class=\"en-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"en-hero\"\u003e\n\u003cdiv class=\"en-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"en-hero-content\"\u003e\n\u003cdiv class=\"en-badges-top\"\u003e\n\u003cspan class=\"en-badge\"\u003e🍋 Citron de Sicile\u003c\/span\u003e \u003cspan class=\"en-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"en-badge\"\u003e💧 Format 1L\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"en-hero-title\"\u003eGel Douche Citron de Sicile Bio\u003c\/span\u003e\n\u003cp class=\"en-subtitle\"\u003eLa fraîcheur méditerranéenne pour toute la famille\u003c\/p\u003e\n\u003cp class=\"en-description\"\u003eUn gel douche bio au parfum vivifiant de citron de Sicile, enrichi en huiles végétales nourrissantes. Une formule douce et naturelle qui nettoie, hydrate et laisse la peau délicatement parfumée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POINTS FORTS --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e✨ Pourquoi choisir ce gel douche ?\u003c\/h2\u003e\n\u003cdiv class=\"en-grid\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003cdiv class=\"en-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003e100% Bio \u0026amp; naturel\u003c\/h3\u003e\n\u003cp\u003eFormule certifiée bio par Ecocert, sans ingrédients controversés. Respectueux de votre peau et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003cdiv class=\"en-icon\"\u003e🍋\u003c\/div\u003e\n\u003ch3\u003eCitron de Sicile authentique\u003c\/h3\u003e\n\u003cp\u003eParfum frais et vivifiant aux notes d'agrumes naturels pour un réveil énergisant sous la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003cdiv class=\"en-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eFormule douce\u003c\/h3\u003e\n\u003cp\u003eNettoie en douceur sans dessécher. Convient à tous les types de peaux, même les plus sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003cdiv class=\"en-icon\"\u003e💚\u003c\/div\u003e\n\u003ch3\u003eHuiles végétales nourrissantes\u003c\/h3\u003e\n\u003cp\u003eEnrichi en huiles végétales bio qui hydratent et protègent la barrière cutanée naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003cdiv class=\"en-icon\"\u003e👨👩👧👦\u003c\/div\u003e\n\u003ch3\u003ePour toute la famille\u003c\/h3\u003e\n\u003cp\u003eFormule adaptée aux adultes et enfants dès 3 ans. Un seul produit pour simplifier votre routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003cdiv class=\"en-icon\"\u003e♻️\u003c\/div\u003e\n\u003ch3\u003eFormat économique 1L\u003c\/h3\u003e\n\u003cp\u003eGrand format avec pompe pratique. Jusqu'à 3 mois d'utilisation pour une famille de 4 personnes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e🧪 Une composition clean et transparente\u003c\/h2\u003e\n\u003cdiv class=\"en-composition-grid\"\u003e\n\u003cdiv class=\"en-ingredient-card\"\u003e\n\u003cdiv class=\"en-ingredient-icon\"\u003e🍋\u003c\/div\u003e\n\u003ch4\u003eHuile essentielle de citron bio\u003c\/h4\u003e\n\u003cp\u003eTonifiante, purifiante et rafraîchissante. Apporte le parfum vivifiant et les propriétés antiseptiques naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-ingredient-card\"\u003e\n\u003cdiv class=\"en-ingredient-icon\"\u003e🌻\u003c\/div\u003e\n\u003ch4\u003eHuiles végétales bio\u003c\/h4\u003e\n\u003cp\u003eNourrissent en profondeur et maintiennent l'hydratation naturelle de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-ingredient-card\"\u003e\n\u003cdiv class=\"en-ingredient-icon\"\u003e🧼\u003c\/div\u003e\n\u003ch4\u003eBase lavante douce\u003c\/h4\u003e\n\u003cp\u003eTensioactifs d'origine végétale pour une mousse onctueuse sans agresser la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-ingredient-card\"\u003e\n\u003cdiv class=\"en-ingredient-icon\"\u003e🚫\u003c\/div\u003e\n\u003ch4\u003eSans substances controversées\u003c\/h4\u003e\n\u003cp\u003eSans sulfates, sans parabènes, sans silicones, sans colorants synthétiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e🚿 Mode d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"en-steps\"\u003e\n\u003cdiv class=\"en-step\"\u003e\n\u003cdiv class=\"en-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"en-step-content\"\u003e\n\u003ch4\u003eAppliquez sur peau mouillée\u003c\/h4\u003e\n\u003cp\u003eSous la douche, versez une noisette de gel sur une éponge, un gant ou directement sur la peau humide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-step\"\u003e\n\u003cdiv class=\"en-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"en-step-content\"\u003e\n\u003ch4\u003eFaites mousser délicatement\u003c\/h4\u003e\n\u003cp\u003eMassez en mouvements circulaires pour créer une mousse onctueuse. Profitez du parfum frais et vivifiant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-step\"\u003e\n\u003cdiv class=\"en-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"en-step-content\"\u003e\n\u003ch4\u003eRincez abondamment\u003c\/h4\u003e\n\u003cp\u003eRincez à l'eau claire. Votre peau est propre, douce et délicatement parfumée au citron.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e💆♀️ Les bienfaits pour votre peau\u003c\/h2\u003e\n\u003cdiv class=\"en-benefits-grid\"\u003e\n\u003cdiv class=\"en-benefit-card\"\u003e\n\u003cdiv class=\"en-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch4\u003ePeau nettoyée en profondeur\u003c\/h4\u003e\n\u003cp\u003eÉlimine efficacement les impuretés et l'excès de sébum sans dessécher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-benefit-card\"\u003e\n\u003cdiv class=\"en-benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eHydratation préservée\u003c\/h4\u003e\n\u003cp\u003eLes huiles végétales maintiennent l'équilibre hydrique naturel de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-benefit-card\"\u003e\n\u003cdiv class=\"en-benefit-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch4\u003ePeau douce et souple\u003c\/h4\u003e\n\u003cp\u003eTexture soyeuse sans tiraillements ni sensations de sécheresse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-benefit-card\"\u003e\n\u003cdiv class=\"en-benefit-icon\"\u003e🍋\u003c\/div\u003e\n\u003ch4\u003eParfum frais durable\u003c\/h4\u003e\n\u003cp\u003eSenteur d'agrumes naturelle qui persiste délicatement sur la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-benefit-card\"\u003e\n\u003cdiv class=\"en-benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eRespecte le microbiome\u003c\/h4\u003e\n\u003cp\u003eFormule douce qui préserve la flore cutanée protectrice\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-benefit-card\"\u003e\n\u003cdiv class=\"en-benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003eEffet tonifiant\u003c\/h4\u003e\n\u003cp\u003eLe citron apporte une sensation de fraîcheur et d'énergie revitalisante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n\u003cdiv class=\"en-grid\"\u003e\n\u003cdiv class=\"en-profile-card\"\u003e\n\u003cdiv class=\"en-profile-emoji\"\u003e👨👩👧👦\u003c\/div\u003e\n\u003ch4\u003eToute la famille\u003c\/h4\u003e\n\u003cp\u003eAdapté aux adultes et enfants dès 3 ans pour un moment de fraîcheur partagé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-profile-card\"\u003e\n\u003cdiv class=\"en-profile-emoji\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eAmateurs de bio\u003c\/h4\u003e\n\u003cp\u003ePour ceux qui recherchent des cosmétiques naturels, sains et certifiés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-profile-card\"\u003e\n\u003cdiv class=\"en-profile-emoji\"\u003e💚\u003c\/div\u003e\n\u003ch4\u003ePeaux sensibles\u003c\/h4\u003e\n\u003cp\u003eFormule douce et hypoallergénique respectueuse des épidermes fragiles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-profile-card\"\u003e\n\u003cdiv class=\"en-profile-emoji\"\u003e🍋\u003c\/div\u003e\n\u003ch4\u003eFans d'agrumes\u003c\/h4\u003e\n\u003cp\u003ePour les amoureux des parfums frais, pétillants et vivifiants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-profile-card\"\u003e\n\u003cdiv class=\"en-profile-emoji\"\u003e♻️\u003c\/div\u003e\n\u003ch4\u003eConsommateurs responsables\u003c\/h4\u003e\n\u003cp\u003ePour ceux qui privilégient les formats économiques et éco-responsables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-profile-card\"\u003e\n\u003cdiv class=\"en-profile-emoji\"\u003e🏃♀️\u003c\/div\u003e\n\u003ch4\u003ePersonnes actives\u003c\/h4\u003e\n\u003cp\u003eIdéal après le sport pour une douche tonifiante et énergisante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LA MARQUE --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e🌸 Emma Noël, l'huile source de soin\u003c\/h2\u003e\n\u003cdiv class=\"en-brand-content\"\u003e\n\u003cdiv class=\"en-brand-card\"\u003e\n\u003cdiv class=\"en-brand-icon\"\u003e🏛️\u003c\/div\u003e\n\u003ch4\u003eExpertise reconnue\u003c\/h4\u003e\n\u003cp\u003eEmma Noël est une marque française pionnière dans les huiles végétales et les cosmétiques bio depuis plus de 30 ans. Une expertise unique au service de votre bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-brand-card\"\u003e\n\u003cdiv class=\"en-brand-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eEngagement bio authentique\u003c\/h4\u003e\n\u003cp\u003eTous les produits sont certifiés bio par Ecocert et formulés avec des ingrédients naturels de première qualité, sélectionnés avec soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-brand-card\"\u003e\n\u003cdiv class=\"en-brand-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch4\u003eFabrication française\u003c\/h4\u003e\n\u003cp\u003eDes produits conçus et fabriqués en France selon des normes strictes de qualité et dans le respect de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-brand-card\"\u003e\n\u003cdiv class=\"en-brand-icon\"\u003e💚\u003c\/div\u003e\n\u003ch4\u003eValeurs fortes\u003c\/h4\u003e\n\u003cp\u003eUne marque engagée pour la protection de l'environnement, le bien-être animal et une cosmétique éthique et transparente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e📋 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"en-info-grid\"\u003e\n\u003cdiv class=\"en-info-card\"\u003e\n\u003cdiv class=\"en-info-label\"\u003eContenance\u003c\/div\u003e\n\u003cdiv class=\"en-info-value\"\u003e1L (1000ml)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-info-card\"\u003e\n\u003cdiv class=\"en-info-label\"\u003eCertification\u003c\/div\u003e\n\u003cdiv class=\"en-info-value\"\u003eCosmétique bio Ecocert\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-info-card\"\u003e\n\u003cdiv class=\"en-info-label\"\u003eFormat\u003c\/div\u003e\n\u003cdiv class=\"en-info-value\"\u003eFlacon pompe pratique\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-info-card\"\u003e\n\u003cdiv class=\"en-info-label\"\u003eParfum\u003c\/div\u003e\n\u003cdiv class=\"en-info-value\"\u003eCitron de Sicile naturel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-info-card\"\u003e\n\u003cdiv class=\"en-info-label\"\u003eOrigine\u003c\/div\u003e\n\u003cdiv class=\"en-info-value\"\u003eFabriqué en France\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-info-card\"\u003e\n\u003cdiv class=\"en-info-label\"\u003eType de peau\u003c\/div\u003e\n\u003cdiv class=\"en-info-value\"\u003eTous types, même sensibles\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-info-card\"\u003e\n\u003cdiv class=\"en-info-label\"\u003eÂge\u003c\/div\u003e\n\u003cdiv class=\"en-info-value\"\u003eAdultes et enfants dès 3 ans\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-info-card\"\u003e\n\u003cdiv class=\"en-info-label\"\u003eUsage\u003c\/div\u003e\n\u003cdiv class=\"en-info-value\"\u003eQuotidien matin et\/ou soir\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e⚠️ Précautions d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"en-warning-box\"\u003e\n\u003cdiv class=\"en-warning-content\"\u003e\n\u003cdiv class=\"en-warning-item\"\u003e\n\u003cspan class=\"en-warning-icon\"\u003e👁️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eÉviter le contact avec les yeux.\u003c\/strong\u003e En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-warning-item\"\u003e\n\u003cspan class=\"en-warning-icon\"\u003e🧴\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Ne pas ingérer. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-warning-item\"\u003e\n\u003cspan class=\"en-warning-icon\"\u003e🌡️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e À conserver à l'abri de la chaleur et de la lumière directe. Refermer le flacon après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-warning-item\"\u003e\n\u003cspan class=\"en-warning-icon\"\u003e⏱️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eDurée d'utilisation :\u003c\/strong\u003e À utiliser de préférence dans les 12 mois après ouverture pour une efficacité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-warning-item\"\u003e\n\u003cspan class=\"en-warning-icon\"\u003e🩺\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eEn cas d'irritation ou de réaction allergique,\u003c\/strong\u003e cesser l'utilisation et consulter un professionnel de santé si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CONSEILS --\u003e\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003e💡 Nos conseils d'experts\u003c\/h2\u003e\n\u003cdiv class=\"en-tips-grid\"\u003e\n\u003cdiv class=\"en-tip-card\"\u003e\n\u003cdiv class=\"en-tip-icon\"\u003e🌅\u003c\/div\u003e\n\u003ch4\u003eDouche tonifiante du matin\u003c\/h4\u003e\n\u003cp\u003eUtilisez ce gel douche le matin pour profiter de l'effet énergisant du citron. Le parfum frais vous aide à démarrer la journée du bon pied !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip-card\"\u003e\n\u003cdiv class=\"en-tip-icon\"\u003e🧘♀️\u003c\/div\u003e\n\u003ch4\u003eMoment de détente\u003c\/h4\u003e\n\u003cp\u003ePrenez le temps de masser votre peau en respirant profondément le parfum d'agrumes. Un véritable moment de bien-être aromathérapeutique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip-card\"\u003e\n\u003cdiv class=\"en-tip-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eHydratation après\u003c\/h4\u003e\n\u003cp\u003ePour une peau parfaitement nourrie, appliquez une huile ou un lait corporel bio Emma Noël juste après la douche sur peau légèrement humide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip-card\"\u003e\n\u003cdiv class=\"en-tip-icon\"\u003e♻️\u003c\/div\u003e\n\u003ch4\u003eGeste éco-responsable\u003c\/h4\u003e\n\u003cp\u003ePensez à recycler le flacon vide ! Le format 1L réduit les déchets plastiques par rapport aux petits formats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip-card\"\u003e\n\u003cdiv class=\"en-tip-icon\"\u003e🏃♂️\u003c\/div\u003e\n\u003ch4\u003eAprès le sport\u003c\/h4\u003e\n\u003cp\u003eIdéal après une séance de sport : le citron aide à rafraîchir et purifier la peau tout en éliminant les odeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip-card\"\u003e\n\u003cdiv class=\"en-tip-icon\"\u003e☀️\u003c\/div\u003e\n\u003ch4\u003eÉté comme hiver\u003c\/h4\u003e\n\u003cp\u003eUne senteur d'agrumes universelle et intemporelle, agréable toute l'année. Rafraîchissante l'été, revitalisante l'hiver !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"en-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"en-cta-box\"\u003e\n\u003cdiv class=\"en-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"en-cta-content\"\u003e\n\u003cdiv class=\"en-cta-icon\"\u003e🍋✨\u003c\/div\u003e\n\u003cp\u003eOffrez à votre peau un bain de fraîcheur méditerranéenne avec ce gel douche bio au citron de Sicile. Format économique 1L pour toute la famille, certifié bio et fabriqué en France avec amour. Une routine beauté saine, naturelle et vivifiante qui respecte votre peau et la planète !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n \/* Couleurs principales *\/\n --en-cream: #FFFEF8;\n --en-white: #ffffff;\n --en-primary: #FFD500;\n --en-primary-dark: #E6C000;\n --en-primary-light: #FFF9E6;\n --en-secondary: #E91E8C;\n --en-accent: #2D7D3B;\n\n \/* Textes *\/\n --en-text: #1a1a1a;\n --en-text-light: #5a5a5a;\n\n \/* Effets *\/\n --en-border: #e0e0e0;\n --en-shadow: 0 4px 24px rgba(0,0,0,.08);\n --en-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--en-text);\n}\n\n\/* === HERO SECTION === *\/\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, #FFE066 0%, #FFD500 40%, #FFC700 100%);\n border-radius: var(--en-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.2) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.05) 35px, rgba(255, 255, 255, 0.05) 70px);\n opacity: 1;\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.en-badges-top {\n display: flex;\n justify-content: center;\n gap: 12px;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n\n.en-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.en-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n line-height: 1.1;\n}\n\n.en-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n}\n\n.en-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.en-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.en-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(--en-primary), var(--en-secondary));\n border-radius: 2px;\n}\n\n.en-premium h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--en-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -0.02em;\n}\n\n.en-premium h4 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 700;\n color: var(--en-text);\n margin: 0 0 0.5rem 0;\n}\n\n.en-premium p {\n color: var(--en-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === GRILLES === *\/\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.en-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-icon {\n font-size: clamp(36px, 6vw, 48px);\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === COMPOSITION === *\/\n.en-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.en-ingredient-card {\n background: linear-gradient(135deg, var(--en-white) 0%, var(--en-primary-light) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid var(--en-primary);\n transition: all 0.3s ease;\n}\n\n.en-ingredient-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-ingredient-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n text-align: center;\n}\n\n\/* === ÉTAPES === *\/\n.en-steps {\n display: grid;\n gap: 2rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.en-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--en-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--en-radius);\n box-shadow: var(--en-shadow);\n transition: all 0.3s ease;\n}\n\n.en-step:hover {\n transform: translateX(10px);\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-step-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-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 box-shadow: 0 4px 12px rgba(255, 213, 0, 0.3);\n}\n\n.en-step-content {\n flex: 1;\n}\n\n\/* === BIENFAITS === *\/\n.en-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.en-benefit-card {\n background: var(--en-white);\n border-radius: var(--en-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--en-shadow);\n border-left: 4px solid var(--en-primary);\n transition: all 0.3s ease;\n}\n\n.en-benefit-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--en-shadow-lg);\n border-left-color: var(--en-secondary);\n}\n\n.en-benefit-icon {\n font-size: 32px;\n margin-bottom: 0.75rem;\n display: block;\n}\n\n\/* === PROFILS === *\/\n.en-profile-card {\n background: linear-gradient(135deg, var(--en-white) 0%, var(--en-primary-light) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.en-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-secondary);\n}\n\n.en-profile-emoji {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === MARQUE === *\/\n.en-brand-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.en-brand-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n transition: all 0.3s ease;\n}\n\n.en-brand-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-brand-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n display: block;\n text-align: center;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.en-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.en-info-card {\n background: var(--en-white);\n border-radius: var(--en-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--en-shadow);\n text-align: center;\n border: 2px solid var(--en-primary-light);\n transition: all 0.3s ease;\n}\n\n.en-info-card:hover {\n transform: scale(1.05);\n border-color: var(--en-primary);\n}\n\n.en-info-label {\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--en-text-light);\n margin-bottom: 0.5rem;\n}\n\n.en-info-value {\n font-size: 17px;\n font-weight: 800;\n color: var(--en-primary-dark);\n}\n\n\/* === PRÉCAUTIONS === *\/\n.en-warning-box {\n background: linear-gradient(135deg, #FFF9E6 0%, #FFFEF8 100%);\n border-radius: var(--en-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--en-primary);\n box-shadow: var(--en-shadow);\n}\n\n.en-warning-content {\n display: grid;\n gap: 1.25rem;\n}\n\n.en-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.en-warning-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.en-warning-item p {\n color: var(--en-text);\n font-size: 15px;\n line-height: 1.6;\n}\n\n\/* === CONSEILS === *\/\n.en-tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.en-tip-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border-top: 4px solid var(--en-accent);\n transition: all 0.3s ease;\n}\n\n.en-tip-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-tip-icon {\n font-size: 36px;\n margin-bottom: 1rem;\n display: block;\n text-align: center;\n}\n\n\/* === CTA FINAL === *\/\n.en-cta-box {\n background: linear-gradient(135deg, #E91E8C 0%, #C71878 50%, #A01264 100%);\n border-radius: var(--en-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.08) 0%, transparent 50%);\n opacity: 1;\n}\n\n.en-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.en-cta-icon {\n font-size: 48px;\n margin-bottom: 1.5rem;\n display: block;\n}\n\n.en-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .en-grid,\n .en-composition-grid,\n .en-benefits-grid,\n .en-brand-content,\n .en-tips-grid {\n grid-template-columns: 1fr;\n }\n\n .en-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .en-step {\n flex-direction: column;\n text-align: center;\n }\n\n .en-step-number {\n margin: 0 auto 1rem auto;\n }\n}\n\n@media (max-width: 480px) {\n .en-info-grid {\n grid-template-columns: 1fr;\n }\n\n .en-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .en-card,\n .en-ingredient-card,\n .en-benefit-card,\n .en-profile-card,\n .en-brand-card,\n .en-tip-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .en-card:nth-child(1) { animation-delay: 0.1s; }\n .en-card:nth-child(2) { animation-delay: 0.2s; }\n .en-card:nth-child(3) { animation-delay: 0.3s; }\n .en-card:nth-child(4) { animation-delay: 0.4s; }\n .en-card:nth-child(5) { animation-delay: 0.5s; }\n .en-card:nth-child(6) { animation-delay: 0.6s; }\n\n .en-ingredient-card:nth-child(1) { animation-delay: 0.1s; }\n .en-ingredient-card:nth-child(2) { animation-delay: 0.2s; }\n .en-ingredient-card:nth-child(3) { animation-delay: 0.3s; }\n .en-ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n\n .en-step:nth-child(1) { animation: fadeInUp 0.6s ease backwards 0.1s; }\n .en-step:nth-child(2) { animation: fadeInUp 0.6s ease backwards 0.2s; }\n .en-step:nth-child(3) { animation: fadeInUp 0.6s ease backwards 0.3s; }\n\n .en-benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .en-benefit-card:nth-child(2) { animation-delay: 0.15s; }\n .en-benefit-card:nth-child(3) { animation-delay: 0.2s; }\n .en-benefit-card:nth-child(4) { animation-delay: 0.25s; }\n .en-benefit-card:nth-child(5) { animation-delay: 0.3s; }\n .en-benefit-card:nth-child(6) { animation-delay: 0.35s; }\n\n .en-profile-card:nth-child(1) { animation-delay: 0.1s; }\n .en-profile-card:nth-child(2) { animation-delay: 0.2s; }\n .en-profile-card:nth-child(3) { animation-delay: 0.3s; }\n .en-profile-card:nth-child(4) { animation-delay: 0.4s; }\n .en-profile-card:nth-child(5) { animation-delay: 0.5s; }\n .en-profile-card:nth-child(6) { animation-delay: 0.6s; }\n\n .en-brand-card:nth-child(1) { animation-delay: 0.1s; }\n .en-brand-card:nth-child(2) { animation-delay: 0.2s; }\n .en-brand-card:nth-child(3) { animation-delay: 0.3s; }\n .en-brand-card:nth-child(4) { animation-delay: 0.4s; }\n\n .en-tip-card:nth-child(1) { animation-delay: 0.1s; }\n .en-tip-card:nth-child(2) { animation-delay: 0.15s; }\n .en-tip-card:nth-child(3) { animation-delay: 0.2s; }\n .en-tip-card:nth-child(4) { animation-delay: 0.25s; }\n .en-tip-card:nth-child(5) { animation-delay: 0.3s; }\n .en-tip-card:nth-child(6) { animation-delay: 0.35s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .en-premium *,\n .en-premium *::before,\n .en-premium *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .en-premium {\n --en-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);\n --en-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.4);\n }\n\n .en-card,\n .en-ingredient-card,\n .en-benefit-card,\n .en-profile-card,\n .en-brand-card,\n .en-tip-card,\n .en-info-card {\n border: 2px solid var(--en-text);\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .en-premium {\n background: white;\n padding: 0;\n }\n\n .en-hero,\n .en-card,\n .en-ingredient-card,\n .en-benefit-card,\n .en-profile-card,\n .en-brand-card,\n .en-tip-card {\n box-shadow: none;\n break-inside: avoid;\n }\n\n .en-cta-box {\n display: none;\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56349340991865,"sku":"NBAIEMM0011","price":14.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel_douche_citron_de_sicile_emma_noel_3__11zon.jpg?v=1766068374"},{"product_id":"gel-douche-monoi-bio-1l","title":"Gel Douche Monoï Bio - 1L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel Douche Monoï Bio - Emma Noël\nPalette détectée:\n - Primaire: #FDB714 (jaune éclatant de l'étiquette, évoquant le soleil et la chaleur tropicale)\n - Secondaire: #E91E7A (rose fuchsia du logo Emma Noël)\n - Accent: #FFE5B4 (beige\/crème doux pour l'ambiance plage)\nAmbiance: Cosmétique naturel\/bio premium, univers tropical et ensoleillé, spa en bord de mer, fleurs de Tiaré, relaxation et évasion, certifié bio\nPréfixe CSS: mn\n--\u003e\n\u003cdiv class=\"mn-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"mn-hero\"\u003e\n\u003cdiv class=\"mn-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mn-hero-content\"\u003e\n\u003cdiv class=\"mn-badges-top\"\u003e\n\u003cspan class=\"mn-badge\"\u003e🌺 Certifié bio\u003c\/span\u003e \u003cspan class=\"mn-badge\"\u003e🌴 Parfum monoï\u003c\/span\u003e \u003cspan class=\"mn-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mn-hero-title\"\u003eGel douche monoï bio\u003c\/span\u003e\n\u003cp class=\"mn-subtitle\"\u003eL'évasion tropicale dans votre salle de bain\u003c\/p\u003e\n\u003cp class=\"mn-description\"\u003eTransformez votre douche quotidienne en moment d'exception avec ce gel douche au monoï authentique. Sa formule certifiée bio enveloppe votre peau d'un parfum envoûtant de fleurs de Tiaré, tout en respectant votre épiderme et l'environnement. Format généreux de 1L pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES CLÉS --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce gel douche ?\u003c\/h2\u003e\n\u003cdiv class=\"mn-grid\"\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003cdiv class=\"mn-icon\"\u003e🌺\u003c\/div\u003e\n\u003ch3\u003eParfum authentique\u003c\/h3\u003e\n\u003cp\u003eVéritable senteur de monoï de Tahiti qui vous transporte instantanément sous les tropiques. Une fragrance enivrante qui perdure délicatement sur la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003cdiv class=\"mn-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eFormule certifiée bio\u003c\/h3\u003e\n\u003cp\u003eLabelisée Cosmébio, cette formule respecte une charte stricte : ingrédients naturels, sans parabènes, sans sulfates agressifs, testée dermatologiquement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003cdiv class=\"mn-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eTexture onctueuse\u003c\/h3\u003e\n\u003cp\u003eGel doux qui mousse généreusement au contact de l'eau, enveloppant votre peau d'une mousse légère et crémeuse pour un nettoyage tout en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003cdiv class=\"mn-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003ePeau nourrie\u003c\/h3\u003e\n\u003cp\u003eEnrichi en huile source de soin, ce gel douche nettoie sans dessécher. Votre peau reste souple, hydratée et délicatement parfumée après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003cdiv class=\"mn-icon\"\u003e🌍\u003c\/div\u003e\n\u003ch3\u003eEngagement écologique\u003c\/h3\u003e\n\u003cp\u003eFlacon pompe rechargeable, formule biodégradable, ingrédients issus de l'agriculture biologique. Un geste beauté qui respecte la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card\"\u003e\n\u003cdiv class=\"mn-icon\"\u003e💰\u003c\/div\u003e\n\u003ch3\u003eFormat économique\u003c\/h3\u003e\n\u003cp\u003eFlacon de 1L ultra-généreux, idéal pour toute la famille. Un investissement malin pour des mois de plaisir sous la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003eUne composition naturelle d'exception\u003c\/h2\u003e\n\u003cdiv class=\"mn-composition-intro\"\u003e\n\u003cp\u003eEmma Noël sélectionne avec soin chaque ingrédient pour créer des produits d'hygiène qui allient efficacité et respect de votre peau. Ce gel douche est formulé avec :\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-grid\"\u003e\n\u003cdiv class=\"mn-card mn-ingredient\"\u003e\n\u003cdiv class=\"mn-ingredient-icon\"\u003e🥥\u003c\/div\u003e\n\u003ch3\u003eHuile de coco bio\u003c\/h3\u003e\n\u003cp\u003eBase lavante douce et naturelle, elle nettoie délicatement sans agresser l'épiderme. Reconnue pour ses propriétés nourrissantes et adoucissantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card mn-ingredient\"\u003e\n\u003cdiv class=\"mn-ingredient-icon\"\u003e🌺\u003c\/div\u003e\n\u003ch3\u003eParfum naturel monoï\u003c\/h3\u003e\n\u003cp\u003eFragrance authentique qui capture l'essence des fleurs de Tiaré macérées dans l'huile de coco. Un voyage olfactif immédiat vers les îles polynésiennes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card mn-ingredient\"\u003e\n\u003cdiv class=\"mn-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAgents hydratants naturels\u003c\/h3\u003e\n\u003cp\u003eGlycérine végétale et extraits botaniques qui maintiennent l'hydratation de la peau et préviennent la sensation de tiraillement après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card mn-ingredient\"\u003e\n\u003cdiv class=\"mn-ingredient-icon\"\u003e🚫\u003c\/div\u003e\n\u003ch3\u003eSans ingrédients controversés\u003c\/h3\u003e\n\u003cp\u003eFormule garantie sans parabènes, sans silicones, sans colorants synthétiques, sans sulfates agressifs (SLS\/SLES). Respect total de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n\u003cdiv class=\"mn-usage-grid\"\u003e\n\u003cdiv class=\"mn-usage-step\"\u003e\n\u003cdiv class=\"mn-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mn-step-content\"\u003e\n\u003ch3\u003eMouiller la peau\u003c\/h3\u003e\n\u003cp\u003eSous la douche, mouillez votre corps à l'eau tiède pour ouvrir les pores et préparer la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-usage-step\"\u003e\n\u003cdiv class=\"mn-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mn-step-content\"\u003e\n\u003ch3\u003eAppliquer le gel\u003c\/h3\u003e\n\u003cp\u003ePompez une ou deux doses de gel douche dans vos mains ou sur un gant de toilette. Une petite quantité suffit grâce à sa texture concentrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-usage-step\"\u003e\n\u003cdiv class=\"mn-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mn-step-content\"\u003e\n\u003ch3\u003eFaire mousser\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement sur tout le corps en mouvements circulaires. Profitez du parfum envoûtant qui se libère au contact de l'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-usage-step\"\u003e\n\u003cdiv class=\"mn-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"mn-step-content\"\u003e\n\u003ch3\u003eRincer abondamment\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau claire jusqu'à élimination complète de la mousse. Votre peau est propre, douce et délicatement parfumée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-tip-box\"\u003e\n\u003cdiv class=\"mn-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv class=\"mn-tip-text\"\u003e\n\u003cstrong\u003eAstuce bien-être :\u003c\/strong\u003e Pour prolonger le plaisir, appliquez après la douche une huile végétale ou un lait hydratant. L'accord avec une huile de monoï sublimera encore davantage le parfum tropical sur votre peau.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RÉSULTATS ATTENDUS --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003eLes bienfaits ressentis dès la première utilisation\u003c\/h2\u003e\n\u003cdiv class=\"mn-results-grid\"\u003e\n\u003cdiv class=\"mn-result-card\"\u003e\n\u003cdiv class=\"mn-result-icon\"\u003e🌟\u003c\/div\u003e\n\u003cdiv class=\"mn-result-content\"\u003e\n\u003ch3\u003eDès la première douche\u003c\/h3\u003e\n\u003cp\u003ePeau propre et fraîche sans sensation de tiraillement. Parfum tropical envoûtant qui persiste plusieurs heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-result-card\"\u003e\n\u003cdiv class=\"mn-result-icon\"\u003e💆♀️\u003c\/div\u003e\n\u003cdiv class=\"mn-result-content\"\u003e\n\u003ch3\u003eAprès 1 semaine\u003c\/h3\u003e\n\u003cp\u003ePeau visiblement plus souple et douce au toucher. L'hydratation naturelle de l'épiderme est préservée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-result-card\"\u003e\n\u003cdiv class=\"mn-result-icon\"\u003e🌺\u003c\/div\u003e\n\u003cdiv class=\"mn-result-content\"\u003e\n\u003ch3\u003eUsage régulier\u003c\/h3\u003e\n\u003cp\u003eConfort cutané optimal, peau durablement nourrie et protégée. Un moment de bien-être quotidien qui transforme la routine en rituel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce gel douche ?\u003c\/h2\u003e\n\u003cdiv class=\"mn-grid mn-target-grid\"\u003e\n\u003cdiv class=\"mn-card mn-target\"\u003e\n\u003cdiv class=\"mn-target-icon\"\u003e👨👩👧👦\u003c\/div\u003e\n\u003ch3\u003eToute la famille\u003c\/h3\u003e\n\u003cp\u003eFormule douce adaptée à tous les types de peaux, même sensibles. Convient aux adultes et enfants à partir de 3 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card mn-target\"\u003e\n\u003cdiv class=\"mn-target-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAdeptes du bio\u003c\/h3\u003e\n\u003cp\u003eCelles et ceux qui privilégient les cosmétiques certifiés, naturels et respectueux de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card mn-target\"\u003e\n\u003cdiv class=\"mn-target-icon\"\u003e🏝️\u003c\/div\u003e\n\u003ch3\u003eAmoureux des parfums tropicaux\u003c\/h3\u003e\n\u003cp\u003eSi vous aimez les fragrances ensoleillées, florales et exotiques qui évoquent les vacances et l'évasion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-card mn-target\"\u003e\n\u003cdiv class=\"mn-target-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003ePeaux déshydratées\u003c\/h3\u003e\n\u003cp\u003eIdéal si vous recherchez un nettoyant qui ne dessèche pas, grâce à ses agents hydratants naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"mn-warning-box\"\u003e\n\u003cdiv class=\"mn-warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003cdiv class=\"mn-warning-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsage externe uniquement\u003c\/strong\u003e : éviter le contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConservation\u003c\/strong\u003e : refermer soigneusement le flacon après usage. Conserver à l'abri de la chaleur et de la lumière directe.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAllergies\u003c\/strong\u003e : bien que formulé avec des ingrédients naturels, testez le produit sur une petite zone si vous avez la peau très réactive.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnfants\u003c\/strong\u003e : utilisation sous la surveillance d'un adulte pour les enfants de moins de 6 ans.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"mn-grid mn-info-grid\"\u003e\n\u003cdiv class=\"mn-info-card\"\u003e\n\u003cdiv class=\"mn-info-icon\"\u003e📦\u003c\/div\u003e\n\u003cdiv class=\"mn-info-text\"\u003e\n\u003ch4\u003eContenance\u003c\/h4\u003e\n\u003cp\u003e1 litre (1000 ml)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-info-card\"\u003e\n\u003cdiv class=\"mn-info-icon\"\u003e🏷️\u003c\/div\u003e\n\u003cdiv class=\"mn-info-text\"\u003e\n\u003ch4\u003eCertification\u003c\/h4\u003e\n\u003cp\u003eCosmébio \/ Bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-info-card\"\u003e\n\u003cdiv class=\"mn-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003cdiv class=\"mn-info-text\"\u003e\n\u003ch4\u003eOrigine\u003c\/h4\u003e\n\u003cp\u003eFabriqué en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-info-card\"\u003e\n\u003cdiv class=\"mn-info-icon\"\u003e♻️\u003c\/div\u003e\n\u003cdiv class=\"mn-info-text\"\u003e\n\u003ch4\u003ePackaging\u003c\/h4\u003e\n\u003cp\u003eFlacon pompe rechargeable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-info-card\"\u003e\n\u003cdiv class=\"mn-info-icon\"\u003e🌺\u003c\/div\u003e\n\u003cdiv class=\"mn-info-text\"\u003e\n\u003ch4\u003eParfum\u003c\/h4\u003e\n\u003cp\u003eMonoï de Tahiti\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mn-info-card\"\u003e\n\u003cdiv class=\"mn-info-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"mn-info-text\"\u003e\n\u003ch4\u003eTexture\u003c\/h4\u003e\n\u003cp\u003eGel onctueux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LA MARQUE EMMA NOËL --\u003e\n\u003csection class=\"mn-section\"\u003e\n\u003ch2\u003eEmma Noël, l'excellence des huiles bio depuis 1995\u003c\/h2\u003e\n\u003cdiv class=\"mn-brand-box\"\u003e\n\u003cdiv class=\"mn-brand-content\"\u003e\n\u003cp\u003eDepuis près de 30 ans, \u003cstrong\u003eEmma Noël\u003c\/strong\u003e est la référence française en matière d'huiles végétales biologiques et de cosmétiques naturels. Spécialiste reconnue, la marque s'engage pour :\u003c\/p\u003e\n\u003cul class=\"mn-brand-values\"\u003e\n\u003cli\u003e🌿 Une sélection rigoureuse d'ingrédients issus de l'agriculture biologique\u003c\/li\u003e\n\u003cli\u003e🔬 Des formules élaborées dans le respect de la peau et de l'environnement\u003c\/li\u003e\n\u003cli\u003e🇫🇷 Une fabrication française garante de qualité et de traçabilité\u003c\/li\u003e\n\u003cli\u003e🌍 Un engagement éthique et écologique dans toute la chaîne de production\u003c\/li\u003e\n\u003cli\u003e💚 Des produits certifiés par des organismes indépendants (Cosmébio, Ecocert)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eAvec Emma Noël, vous choisissez une marque pionnière du bio qui allie expertise, authenticité et respect de la nature.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"mn-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mn-cta-box\"\u003e\n\u003cdiv class=\"mn-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mn-cta-content\"\u003e\n\u003cdiv class=\"mn-cta-icon\"\u003e🌺\u003c\/div\u003e\n\u003cp\u003eOffrez-vous une parenthèse tropicale à chaque douche avec ce gel monoï bio d'exception. Un format généreux de 1L pour partager le plaisir en famille et transformer votre salle de bain en véritable spa polynésien.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eL'évasion commence ici, sous votre douche !\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --mn-cream: #FAF8F5;\n --mn-white: #ffffff;\n --mn-primary: #FDB714;\n --mn-primary-dark: #E09E00;\n --mn-primary-light: #FFF4DC;\n --mn-secondary: #E91E7A;\n --mn-accent: #FFE5B4;\n\n \/* Textes *\/\n --mn-text: #1a1a1a;\n --mn-text-light: #5a5a5a;\n\n \/* Effets *\/\n --mn-border: #e0e0e0;\n --mn-shadow: 0 4px 24px rgba(253, 183, 20, 0.12);\n --mn-shadow-lg: 0 12px 48px rgba(253, 183, 20, 0.25);\n --mn-radius: 20px;\n --mn-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mn-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.mn-hero {\n position: relative;\n background: linear-gradient(135deg, #FDB714 0%, #FFC850 50%, #FFE5B4 100%);\n border-radius: var(--mn-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--mn-shadow-lg);\n}\n\n.mn-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,0.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,0.3) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.1) 10px, rgba(255,255,255,0.1) 20px);\n}\n\n.mn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mn-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.mn-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mn-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.mn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.mn-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n text-transform: lowercase;\n}\n\n.mn-subtitle {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n color: rgba(255, 255, 255, 0.95);\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.mn-description {\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n color: rgba(255, 255, 255, 0.9);\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.mn-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.mn-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--mn-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mn-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(--mn-primary), var(--mn-secondary));\n border-radius: 2px;\n}\n\n.mn-premium h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--mn-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -0.02em;\n}\n\n.mn-premium h4 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mn-primary-dark);\n margin: 0 0 0.25rem 0;\n}\n\n.mn-premium p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--mn-text-light);\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.mn-card {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mn-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n height: 100%;\n}\n\n.mn-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--mn-shadow-lg);\n border-color: var(--mn-primary);\n}\n\n.mn-icon {\n font-size: clamp(42px, 6vw, 56px);\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === GRILLES === *\/\n.mn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === COMPOSITION === *\/\n.mn-composition-intro {\n background: linear-gradient(135deg, var(--mn-primary-light), var(--mn-accent));\n border-radius: var(--mn-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 2rem;\n border-left: 4px solid var(--mn-primary);\n}\n\n.mn-composition-intro p {\n color: var(--mn-text);\n font-size: 16px;\n font-weight: 500;\n margin: 0;\n}\n\n.mn-ingredient {\n text-align: center;\n}\n\n.mn-ingredient-icon {\n font-size: clamp(48px, 7vw, 64px);\n margin-bottom: 1rem;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.mn-usage-grid {\n display: grid;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.mn-usage-step {\n display: flex;\n gap: 1.5rem;\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mn-shadow);\n align-items: flex-start;\n transition: all 0.3s ease;\n}\n\n.mn-usage-step:hover {\n transform: translateX(8px);\n box-shadow: var(--mn-shadow-lg);\n}\n\n.mn-step-number {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--mn-primary), var(--mn-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 box-shadow: 0 4px 16px rgba(253, 183, 20, 0.3);\n}\n\n.mn-step-content h3 {\n margin-bottom: 0.5rem;\n}\n\n.mn-tip-box {\n display: flex;\n gap: 1.5rem;\n background: linear-gradient(135deg, var(--mn-secondary), #c41a65);\n border-radius: var(--mn-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n color: white;\n align-items: center;\n}\n\n.mn-tip-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.mn-tip-text {\n font-size: 15px;\n line-height: 1.7;\n}\n\n.mn-tip-text strong {\n display: block;\n font-size: 17px;\n margin-bottom: 0.5rem;\n}\n\n\/* === RÉSULTATS === *\/\n.mn-results-grid {\n display: grid;\n gap: 1.5rem;\n}\n\n.mn-result-card {\n display: flex;\n gap: 1.5rem;\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mn-shadow);\n align-items: center;\n border-left: 4px solid var(--mn-primary);\n transition: all 0.3s ease;\n}\n\n.mn-result-card:hover {\n transform: translateX(8px);\n box-shadow: var(--mn-shadow-lg);\n}\n\n.mn-result-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.mn-result-content h3 {\n color: var(--mn-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n\/* === CIBLES === *\/\n.mn-target {\n text-align: center;\n}\n\n.mn-target-icon {\n font-size: clamp(48px, 7vw, 64px);\n margin-bottom: 1rem;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.mn-warning-box {\n display: flex;\n gap: 1.5rem;\n background: linear-gradient(135deg, #FFF4DC, #FFE5B4);\n border-radius: var(--mn-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-left: 4px solid var(--mn-primary);\n}\n\n.mn-warning-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.mn-warning-content ul {\n margin: 0;\n padding-left: 1.5rem;\n list-style: none;\n}\n\n.mn-warning-content li {\n margin-bottom: 1rem;\n padding-left: 1.5rem;\n position: relative;\n color: var(--mn-text);\n font-size: 15px;\n line-height: 1.7;\n}\n\n.mn-warning-content li:last-child {\n margin-bottom: 0;\n}\n\n.mn-warning-content li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: var(--mn-primary);\n font-weight: 900;\n font-size: 20px;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.mn-info-grid {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n.mn-info-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 0.75rem;\n}\n\n.mn-info-icon {\n font-size: 42px;\n}\n\n.mn-info-text h4 {\n margin-bottom: 0.25rem;\n}\n\n.mn-info-text p {\n font-size: 15px;\n font-weight: 600;\n color: var(--mn-text);\n}\n\n\/* === MARQUE === *\/\n.mn-brand-box {\n background: linear-gradient(135deg, var(--mn-white), var(--mn-primary-light));\n border-radius: var(--mn-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--mn-shadow);\n border: 2px solid var(--mn-primary);\n}\n\n.mn-brand-content p {\n font-size: 16px;\n line-height: 1.8;\n color: var(--mn-text);\n margin-bottom: 1.5rem;\n}\n\n.mn-brand-content p:last-child {\n margin-bottom: 0;\n}\n\n.mn-brand-values {\n list-style: none;\n padding: 0;\n margin: 1.5rem 0;\n}\n\n.mn-brand-values li {\n padding: 0.75rem 0;\n font-size: 15px;\n font-weight: 600;\n color: var(--mn-text);\n border-bottom: 1px solid var(--mn-border);\n}\n\n.mn-brand-values li:last-child {\n border-bottom: none;\n}\n\n\/* === CTA FINAL === *\/\n.mn-cta-box {\n background: linear-gradient(135deg, var(--mn-primary) 0%, var(--mn-primary-dark) 100%);\n border-radius: var(--mn-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mn-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.1;\n background-image: \n radial-gradient(circle at 30% 20%, rgba(255,255,255,0.3) 0%, transparent 50%),\n radial-gradient(circle at 70% 80%, rgba(255,255,255,0.2) 0%, transparent 50%);\n}\n\n.mn-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.mn-cta-icon {\n font-size: clamp(56px, 8vw, 72px);\n margin-bottom: 1rem;\n animation: float 3s ease-in-out infinite;\n}\n\n.mn-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n margin-bottom: 1rem;\n}\n\n.mn-cta-box p:last-child {\n margin-bottom: 0;\n font-size: clamp(19px, 2.8vw, 24px);\n font-weight: 800;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mn-grid {\n grid-template-columns: 1fr;\n }\n \n .mn-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .mn-usage-step {\n flex-direction: column;\n text-align: center;\n }\n \n .mn-step-number {\n margin: 0 auto;\n }\n \n .mn-result-card,\n .mn-tip-box,\n .mn-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .mn-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mn-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .mn-card:nth-child(1) { animation-delay: 0.1s; }\n .mn-card:nth-child(2) { animation-delay: 0.2s; }\n .mn-card:nth-child(3) { animation-delay: 0.3s; }\n .mn-card:nth-child(4) { animation-delay: 0.4s; }\n .mn-card:nth-child(5) { animation-delay: 0.5s; }\n .mn-card:nth-child(6) { animation-delay: 0.6s; }\n \n .mn-usage-step {\n animation: fadeInLeft 0.6s ease backwards;\n }\n \n .mn-usage-step:nth-child(1) { animation-delay: 0.1s; }\n .mn-usage-step:nth-child(2) { animation-delay: 0.2s; }\n .mn-usage-step:nth-child(3) { animation-delay: 0.3s; }\n .mn-usage-step:nth-child(4) { animation-delay: 0.4s; }\n \n .mn-result-card {\n animation: fadeInRight 0.6s ease backwards;\n }\n \n .mn-result-card:nth-child(1) { animation-delay: 0.1s; }\n .mn-result-card:nth-child(2) { animation-delay: 0.2s; }\n .mn-result-card:nth-child(3) { animation-delay: 0.3s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes float {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-10px);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mn-premium * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .mn-premium {\n --mn-shadow: 0 0 0 2px currentColor;\n --mn-shadow-lg: 0 0 0 3px currentColor;\n }\n}\n\n\/* === FOCUS === *\/\n.mn-badge:focus,\n.mn-card:focus,\n.mn-usage-step:focus {\n outline: 3px solid var(--mn-primary);\n outline-offset: 4px;\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56349394862457,"sku":"NBAIEMM0020","price":14.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel_douche_monoi_emma_noel_1__11zon.jpg?v=1766068643"},{"product_id":"gel-douche-rose-de-damas-bio-1l-emma-noel","title":"Gel douche Rose de Damas Bio - 1L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel douche Rose de Damas Bio - Emma Noël\nPalette détectée:\n - Primaire: #F272A3 (Rose vif du packaging central)\n - Secondaire: #E84E8A (Rose plus intense pour accents)\n - Accent: #FFC4DD (Rose pâle pour backgrounds doux)\n - Vert Bio: #7CB342 (Pour badge bio)\nAmbiance: Féminin, délicat, naturel\/bio, soin premium, romantique avec la rose de Damas\nStyle suggéré: Élégant, doux, naturel avec une touche de luxe floral\nPréfixe CSS: rdg (rose-damas-gel)\n--\u003e\n\n\u003cdiv class=\"rdg-premium\"\u003e\n \u003cdiv class=\"rdg-hero\"\u003e\n \u003cdiv class=\"rdg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rdg-hero-content\"\u003e\n \u003cdiv class=\"rdg-badges-top\"\u003e\n \u003cspan class=\"rdg-badge\"\u003e🌸 Rose de Damas\u003c\/span\u003e\n \u003cspan class=\"rdg-badge\"\u003e🌿 Certifié BIO\u003c\/span\u003e\n \u003cspan class=\"rdg-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rdg-hero-title\"\u003eGel douche Rose de Damas\u003c\/span\u003e\n \u003cp class=\"rdg-subtitle\"\u003eL'essence précieuse de la reine des fleurs pour votre peau\u003c\/p\u003e\n \u003cp class=\"rdg-description\"\u003eUn moment de bien-être quotidien avec la délicate senteur de la rose de Damas, cultivée de manière biologique. Une formule douce qui respecte l'équilibre naturel de votre peau tout en l'enveloppant d'un parfum floral envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rdg-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de la rose de Damas\u003c\/h2\u003e\n \u003cdiv class=\"rdg-grid\"\u003e\n \u003cdiv class=\"rdg-card\"\u003e\n \u003cdiv class=\"rdg-card-icon\"\u003e🌹\u003c\/div\u003e\n \u003cdiv class=\"rdg-card-title\"\u003eParfum envoûtant\u003c\/div\u003e\n \u003cp\u003eLa rose de Damas offre une fragrance florale délicate et raffinée qui persiste délicatement sur la peau après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-card\"\u003e\n \u003cdiv class=\"rdg-card-icon\"\u003e💧\u003c\/div\u003e\n \u003cdiv class=\"rdg-card-title\"\u003eNettoyage en douceur\u003c\/div\u003e\n \u003cp\u003eFormule onctueuse qui nettoie efficacement sans agresser, respectant le film hydrolipidique naturel de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-card\"\u003e\n \u003cdiv class=\"rdg-card-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"rdg-card-title\"\u003ePeau apaisée\u003c\/div\u003e\n \u003cp\u003ePropriétés apaisantes et adoucissantes reconnues de la rose pour une peau douce et confortable après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-card\"\u003e\n \u003cdiv class=\"rdg-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"rdg-card-title\"\u003e100% bio\u003c\/div\u003e\n \u003cp\u003eCertifié biologique, sans parabènes, sans sulfates agressifs, pour un soin respectueux de votre corps et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rdg-section\"\u003e\n \u003ch2\u003e🌸 La rose de Damas, trésor de la nature\u003c\/h2\u003e\n \u003cdiv class=\"rdg-info-box\"\u003e\n \u003cdiv class=\"rdg-info-content\"\u003e\n \u003cp\u003eLa rose de Damas (Rosa damascena) est considérée depuis l'Antiquité comme la reine des fleurs. Cultivée traditionnellement au Moyen-Orient, elle est réputée pour son parfum incomparable et ses propriétés cosmétiques exceptionnelles.\u003c\/p\u003e\n \u003cp\u003eIl faut environ \u003cstrong\u003e4 tonnes de pétales\u003c\/strong\u003e pour obtenir 1 litre d'essence pure de rose de Damas, ce qui en fait l'un des ingrédients les plus précieux en cosmétique naturelle.\u003c\/p\u003e\n \u003cdiv class=\"rdg-values-row\"\u003e\n \u003cdiv class=\"rdg-value-item\"\u003e\n \u003cdiv class=\"rdg-value-number\"\u003e100%\u003c\/div\u003e\n \u003cdiv class=\"rdg-value-label\"\u003eBio certifié\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-value-item\"\u003e\n \u003cdiv class=\"rdg-value-number\"\u003e1L\u003c\/div\u003e\n \u003cdiv class=\"rdg-value-label\"\u003eFormat économique\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-value-item\"\u003e\n \u003cdiv class=\"rdg-value-number\"\u003e0%\u003c\/div\u003e\n \u003cdiv class=\"rdg-value-label\"\u003eParabènes \u0026amp; sulfates\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rdg-section\"\u003e\n \u003ch2\u003e💆‍♀️ Mode d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"rdg-steps\"\u003e\n \u003cdiv class=\"rdg-step\"\u003e\n \u003cdiv class=\"rdg-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rdg-step-content\"\u003e\n \u003cdiv class=\"rdg-step-title\"\u003eHumidifiez votre peau\u003c\/div\u003e\n \u003cp\u003eSous la douche ou dans le bain, mouillez généreusement votre corps à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-step\"\u003e\n \u003cdiv class=\"rdg-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rdg-step-content\"\u003e\n \u003cdiv class=\"rdg-step-title\"\u003eAppliquez le gel\u003c\/div\u003e\n \u003cp\u003eVersez une petite quantité de gel dans le creux de votre main ou sur une éponge douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-step\"\u003e\n \u003cdiv class=\"rdg-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rdg-step-content\"\u003e\n \u003cdiv class=\"rdg-step-title\"\u003eMassez délicatement\u003c\/div\u003e\n \u003cp\u003eFaites mousser en massant sur tout le corps avec des mouvements circulaires pour profiter du parfum envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-step\"\u003e\n \u003cdiv class=\"rdg-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rdg-step-content\"\u003e\n \u003cdiv class=\"rdg-step-title\"\u003eRincez abondamment\u003c\/div\u003e\n \u003cp\u003eRincez soigneusement à l'eau claire et savourez la douceur de votre peau délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rdg-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"rdg-grid\"\u003e\n \u003cdiv class=\"rdg-card rdg-card-profile\"\u003e\n \u003cdiv class=\"rdg-profile-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"rdg-card-title\"\u003eAmatrices de senteurs florales\u003c\/div\u003e\n \u003cp\u003ePour toutes celles qui apprécient les parfums délicats et raffinés de la rose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-card rdg-card-profile\"\u003e\n \u003cdiv class=\"rdg-profile-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"rdg-card-title\"\u003eAdeptes du bio\u003c\/div\u003e\n \u003cp\u003ePour les personnes soucieuses d'utiliser des produits naturels certifiés biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-card rdg-card-profile\"\u003e\n \u003cdiv class=\"rdg-profile-icon\"\u003e💧\u003c\/div\u003e\n \u003cdiv class=\"rdg-card-title\"\u003ePeaux sensibles\u003c\/div\u003e\n \u003cp\u003eFormule douce adaptée aux peaux délicates grâce à ses propriétés apaisantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-card rdg-card-profile\"\u003e\n \u003cdiv class=\"rdg-profile-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv class=\"rdg-card-title\"\u003eÉco-responsables\u003c\/div\u003e\n \u003cp\u003eFormat 1L économique et écologique qui limite les déchets plastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rdg-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"rdg-info-grid\"\u003e\n \u003cdiv class=\"rdg-info-card\"\u003e\n \u003cdiv class=\"rdg-info-icon\"\u003e📏\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-label\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-value\"\u003e1 litre (1000ml)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-info-card\"\u003e\n \u003cdiv class=\"rdg-info-icon\"\u003e🏷️\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-label\"\u003eMarque\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-value\"\u003eEmma Noël\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-info-card\"\u003e\n \u003cdiv class=\"rdg-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-label\"\u003eCertification\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-value\"\u003eBIO certifié\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-info-card\"\u003e\n \u003cdiv class=\"rdg-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-label\"\u003eOrigine\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-value\"\u003eFabriqué en France\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-info-card\"\u003e\n \u003cdiv class=\"rdg-info-icon\"\u003e🚿\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-label\"\u003eUtilisation\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-value\"\u003eCorps \u0026amp; mains\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-info-card\"\u003e\n \u003cdiv class=\"rdg-info-icon\"\u003e⏱️\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-label\"\u003eDurée\u003c\/div\u003e\n \u003cdiv class=\"rdg-info-value\"\u003e~2-3 mois\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rdg-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rdg-warning-box\"\u003e\n \u003cdiv class=\"rdg-warning-item\"\u003e\n \u003cspan class=\"rdg-warning-icon\"\u003e👁️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eÉviter le contact avec les yeux.\u003c\/strong\u003e En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-warning-item\"\u003e\n \u003cspan class=\"rdg-warning-icon\"\u003e🧴\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Ne pas ingérer. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-warning-item\"\u003e\n \u003cspan class=\"rdg-warning-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e Conserver à l'abri de la lumière et de la chaleur. Refermer le flacon après usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rdg-warning-item\"\u003e\n \u003cspan class=\"rdg-warning-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eTest d'allergie :\u003c\/strong\u003e En cas de peau très sensible, effectuer un test dans le pli du coude avant première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rdg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rdg-cta-box\"\u003e\n \u003cdiv class=\"rdg-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rdg-cta-content\"\u003e\n \u003cp class=\"rdg-cta-title\"\u003e🌹 Offrez-vous l'expérience Rose de Damas\u003c\/p\u003e\n \u003cp class=\"rdg-cta-text\"\u003eTransformez votre routine douche en un moment de pure délicatesse avec ce gel douche bio au parfum envoûtant. Format 1L pour des semaines de bien-être floral !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --rdg-cream: #fef9f7;\n --rdg-white: #ffffff;\n --rdg-primary: #F272A3;\n --rdg-primary-dark: #E84E8A;\n --rdg-primary-light: #FFF0F6;\n --rdg-secondary: #FFC4DD;\n --rdg-accent: #7CB342;\n \n \/* Textes *\/\n --rdg-text: #1a1a1a;\n --rdg-text-light: #5a5a5a;\n \n \/* Effets *\/\n --rdg-border: #ffe0ed;\n --rdg-shadow: 0 4px 24px rgba(242, 114, 163, 0.12);\n --rdg-shadow-lg: 0 12px 48px rgba(242, 114, 163, 0.2);\n --rdg-radius: 20px;\n --rdg-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rdg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rdg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rdg-hero {\n position: relative;\n background: linear-gradient(135deg, #F272A3 0%, #E84E8A 50%, #FFC4DD 100%);\n border-radius: var(--rdg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--rdg-shadow-lg);\n}\n\n.rdg-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.3) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255, 255, 255, 0.05) 20px, rgba(255, 255, 255, 0.05) 40px);\n}\n\n.rdg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rdg-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.rdg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rdg-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.rdg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.rdg-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.rdg-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.rdg-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.rdg-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.rdg-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--rdg-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rdg-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(--rdg-primary), var(--rdg-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.rdg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.rdg-card {\n background: var(--rdg-white);\n border-radius: var(--rdg-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--rdg-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.rdg-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--rdg-shadow-lg);\n border-color: var(--rdg-primary);\n}\n\n.rdg-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n text-align: center;\n}\n\n.rdg-card-title {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--rdg-primary-dark);\n margin-bottom: 0.75rem;\n text-align: center;\n}\n\n.rdg-card p {\n color: var(--rdg-text-light);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n text-align: center;\n}\n\n\/* === INFO BOX === *\/\n.rdg-info-box {\n background: linear-gradient(135deg, var(--rdg-primary-light) 0%, rgba(255, 240, 246, 0.5) 100%);\n border-radius: var(--rdg-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--rdg-border);\n}\n\n.rdg-info-content p {\n color: var(--rdg-text);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin-bottom: 1.25rem;\n}\n\n.rdg-info-content p:last-of-type {\n margin-bottom: 2rem;\n}\n\n.rdg-values-row {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n}\n\n.rdg-value-item {\n text-align: center;\n padding: 1.5rem;\n background: var(--rdg-white);\n border-radius: var(--rdg-radius-sm);\n box-shadow: 0 2px 12px rgba(242, 114, 163, 0.08);\n}\n\n.rdg-value-number {\n font-size: clamp(32px, 5vw, 42px);\n font-weight: 900;\n color: var(--rdg-primary);\n margin-bottom: 0.5rem;\n letter-spacing: -0.02em;\n}\n\n.rdg-value-label {\n font-size: 14px;\n font-weight: 600;\n color: var(--rdg-text-light);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n\/* === ÉTAPES === *\/\n.rdg-steps {\n display: grid;\n gap: 1.5rem;\n}\n\n.rdg-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--rdg-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--rdg-radius);\n box-shadow: var(--rdg-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.rdg-step:hover {\n transform: translateX(8px);\n border-color: var(--rdg-primary);\n box-shadow: var(--rdg-shadow-lg);\n}\n\n.rdg-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--rdg-primary), var(--rdg-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(242, 114, 163, 0.3);\n}\n\n.rdg-step-content {\n flex: 1;\n}\n\n.rdg-step-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--rdg-primary-dark);\n margin-bottom: 0.5rem;\n display: block;\n}\n\n.rdg-step-content p {\n color: var(--rdg-text-light);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.rdg-card-profile {\n text-align: center;\n}\n\n.rdg-profile-icon {\n font-size: 64px;\n margin-bottom: 1rem;\n}\n\n\/* === INFO GRID === *\/\n.rdg-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n}\n\n.rdg-info-card {\n background: var(--rdg-white);\n padding: 1.5rem;\n border-radius: var(--rdg-radius-sm);\n text-align: center;\n box-shadow: var(--rdg-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.rdg-info-card:hover {\n transform: translateY(-4px);\n border-color: var(--rdg-primary);\n box-shadow: var(--rdg-shadow-lg);\n}\n\n.rdg-info-icon {\n font-size: 36px;\n margin-bottom: 0.75rem;\n}\n\n.rdg-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--rdg-text-light);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-bottom: 0.5rem;\n}\n\n.rdg-info-value {\n font-size: 17px;\n font-weight: 800;\n color: var(--rdg-primary-dark);\n}\n\n\/* === WARNING BOX === *\/\n.rdg-warning-box {\n background: var(--rdg-white);\n border-radius: var(--rdg-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid var(--rdg-border);\n display: grid;\n gap: 1.5rem;\n}\n\n.rdg-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rdg-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.rdg-warning-item p {\n color: var(--rdg-text);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n}\n\n.rdg-warning-item strong {\n color: var(--rdg-primary-dark);\n font-weight: 700;\n}\n\n\/* === CTA FINAL === *\/\n.rdg-cta-box {\n background: linear-gradient(135deg, var(--rdg-primary) 0%, var(--rdg-primary-dark) 100%);\n border-radius: var(--rdg-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--rdg-shadow-lg);\n}\n\n.rdg-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.1;\n background-image: \n radial-gradient(circle at 20% 20%, white 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, white 0%, transparent 50%);\n}\n\n.rdg-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.rdg-cta-title {\n color: white;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n margin-bottom: 1rem;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);\n letter-spacing: -0.02em;\n}\n\n.rdg-cta-text {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rdg-grid {\n grid-template-columns: 1fr;\n }\n \n .rdg-step {\n flex-direction: column;\n text-align: center;\n }\n \n .rdg-step-number {\n margin: 0 auto 1rem;\n }\n \n .rdg-info-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rdg-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .rdg-card:nth-child(1) { animation-delay: 0.1s; }\n .rdg-card:nth-child(2) { animation-delay: 0.2s; }\n .rdg-card:nth-child(3) { animation-delay: 0.3s; }\n .rdg-card:nth-child(4) { animation-delay: 0.4s; }\n .rdg-card:nth-child(5) { animation-delay: 0.5s; }\n .rdg-card:nth-child(6) { animation-delay: 0.6s; }\n \n .rdg-step {\n animation: fadeInLeft 0.6s ease backwards;\n }\n \n .rdg-step:nth-child(1) { animation-delay: 0.1s; }\n .rdg-step:nth-child(2) { animation-delay: 0.2s; }\n .rdg-step:nth-child(3) { animation-delay: 0.3s; }\n .rdg-step:nth-child(4) { animation-delay: 0.4s; }\n \n .rdg-info-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .rdg-info-card:nth-child(1) { animation-delay: 0.1s; }\n .rdg-info-card:nth-child(2) { animation-delay: 0.2s; }\n .rdg-info-card:nth-child(3) { animation-delay: 0.3s; }\n .rdg-info-card:nth-child(4) { animation-delay: 0.4s; }\n .rdg-info-card:nth-child(5) { animation-delay: 0.5s; }\n .rdg-info-card:nth-child(6) { animation-delay: 0.6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rdg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .rdg-card,\n .rdg-info-card,\n .rdg-step {\n border-color: var(--rdg-primary);\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56349499228537,"sku":"NBAIEMM0019","price":14.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel_douche_rose_de_damas_emma_noel_ambiance.jpg?v=1766068598"},{"product_id":"savon-liquide-huile-dargan-bio-1l-emma-noel","title":"Savon liquide huile d'argan bio - 1L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon liquide à l'huile d'argan bio Emma Noël\nPalette détectée:\n - Primaire: #D84A3C (rouge-orangé terracotta du packaging)\n - Secondaire: #E8935E (orange chaleureux)\n - Accent: #F4B942 (or\/jaune chaud de l'huile d'argan)\nAmbiance: Cosmétique bio naturel, chaleur méditerranéenne\/orientale, authenticité artisanale, bien-être spa, certifié biologique\nPréfixe CSS: en\n--\u003e\n\n\u003cdiv class=\"en-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"en-hero\"\u003e\n \u003cdiv class=\"en-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"en-hero-content\"\u003e\n \u003cdiv class=\"en-badges-top\"\u003e\n \u003cspan class=\"en-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e💧 Format économique 1L\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"en-hero-title\"\u003eSavon liquide à l'huile d'argan bio\u003c\/span\u003e\n \u003cp class=\"en-subtitle\"\u003eEmma Noël - L'huile source de soin\u003c\/p\u003e\n \u003cp class=\"en-description\"\u003eUn savon liquide ultra-doux enrichi en précieuse huile d'argan bio, pour nettoyer et nourrir votre peau en un seul geste. Format économique 1 litre pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POINTS FORTS --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon à l'huile d'argan ?\u003c\/h2\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e🌰\u003c\/div\u003e\n \u003cdiv class=\"en-card-title\"\u003eHuile d'argan bio\u003c\/div\u003e\n \u003cp class=\"en-card-text\"\u003eEnrichi en véritable huile d'argan bio du Maroc, réputée pour ses propriétés nourrissantes, assouplissantes et régénérantes exceptionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"en-card-title\"\u003eNettoyage doux\u003c\/div\u003e\n \u003cp class=\"en-card-text\"\u003eFormule ultra-douce qui nettoie efficacement sans agresser, respecte l'équilibre naturel de votre peau et convient aux peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e💚\u003c\/div\u003e\n \u003cdiv class=\"en-card-title\"\u003e100% bio \u0026amp; naturel\u003c\/div\u003e\n \u003cp class=\"en-card-text\"\u003eCertifié biologique, sans sulfates agressifs, sans parabènes, sans colorants synthétiques. Formule respectueuse de votre peau et de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e👨‍👩‍👧‍👦\u003c\/div\u003e\n \u003cdiv class=\"en-card-title\"\u003ePour toute la famille\u003c\/div\u003e\n \u003cp class=\"en-card-text\"\u003eConvient à tous les types de peaux et à toute la famille. Format économique 1L avec pompe pratique pour un usage quotidien prolongé.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e🌊\u003c\/div\u003e\n \u003cdiv class=\"en-card-title\"\u003eHydratation préservée\u003c\/div\u003e\n \u003cp class=\"en-card-text\"\u003eNe dessèche pas la peau grâce à l'huile d'argan qui maintient l'hydratation naturelle et laisse une sensation de douceur après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e🏺\u003c\/div\u003e\n \u003cdiv class=\"en-card-title\"\u003eFormat généreux\u003c\/div\u003e\n \u003cp class=\"en-card-text\"\u003eFlacon pompe de 1 litre pour plusieurs mois d'utilisation. Économique, pratique et écologique grâce à son format familial rechargeable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eL'or du Maroc au cœur de la formule\u003c\/h2\u003e\n \u003cdiv class=\"en-composition-intro\"\u003e\n \u003cp\u003eEmma Noël sélectionne avec soin les ingrédients de ses produits. Ce savon liquide bio est formulé autour de l'huile d'argan, trésor de la cosmétique naturelle marocaine, reconnue mondialement pour ses bienfaits exceptionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-ingredient-card\"\u003e\n \u003cdiv class=\"en-ingredient-icon\"\u003e🌰\u003c\/div\u003e\n \u003cdiv class=\"en-ingredient-name\"\u003eHuile d'argan bio\u003c\/div\u003e\n \u003cp class=\"en-ingredient-desc\"\u003eExtraite des amandons de l'arganier du Maroc, cette huile précieuse est naturellement riche en vitamine E, en acides gras essentiels et en antioxydants. Elle nourrit, assouplit et protège la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-ingredient-card\"\u003e\n \u003cdiv class=\"en-ingredient-icon\"\u003e🧼\u003c\/div\u003e\n \u003cdiv class=\"en-ingredient-name\"\u003eBase lavante douce\u003c\/div\u003e\n \u003cp class=\"en-ingredient-desc\"\u003eTensioactifs végétaux doux dérivés de plantes, qui nettoient efficacement sans agresser le film hydrolipidique naturel de la peau. Mousse onctueuse et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-ingredient-card\"\u003e\n \u003cdiv class=\"en-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"en-ingredient-name\"\u003eGlycérine végétale\u003c\/div\u003e\n \u003cp class=\"en-ingredient-desc\"\u003eAgent hydratant naturel qui retient l'eau dans les couches superficielles de l'épiderme, maintient la souplesse et prévient le dessèchement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-ingredient-card\"\u003e\n \u003cdiv class=\"en-ingredient-icon\"\u003e🍃\u003c\/div\u003e\n \u003cdiv class=\"en-ingredient-name\"\u003eExtraits végétaux\u003c\/div\u003e\n \u003cp class=\"en-ingredient-desc\"\u003eSynergie d'extraits de plantes bio aux propriétés apaisantes, adoucissantes et protectrices pour une peau parfaitement confortable.\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=\"en-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon liquide ?\u003c\/h2\u003e\n \u003cdiv class=\"en-steps\"\u003e\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003cdiv class=\"en-step-title\"\u003eMouillez vos mains\u003c\/div\u003e\n \u003cp class=\"en-step-text\"\u003ePassez vos mains sous l'eau tiède pour préparer la peau au nettoyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003cdiv class=\"en-step-title\"\u003eAppliquez une dose\u003c\/div\u003e\n \u003cp class=\"en-step-text\"\u003ePressez 1 à 2 fois la pompe pour obtenir une noisette de savon dans le creux de votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003cdiv class=\"en-step-title\"\u003eFaites mousser\u003c\/div\u003e\n \u003cp class=\"en-step-text\"\u003eFrottez vos mains l'une contre l'autre pour créer une mousse onctueuse et parfumée. Massez pendant 20 secondes minimum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003cdiv class=\"en-step-title\"\u003eRincez abondamment\u003c\/div\u003e\n \u003cp class=\"en-step-text\"\u003eRincez soigneusement à l'eau claire jusqu'à élimination complète de la mousse. Séchez en tamponnant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-usage-tip\"\u003e\n \u003cspan class=\"en-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce bien-être :\u003c\/strong\u003e Utilisable également sous la douche sur tout le corps pour une peau nettoyée et nourrie. Convient aussi comme savon pour le visage si votre peau le tolère bien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'argan sur votre peau\u003c\/h2\u003e\n \u003cdiv class=\"en-benefits-wrapper\"\u003e\n \u003cdiv class=\"en-benefit-box\"\u003e\n \u003cdiv class=\"en-benefit-icon\"\u003e💧\u003c\/div\u003e\n \u003cdiv class=\"en-benefit-title\"\u003eHydratation profonde\u003c\/div\u003e\n \u003cp\u003eL'huile d'argan pénètre facilement dans l'épiderme et maintient un niveau d'hydratation optimal. La peau reste souple, douce et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-benefit-box\"\u003e\n \u003cdiv class=\"en-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"en-benefit-title\"\u003eProtection antioxydante\u003c\/div\u003e\n \u003cp\u003eRiche en vitamine E et en polyphénols, l'huile d'argan protège la peau contre les radicaux libres et le stress oxydatif, ralentissant ainsi le vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-benefit-box\"\u003e\n \u003cdiv class=\"en-benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"en-benefit-title\"\u003eRégénération cellulaire\u003c\/div\u003e\n \u003cp\u003eLes acides gras essentiels stimulent le renouvellement cellulaire, améliorent l'élasticité et participent à la réparation des tissus cutanés abîmés.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-benefit-box\"\u003e\n \u003cdiv class=\"en-benefit-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"en-benefit-title\"\u003eApaisement et douceur\u003c\/div\u003e\n \u003cp\u003ePropriétés calmantes et adoucissantes idéales pour les peaux sensibles, réactives ou sujettes aux rougeurs. Réduit les sensations d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003ePour qui ce savon est-il idéal ?\u003c\/h2\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-emoji\"\u003e👶\u003c\/div\u003e\n \u003cdiv class=\"en-profile-title\"\u003ePeaux sensibles\u003c\/div\u003e\n \u003cp\u003eFormule ultra-douce sans sulfates agressifs, parfaite pour les peaux délicates et réactives qui nécessitent un nettoyage respectueux.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-emoji\"\u003e🌵\u003c\/div\u003e\n \u003cdiv class=\"en-profile-title\"\u003ePeaux sèches\u003c\/div\u003e\n \u003cp\u003eL'huile d'argan compense la sécheresse cutanée, nourrit en profondeur et restaure le confort des peaux déshydratées ou tiraillées.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-emoji\"\u003e⚖️\u003c\/div\u003e\n \u003cdiv class=\"en-profile-title\"\u003ePeaux normales\u003c\/div\u003e\n \u003cp\u003eMaintient l'équilibre naturel des peaux sans problème particulier, tout en apportant une touche de nutrition quotidienne bienvenue.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-emoji\"\u003e🌍\u003c\/div\u003e\n \u003cdiv class=\"en-profile-title\"\u003eConsommateurs bio\u003c\/div\u003e\n \u003cp\u003ePour ceux qui privilégient les cosmétiques certifiés bio, naturels, éthiques et respectueux de l'environnement dans leur routine quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-emoji\"\u003e👨‍👩‍👧‍👦\u003c\/div\u003e\n \u003cdiv class=\"en-profile-title\"\u003eFamilles\u003c\/div\u003e\n \u003cp\u003eFormat économique 1L idéal pour un usage familial quotidien. Convient à tous les âges grâce à sa douceur exceptionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-emoji\"\u003e🧘‍♀️\u003c\/div\u003e\n \u003cdiv class=\"en-profile-title\"\u003eAmateurs de bien-être\u003c\/div\u003e\n \u003cp\u003ePour ceux qui recherchent un moment de soin authentique à chaque lavage de mains, avec un parfum délicat et naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ENGAGEMENT EMMA NOËL --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eL'engagement Emma Noël\u003c\/h2\u003e\n \u003cdiv class=\"en-commitment-box\"\u003e\n \u003cdiv class=\"en-commitment-grid\"\u003e\n \u003cdiv class=\"en-commitment-item\"\u003e\n \u003cdiv class=\"en-commitment-icon\"\u003e🏆\u003c\/div\u003e\n \u003cdiv class=\"en-commitment-text\"\u003e\n \u003cstrong\u003eExpertise depuis 1982\u003c\/strong\u003e\n \u003cp\u003ePlus de 40 ans d'expérience dans la sélection et la transformation d'huiles végétales bio de qualité exceptionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-commitment-item\"\u003e\n \u003cdiv class=\"en-commitment-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"en-commitment-text\"\u003e\n \u003cstrong\u003eAgriculture biologique certifiée\u003c\/strong\u003e\n \u003cp\u003eTous les ingrédients sont issus de l'agriculture biologique, sans pesticides, sans OGM, dans le respect des sols et des écosystèmes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-commitment-item\"\u003e\n \u003cdiv class=\"en-commitment-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"en-commitment-text\"\u003e\n \u003cstrong\u003eFabrication française\u003c\/strong\u003e\n \u003cp\u003eProduits formulés et fabriqués en France selon des standards de qualité stricts, dans le respect des savoir-faire traditionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-commitment-item\"\u003e\n \u003cdiv class=\"en-commitment-icon\"\u003e🤝\u003c\/div\u003e\n \u003cdiv class=\"en-commitment-text\"\u003e\n \u003cstrong\u003eCommerce équitable\u003c\/strong\u003e\n \u003cp\u003ePartenariats durables avec les producteurs d'argan au Maroc, garantissant une rémunération juste et des conditions de travail dignes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-commitment-item\"\u003e\n \u003cdiv class=\"en-commitment-icon\"\u003e🧪\u003c\/div\u003e\n \u003cdiv class=\"en-commitment-text\"\u003e\n \u003cstrong\u003eFormules clean\u003c\/strong\u003e\n \u003cp\u003eSans sulfates agressifs (SLS\/SLES), sans parabènes, sans silicones, sans colorants synthétiques. Respect de votre peau et de votre santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-commitment-item\"\u003e\n \u003cdiv class=\"en-commitment-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv class=\"en-commitment-text\"\u003e\n \u003cstrong\u003eDémarche éco-responsable\u003c\/strong\u003e\n \u003cp\u003eFormat économique pour réduire les déchets, flacon recyclable, formules biodégradables respectueuses des milieux aquatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"en-info-grid\"\u003e\n \u003cdiv class=\"en-info-card\"\u003e\n \u003cdiv class=\"en-info-label\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"en-info-value\"\u003e1 litre (1000 ml)\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-info-card\"\u003e\n \u003cdiv class=\"en-info-label\"\u003eConditionnement\u003c\/div\u003e\n \u003cdiv class=\"en-info-value\"\u003eFlacon pompe pratique\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-info-card\"\u003e\n \u003cdiv class=\"en-info-label\"\u003eOrigine\u003c\/div\u003e\n \u003cdiv class=\"en-info-value\"\u003eFabriqué en France\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-info-card\"\u003e\n \u003cdiv class=\"en-info-label\"\u003eCertification\u003c\/div\u003e\n \u003cdiv class=\"en-info-value\"\u003eAgriculture biologique\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-info-card\"\u003e\n \u003cdiv class=\"en-info-label\"\u003eType de peau\u003c\/div\u003e\n \u003cdiv class=\"en-info-value\"\u003eTous types, même sensibles\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-info-card\"\u003e\n \u003cdiv class=\"en-info-label\"\u003eUsage\u003c\/div\u003e\n \u003cdiv class=\"en-info-value\"\u003eQuotidien, toute la famille\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"en-warning-box\"\u003e\n \u003cdiv class=\"en-warning-item\"\u003e\n \u003cspan class=\"en-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Éviter le contact avec les yeux. En cas de contact accidentel, rincer abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-warning-item\"\u003e\n \u003cspan class=\"en-warning-icon\"\u003e🔒\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e À conserver à l'abri de la lumière directe et de la chaleur. Bien refermer après usage. Se conserve 12 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-warning-item\"\u003e\n \u003cspan class=\"en-warning-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAdapté aux enfants\u003c\/strong\u003e sous surveillance d'un adulte. Bien que naturel, toujours faire un test sur une petite zone en cas de peau très réactive.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"en-warning-item\"\u003e\n \u003cspan class=\"en-warning-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eTexture liquide :\u003c\/strong\u003e En cas de froid intense, l'huile d'argan peut légèrement se figer. Réchauffer à température ambiante avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"en-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"en-cta-box\"\u003e\n \u003cdiv class=\"en-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"en-cta-content\"\u003e\n \u003cp class=\"en-cta-emoji\"\u003e🌰✨\u003c\/p\u003e\n \u003cp\u003eOffrez à vos mains le soin qu'elles méritent avec ce savon liquide bio enrichi en huile d'argan. Un geste quotidien qui transforme un simple lavage en véritable rituel de bien-être naturel.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1.5rem; font-size: 0.95em; opacity: 0.95;\"\u003eFormat familial économique • Certification bio • Fabrication française • Douceur garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n \/* Couleurs principales *\/\n --en-cream: #faf8f5;\n --en-white: #ffffff;\n --en-primary: #D84A3C;\n --en-primary-dark: #B73929;\n --en-primary-light: #f9ede9;\n --en-secondary: #E8935E;\n --en-accent: #F4B942;\n\n \/* Textes *\/\n --en-text: #1a1a1a;\n --en-text-light: #5a5a5a;\n\n \/* Effets *\/\n --en-border: #e8ddd5;\n --en-shadow: 0 4px 24px rgba(216, 74, 60, 0.08);\n --en-shadow-lg: 0 12px 48px rgba(216, 74, 60, 0.15);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--en-text);\n line-height: 1.7;\n}\n\n\/* === HERO SECTION === *\/\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, var(--en-primary) 0%, var(--en-secondary) 50%, var(--en-accent) 100%);\n border-radius: var(--en-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.en-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--en-primary-dark);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n transition: all 0.3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);\n}\n\n.en-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n line-height: 1.1;\n}\n\n.en-subtitle {\n display: block;\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n letter-spacing: 0.02em;\n}\n\n.en-description {\n color: rgba(255, 255, 255, 0.92);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.8;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.en-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.en-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(--en-primary), var(--en-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card-icon {\n font-size: 2.5rem;\n line-height: 1;\n}\n\n.en-card-title {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0;\n letter-spacing: -0.02em;\n}\n\n.en-card-text {\n color: var(--en-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === COMPOSITION === *\/\n.en-composition-intro {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 2rem;\n border-left: 4px solid var(--en-primary);\n box-shadow: var(--en-shadow);\n}\n\n.en-composition-intro p {\n margin: 0;\n color: var(--en-text);\n font-size: 16px;\n line-height: 1.8;\n}\n\n.en-ingredient-card {\n background: linear-gradient(135deg, var(--en-white) 0%, var(--en-primary-light) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.en-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-ingredient-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.en-ingredient-name {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin-bottom: 0.75rem;\n letter-spacing: -0.02em;\n}\n\n.en-ingredient-desc {\n color: var(--en-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.en-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.en-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.en-step:hover {\n transform: translateX(8px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-secondary);\n}\n\n.en-step-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--en-primary), var(--en-secondary));\n color: white;\n font-size: 24px;\n font-weight: 900;\n border-radius: 50%;\n box-shadow: 0 4px 16px rgba(216, 74, 60, 0.25);\n}\n\n.en-step-content {\n flex: 1;\n}\n\n.en-step-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin-bottom: 0.5rem;\n display: block;\n letter-spacing: -0.02em;\n}\n\n.en-step-text {\n color: var(--en-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.7;\n}\n\n.en-usage-tip {\n background: linear-gradient(135deg, var(--en-accent), #ffd875);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n box-shadow: 0 4px 24px rgba(244, 185, 66, 0.2);\n}\n\n.en-tip-icon {\n font-size: 2rem;\n line-height: 1;\n flex-shrink: 0;\n}\n\n.en-usage-tip p {\n margin: 0;\n color: var(--en-text);\n font-size: 15px;\n line-height: 1.7;\n}\n\n\/* === BIENFAITS === *\/\n.en-benefits-wrapper {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.en-benefit-box {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.en-benefit-box:hover {\n transform: translateY(-8px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-secondary);\n}\n\n.en-benefit-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.en-benefit-title {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin-bottom: 0.75rem;\n letter-spacing: -0.02em;\n}\n\n.en-benefit-box p {\n color: var(--en-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === PROFILS === *\/\n.en-profile-card {\n background: linear-gradient(135deg, var(--en-white) 0%, var(--en-primary-light) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.en-profile-card:hover {\n transform: translateY(-8px) scale(1.03);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-profile-emoji {\n font-size: 3rem;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.en-profile-title {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin-bottom: 0.75rem;\n letter-spacing: -0.02em;\n}\n\n.en-profile-card p {\n color: var(--en-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ENGAGEMENT === *\/\n.en-commitment-box {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--en-shadow-lg);\n border: 3px solid var(--en-primary-light);\n}\n\n.en-commitment-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n}\n\n.en-commitment-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.en-commitment-icon {\n font-size: 2rem;\n line-height: 1;\n flex-shrink: 0;\n}\n\n.en-commitment-text strong {\n display: block;\n font-size: 17px;\n font-weight: 800;\n color: var(--en-primary-dark);\n margin-bottom: 0.5rem;\n letter-spacing: -0.01em;\n}\n\n.en-commitment-text p {\n color: var(--en-text-light);\n font-size: 14px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.en-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.en-info-card {\n background: var(--en-white);\n border-radius: var(--en-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--en-shadow);\n border: 2px solid var(--en-border);\n transition: all 0.3s ease;\n}\n\n.en-info-card:hover {\n transform: scale(1.05);\n border-color: var(--en-primary);\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--en-text-light);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-bottom: 0.5rem;\n}\n\n.en-info-value {\n font-size: 17px;\n font-weight: 800;\n color: var(--en-primary-dark);\n letter-spacing: -0.01em;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.en-warning-box {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: #fff9e6;\n border-left: 4px solid var(--en-accent);\n border-radius: var(--en-radius-sm);\n padding: 1.25rem;\n box-shadow: 0 2px 12px rgba(244, 185, 66, 0.1);\n}\n\n.en-warning-icon {\n font-size: 1.5rem;\n line-height: 1;\n flex-shrink: 0;\n}\n\n.en-warning-item p {\n margin: 0;\n color: var(--en-text);\n font-size: 14px;\n line-height: 1.7;\n}\n\n\/* === CTA FINAL === *\/\n.en-cta-box {\n position: relative;\n background: linear-gradient(135deg, var(--en-primary) 0%, var(--en-secondary) 50%, var(--en-primary-dark) 100%);\n border-radius: var(--en-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n overflow: hidden;\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.06;\n background-image: radial-gradient(circle, rgba(255,255,255,0.3) 1px, transparent 1px);\n background-size: 20px 20px;\n}\n\n.en-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.en-cta-emoji {\n font-size: 3rem;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.en-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .en-grid {\n grid-template-columns: 1fr;\n }\n\n .en-benefits-wrapper,\n .en-commitment-grid,\n .en-info-grid {\n grid-template-columns: 1fr;\n }\n\n .en-step {\n flex-direction: column;\n text-align: center;\n }\n\n .en-step:hover {\n transform: translateY(-8px);\n }\n\n .en-step-number {\n margin: 0 auto;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .en-card,\n .en-ingredient-card,\n .en-benefit-box,\n .en-profile-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .en-card:nth-child(1),\n .en-ingredient-card:nth-child(1),\n .en-benefit-box:nth-child(1),\n .en-profile-card:nth-child(1) {\n animation-delay: 0.1s;\n }\n\n .en-card:nth-child(2),\n .en-ingredient-card:nth-child(2),\n .en-benefit-box:nth-child(2),\n .en-profile-card:nth-child(2) {\n animation-delay: 0.2s;\n }\n\n .en-card:nth-child(3),\n .en-ingredient-card:nth-child(3),\n .en-benefit-box:nth-child(3),\n .en-profile-card:nth-child(3) {\n animation-delay: 0.3s;\n }\n\n .en-card:nth-child(4),\n .en-ingredient-card:nth-child(4),\n .en-benefit-box:nth-child(4),\n .en-profile-card:nth-child(4) {\n animation-delay: 0.4s;\n }\n\n .en-card:nth-child(5),\n .en-profile-card:nth-child(5) {\n animation-delay: 0.5s;\n }\n\n .en-card:nth-child(6),\n .en-profile-card:nth-child(6) {\n animation-delay: 0.6s;\n }\n\n .en-step {\n animation: fadeInLeft 0.6s ease backwards;\n }\n\n .en-step:nth-child(1) {\n animation-delay: 0.1s;\n }\n\n .en-step:nth-child(2) {\n animation-delay: 0.2s;\n }\n\n .en-step:nth-child(3) {\n animation-delay: 0.3s;\n }\n\n .en-step:nth-child(4) {\n animation-delay: 0.4s;\n }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .en-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .en-card,\n .en-ingredient-card,\n .en-benefit-box,\n .en-profile-card,\n .en-info-card {\n border: 2px solid var(--en-primary);\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56349607100793,"sku":"NBAIEMM0058","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon_liquide_huile_d_argan_emma_noel_2__11zon.jpg?v=1766069004"},{"product_id":"savon-liquide-huile-olive-bio-1-l-emma-noel","title":"Savon liquide Huile d'Olive bio - 1 L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon liquide à l'huile d'olive bio Emma Noël\nPalette détectée:\n - Primaire: #6BBF3B (vert vif olive du flacon et du packaging)\n - Secondaire: #E85398 (rose magenta du logo lotus Emma Noël)\n - Accent: #8BC34A (vert clair feuillage)\n - Background: #F7F5F0 (crème naturel méditerranéen)\nAmbiance: Naturel\/Bio, méditerranéen authentique, douceur végétale, fraîcheur provençale\nStyle: Cosmétique bio premium, épuré, naturel, éco-responsable\nPréfixe CSS: olv\n--\u003e\n\n\u003cdiv class=\"olv-premium\"\u003e\n \u003cdiv class=\"olv-hero\"\u003e\n \u003cdiv class=\"olv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"olv-hero-content\"\u003e\n \u003cdiv class=\"olv-badges-top\"\u003e\n \u003cspan class=\"olv-badge\"\u003e🌿 Certifié BIO\u003c\/span\u003e\n \u003cspan class=\"olv-badge\"\u003e🫒 Huile d'olive\u003c\/span\u003e\n \u003cspan class=\"olv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"olv-hero-title\"\u003eSavon liquide à l'huile d'olive bio\u003c\/span\u003e\n \u003cp class=\"olv-subtitle\"\u003eLa douceur méditerranéenne au quotidien\u003c\/p\u003e\n \u003cp class=\"olv-description\"\u003eUn savon liquide authentique formulé à base d'huile d'olive biologique, délicatement parfumé à la verveine. Format généreux 1 litre pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"olv-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de l'huile d'olive\u003c\/h2\u003e\n \u003cdiv class=\"olv-grid\"\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive nourrit intensément grâce à ses acides gras essentiels et sa richesse en vitamine E. Votre peau reste souple après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n \u003cp\u003eCrée un film protecteur qui préserve la barrière cutanée sans agresser. Idéal pour les peaux sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e🌱 Antioxydant puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en polyphénols, l'huile d'olive protège la peau du vieillissement prématuré et des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e🌿 Formule douce\u003c\/h3\u003e\n \u003cp\u003eSans sulfates agressifs ni agents chimiques. Une mousse onctueuse qui respecte le pH naturel de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"olv-section\"\u003e\n \u003ch2\u003e🫒 Composition naturelle\u003c\/h2\u003e\n \u003cdiv class=\"olv-grid\"\u003e\n \u003cdiv class=\"olv-card olv-card-highlight\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid, issue de l'agriculture biologique certifiée. Origine méditerranéenne pour une qualité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card olv-card-highlight\"\u003e\n \u003ch3\u003e🌸 Parfum verveine\u003c\/h3\u003e\n \u003cp\u003eFragrance fraîche et citronnée pour une sensation de propreté revigorante. Notes végétales délicates et naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card olv-card-highlight\"\u003e\n \u003ch3\u003e🧴 Base lavante douce\u003c\/h3\u003e\n \u003cp\u003eAgents nettoyants d'origine végétale, biodégradables et respectueux de l'environnement. Sans sulfates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"olv-section\"\u003e\n \u003ch2\u003e💚 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"olv-steps\"\u003e\n \u003cdiv class=\"olv-step\"\u003e\n \u003cdiv class=\"olv-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"olv-step-content\"\u003e\n \u003ch3\u003eHumidifiez vos mains\u003c\/h3\u003e\n \u003cp\u003eMouillez vos mains sous l'eau tiède pour préparer la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-step\"\u003e\n \u003cdiv class=\"olv-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"olv-step-content\"\u003e\n \u003ch3\u003eAppliquez le savon\u003c\/h3\u003e\n \u003cp\u003eUne noisette suffit pour un nettoyage efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-step\"\u003e\n \u003cdiv class=\"olv-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"olv-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez vos mains pendant 30 secondes minimum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-step\"\u003e\n \u003cdiv class=\"olv-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"olv-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eSéchez délicatement avec une serviette propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"olv-section\"\u003e\n \u003ch2\u003e👨‍👩‍👧‍👦 Pour toute la famille\u003c\/h2\u003e\n \u003cdiv class=\"olv-grid\"\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e👶 Enfants\u003c\/h3\u003e\n \u003cp\u003eFormule extra-douce adaptée aux peaux délicates des plus petits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e👨 Hommes\u003c\/h3\u003e\n \u003cp\u003eNettoie efficacement sans dessécher. Parfum frais et discret.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e👩 Femmes\u003c\/h3\u003e\n \u003cp\u003ePréserve la douceur de la peau avec un parfum délicat de verveine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e🌿 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSans sulfates ni agents irritants, parfait pour les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"olv-section\"\u003e\n \u003ch2\u003e🌍 Nos engagements\u003c\/h2\u003e\n \u003cdiv class=\"olv-grid-compact\"\u003e\n \u003cdiv class=\"olv-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=\"olv-card\"\u003e\n \u003ch3\u003e♻️ Biodégradable\u003c\/h3\u003e\n \u003cp\u003eFormule 100% végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e🚫 Sans controversés\u003c\/h3\u003e\n \u003cp\u003eNi parabène, ni silicone\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-card\"\u003e\n \u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"olv-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=\"olv-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire français\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"olv-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"olv-accordion\"\u003e\n \u003cdetails class=\"olv-accordion-item\"\u003e\n \u003csummary class=\"olv-accordion-header\"\u003e📦 Contenance et format\u003c\/summary\u003e\n \u003cdiv class=\"olv-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 1 litre — Format économique familial pour plusieurs mois d'utilisation.\u003cbr\u003e\n \u003cstrong\u003eConditionnement :\u003c\/strong\u003e Flacon avec bouchon — Pratique et hygiénique pour un dosage précis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"olv-accordion-item\"\u003e\n \u003csummary class=\"olv-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n \u003cdiv class=\"olv-accordion-content\"\u003e\n \u003cp\u003eConserver à température ambiante, à l'abri de la lumière directe et de l'humidité excessive. Refermer après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"olv-accordion-item\"\u003e\n \u003csummary class=\"olv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"olv-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eÉviter le contact avec les yeux.\u003c\/strong\u003e En cas de contact, rincer abondamment à l'eau claire.\u003cbr\u003e\n \u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Tenir hors de portée des enfants.\u003cbr\u003e\n En cas d'ingestion accidentelle, consulter un centre antipoison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"olv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"olv-cta-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e🫒 Adoptez la douceur méditerranéenne\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eOffrez à votre peau le meilleur de l'huile d'olive biologique. Une formule certifiée bio, délicatement parfumée à la verveine, pour des mains propres, nourries et douces au quotidien.\u003c\/p\u003e\n \u003cp\u003eFormat 1L : des mois de bien-être naturel pour toute la famille ! ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --olv-cream: #F7F5F0;\n --olv-white: #ffffff;\n --olv-primary: #6BBF3B;\n --olv-primary-dark: #4A9D2E;\n --olv-primary-light: #E8F5E0;\n --olv-secondary: #E85398;\n --olv-accent: #8BC34A;\n --olv-text: #1a1a1a;\n --olv-text-light: #5a5a5a;\n --olv-border: #e0e0e0;\n --olv-shadow: 0 4px 24px rgba(107,191,59,.1);\n --olv-shadow-lg: 0 12px 48px rgba(107,191,59,.18);\n --olv-radius: 20px;\n --olv-radius-sm: 12px;\n}\n\n.olv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--olv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.olv-hero {\n position: relative;\n background: linear-gradient(135deg, #6BBF3B 0%, #4A9D2E 50%, #357A22 100%);\n border-radius: var(--olv-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(--olv-shadow-lg);\n}\n\n.olv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .06;\n background-image: radial-gradient(circle at 25% 25%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 75% 75%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.olv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.olv-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.olv-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(--olv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.olv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.olv-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.olv-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(17px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.olv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.olv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.olv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--olv-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.olv-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(--olv-primary), var(--olv-secondary));\n border-radius: 2px;\n}\n\n.olv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.olv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.olv-card {\n background: var(--olv-white);\n border-radius: var(--olv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--olv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.olv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--olv-shadow-lg);\n border-color: var(--olv-primary);\n}\n\n.olv-card-highlight {\n background: linear-gradient(135deg, var(--olv-primary-light) 0%, var(--olv-white) 100%);\n border: 2px solid var(--olv-primary);\n}\n\n.olv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--olv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.olv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--olv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.olv-grid-compact .olv-card {\n padding: 1rem;\n}\n\n.olv-grid-compact .olv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.olv-grid-compact .olv-card p {\n font-size: 12px;\n}\n\n.olv-steps {\n display: grid;\n gap: 1rem;\n}\n\n.olv-step {\n display: flex;\n gap: 1.25rem;\n background: var(--olv-white);\n border-radius: var(--olv-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--olv-shadow);\n border-left: 4px solid var(--olv-primary);\n transition: all .3s ease;\n}\n\n.olv-step:hover {\n transform: translateX(6px);\n box-shadow: var(--olv-shadow-lg);\n}\n\n.olv-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--olv-primary), var(--olv-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(107,191,59,.3);\n}\n\n.olv-step-content h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--olv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.olv-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--olv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.olv-accordion {\n background: var(--olv-white);\n border-radius: var(--olv-radius);\n box-shadow: var(--olv-shadow);\n overflow: hidden;\n}\n\n.olv-accordion-item {\n border-bottom: 1px solid var(--olv-border);\n margin: 0;\n padding: 0;\n}\n\n.olv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.olv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--olv-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.olv-accordion-header:hover {\n background: var(--olv-primary-light);\n}\n\n.olv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.olv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--olv-primary);\n transition: transform .2s ease;\n}\n\n.olv-accordion-item[open] .olv-accordion-header::after {\n content: '−';\n}\n\n.olv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--olv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.olv-accordion-content p {\n margin: 0;\n}\n\n.olv-cta-box {\n background: linear-gradient(135deg, var(--olv-primary) 0%, var(--olv-primary-dark) 100%);\n border-radius: var(--olv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.olv-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.olv-cta-box p:last-child {\n margin-bottom: 0;\n}\n\n.olv-cta-box strong {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n}\n\n@media (max-width: 767px) {\n .olv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .olv-grid-compact {\n gap: .625rem;\n }\n \n .olv-grid-compact .olv-card {\n padding: .75rem;\n }\n \n .olv-card {\n padding: 1.125rem;\n }\n \n .olv-section {\n margin-bottom: 1.75rem;\n }\n \n .olv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--olv-radius-sm);\n }\n \n .olv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .olv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .olv-step {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .olv-step-number {\n margin: 0 auto;\n width: 42px;\n height: 42px;\n font-size: 18px;\n }\n \n .olv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .olv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .olv-card {\n animation: fadeInUp .5s ease backwards;\n }\n .olv-card:nth-child(1) { animation-delay: .05s; }\n .olv-card:nth-child(2) { animation-delay: .1s; }\n .olv-card:nth-child(3) { animation-delay: .15s; }\n .olv-card:nth-child(4) { animation-delay: .2s; }\n .olv-card:nth-child(5) { animation-delay: .25s; }\n .olv-card:nth-child(6) { animation-delay: .3s; }\n \n .olv-step {\n animation: fadeInUp .5s ease backwards;\n }\n .olv-step:nth-child(1) { animation-delay: .05s; }\n .olv-step:nth-child(2) { animation-delay: .1s; }\n .olv-step:nth-child(3) { animation-delay: .15s; }\n .olv-step:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .olv-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":56349639410041,"sku":"NBAIEMM0059","price":14.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon_liquide_huile_olive_emma_noel_1__11zon.jpg?v=1765825972"},{"product_id":"base-pour-massage-bio-200-ml","title":"Huile de Massage Bio - 200 mL - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Base pour Massage Bio - Emma Noël\nPalette détectée:\n - Primaire: #6B7AA1 (bleu lavande\/gris-bleu de l'étiquette)\n - Secondaire: #E8B547 (doré\/ambre de l'huile)\n - Accent: #D4608A (rose du logo Emma Noël)\n - Fond packaging: #FDF5F0 (rose pâle\/crème)\nAmbiance: Naturel, bien-être, spa, féminin doux, bio\/organique, relaxation\nPréfixe CSS: msg\n--\u003e\n\u003cdiv class=\"msg-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"msg-hero\"\u003e\n\u003cdiv class=\"msg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"msg-hero-content\"\u003e\n\u003cdiv class=\"msg-badges-top\"\u003e\n\u003cspan class=\"msg-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"msg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"msg-badge\"\u003e🍑 Huiles précieuses\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"msg-hero-title\"\u003eHuile de Massage bio\u003c\/span\u003e\n\u003cp class=\"msg-subtitle\"\u003eEmma Noël - L'huile source de soin\u003c\/p\u003e\n\u003cp class=\"msg-description\"\u003eUne synergie d'huiles végétales biologiques pour des massages enveloppants et nourrissants. Texture soyeuse, absorption optimale, peau sublimée.\u003c\/p\u003e\n\u003cdiv class=\"msg-hero-volume\"\u003e\u003cspan class=\"msg-volume-tag\"\u003e200 mL\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"msg-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits de cette huile\u003c\/h2\u003e\n\u003cdiv class=\"msg-grid\"\u003e\n\u003cdiv class=\"msg-card\"\u003e\n\u003cdiv class=\"msg-card-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch3\u003eNutrition intense\u003c\/h3\u003e\n\u003cp\u003eNourrit la peau en profondeur grâce à sa richesse en acides gras essentiels et vitamines naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-card\"\u003e\n\u003cdiv class=\"msg-card-icon\"\u003e🤲\u003c\/div\u003e\n\u003ch3\u003eGlisse parfaite\u003c\/h3\u003e\n\u003cp\u003eTexture idéale pour le massage, ni trop grasse ni trop fluide. Permet des mouvements fluides et prolongés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-card\"\u003e\n\u003cdiv class=\"msg-card-icon\"\u003e💆♀️\u003c\/div\u003e\n\u003ch3\u003eRelaxation totale\u003c\/h3\u003e\n\u003cp\u003eFavorise la détente musculaire et le relâchement des tensions. Un véritable moment de bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-card\"\u003e\n\u003cdiv class=\"msg-card-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003e100% naturelle\u003c\/h3\u003e\n\u003cp\u003eFormulée uniquement avec des ingrédients d'origine naturelle et biologique. Sans parfum de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-card\"\u003e\n\u003cdiv class=\"msg-card-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eAbsorption douce\u003c\/h3\u003e\n\u003cp\u003ePénètre progressivement sans laisser de film gras. La peau reste souple et satinée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-card\"\u003e\n\u003cdiv class=\"msg-card-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eProtection cutanée\u003c\/h3\u003e\n\u003cp\u003eRenforce le film hydrolipidique de la peau et protège contre les agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"msg-section\"\u003e\n\u003ch2\u003e🍑 Des huiles végétales d'exception\u003c\/h2\u003e\n\u003cdiv class=\"msg-composition-grid\"\u003e\n\u003cdiv class=\"msg-ingredient-card\"\u003e\n\u003cdiv class=\"msg-ingredient-visual\"\u003e🥜\u003c\/div\u003e\n\u003cdiv class=\"msg-ingredient-content\"\u003e\n\u003ch3\u003eHuile de macadamia\u003c\/h3\u003e\n\u003cp\u003eRiche en acide palmitoléique, elle possède une excellente affinité avec la peau. Pénétrante et non grasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-ingredient-card\"\u003e\n\u003cdiv class=\"msg-ingredient-visual\"\u003e🍑\u003c\/div\u003e\n\u003cdiv class=\"msg-ingredient-content\"\u003e\n\u003ch3\u003eHuile de noyau d'abricot\u003c\/h3\u003e\n\u003cp\u003eRevitalisante et tonifiante, elle redonne éclat et souplesse aux peaux fatiguées ou ternes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-ingredient-card\"\u003e\n\u003cdiv class=\"msg-ingredient-visual\"\u003e🌻\u003c\/div\u003e\n\u003cdiv class=\"msg-ingredient-content\"\u003e\n\u003ch3\u003eHuile de tournesol bio\u003c\/h3\u003e\n\u003cp\u003eBase légère et nourrissante, riche en vitamine E antioxydante. Protège et adoucit la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"msg-section\"\u003e\n\u003ch2\u003e🙌 Comment l'utiliser\u003c\/h2\u003e\n\u003cdiv class=\"msg-steps\"\u003e\n\u003cdiv class=\"msg-step\"\u003e\n\u003cdiv class=\"msg-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"msg-step-content\"\u003e\n\u003ch3\u003ePréparez\u003c\/h3\u003e\n\u003cp\u003eVersez une à deux pressions d'huile dans le creux de vos mains. Frottez légèrement pour la tiédir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-step\"\u003e\n\u003cdiv class=\"msg-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"msg-step-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eÉtalez l'huile sur la zone à masser par de longs mouvements enveloppants et réguliers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-step\"\u003e\n\u003cdiv class=\"msg-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"msg-step-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eEffectuez des mouvements de pétrissage, effleurage ou pression selon vos besoins. Renouvelez si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-step\"\u003e\n\u003cdiv class=\"msg-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"msg-step-content\"\u003e\n\u003ch3\u003eProfitez\u003c\/h3\u003e\n\u003cp\u003eLaissez pénétrer quelques minutes pour une hydratation optimale. Aucun rinçage nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"msg-section\"\u003e\n\u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n\u003cdiv class=\"msg-profiles-grid\"\u003e\n\u003cdiv class=\"msg-profile-card\"\u003e\n\u003cspan class=\"msg-profile-emoji\"\u003e💆♀️\u003c\/span\u003e\n\u003ch3\u003eAmateurs de massage\u003c\/h3\u003e\n\u003cp\u003ePour des moments de détente à la maison, en couple ou en solo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-profile-card\"\u003e\n\u003cspan class=\"msg-profile-emoji\"\u003e🧘♀️\u003c\/span\u003e\n\u003ch3\u003ePraticiens bien-être\u003c\/h3\u003e\n\u003cp\u003eBase neutre idéale pour personnaliser avec des huiles essentielles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-profile-card\"\u003e\n\u003cspan class=\"msg-profile-emoji\"\u003e🤰\u003c\/span\u003e\n\u003ch3\u003eFutures mamans\u003c\/h3\u003e\n\u003cp\u003eParfaite pour masser le ventre et prévenir les vergetures\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-profile-card\"\u003e\n\u003cspan class=\"msg-profile-emoji\"\u003e🏃♂️\u003c\/span\u003e\n\u003ch3\u003eSportifs\u003c\/h3\u003e\n\u003cp\u003eIdéale pour la récupération musculaire après l'effort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ASTUCES --\u003e\n\u003csection class=\"msg-section\"\u003e\n\u003ch2\u003e💡 Nos astuces d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"msg-tips-grid\"\u003e\n\u003cdiv class=\"msg-tip-card\"\u003e\n\u003cdiv class=\"msg-tip-icon\"\u003e🌡️\u003c\/div\u003e\n\u003ch3\u003eTiédissez l'huile\u003c\/h3\u003e\n\u003cp\u003ePlacez le flacon quelques minutes dans de l'eau chaude avant utilisation pour un confort optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-tip-card\"\u003e\n\u003cdiv class=\"msg-tip-icon\"\u003e🌺\u003c\/div\u003e\n\u003ch3\u003ePersonnalisez\u003c\/h3\u003e\n\u003cp\u003eAjoutez quelques gouttes d'huile essentielle de lavande pour un effet relaxant décuplé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-tip-card\"\u003e\n\u003cdiv class=\"msg-tip-icon\"\u003e🛁\u003c\/div\u003e\n\u003ch3\u003eAprès le bain\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur peau légèrement humide pour une absorption encore meilleure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"msg-section\"\u003e\n\u003ch2\u003e📋 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"msg-info-grid\"\u003e\n\u003cdiv class=\"msg-info-item\"\u003e\n\u003cspan class=\"msg-info-icon\"\u003e📦\u003c\/span\u003e \u003cspan class=\"msg-info-label\"\u003eContenance\u003c\/span\u003e \u003cspan class=\"msg-info-value\"\u003e200 mL\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-info-item\"\u003e\n\u003cspan class=\"msg-info-icon\"\u003e🇫🇷\u003c\/span\u003e \u003cspan class=\"msg-info-label\"\u003eOrigine\u003c\/span\u003e \u003cspan class=\"msg-info-value\"\u003eFrance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-info-item\"\u003e\n\u003cspan class=\"msg-info-icon\"\u003e🌿\u003c\/span\u003e \u003cspan class=\"msg-info-label\"\u003eCertification\u003c\/span\u003e \u003cspan class=\"msg-info-value\"\u003eBio Cosmos Organic\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-info-item\"\u003e\n\u003cspan class=\"msg-info-icon\"\u003e💚\u003c\/span\u003e \u003cspan class=\"msg-info-label\"\u003eFormule\u003c\/span\u003e \u003cspan class=\"msg-info-value\"\u003e100% naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-info-item\"\u003e\n\u003cspan class=\"msg-info-icon\"\u003e🐰\u003c\/span\u003e \u003cspan class=\"msg-info-label\"\u003eTests\u003c\/span\u003e \u003cspan class=\"msg-info-value\"\u003eNon testé sur animaux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"msg-info-item\"\u003e\n\u003cspan class=\"msg-info-icon\"\u003e♻️\u003c\/span\u003e \u003cspan class=\"msg-info-label\"\u003ePackaging\u003c\/span\u003e \u003cspan class=\"msg-info-value\"\u003eFlacon recyclable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"msg-section\"\u003e\n\u003cdiv class=\"msg-warning-box\"\u003e\n\u003cdiv class=\"msg-warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003cdiv class=\"msg-warning-content\"\u003e\n\u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eUsage externe uniquement\u003c\/li\u003e\n\u003cli\u003eÉviter le contact avec les yeux\u003c\/li\u003e\n\u003cli\u003eConserver à l'abri de la lumière et de la chaleur\u003c\/li\u003e\n\u003cli\u003eEn cas d'allergie aux fruits à coque, effectuer un test préalable\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"msg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"msg-cta-box\"\u003e\n\u003cdiv class=\"msg-cta-content\"\u003e\n\u003cspan class=\"msg-cta-emoji\"\u003e🌸\u003c\/span\u003e\n\u003cp\u003eOffrez à votre peau un soin d'exception avec cette base de massage certifiée bio. Une invitation au voyage sensoriel et à la détente absolue.\u003c\/p\u003e\n\u003cspan class=\"msg-cta-brand\"\u003eEmma Noël — L'huile source de soin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --msg-cream: #FDF8F5;\n --msg-white: #ffffff;\n --msg-primary: #6B7AA1;\n --msg-primary-dark: #4A5678;\n --msg-primary-light: #E8EBF2;\n --msg-secondary: #E8B547;\n --msg-secondary-light: #FDF3DC;\n --msg-accent: #D4608A;\n --msg-accent-light: #FCE8EF;\n --msg-gold: #C9A227;\n --msg-text: #2D3142;\n --msg-text-light: #6B7280;\n --msg-border: #E5E7EB;\n --msg-shadow: 0 4px 24px rgba(107, 122, 161, .1);\n --msg-shadow-lg: 0 12px 48px rgba(107, 122, 161, .18);\n --msg-radius: 20px;\n --msg-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.msg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--msg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--msg-text);\n line-height: 1.6;\n}\n\n.msg-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.msg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--msg-primary) 0%, var(--msg-primary-dark) 40%, #3D4560 100%);\n border-radius: var(--msg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--msg-shadow-lg);\n}\n\n.msg-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(232, 181, 71, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(212, 96, 138, .12) 0%, transparent 50%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.msg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.msg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.msg-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(--msg-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.msg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0, 0, 0, .15);\n}\n\n.msg-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, .2);\n line-height: 1.1;\n}\n\n.msg-subtitle {\n color: var(--msg-secondary);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.msg-description {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(16px, 2.5vw, 19px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.msg-hero-volume {\n display: flex;\n justify-content: center;\n}\n\n.msg-volume-tag {\n display: inline-flex;\n align-items: center;\n padding: 12px 28px;\n background: linear-gradient(135deg, var(--msg-secondary) 0%, var(--msg-gold) 100%);\n border-radius: 999px;\n font-size: 18px;\n font-weight: 800;\n color: white;\n box-shadow: 0 4px 20px rgba(232, 181, 71, .4);\n}\n\n\/* === SECTIONS === *\/\n.msg-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.msg-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--msg-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.msg-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(--msg-accent), var(--msg-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLE GÉNÉRIQUE === *\/\n.msg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS BIENFAITS === *\/\n.msg-card {\n background: var(--msg-white);\n border-radius: var(--msg-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--msg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.msg-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--msg-shadow-lg);\n border-color: var(--msg-primary);\n}\n\n.msg-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.msg-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--msg-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.msg-card p {\n font-size: 15px;\n color: var(--msg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.msg-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.msg-ingredient-card {\n display: flex;\n gap: 1.25rem;\n background: var(--msg-white);\n border-radius: var(--msg-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--msg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.msg-ingredient-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--msg-shadow-lg);\n border-color: var(--msg-secondary);\n}\n\n.msg-ingredient-visual {\n font-size: 48px;\n flex-shrink: 0;\n width: 70px;\n height: 70px;\n background: var(--msg-secondary-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.msg-ingredient-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--msg-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.msg-ingredient-content p {\n font-size: 14px;\n color: var(--msg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ÉTAPES === *\/\n.msg-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.msg-step {\n background: var(--msg-white);\n border-radius: var(--msg-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--msg-shadow);\n position: relative;\n transition: all .3s ease;\n}\n\n.msg-step:hover {\n transform: translateY(-6px);\n box-shadow: var(--msg-shadow-lg);\n}\n\n.msg-step-number {\n position: absolute;\n top: -12px;\n left: 24px;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--msg-accent) 0%, var(--msg-primary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 12px rgba(212, 96, 138, .3);\n}\n\n.msg-step-content {\n padding-top: 0.5rem;\n}\n\n.msg-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--msg-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.msg-step-content p {\n font-size: 14px;\n color: var(--msg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === PROFILS === *\/\n.msg-profiles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.msg-profile-card {\n background: var(--msg-white);\n border-radius: var(--msg-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--msg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.msg-profile-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--msg-shadow-lg);\n border-color: var(--msg-accent);\n}\n\n.msg-profile-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.msg-profile-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--msg-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.msg-profile-card p {\n font-size: 14px;\n color: var(--msg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ASTUCES === *\/\n.msg-tips-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.msg-tip-card {\n background: linear-gradient(135deg, var(--msg-secondary-light) 0%, var(--msg-white) 100%);\n border-radius: var(--msg-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--msg-secondary);\n transition: all .3s ease;\n}\n\n.msg-tip-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--msg-shadow-lg);\n}\n\n.msg-tip-icon {\n font-size: 36px;\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.msg-tip-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--msg-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.msg-tip-card p {\n font-size: 14px;\n color: var(--msg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.msg-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.msg-info-item {\n background: var(--msg-white);\n border-radius: var(--msg-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--msg-shadow);\n transition: all .3s ease;\n}\n\n.msg-info-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--msg-shadow-lg);\n}\n\n.msg-info-icon {\n font-size: 28px;\n display: block;\n margin-bottom: 0.5rem;\n}\n\n.msg-info-label {\n display: block;\n font-size: 12px;\n font-weight: 600;\n color: var(--msg-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 0.25rem;\n}\n\n.msg-info-value {\n display: block;\n font-size: 15px;\n font-weight: 800;\n color: var(--msg-primary-dark);\n}\n\n\/* === WARNING BOX === *\/\n.msg-warning-box {\n display: flex;\n gap: 1.5rem;\n background: linear-gradient(135deg, #FFF8E7 0%, #FFF4D9 100%);\n border: 2px solid #F5D77E;\n border-radius: var(--msg-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n}\n\n.msg-warning-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.msg-warning-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: #8B6914;\n margin: 0 0 0.75rem 0;\n}\n\n.msg-warning-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.msg-warning-content li {\n font-size: 14px;\n color: #6B5310;\n margin-bottom: 0.4rem;\n line-height: 1.5;\n}\n\n.msg-warning-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.msg-cta-box {\n background: linear-gradient(135deg, var(--msg-primary) 0%, var(--msg-primary-dark) 50%, #3D4560 100%);\n border-radius: var(--msg-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--msg-shadow-lg);\n}\n\n.msg-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 30% 20%, rgba(232, 181, 71, .2) 0%, transparent 40%),\n radial-gradient(circle at 70% 80%, rgba(212, 96, 138, .15) 0%, transparent 40%);\n}\n\n.msg-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.msg-cta-emoji {\n font-size: 56px;\n display: block;\n margin-bottom: 1.5rem;\n}\n\n.msg-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n}\n\n.msg-cta-brand {\n display: inline-block;\n color: var(--msg-secondary);\n font-size: 15px;\n font-weight: 700;\n letter-spacing: .03em;\n padding: 10px 24px;\n background: rgba(255, 255, 255, .1);\n border-radius: 999px;\n backdrop-filter: blur(10px);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .msg-grid,\n .msg-composition-grid,\n .msg-steps,\n .msg-profiles-grid,\n .msg-tips-grid {\n grid-template-columns: 1fr;\n }\n \n .msg-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .msg-ingredient-card {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .msg-warning-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n@media (max-width: 480px) {\n .msg-info-grid {\n grid-template-columns: 1fr;\n }\n \n .msg-badges-top {\n gap: 8px;\n }\n \n .msg-badge {\n font-size: 12px;\n padding: 6px 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .msg-card,\n .msg-ingredient-card,\n .msg-step,\n .msg-profile-card,\n .msg-tip-card,\n .msg-info-item {\n animation: msgFadeInUp .6s ease backwards;\n }\n \n .msg-card:nth-child(1), .msg-ingredient-card:nth-child(1), .msg-step:nth-child(1), .msg-profile-card:nth-child(1) { animation-delay: .1s; }\n .msg-card:nth-child(2), .msg-ingredient-card:nth-child(2), .msg-step:nth-child(2), .msg-profile-card:nth-child(2) { animation-delay: .2s; }\n .msg-card:nth-child(3), .msg-ingredient-card:nth-child(3), .msg-step:nth-child(3), .msg-profile-card:nth-child(3) { animation-delay: .3s; }\n .msg-card:nth-child(4), .msg-step:nth-child(4), .msg-profile-card:nth-child(4) { animation-delay: .4s; }\n .msg-card:nth-child(5) { animation-delay: .5s; }\n .msg-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes msgFadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .msg-premium * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .msg-card,\n .msg-ingredient-card,\n .msg-step,\n .msg-profile-card,\n .msg-tip-card,\n .msg-info-item {\n border: 2px solid var(--msg-text);\n }\n \n .msg-hero-title,\n .msg-cta-box p {\n text-shadow: none;\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56358225674617,"sku":"NBAIEMM0022","price":14.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/base-huile-massage-emma-noel_11zon.jpg?v=1766411711"},{"product_id":"savon-liquide-hypoallergenique-bio-1l-emma-noel","title":"Savon liquide Hypoallergénique bio - 1L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon liquide Hypoallergénique bio - 1L - Emma Noël\nPalette détectée:\n - Primaire: #6B9B9B (vert-gris sauge de l'étiquette)\n - Secondaire: #E84B8A (rose fuchsia du logo Emma Noël)\n - Accent: #F8E8EC (rose poudré du fond)\nAmbiance: Douceur, naturel\/bio, féminin, minimaliste, soin délicat\nPréfixe CSS: en\n--\u003e\n\n\u003cdiv class=\"en-premium\"\u003e\n \n \u003cdiv class=\"en-hero\"\u003e\n \u003cdiv class=\"en-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"en-hero-content\"\u003e\n \u003cdiv class=\"en-badges-top\"\u003e\n \u003cspan class=\"en-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"en-badge\"\u003e💧 Hypoallergénique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"en-hero-title\"\u003eSavon liquide hypoallergénique bio\u003c\/span\u003e\n \u003cp class=\"en-subtitle\"\u003eExtra doux pour les peaux les plus sensibles\u003c\/p\u003e\n \u003cp class=\"en-description\"\u003eUne formule délicate certifiée biologique, conçue pour respecter et protéger toutes les peaux, même les plus fragiles. Format économique 1 litre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003e🌸 Pourquoi choisir ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"en-grid\"\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eHypoallergénique\u003c\/h3\u003e\n \u003cp\u003eFormulé pour minimiser les risques d'allergies et d'irritations. Testé dermatologiquement pour une tolérance optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eCertifié bio\u003c\/h3\u003e\n \u003cp\u003eDes ingrédients d'origine naturelle et biologique, respectueux de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eExtra doux\u003c\/h3\u003e\n \u003cp\u003eUne texture onctueuse qui nettoie en douceur sans dessécher ni agresser l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eHydratant\u003c\/h3\u003e\n \u003cp\u003eEnrichi en agents hydratants naturels pour préserver le film hydrolipidique de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e👨‍👩‍👧‍👦\u003c\/div\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes comme aux enfants. Un seul produit pour tous les membres du foyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-card\"\u003e\n \u003cdiv class=\"en-card-icon\"\u003e🍃\u003c\/div\u003e\n \u003ch3\u003eÉco-responsable\u003c\/h3\u003e\n \u003cp\u003eFormat 1 litre économique, pompe pratique pour éviter le gaspillage. Emballage recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003e👐 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"en-steps\"\u003e\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003ch3\u003eMouillez vos mains\u003c\/h3\u003e\n \u003cp\u003ePassez vos mains sous l'eau tiède pour préparer la peau au lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003ch3\u003eAppliquez une dose\u003c\/h3\u003e\n \u003cp\u003eUne ou deux pressions de pompe suffisent pour un lavage efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez délicatement vos mains pendant 20 à 30 secondes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-step\"\u003e\n \u003cdiv class=\"en-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"en-step-content\"\u003e\n \u003ch3\u003eRincez et séchez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire, puis séchez avec une serviette propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003e💝 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"en-grid en-grid-3\"\u003e\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-icon\"\u003e👶\u003c\/div\u003e\n \u003ch3\u003eBébés et enfants\u003c\/h3\u003e\n \u003cp\u003eParfait pour les peaux délicates des tout-petits grâce à sa formule ultra-douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-icon\"\u003e🤰\u003c\/div\u003e\n \u003ch3\u003eFemmes enceintes\u003c\/h3\u003e\n \u003cp\u003eSans allergènes majeurs, idéal pendant la grossesse et l'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-profile-card\"\u003e\n \u003cdiv class=\"en-profile-icon\"\u003e🌡️\u003c\/div\u003e\n \u003ch3\u003ePeaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSpécialement formulé pour les peaux réactives, sujettes aux rougeurs ou à l'eczéma.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"en-section\"\u003e\n \u003ch2\u003e📋 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"en-info-grid\"\u003e\n \u003cdiv class=\"en-info-item\"\u003e\n \u003cspan class=\"en-info-label\"\u003e📦 Contenance\u003c\/span\u003e\n \u003cspan class=\"en-info-value\"\u003e1 litre (1000 ml)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-info-item\"\u003e\n \u003cspan class=\"en-info-label\"\u003e🏭 Marque\u003c\/span\u003e\n \u003cspan class=\"en-info-value\"\u003eEmma Noël\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-info-item\"\u003e\n \u003cspan class=\"en-info-label\"\u003e🇫🇷 Origine\u003c\/span\u003e\n \u003cspan class=\"en-info-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-info-item\"\u003e\n \u003cspan class=\"en-info-label\"\u003e🏷️ Certification\u003c\/span\u003e\n \u003cspan class=\"en-info-value\"\u003eCosmébio \/ Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-info-item\"\u003e\n \u003cspan class=\"en-info-label\"\u003e🚿 Utilisation\u003c\/span\u003e\n \u003cspan class=\"en-info-value\"\u003eMains et corps\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"en-info-item\"\u003e\n \u003cspan class=\"en-info-label\"\u003e🧴 Format\u003c\/span\u003e\n \u003cspan class=\"en-info-value\"\u003eFlacon pompe\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"en-section\"\u003e\n \u003cdiv class=\"en-brand-box\"\u003e\n \u003cdiv class=\"en-brand-icon\"\u003e🌹\u003c\/div\u003e\n \u003ch3\u003eEmma Noël\u003c\/h3\u003e\n \u003cp class=\"en-brand-tagline\"\u003eL'huile source de soin\u003c\/p\u003e\n \u003cp\u003eDepuis plus de 90 ans, Emma Noël perpétue la tradition savonnière française en proposant des soins naturels et biologiques. Un savoir-faire d'excellence transmis de génération en génération pour prendre soin de vous et de votre famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"en-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"en-cta-box\"\u003e\n \u003cdiv class=\"en-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"en-cta-content\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau la douceur qu'elle mérite avec ce savon bio hypoallergénique. Un geste simple pour un soin quotidien respectueux et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --en-cream: #FDF8F9;\n --en-white: #ffffff;\n --en-primary: #6B9B9B;\n --en-primary-dark: #4A7A7A;\n --en-primary-light: #E8F2F2;\n --en-secondary: #E84B8A;\n --en-secondary-light: #FCE8F0;\n --en-accent: #F8E8EC;\n --en-text: #2D3436;\n --en-text-light: #636E72;\n --en-border: #E8E8E8;\n --en-shadow: 0 4px 24px rgba(107, 155, 155, .12);\n --en-shadow-lg: 0 12px 48px rgba(107, 155, 155, .18);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--en-text);\n line-height: 1.6;\n}\n\n.en-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, var(--en-primary) 0%, #5A8A8A 50%, var(--en-primary-dark) 100%);\n border-radius: var(--en-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-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 opacity: 1;\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.en-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(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.en-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 6vw, 48px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.en-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.en-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.en-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(24px, 4.5vw, 34px);\n font-weight: 900;\n color: var(--en-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.en-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(--en-secondary), var(--en-primary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.en-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n}\n\n.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.en-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n}\n\n.en-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.en-card p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === PROFILE CARDS === *\/\n.en-profile-card {\n background: linear-gradient(145deg, var(--en-white), var(--en-accent));\n border-radius: var(--en-radius);\n padding: clamp(2rem, 4vw, 2.5rem);\n text-align: center;\n border: 2px solid var(--en-secondary-light);\n transition: all .3s ease;\n}\n\n.en-profile-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-secondary);\n}\n\n.en-profile-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.en-profile-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--en-secondary);\n margin: 0 0 .75rem 0;\n}\n\n.en-profile-card p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.en-steps {\n max-width: 800px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.en-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--en-white);\n border-radius: var(--en-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--en-shadow);\n transition: all .3s ease;\n}\n\n.en-step:hover {\n transform: translateX(8px);\n box-shadow: var(--en-shadow-lg);\n}\n\n.en-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-primary-dark));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n}\n\n.en-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.en-step-content p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n}\n\n\/* === INFO GRID === *\/\n.en-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n}\n\n.en-info-item {\n display: flex;\n flex-direction: column;\n gap: .25rem;\n padding: 1rem;\n background: var(--en-primary-light);\n border-radius: var(--en-radius-sm);\n text-align: center;\n}\n\n.en-info-label {\n font-size: 13px;\n color: var(--en-text-light);\n font-weight: 600;\n}\n\n.en-info-value {\n font-size: 16px;\n color: var(--en-primary-dark);\n font-weight: 800;\n}\n\n\/* === BRAND BOX === *\/\n.en-brand-box {\n background: linear-gradient(145deg, var(--en-accent), var(--en-secondary-light));\n border-radius: var(--en-radius);\n padding: clamp(2rem, 5vw, 3rem);\n text-align: center;\n border: 2px solid rgba(232, 75, 138, .2);\n}\n\n.en-brand-icon {\n font-size: 56px;\n margin-bottom: .5rem;\n}\n\n.en-brand-box h3 {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: var(--en-secondary);\n margin: 0;\n font-style: italic;\n}\n\n.en-brand-tagline {\n font-size: 14px;\n color: var(--en-primary-dark);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .1em;\n margin: .5rem 0 1.5rem 0;\n}\n\n.en-brand-box \u003e p:last-child {\n font-size: 15px;\n color: var(--en-text-light);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === CTA BOX === *\/\n.en-cta-box {\n background: linear-gradient(135deg, var(--en-primary) 0%, var(--en-primary-dark) 100%);\n border-radius: var(--en-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.en-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 30% 50%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.en-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.en-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .en-grid {\n grid-template-columns: 1fr;\n }\n \n .en-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .en-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .en-step {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .en-card,\n .en-profile-card,\n .en-step {\n animation: enFadeInUp .6s ease backwards;\n }\n \n .en-card:nth-child(1), .en-profile-card:nth-child(1), .en-step:nth-child(1) { animation-delay: .1s; }\n .en-card:nth-child(2), .en-profile-card:nth-child(2), .en-step:nth-child(2) { animation-delay: .2s; }\n .en-card:nth-child(3), .en-profile-card:nth-child(3), .en-step:nth-child(3) { animation-delay: .3s; }\n .en-card:nth-child(4), .en-step:nth-child(4) { animation-delay: .4s; }\n .en-card:nth-child(5) { animation-delay: .5s; }\n .en-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes enFadeInUp {\n from { \n opacity: 0; \n transform: translateY(30px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .en-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .en-premium {\n --en-text: #000000;\n --en-text-light: #333333;\n }\n \n .en-card,\n .en-profile-card,\n .en-step {\n border: 2px solid var(--en-text);\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56359123288441,"sku":"NBAIEMM0054","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon_luquide_douche_extra_doux_emma_noel_11zon.jpg?v=1765809813"},{"product_id":"gel-douche-hypoallergenique-bio-1l-emma-noel","title":"Gel Douche Hypoallergénique bio - 1L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel Douche Hypoallergénique Bio - 1L - Emma Noël\nPalette détectée:\n - Primaire: #7FB8B6 (vert d'eau\/turquoise doux de l'étiquette)\n - Secondaire: #E8A4B8 (rose poudré du fond et du logo)\n - Accent: #D4577A (rose fuchsia du logo fleur)\nAmbiance: Douceur, naturel, féminin, bio, soin délicat, pureté\nPréfixe CSS: gd\n--\u003e\n\n\u003cdiv class=\"gd-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"gd-hero\"\u003e\n \u003cdiv class=\"gd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gd-hero-content\"\u003e\n \u003cdiv class=\"gd-badges-top\"\u003e\n \u003cspan class=\"gd-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"gd-badge\"\u003e🪶 Extra doux\u003c\/span\u003e\n \u003cspan class=\"gd-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gd-hero-title\"\u003eGel douche hypoallergénique bio\u003c\/span\u003e\n \u003cp class=\"gd-subtitle\"\u003eEmma Noël - L'huile source de soin\u003c\/p\u003e\n \u003cp class=\"gd-description\"\u003eUne formule ultra-douce certifiée bio, conçue pour les peaux les plus sensibles. La légèreté d'une plume pour votre peau au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"gd-hero-volume\"\u003e\n \u003cspan class=\"gd-volume-label\"\u003eFormat familial\u003c\/span\u003e\n \u003cspan class=\"gd-volume-value\"\u003e1 Litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- PROMESSES --\u003e\n \u003csection class=\"gd-section\"\u003e\n \u003ch2\u003e✨ La douceur à l'état pur\u003c\/h2\u003e\n \u003cdiv class=\"gd-grid\"\u003e\n \u003cdiv class=\"gd-card\"\u003e\n \u003cdiv class=\"gd-card-icon\"\u003e🪶\u003c\/div\u003e\n \u003ch3\u003eExtra doux\u003c\/h3\u003e\n \u003cp\u003eFormule spécialement développée pour respecter les peaux les plus délicates et réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-card\"\u003e\n \u003cdiv class=\"gd-card-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003eHypoallergénique\u003c\/h3\u003e\n \u003cp\u003eTesté dermatologiquement, minimise les risques d'allergies pour une utilisation en toute sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-card\"\u003e\n \u003cdiv class=\"gd-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eCertifié bio\u003c\/h3\u003e\n \u003cp\u003eDes ingrédients issus de l'agriculture biologique pour prendre soin de vous et de la planète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-card\"\u003e\n \u003cdiv class=\"gd-card-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eNettoie en douceur\u003c\/h3\u003e\n \u003cp\u003eUne mousse onctueuse qui lave délicatement sans agresser le film hydrolipidique de la 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=\"gd-section\"\u003e\n \u003ch2\u003e👨‍👩‍👧‍👦 Pour toute la famille\u003c\/h2\u003e\n \u003cdiv class=\"gd-profiles-grid\"\u003e\n \u003cdiv class=\"gd-profile\"\u003e\n \u003cspan class=\"gd-profile-icon\"\u003e👶\u003c\/span\u003e\n \u003cspan class=\"gd-profile-text\"\u003eBébés \u0026amp; enfants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-profile\"\u003e\n \u003cspan class=\"gd-profile-icon\"\u003e🤰\u003c\/span\u003e\n \u003cspan class=\"gd-profile-text\"\u003eFemmes enceintes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-profile\"\u003e\n \u003cspan class=\"gd-profile-icon\"\u003e🩹\u003c\/span\u003e\n \u003cspan class=\"gd-profile-text\"\u003ePeaux sensibles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-profile\"\u003e\n \u003cspan class=\"gd-profile-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"gd-profile-text\"\u003ePeaux à tendance allergique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-profile\"\u003e\n \u003cspan class=\"gd-profile-icon\"\u003e💆‍♀️\u003c\/span\u003e\n \u003cspan class=\"gd-profile-text\"\u003ePeaux sèches\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-profile\"\u003e\n \u003cspan class=\"gd-profile-icon\"\u003e👨‍👩‍👧\u003c\/span\u003e\n \u003cspan class=\"gd-profile-text\"\u003eUsage quotidien familial\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"gd-section\"\u003e\n \u003ch2\u003e🚿 Conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"gd-steps\"\u003e\n \u003cdiv class=\"gd-step\"\u003e\n \u003cdiv class=\"gd-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gd-step-content\"\u003e\n \u003ch4\u003eHumidifiez\u003c\/h4\u003e\n \u003cp\u003eMouillez votre peau sous la douche ou dans le bain\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-step\"\u003e\n \u003cdiv class=\"gd-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gd-step-content\"\u003e\n \u003ch4\u003eAppliquez\u003c\/h4\u003e\n \u003cp\u003ePrélevez une noisette de gel et faites mousser entre vos mains\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-step\"\u003e\n \u003cdiv class=\"gd-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gd-step-content\"\u003e\n \u003ch4\u003eMassez\u003c\/h4\u003e\n \u003cp\u003eAppliquez sur l'ensemble du corps en massant délicatement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-step\"\u003e\n \u003cdiv class=\"gd-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gd-step-content\"\u003e\n \u003ch4\u003eRincez\u003c\/h4\u003e\n \u003cp\u003eRincez abondamment à l'eau claire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ENGAGEMENTS --\u003e\n \u003csection class=\"gd-section\"\u003e\n \u003ch2\u003e🌱 Nos engagements\u003c\/h2\u003e\n \u003cdiv class=\"gd-commitments\"\u003e\n \u003cdiv class=\"gd-commitment\"\u003e\n \u003cspan class=\"gd-commitment-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan\u003eSans parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-commitment\"\u003e\n \u003cspan class=\"gd-commitment-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan\u003eSans sulfates agressifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-commitment\"\u003e\n \u003cspan class=\"gd-commitment-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan\u003eSans colorants artificiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-commitment\"\u003e\n \u003cspan class=\"gd-commitment-icon\"\u003e🐰\u003c\/span\u003e\n \u003cspan\u003eNon testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-commitment\"\u003e\n \u003cspan class=\"gd-commitment-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan\u003eFlacon recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-commitment\"\u003e\n \u003cspan class=\"gd-commitment-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan\u003eFabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"gd-section\"\u003e\n \u003ch2\u003e📋 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"gd-info-grid\"\u003e\n \u003cdiv class=\"gd-info-card\"\u003e\n \u003cspan class=\"gd-info-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"gd-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"gd-info-value\"\u003e1 Litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-info-card\"\u003e\n \u003cspan class=\"gd-info-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cspan class=\"gd-info-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"gd-info-value\"\u003eEmma Noël\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-info-card\"\u003e\n \u003cspan class=\"gd-info-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan class=\"gd-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"gd-info-value\"\u003eBio - Cosmébio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gd-info-card\"\u003e\n \u003cspan class=\"gd-info-icon\"\u003e🎯\u003c\/span\u003e\n \u003cspan class=\"gd-info-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"gd-info-value\"\u003eToutes peaux sensibles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"gd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gd-cta-box\"\u003e\n \u003cdiv class=\"gd-cta-feather\"\u003e🪶\u003c\/div\u003e\n \u003cp\u003eOffrez à votre peau la douceur qu'elle mérite avec ce gel douche bio, aussi léger qu'une plume. Un geste beauté quotidien respectueux de votre peau et de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"gd-cta-badge\"\u003eFormat économique 1L\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --gd-cream: #FDF8F9;\n --gd-white: #ffffff;\n --gd-primary: #7FB8B6;\n --gd-primary-dark: #5A9A98;\n --gd-primary-light: #E8F4F3;\n --gd-secondary: #E8A4B8;\n --gd-secondary-light: #FDF0F4;\n --gd-accent: #D4577A;\n\n \/* Textes *\/\n --gd-text: #2D3436;\n --gd-text-light: #636E72;\n\n \/* Effets *\/\n --gd-border: #F0E6E9;\n --gd-shadow: 0 4px 24px rgba(127, 184, 182, 0.12);\n --gd-shadow-lg: 0 12px 48px rgba(127, 184, 182, 0.2);\n --gd-radius: 20px;\n --gd-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.gd-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.gd-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gd-primary) 0%, var(--gd-primary-dark) 40%, var(--gd-secondary) 100%);\n border-radius: var(--gd-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--gd-shadow-lg);\n}\n\n.gd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,0.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,0.1) 0%, transparent 50%);\n opacity: 1;\n}\n\n.gd-hero::before {\n content: '🪶';\n position: absolute;\n font-size: 120px;\n opacity: 0.1;\n top: -20px;\n right: -20px;\n transform: rotate(25deg);\n}\n\n.gd-hero::after {\n content: '🪶';\n position: absolute;\n font-size: 80px;\n opacity: 0.08;\n bottom: -10px;\n left: 5%;\n transform: rotate(-15deg);\n}\n\n.gd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.gd-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n}\n\n.gd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gd-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 6vw, 48px);\n font-weight: 900;\n margin: 0 0 0.75rem 0;\n letter-spacing: -0.03em;\n text-shadow: 0 4px 20px rgba(0,0,0,0.15);\n line-height: 1.1;\n}\n\n.gd-subtitle {\n color: rgba(255,255,255,0.95);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.gd-description {\n color: rgba(255,255,255,0.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto 1.5rem auto;\n}\n\n.gd-hero-volume {\n display: inline-flex;\n flex-direction: column;\n background: rgba(255,255,255,0.2);\n backdrop-filter: blur(10px);\n padding: 1rem 2rem;\n border-radius: var(--gd-radius-sm);\n border: 1px solid rgba(255,255,255,0.3);\n}\n\n.gd-volume-label {\n color: rgba(255,255,255,0.9);\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n font-weight: 600;\n}\n\n.gd-volume-value {\n color: white;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n}\n\n\/* === SECTIONS === *\/\n.gd-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.gd-premium h2 {\n font-size: clamp(24px, 4.5vw, 34px);\n font-weight: 900;\n color: var(--gd-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gd-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(--gd-primary), var(--gd-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.gd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.gd-card {\n background: var(--gd-white);\n border-radius: var(--gd-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--gd-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.gd-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--gd-shadow-lg);\n border-color: var(--gd-primary);\n}\n\n.gd-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.gd-card h3 {\n color: var(--gd-primary-dark);\n font-size: 18px;\n font-weight: 800;\n margin: 0 0 0.75rem 0;\n}\n\n.gd-card p {\n color: var(--gd-text-light);\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.gd-profiles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.gd-profile {\n background: var(--gd-white);\n border-radius: var(--gd-radius-sm);\n padding: 1.25rem 1rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n box-shadow: var(--gd-shadow);\n transition: all 0.3s ease;\n border: 2px solid transparent;\n}\n\n.gd-profile:hover {\n transform: translateY(-4px);\n border-color: var(--gd-secondary);\n}\n\n.gd-profile-icon {\n font-size: 32px;\n}\n\n.gd-profile-text {\n color: var(--gd-text);\n font-size: 14px;\n font-weight: 600;\n text-align: center;\n}\n\n\/* === ÉTAPES === *\/\n.gd-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.gd-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--gd-white);\n padding: 1.5rem;\n border-radius: var(--gd-radius-sm);\n box-shadow: var(--gd-shadow);\n transition: all 0.3s ease;\n}\n\n.gd-step:hover {\n transform: translateX(8px);\n box-shadow: var(--gd-shadow-lg);\n}\n\n.gd-step-number {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--gd-primary), var(--gd-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 800;\n flex-shrink: 0;\n}\n\n.gd-step-content h4 {\n color: var(--gd-primary-dark);\n font-size: 16px;\n font-weight: 700;\n margin: 0 0 0.25rem 0;\n}\n\n.gd-step-content p {\n color: var(--gd-text-light);\n font-size: 14px;\n line-height: 1.5;\n margin: 0;\n}\n\n\/* === ENGAGEMENTS === *\/\n.gd-commitments {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.gd-commitment {\n display: flex;\n align-items: center;\n gap: 8px;\n background: var(--gd-white);\n padding: 12px 20px;\n border-radius: 999px;\n box-shadow: var(--gd-shadow);\n font-size: 14px;\n font-weight: 600;\n color: var(--gd-text);\n transition: all 0.3s ease;\n}\n\n.gd-commitment:hover {\n transform: scale(1.05);\n box-shadow: var(--gd-shadow-lg);\n}\n\n.gd-commitment-icon {\n font-size: 18px;\n}\n\n\/* === INFOS === *\/\n.gd-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.gd-info-card {\n background: var(--gd-white);\n border-radius: var(--gd-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--gd-shadow);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n transition: all 0.3s ease;\n}\n\n.gd-info-card:hover {\n transform: translateY(-4px);\n}\n\n.gd-info-icon {\n font-size: 28px;\n}\n\n.gd-info-label {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--gd-text-light);\n font-weight: 600;\n}\n\n.gd-info-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--gd-primary-dark);\n}\n\n\/* === CTA === *\/\n.gd-cta-box {\n background: linear-gradient(135deg, var(--gd-primary) 0%, var(--gd-secondary) 100%);\n border-radius: var(--gd-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gd-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,0.15) 0%, transparent 50%);\n}\n\n.gd-cta-feather {\n font-size: 64px;\n margin-bottom: 1rem;\n display: block;\n animation: float 3s ease-in-out infinite;\n}\n\n.gd-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,0.1);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n}\n\n.gd-cta-badge {\n display: inline-block;\n background: rgba(255,255,255,0.95);\n color: var(--gd-primary-dark);\n padding: 12px 28px;\n border-radius: 999px;\n font-size: 15px;\n font-weight: 800;\n box-shadow: 0 4px 20px rgba(0,0,0,0.15);\n}\n\n\/* === ANIMATIONS === *\/\n@keyframes float {\n 0%, 100% { transform: translateY(0) rotate(0deg); }\n 50% { transform: translateY(-10px) rotate(5deg); }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .gd-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n .gd-card:nth-child(1) { animation-delay: 0.1s; }\n .gd-card:nth-child(2) { animation-delay: 0.2s; }\n .gd-card:nth-child(3) { animation-delay: 0.3s; }\n .gd-card:nth-child(4) { animation-delay: 0.4s; }\n \n .gd-profile {\n animation: fadeInUp 0.5s ease backwards;\n }\n .gd-profile:nth-child(1) { animation-delay: 0.05s; }\n .gd-profile:nth-child(2) { animation-delay: 0.1s; }\n .gd-profile:nth-child(3) { animation-delay: 0.15s; }\n .gd-profile:nth-child(4) { animation-delay: 0.2s; }\n .gd-profile:nth-child(5) { animation-delay: 0.25s; }\n .gd-profile:nth-child(6) { animation-delay: 0.3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .gd-grid {\n grid-template-columns: 1fr;\n }\n \n .gd-profiles-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .gd-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .gd-commitments {\n gap: 0.75rem;\n }\n \n .gd-commitment {\n padding: 10px 16px;\n font-size: 13px;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .gd-cta-feather {\n animation: none;\n }\n}\n\n@media (prefers-contrast: high) {\n .gd-card, .gd-profile, .gd-step, .gd-commitment, .gd-info-card {\n border: 2px solid var(--gd-text);\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56359313768825,"sku":"NBAIEMM0015","price":14.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel_douche_hypoallergenique_extra_doux.jpg?v=1766069815"},{"product_id":"huile-vierge-de-jojoba-bio-50ml-emma-noel","title":"Huile vierge de Jojoba Bio - 50ml - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile vierge de Jojoba Bio - 50ml - Emma Noël\nPalette détectée:\n - Primaire: #2A9D8F (vert turquoise\/teal du bandeau \"Jojoba\" sur le packaging)\n - Secondaire: #D4A853 (jaune doré de l'huile visible dans le flacon)\n - Accent: #E76F51 (rose\/corail du logo Emma Noël)\n - Fond: #F5F1E8 (crème\/beige naturel évoquant le naturel\/bio)\nAmbiance: Naturel\/bio, bien-être spa, douceur végétale, authenticité, minimalisme élégant\nPréfixe CSS: jjb\n--\u003e\n\n\u003cdiv class=\"jjb-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"jjb-hero\"\u003e\n \u003cdiv class=\"jjb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"jjb-hero-content\"\u003e\n \u003cdiv class=\"jjb-badges-top\"\u003e\n \u003cspan class=\"jjb-badge\"\u003e🌿 100% bio\u003c\/span\u003e\n \u003cspan class=\"jjb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"jjb-badge\"\u003e💧 Pressée à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"jjb-hero-title\"\u003eHuile vierge de Jojoba Bio\u003c\/span\u003e\n \u003cp class=\"jjb-subtitle\"\u003eL'or liquide du désert pour votre peau et vos cheveux\u003c\/p\u003e\n \u003cp class=\"jjb-description\"\u003eUne huile d'exception, pure et non raffinée, qui imite parfaitement le sébum naturel de votre peau. Un seul ingrédient, des bienfaits infinis.\u003c\/p\u003e\n \u003cdiv class=\"jjb-hero-format\"\u003e\n \u003cspan class=\"jjb-format-badge\"\u003e50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION UNICITÉ --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003e🌱 Pourquoi le jojoba est unique\u003c\/h2\u003e\n \u003cp class=\"jjb-intro-text\"\u003eContrairement aux autres huiles végétales, le jojoba produit une \u003cstrong\u003ecire liquide\u003c\/strong\u003e aux propriétés exceptionnelles que votre peau reconnaît instantanément.\u003c\/p\u003e\n \u003cdiv class=\"jjb-grid jjb-grid-4\"\u003e\n \u003cdiv class=\"jjb-card jjb-card-feature\"\u003e\n \u003cdiv class=\"jjb-card-icon\"\u003e🧬\u003c\/div\u003e\n \u003ch3\u003eProche du sébum\u003c\/h3\u003e\n \u003cp\u003eSa composition mime parfaitement le sébum humain pour une assimilation optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card jjb-card-feature\"\u003e\n \u003cdiv class=\"jjb-card-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eTexture légère\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans laisser de film gras désagréable sur la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card jjb-card-feature\"\u003e\n \u003cdiv class=\"jjb-card-icon\"\u003e🔬\u003c\/div\u003e\n \u003ch3\u003eNon comédogène\u003c\/h3\u003e\n \u003cp\u003eN'obstrue jamais les pores, même sur les peaux à tendance acnéique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card jjb-card-feature\"\u003e\n \u003cdiv class=\"jjb-card-icon\"\u003e⏳\u003c\/div\u003e\n \u003ch3\u003eStabilité rare\u003c\/h3\u003e\n \u003cp\u003eNe rancit pas grâce à sa structure unique en cire liquide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION BIENFAITS PEAU --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003e💧 Les bienfaits pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card jjb-card-skin\"\u003e\n \u003cdiv class=\"jjb-skin-type\"\u003e\n \u003cspan class=\"jjb-skin-emoji\"\u003e💎\u003c\/span\u003e\n \u003cspan class=\"jjb-skin-label\"\u003ePeaux grasses \u0026amp; mixtes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eRégule naturellement les sécrétions de sébum et rééquilibre votre peau sans l'agresser ni la dessécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card jjb-card-skin\"\u003e\n \u003cdiv class=\"jjb-skin-type\"\u003e\n \u003cspan class=\"jjb-skin-emoji\"\u003e🏜️\u003c\/span\u003e\n \u003cspan class=\"jjb-skin-label\"\u003ePeaux sèches \u0026amp; déshydratées\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eForme un film protecteur invisible qui prévient la perte en eau et maintient une hydratation durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card jjb-card-skin\"\u003e\n \u003cdiv class=\"jjb-skin-type\"\u003e\n \u003cspan class=\"jjb-skin-emoji\"\u003e🌸\u003c\/span\u003e\n \u003cspan class=\"jjb-skin-label\"\u003ePeaux sensibles \u0026amp; réactives\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eAction calmante et réparatrice qui apaise les inconforts et les rougeurs au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card jjb-card-skin\"\u003e\n \u003cdiv class=\"jjb-skin-type\"\u003e\n \u003cspan class=\"jjb-skin-emoji\"\u003e🌟\u003c\/span\u003e\n \u003cspan class=\"jjb-skin-label\"\u003ePeaux matures\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003ePropriétés régénérantes qui aident à maintenir la souplesse et l'élasticité cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-tip-box\"\u003e\n \u003cspan class=\"jjb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce beauté :\u003c\/strong\u003e utilisez-la pure en soin quotidien, en huile démaquillante, ou mélangez-la à vos crèmes habituelles pour en renforcer l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION CHEVEUX --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003e💇 Le secret de cheveux sublimes\u003c\/h2\u003e\n \u003cdiv class=\"jjb-hair-grid\"\u003e\n \u003cdiv class=\"jjb-hair-card\"\u003e\n \u003cdiv class=\"jjb-hair-number\"\u003e01\u003c\/div\u003e\n \u003ch3\u003eCheveux gras\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le cuir chevelu avant le shampoing pour rééquilibrer la production de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-hair-card\"\u003e\n \u003cdiv class=\"jjb-hair-number\"\u003e02\u003c\/div\u003e\n \u003ch3\u003eCheveux secs \u0026amp; cassants\u003c\/h3\u003e\n \u003cp\u003eUtilisez en masque sur les longueurs pour leur redonner vitalité et souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-hair-card\"\u003e\n \u003cdiv class=\"jjb-hair-number\"\u003e03\u003c\/div\u003e\n \u003ch3\u003ePointes abîmées\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes suffisent pour nourrir et faire briller sans jamais alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-tip-box jjb-tip-box-alt\"\u003e\n \u003cspan class=\"jjb-tip-icon\"\u003e🌙\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSoin profond nocturne :\u003c\/strong\u003e laissez poser l'huile toute la nuit sous une serviette chaude, puis lavez vos cheveux le matin pour une chevelure transformée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION COMPOSITION --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003e🌿 Une pureté absolue\u003c\/h2\u003e\n \u003cdiv class=\"jjb-composition-box\"\u003e\n \u003cdiv class=\"jjb-ingredient-main\"\u003e\n \u003cspan class=\"jjb-ingredient-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"jjb-ingredient-name\"\u003eSimmondsia Chinensis Seed Oil*\u003c\/span\u003e\n \u003cspan class=\"jjb-ingredient-desc\"\u003eHuile de graines de jojoba\u003c\/span\u003e\n \u003cspan class=\"jjb-ingredient-bio\"\u003e*Issu de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-certif-grid\"\u003e\n \u003cdiv class=\"jjb-certif-item\"\u003e\n \u003cspan class=\"jjb-certif-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan\u003eCertifiée bio Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-certif-item\"\u003e\n \u003cspan class=\"jjb-certif-icon\"\u003e❄️\u003c\/span\u003e\n \u003cspan\u003ePressée à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-certif-item\"\u003e\n \u003cspan class=\"jjb-certif-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan\u003eSans conservateur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-certif-item\"\u003e\n \u003cspan class=\"jjb-certif-icon\"\u003e🌸\u003c\/span\u003e\n \u003cspan\u003eSans parfum ajouté\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-certif-item\"\u003e\n \u003cspan class=\"jjb-certif-icon\"\u003e✓\u003c\/span\u003e\n \u003cspan\u003eSans paraben\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-certif-item\"\u003e\n \u003cspan class=\"jjb-certif-icon\"\u003e🧪\u003c\/span\u003e\n \u003cspan\u003eSans traitement chimique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION CARACTÉRISTIQUES SENSORIELLES --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003e✨ Reconnaître la qualité\u003c\/h2\u003e\n \u003cdiv class=\"jjb-sensory-grid\"\u003e\n \u003cdiv class=\"jjb-sensory-item\"\u003e\n \u003cdiv class=\"jjb-sensory-icon\"\u003e👁️\u003c\/div\u003e\n \u003ch3\u003eAspect\u003c\/h3\u003e\n \u003cp\u003eLiquide huileux légèrement visqueux (peut se figer sous 15°C, c'est naturel)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-sensory-item\"\u003e\n \u003cdiv class=\"jjb-sensory-icon\"\u003e🎨\u003c\/div\u003e\n \u003ch3\u003eCouleur\u003c\/h3\u003e\n \u003cp\u003eJaune clair à jaune doré, témoignage de sa pureté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-sensory-item\"\u003e\n \u003cdiv class=\"jjb-sensory-icon\"\u003e👃\u003c\/div\u003e\n \u003ch3\u003eOdeur\u003c\/h3\u003e\n \u003cp\u003eDouce et végétale, avec une très légère note de noix\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-sensory-item\"\u003e\n \u003cdiv class=\"jjb-sensory-icon\"\u003e🤲\u003c\/div\u003e\n \u003ch3\u003eToucher\u003c\/h3\u003e\n \u003cp\u003eSec et soyeux, pénètre rapidement sans effet gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION CONSERVATION --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003e📦 Conseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"jjb-conservation-box\"\u003e\n \u003cdiv class=\"jjb-conservation-items\"\u003e\n \u003cdiv class=\"jjb-conservation-item\"\u003e\n \u003cspan class=\"jjb-conservation-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eConservez au sec, à l'abri de la chaleur et de la lumière directe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-conservation-item\"\u003e\n \u003cspan class=\"jjb-conservation-icon\"\u003e🔒\u003c\/span\u003e\n \u003cp\u003eRefermez bien le flacon après chaque utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-conservation-item\"\u003e\n \u003cspan class=\"jjb-conservation-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003eSi l'huile se fige par temps froid, passez le flacon sous l'eau tiède : elle retrouvera sa fluidité sans perdre ses propriétés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION FORMAT --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003e✈️ Le format idéal\u003c\/h2\u003e\n \u003cdiv class=\"jjb-format-box\"\u003e\n \u003cdiv class=\"jjb-format-visual\"\u003e\n \u003cspan class=\"jjb-format-size\"\u003e50\u003c\/span\u003e\n \u003cspan class=\"jjb-format-unit\"\u003eml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-format-info\"\u003e\n \u003ch3\u003eParfait pour découvrir ou voyager\u003c\/h3\u003e\n \u003cp\u003eCe format compact se glisse facilement dans votre trousse de toilette. Idéal pour tester l'huile de jojoba si vous ne la connaissez pas encore, ou pour l'emporter partout avec vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION PRÉCAUTION --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003cdiv class=\"jjb-warning-box\"\u003e\n \u003cspan class=\"jjb-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cdiv class=\"jjb-warning-content\"\u003e\n \u003ch3\u003ePrécaution d'emploi\u003c\/h3\u003e\n \u003cp\u003eComme pour tout produit cosmétique, effectuez un test cutané dans le pli du coude avant la première utilisation, particulièrement si vous avez la peau réactive. En cas de réaction, cessez l'utilisation. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"jjb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"jjb-cta-box\"\u003e\n \u003cdiv class=\"jjb-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"jjb-cta-content\"\u003e\n \u003cspan class=\"jjb-cta-emoji\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eOffrez à votre peau et vos cheveux le soin qu'ils méritent avec cette huile d'exception, pure et authentique. Un geste simple pour une beauté naturelle au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"jjb-cta-brand\"\u003e\n \u003cspan\u003eEmma Noël\u003c\/span\u003e\n \u003cspan class=\"jjb-cta-tagline\"\u003eL'huile source de soin\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --jjb-cream: #F9F6F0;\n --jjb-white: #ffffff;\n --jjb-primary: #2A9D8F;\n --jjb-primary-dark: #1E7268;\n --jjb-primary-light: #E8F5F3;\n --jjb-secondary: #D4A853;\n --jjb-secondary-light: #FDF8ED;\n --jjb-accent: #E76F51;\n --jjb-text: #1a1a1a;\n --jjb-text-light: #5a5a5a;\n --jjb-border: #e8e4dc;\n --jjb-shadow: 0 4px 24px rgba(42, 157, 143, .08);\n --jjb-shadow-lg: 0 12px 48px rgba(42, 157, 143, .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 color: var(--jjb-text);\n line-height: 1.6;\n}\n\n.jjb-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.jjb-hero {\n position: relative;\n background: linear-gradient(135deg, #2A9D8F 0%, #1E7268 40%, #D4A853 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--jjb-shadow-lg);\n}\n\n.jjb-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\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: 10px;\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(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.jjb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.jjb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 17px);\n max-width: 600px;\n margin: 0 auto 1.5rem auto;\n line-height: 1.7;\n}\n\n.jjb-hero-format {\n display: flex;\n justify-content: center;\n}\n\n.jjb-format-badge {\n display: inline-block;\n padding: 12px 28px;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border: 2px solid rgba(255,255,255,.4);\n border-radius: 999px;\n color: white;\n font-size: 18px;\n font-weight: 800;\n}\n\n\/* === SECTIONS === *\/\n.jjb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.jjb-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--jjb-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\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-intro-text {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--jjb-text-light);\n max-width: 700px;\n margin: 0 auto clamp(2rem, 4vw, 3rem) auto;\n}\n\n.jjb-intro-text strong {\n color: var(--jjb-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.jjb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.jjb-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS === *\/\n.jjb-card {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--jjb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.jjb-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--jjb-shadow-lg);\n border-color: var(--jjb-primary);\n}\n\n.jjb-card-feature {\n text-align: center;\n}\n\n.jjb-card-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.jjb-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--jjb-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.jjb-card p {\n font-size: 14px;\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SKIN CARDS === *\/\n.jjb-card-skin {\n background: linear-gradient(135deg, var(--jjb-white) 0%, var(--jjb-primary-light) 100%);\n}\n\n.jjb-skin-type {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 1rem;\n padding-bottom: 1rem;\n border-bottom: 2px solid var(--jjb-border);\n}\n\n.jjb-skin-emoji {\n font-size: 32px;\n}\n\n.jjb-skin-label {\n font-size: 16px;\n font-weight: 800;\n color: var(--jjb-primary-dark);\n}\n\n.jjb-card-skin p {\n font-size: 15px;\n}\n\n\/* === TIP BOX === *\/\n.jjb-tip-box {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--jjb-secondary-light);\n border-radius: var(--jjb-radius-sm);\n padding: 1.5rem;\n margin-top: 2rem;\n border-left: 4px solid var(--jjb-secondary);\n}\n\n.jjb-tip-box-alt {\n background: var(--jjb-primary-light);\n border-left-color: var(--jjb-primary);\n}\n\n.jjb-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.jjb-tip-box p {\n margin: 0;\n font-size: 15px;\n color: var(--jjb-text);\n}\n\n.jjb-tip-box strong {\n color: var(--jjb-primary-dark);\n}\n\n\/* === HAIR SECTION === *\/\n.jjb-hair-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.jjb-hair-card {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--jjb-shadow);\n position: relative;\n overflow: hidden;\n transition: all .3s ease;\n}\n\n.jjb-hair-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--jjb-primary), var(--jjb-secondary));\n}\n\n.jjb-hair-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--jjb-shadow-lg);\n}\n\n.jjb-hair-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--jjb-primary), var(--jjb-primary-dark));\n color: white;\n font-size: 16px;\n font-weight: 900;\n border-radius: 50%;\n margin-bottom: 1rem;\n}\n\n.jjb-hair-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--jjb-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.jjb-hair-card p {\n font-size: 14px;\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.jjb-composition-box {\n background: linear-gradient(135deg, var(--jjb-primary) 0%, var(--jjb-primary-dark) 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n text-align: center;\n margin-bottom: 2rem;\n}\n\n.jjb-ingredient-main {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.jjb-ingredient-label {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: rgba(255,255,255,.7);\n}\n\n.jjb-ingredient-name {\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 900;\n color: white;\n font-style: italic;\n}\n\n.jjb-ingredient-desc {\n font-size: 16px;\n color: rgba(255,255,255,.9);\n}\n\n.jjb-ingredient-bio {\n font-size: 14px;\n color: var(--jjb-secondary);\n font-weight: 600;\n}\n\n.jjb-certif-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 1rem;\n}\n\n.jjb-certif-item {\n display: flex;\n align-items: center;\n gap: 10px;\n background: var(--jjb-white);\n border-radius: var(--jjb-radius-sm);\n padding: 1rem;\n box-shadow: var(--jjb-shadow);\n transition: all .3s ease;\n}\n\n.jjb-certif-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--jjb-shadow-lg);\n}\n\n.jjb-certif-icon {\n font-size: 20px;\n}\n\n.jjb-certif-item span:last-child {\n font-size: 13px;\n font-weight: 600;\n color: var(--jjb-text);\n}\n\n\/* === SENSORY === *\/\n.jjb-sensory-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.jjb-sensory-item {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--jjb-shadow);\n transition: all .3s ease;\n}\n\n.jjb-sensory-item:hover {\n transform: translateY(-8px);\n box-shadow: var(--jjb-shadow-lg);\n}\n\n.jjb-sensory-icon {\n font-size: 36px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.jjb-sensory-item h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--jjb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.jjb-sensory-item p {\n font-size: 14px;\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === CONSERVATION === *\/\n.jjb-conservation-box {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--jjb-shadow);\n}\n\n.jjb-conservation-items {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.jjb-conservation-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.jjb-conservation-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.jjb-conservation-item p {\n margin: 0;\n font-size: 15px;\n color: var(--jjb-text);\n line-height: 1.6;\n}\n\n\/* === FORMAT === *\/\n.jjb-format-box {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 2rem;\n background: linear-gradient(135deg, var(--jjb-secondary-light) 0%, var(--jjb-white) 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--jjb-shadow);\n}\n\n.jjb-format-visual {\n display: flex;\n align-items: baseline;\n gap: 4px;\n background: linear-gradient(135deg, var(--jjb-secondary), #C4983F);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.jjb-format-size {\n font-size: clamp(60px, 12vw, 80px);\n font-weight: 900;\n line-height: 1;\n}\n\n.jjb-format-unit {\n font-size: clamp(24px, 5vw, 32px);\n font-weight: 700;\n}\n\n.jjb-format-info {\n flex: 1;\n min-width: 250px;\n}\n\n.jjb-format-info h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--jjb-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.jjb-format-info p {\n font-size: 15px;\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WARNING === *\/\n.jjb-warning-box {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, #FEF3F2 0%, #FEE4E2 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #FECDCA;\n}\n\n.jjb-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.jjb-warning-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: #B42318;\n margin: 0 0 .5rem 0;\n}\n\n.jjb-warning-content p {\n font-size: 14px;\n color: #7A271A;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.jjb-cta-box {\n background: linear-gradient(135deg, var(--jjb-primary) 0%, var(--jjb-primary-dark) 50%, #1A5C54 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.jjb-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='3' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n}\n\n.jjb-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.jjb-cta-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.jjb-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n}\n\n.jjb-cta-brand {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.jjb-cta-brand span:first-child {\n font-size: 24px;\n font-weight: 900;\n color: white;\n letter-spacing: -.02em;\n}\n\n.jjb-cta-tagline {\n font-size: 14px;\n color: rgba(255,255,255,.8);\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .jjb-grid,\n .jjb-grid-4,\n .jjb-hair-grid,\n .jjb-sensory-grid {\n grid-template-columns: 1fr;\n }\n \n .jjb-certif-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .jjb-format-box {\n flex-direction: column;\n text-align: center;\n }\n \n .jjb-tip-box {\n flex-direction: column;\n text-align: center;\n }\n \n .jjb-warning-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .jjb-card,\n .jjb-hair-card,\n .jjb-sensory-item,\n .jjb-certif-item {\n animation: jjbFadeInUp .6s ease backwards;\n }\n \n .jjb-card:nth-child(1),\n .jjb-hair-card:nth-child(1),\n .jjb-sensory-item:nth-child(1),\n .jjb-certif-item:nth-child(1) { animation-delay: .1s; }\n \n .jjb-card:nth-child(2),\n .jjb-hair-card:nth-child(2),\n .jjb-sensory-item:nth-child(2),\n .jjb-certif-item:nth-child(2) { animation-delay: .2s; }\n \n .jjb-card:nth-child(3),\n .jjb-hair-card:nth-child(3),\n .jjb-sensory-item:nth-child(3),\n .jjb-certif-item:nth-child(3) { animation-delay: .3s; }\n \n .jjb-card:nth-child(4),\n .jjb-sensory-item:nth-child(4),\n .jjb-certif-item:nth-child(4) { animation-delay: .4s; }\n \n .jjb-certif-item:nth-child(5) { animation-delay: .5s; }\n .jjb-certif-item:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes jjbFadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .jjb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .jjb-card,\n .jjb-hair-card,\n .jjb-sensory-item {\n border: 2px solid var(--jjb-text);\n }\n \n .jjb-badge {\n border: 2px solid var(--jjb-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56365045481849,"sku":"NBAIEMM0037","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huiledejojobadecorvegetal.jpg?v=1766053233"},{"product_id":"lait-corporel-coco-500ml-emma-noel","title":"Lait corporel Coco - 500ml - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lait corporel Coco - 500ml - Emma Noël\nPalette détectée:\n - Primaire: #5B9AC7 (bleu doux de l'étiquette)\n - Secondaire: #E84C8A (rose fuchsia du logo Emma Noël)\n - Accent: #F8D4E0 (rose poudré du fond)\n - Crème: #FDF5F7 (fond rosé très clair)\nAmbiance: Féminin, doux, naturel\/bio, familial, cosmétique française, texture crémeuse\nPréfixe CSS: lcc\n--\u003e\n\u003cdiv class=\"lcc-premium\"\u003e\n\u003cdiv class=\"lcc-hero\"\u003e\n\u003cdiv class=\"lcc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lcc-hero-content\"\u003e\n\u003cdiv class=\"lcc-badges-top\"\u003e\n\u003cspan class=\"lcc-badge\"\u003e🥥 Huile de coco bio\u003c\/span\u003e \u003cspan class=\"lcc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"lcc-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"lcc-hero-title\"\u003eLait corporel Coco\u003c\/span\u003e\n\u003cp class=\"lcc-description\"\u003eUn soin familial généreux qui nourrit intensément votre peau sans laisser de film gras. Texture légère, parfum envoûtant de coco, douceur absolue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"lcc-section\"\u003e\n\u003ch2\u003e✨ Pourquoi vous allez l'adorer\u003c\/h2\u003e\n\u003cdiv class=\"lcc-grid\"\u003e\n\u003cdiv class=\"lcc-card\"\u003e\n\u003cdiv class=\"lcc-card-icon\"\u003e📦\u003c\/div\u003e\n\u003ch3\u003eFormat familial\u003c\/h3\u003e\n\u003cp\u003e500 ml généreux avec pompe pratique pour un dosage facile et sans gaspillage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lcc-card\"\u003e\n\u003cdiv class=\"lcc-card-icon\"\u003e💨\u003c\/div\u003e\n\u003ch3\u003eTexture légère\u003c\/h3\u003e\n\u003cp\u003ePénètre rapidement sans effet collant ni film gras sur la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lcc-card\"\u003e\n\u003cdiv class=\"lcc-card-icon\"\u003e🥥\u003c\/div\u003e\n\u003ch3\u003eParfum délicat\u003c\/h3\u003e\n\u003cp\u003eUne invitation au voyage à chaque application grâce à sa fragrance coco\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lcc-card\"\u003e\n\u003cdiv class=\"lcc-card-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eCertifié bio\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de l'agriculture biologique, respectueux de votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lcc-card\"\u003e\n\u003cdiv class=\"lcc-card-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eMade in France\u003c\/h3\u003e\n\u003cp\u003eSavoir-faire local et artisanal depuis plusieurs décennies\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lcc-card\"\u003e\n\u003cdiv class=\"lcc-card-icon\"\u003e👨👩👧👦\u003c\/div\u003e\n\u003ch3\u003ePour toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient aux petits comme aux grands, des peaux les plus jeunes aux plus matures\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lcc-section\"\u003e\n\u003ch2\u003e🥥 Les bienfaits de l'huile de coco\u003c\/h2\u003e\n\u003cdiv class=\"lcc-benefits-box\"\u003e\n\u003cp class=\"lcc-benefits-intro\"\u003eL'huile de coco est reconnue depuis des siècles pour ses propriétés nourrissantes exceptionnelles. Riche en acides gras essentiels, elle pénètre les couches superficielles de l'épiderme pour une hydratation durable.\u003c\/p\u003e\n\u003cdiv class=\"lcc-benefits-grid\"\u003e\n\u003cdiv class=\"lcc-benefit\"\u003e\n\u003cspan class=\"lcc-benefit-icon\"\u003e🧴\u003c\/span\u003e \u003cspan\u003eAdoucit et assouplit les peaux sèches ou tiraillées\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lcc-benefit\"\u003e\n\u003cspan class=\"lcc-benefit-icon\"\u003e🛡️\u003c\/span\u003e \u003cspan\u003eMaintient le film hydrolipidique naturel de la peau\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lcc-benefit\"\u003e\n\u003cspan class=\"lcc-benefit-icon\"\u003e💆\u003c\/span\u003e \u003cspan\u003eApaise les sensations d'inconfort après la douche\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lcc-benefit\"\u003e\n\u003cspan class=\"lcc-benefit-icon\"\u003e✨\u003c\/span\u003e \u003cspan\u003eLaisse un toucher soyeux tout au long de la journée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lcc-section\"\u003e\n\u003ch2\u003e📝 Comment l'utiliser\u003c\/h2\u003e\n\u003cdiv class=\"lcc-steps\"\u003e\n\u003cdiv class=\"lcc-step\"\u003e\n\u003cdiv class=\"lcc-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lcc-step-content\"\u003e\n\u003ch4\u003eAprès la douche ou le bain\u003c\/h4\u003e\n\u003cp\u003eAppliquez le lait sur peau légèrement humide pour optimiser la pénétration des actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lcc-step\"\u003e\n\u003cdiv class=\"lcc-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lcc-step-content\"\u003e\n\u003ch4\u003eMassez en mouvements circulaires\u003c\/h4\u003e\n\u003cp\u003eInsistez sur les zones les plus sèches : coudes, genoux et talons\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lcc-step\"\u003e\n\u003cdiv class=\"lcc-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lcc-step-content\"\u003e\n\u003ch4\u003eUtilisez quotidiennement\u003c\/h4\u003e\n\u003cp\u003eUne application régulière maintient la peau souple et confortable durablement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lcc-tip\"\u003e\n\u003cp\u003e💡 Grâce à sa pompe doseuse, prélevez juste la quantité nécessaire sans gaspillage. Un geste simple et rapide pour votre routine beauté familiale !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lcc-section\"\u003e\n\u003ch2\u003e👥 Pour qui est-il adapté ?\u003c\/h2\u003e\n\u003cdiv class=\"lcc-grid lcc-grid-4\"\u003e\n\u003cdiv class=\"lcc-profile-card\"\u003e\n\u003cdiv class=\"lcc-profile-icon\"\u003e🏜️\u003c\/div\u003e\n\u003ch4\u003ePeaux sèches à très sèches\u003c\/h4\u003e\n\u003cp\u003eEn quête de nutrition intense et de confort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lcc-profile-card\"\u003e\n\u003cdiv class=\"lcc-profile-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch4\u003ePeaux sensibles\u003c\/h4\u003e\n\u003cp\u003eRéactives aux formules trop chargées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lcc-profile-card\"\u003e\n\u003cdiv class=\"lcc-profile-icon\"\u003e👨👩👧\u003c\/div\u003e\n\u003ch4\u003eFamilles\u003c\/h4\u003e\n\u003cp\u003eUn seul produit pour petits et grands\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lcc-profile-card\"\u003e\n\u003cdiv class=\"lcc-profile-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eAmateurs de bio\u003c\/h4\u003e\n\u003cp\u003eCosmétiques naturels et responsables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"lcc-section\"\u003e\n\u003ch2\u003e🏠 Emma Noël, l'expertise française\u003c\/h2\u003e\n\u003cdiv class=\"lcc-brand-box\"\u003e\n\u003cdiv class=\"lcc-brand-content\"\u003e\n\u003cp\u003eDepuis plusieurs générations, la maison \u003cstrong\u003eEmma Noël\u003c\/strong\u003e cultive un savoir-faire unique dans la transformation des huiles végétales en soins cosmétiques.\u003c\/p\u003e\n\u003cp\u003eInstallée dans le sud de la France, cette entreprise familiale privilégie les circuits courts et les ingrédients de qualité pour proposer des produits authentiques et efficaces.\u003c\/p\u003e\n\u003cp\u003eCe lait corporel reflète cette philosophie : \u003cstrong\u003eune formule sans superflu\u003c\/strong\u003e, des actifs naturels soigneusement sélectionnés, et un engagement constant pour une cosmétique plus responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lcc-brand-values\"\u003e\n\u003cspan class=\"lcc-value\"\u003e🌱 Naturel\u003c\/span\u003e \u003cspan class=\"lcc-value\"\u003e🇫🇷 Français\u003c\/span\u003e \u003cspan class=\"lcc-value\"\u003e♻️ Responsable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"lcc-section\"\u003e\n\u003cdiv class=\"lcc-cta-box\"\u003e\n\u003cdiv class=\"lcc-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lcc-cta-content\"\u003e\n\u003cspan class=\"lcc-cta-emoji\"\u003e🥥\u003c\/span\u003e\n\u003cp\u003eOffrez à votre peau le soin nourrissant qu'elle mérite avec ce lait corporel bio à l'huile de coco. Douceur, confort et parfum envoûtant pour toute la famille !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --lcc-cream: #FDF5F7;\n --lcc-white: #ffffff;\n --lcc-primary: #5B9AC7;\n --lcc-primary-dark: #3D7BA8;\n --lcc-primary-light: #E8F4FC;\n --lcc-secondary: #E84C8A;\n --lcc-secondary-light: #FCE8F0;\n --lcc-accent: #F8D4E0;\n --lcc-text: #1a1a1a;\n --lcc-text-light: #5a5a5a;\n --lcc-border: #f0e8eb;\n --lcc-shadow: 0 4px 24px rgba(232,76,138,.08);\n --lcc-shadow-lg: 0 12px 48px rgba(91,154,199,.15);\n --lcc-radius: 20px;\n --lcc-radius-sm: 12px;\n}\n\n.lcc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lcc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--lcc-text);\n line-height: 1.6;\n}\n\n.lcc-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.lcc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lcc-secondary) 0%, var(--lcc-primary) 50%, #7BC4D4 100%);\n border-radius: var(--lcc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--lcc-shadow-lg);\n}\n\n.lcc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 40% 40%, rgba(255,255,255,.05) 0%, transparent 30%);\n opacity: 1;\n}\n\n.lcc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lcc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.lcc-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(--lcc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lcc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.lcc-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lcc-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.lcc-description {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.lcc-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.lcc-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--lcc-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.lcc-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(--lcc-secondary), var(--lcc-primary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.lcc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.lcc-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS === *\/\n.lcc-card {\n background: var(--lcc-white);\n border-radius: var(--lcc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--lcc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lcc-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--lcc-shadow-lg);\n border-color: var(--lcc-secondary);\n}\n\n.lcc-card-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n}\n\n.lcc-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--lcc-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.lcc-card p {\n font-size: 14px;\n color: var(--lcc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFITS BOX === *\/\n.lcc-benefits-box {\n background: linear-gradient(135deg, var(--lcc-primary-light) 0%, var(--lcc-accent) 100%);\n border-radius: var(--lcc-radius);\n padding: clamp(2rem, 4vw, 3rem);\n}\n\n.lcc-benefits-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lcc-text);\n margin-bottom: 2rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.lcc-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1rem;\n}\n\n.lcc-benefit {\n display: flex;\n align-items: center;\n gap: 12px;\n background: var(--lcc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lcc-radius-sm);\n box-shadow: 0 2px 12px rgba(0,0,0,.05);\n transition: all .3s ease;\n}\n\n.lcc-benefit:hover {\n transform: translateX(5px);\n box-shadow: var(--lcc-shadow);\n}\n\n.lcc-benefit-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lcc-benefit span:last-child {\n font-size: 14px;\n color: var(--lcc-text);\n font-weight: 500;\n}\n\n\/* === STEPS === *\/\n.lcc-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n max-width: 700px;\n margin: 0 auto 2rem;\n}\n\n.lcc-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--lcc-white);\n padding: 1.5rem;\n border-radius: var(--lcc-radius);\n box-shadow: var(--lcc-shadow);\n transition: all .3s ease;\n}\n\n.lcc-step:hover {\n transform: translateX(10px);\n box-shadow: var(--lcc-shadow-lg);\n}\n\n.lcc-step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--lcc-secondary), var(--lcc-primary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n font-weight: 900;\n color: white;\n flex-shrink: 0;\n box-shadow: 0 4px 15px rgba(232,76,138,.3);\n}\n\n.lcc-step-content h4 {\n font-size: 17px;\n font-weight: 800;\n color: var(--lcc-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.lcc-step-content p {\n font-size: 14px;\n color: var(--lcc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.lcc-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, var(--lcc-secondary-light), var(--lcc-accent));\n padding: 1.25rem 1.5rem;\n border-radius: var(--lcc-radius-sm);\n max-width: 700px;\n margin: 0 auto;\n border-left: 4px solid var(--lcc-secondary);\n}\n\n.lcc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lcc-tip p {\n font-size: 14px;\n color: var(--lcc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === PROFILE CARDS === *\/\n.lcc-profile-card {\n background: var(--lcc-white);\n border-radius: var(--lcc-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--lcc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.lcc-profile-card:hover {\n transform: translateY(-5px);\n border-color: var(--lcc-primary);\n box-shadow: var(--lcc-shadow-lg);\n}\n\n.lcc-profile-icon {\n font-size: 36px;\n margin-bottom: 0.75rem;\n}\n\n.lcc-profile-card h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--lcc-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.lcc-profile-card p {\n font-size: 13px;\n color: var(--lcc-text-light);\n margin: 0;\n}\n\n\/* === BRAND BOX === *\/\n.lcc-brand-box {\n background: var(--lcc-white);\n border-radius: var(--lcc-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--lcc-shadow);\n border: 2px solid var(--lcc-accent);\n}\n\n.lcc-brand-content p {\n font-size: 15px;\n color: var(--lcc-text);\n margin: 0 0 1rem 0;\n line-height: 1.7;\n}\n\n.lcc-brand-content p:last-child {\n margin-bottom: 1.5rem;\n}\n\n.lcc-brand-content strong {\n color: var(--lcc-primary-dark);\n}\n\n.lcc-brand-values {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n}\n\n.lcc-value {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--lcc-primary-light), var(--lcc-accent));\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--lcc-primary-dark);\n}\n\n\/* === INFO GRID === *\/\n.lcc-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.lcc-info-item {\n background: var(--lcc-white);\n border-radius: var(--lcc-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--lcc-shadow);\n border-bottom: 3px solid var(--lcc-primary);\n}\n\n.lcc-info-label {\n display: block;\n font-size: 12px;\n font-weight: 700;\n color: var(--lcc-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 0.5rem;\n}\n\n.lcc-info-value {\n display: block;\n font-size: 18px;\n font-weight: 800;\n color: var(--lcc-primary-dark);\n}\n\n\/* === WARNING === *\/\n.lcc-warning-box {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: #FFF9E6;\n border: 2px solid #F0D860;\n border-radius: var(--lcc-radius-sm);\n padding: 1.25rem 1.5rem;\n}\n\n.lcc-warning-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lcc-warning-box p {\n font-size: 13px;\n color: #7A6820;\n margin: 0;\n line-height: 1.6;\n font-style: italic;\n}\n\n\/* === CTA BOX === *\/\n.lcc-cta-box {\n background: linear-gradient(135deg, var(--lcc-secondary) 0%, var(--lcc-primary) 100%);\n border-radius: var(--lcc-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lcc-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.1) 0%, transparent 40%);\n}\n\n.lcc-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.lcc-cta-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.lcc-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .lcc-grid,\n .lcc-grid-4 {\n grid-template-columns: 1fr;\n }\n \n .lcc-benefits-grid {\n grid-template-columns: 1fr;\n }\n \n .lcc-step {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n \n .lcc-tip {\n flex-direction: column;\n text-align: center;\n }\n \n .lcc-warning-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lcc-card,\n .lcc-profile-card {\n animation: lccFadeInUp .6s ease backwards;\n }\n .lcc-card:nth-child(1), .lcc-profile-card:nth-child(1) { animation-delay: .1s; }\n .lcc-card:nth-child(2), .lcc-profile-card:nth-child(2) { animation-delay: .2s; }\n .lcc-card:nth-child(3), .lcc-profile-card:nth-child(3) { animation-delay: .3s; }\n .lcc-card:nth-child(4), .lcc-profile-card:nth-child(4) { animation-delay: .4s; }\n .lcc-card:nth-child(5) { animation-delay: .5s; }\n .lcc-card:nth-child(6) { animation-delay: .6s; }\n \n .lcc-step {\n animation: lccFadeInLeft .6s ease backwards;\n }\n .lcc-step:nth-child(1) { animation-delay: .1s; }\n .lcc-step:nth-child(2) { animation-delay: .2s; }\n .lcc-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes lccFadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes lccFadeInLeft {\n from { opacity: 0; transform: translateX(-40px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .lcc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .lcc-card,\n .lcc-profile-card,\n .lcc-info-item {\n border: 2px solid var(--lcc-text);\n }\n \n .lcc-hero-title,\n .lcc-description {\n text-shadow: none;\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56372331479417,"sku":"NBAIEMM0048","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-corporel-coco_emma-noel_11zon.jpg?v=1766770036"},{"product_id":"savon-alep-bio-liquide-1l-emma-noel","title":"Savon d'Alep Bio - 1L - Emma Noël","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon Alep Bio liquide - 1L - Emma Noël\nPalette détectée:\n - Primaire: #2D5016 (vert olive profond du packaging et des feuilles de laurier)\n - Secondaire: #8B7355 (brun doré évoquant l'huile d'olive et le savon d'Alep traditionnel)\n - Accent: #C4A574 (doré chaleureux des éléments décoratifs)\nAmbiance: Naturel\/Bio authentique, tradition méditerranéenne, artisanat ancestral, pureté et simplicité\nPréfixe CSS: alep\n--\u003e\n\n\u003cdiv class=\"alep-premium\"\u003e\n\n \u003cdiv class=\"alep-hero\"\u003e\n \u003cdiv class=\"alep-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"alep-hero-content\"\u003e\n \u003cdiv class=\"alep-badges-top\"\u003e\n \u003cspan class=\"alep-badge\"\u003e🌿 99% naturel\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e🏺 Tradition millénaire\u003c\/span\u003e\n \u003cspan class=\"alep-badge\"\u003e✨ Certifié Cosmebio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"alep-hero-title\"\u003eSavon d'Alep liquide bio\u003c\/span\u003e\n \u003cp class=\"alep-subtitle\"\u003eL'héritage des maîtres savonniers syriens\u003c\/p\u003e\n \u003cp class=\"alep-description\"\u003eHuile d'olive bio \u0026amp; baie de laurier • Format économique 1 litre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eUn savoir-faire ancestral préservé\u003c\/h2\u003e\n \u003cdiv class=\"alep-intro-box\"\u003e\n \u003cdiv class=\"alep-intro-icon\"\u003e🏛️\u003c\/div\u003e\n \u003cp\u003eHéritier d'un savoir-faire millénaire transmis par les maîtres savonniers d'Alep en Syrie, ce savon liquide bio Emma Noël perpétue une tradition ancestrale dans un format pratique et moderne. Cuit au chaudron selon les méthodes traditionnelles, il associe la noblesse de l'\u003cstrong\u003ehuile d'olive biologique\u003c\/strong\u003e aux vertus apaisantes de l'\u003cstrong\u003ehuile de baie de laurier\u003c\/strong\u003e pour offrir à votre peau une toilette d'une douceur incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eLes vertus du véritable Alep\u003c\/h2\u003e\n \u003cdiv class=\"alep-grid\"\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003cdiv class=\"alep-card-icon\"\u003e🫒\u003c\/div\u003e\n \u003ch3\u003eNettoie en douceur\u003c\/h3\u003e\n \u003cp\u003eSans décaper le film hydrolipidique protecteur de votre peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003cdiv class=\"alep-card-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eNourrit intensément\u003c\/h3\u003e\n \u003cp\u003eGrâce à la richesse incomparable de l'huile d'olive bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003cdiv class=\"alep-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eApaise les sensibilités\u003c\/h3\u003e\n \u003cp\u003eL'huile de baie de laurier calme les épidermes réactifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-card\"\u003e\n \u003cdiv class=\"alep-card-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eHydrate naturellement\u003c\/h3\u003e\n \u003cp\u003ePar la glycérine végétale issue de la saponification\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'Alep plutôt qu'un gel douche ?\u003c\/h2\u003e\n \u003cdiv class=\"alep-comparison\"\u003e\n \u003cdiv class=\"alep-vs-card alep-vs-bad\"\u003e\n \u003cdiv class=\"alep-vs-header\"\u003e❌ Gels douche classiques\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003eTensioactifs agressifs\u003c\/li\u003e\n \u003cli\u003ePerturbent l'équilibre cutané\u003c\/li\u003e\n \u003cli\u003eSensation de tiraillement\u003c\/li\u003e\n \u003cli\u003eFormules complexes\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-vs-card alep-vs-good\"\u003e\n \u003cdiv class=\"alep-vs-header\"\u003e✅ Savon d'Alep bio\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003eFormule minimaliste\u003c\/li\u003e\n \u003cli\u003eRespecte le microbiome\u003c\/li\u003e\n \u003cli\u003eConfort immédiat après rinçage\u003c\/li\u003e\n \u003cli\u003ePeau souple et nourrie\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eL'huile de baie de laurier : l'ingrédient signature\u003c\/h2\u003e\n \u003cdiv class=\"alep-highlight-box\"\u003e\n \u003cdiv class=\"alep-laurel-deco\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"alep-highlight-content\"\u003e\n \u003cp\u003eReconnue depuis des siècles pour ses \u003cstrong\u003epropriétés apaisantes exceptionnelles\u003c\/strong\u003e, l'huile de baie de laurier est l'ingrédient qui distingue le véritable savon d'Alep de tous les autres. Elle convient particulièrement aux peaux réactives, sujettes aux inconforts ou aux tiraillements.\u003c\/p\u003e\n \u003cdiv class=\"alep-highlight-stats\"\u003e\n \u003cdiv class=\"alep-stat\"\u003e\n \u003cspan class=\"alep-stat-number\"\u003e3000\u003c\/span\u003e\n \u003cspan class=\"alep-stat-label\"\u003eans de tradition\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-stat\"\u003e\n \u003cspan class=\"alep-stat-number\"\u003e99%\u003c\/span\u003e\n \u003cspan class=\"alep-stat-label\"\u003eorigine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-stat\"\u003e\n \u003cspan class=\"alep-stat-number\"\u003e11%\u003c\/span\u003e\n \u003cspan class=\"alep-stat-label\"\u003ebio certifié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComment l'utiliser au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"alep-steps\"\u003e\n \u003cdiv class=\"alep-step\"\u003e\n \u003cdiv class=\"alep-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"alep-step-content\"\u003e\n \u003ch3\u003ePressez la pompe\u003c\/h3\u003e\n \u003cp\u003eObtenez la quantité souhaitée grâce au format flacon pompe pratique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-step\"\u003e\n \u003cdiv class=\"alep-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"alep-step-content\"\u003e\n \u003ch3\u003eAppliquez sur peau humide\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement pour faire mousser sur le corps, le visage ou les mains\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-step\"\u003e\n \u003cdiv class=\"alep-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"alep-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau claire pour révéler une peau douce et confortable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-usages\"\u003e\n \u003cspan class=\"alep-usage-tag\"\u003e🚿 Toilette du corps\u003c\/span\u003e\n \u003cspan class=\"alep-usage-tag\"\u003e🧴 Nettoyage visage\u003c\/span\u003e\n \u003cspan class=\"alep-usage-tag\"\u003e🙌 Lavage des mains\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eComposition transparente\u003c\/h2\u003e\n \u003cdiv class=\"alep-inci-grid\"\u003e\n \u003cdiv class=\"alep-inci-card\"\u003e\n \u003cdiv class=\"alep-inci-icon\"\u003e💧\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-name\"\u003eAqua\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-desc\"\u003eEau purifiée\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-inci-card alep-inci-bio\"\u003e\n \u003cdiv class=\"alep-inci-icon\"\u003e🫒\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-name\"\u003ePotassium Olivate**\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-desc\"\u003eHuile d'olive saponifiée\u003c\/div\u003e\n \u003cspan class=\"alep-inci-badge\"\u003eBio transformé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-inci-card\"\u003e\n \u003cdiv class=\"alep-inci-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-name\"\u003eGlycerin\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-desc\"\u003eGlycérine végétale hydratante\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-inci-card\"\u003e\n \u003cdiv class=\"alep-inci-icon\"\u003e🧼\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-name\"\u003ePotassium Laurate\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-desc\"\u003eAgent nettoyant doux\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-inci-card alep-inci-bio\"\u003e\n \u003cdiv class=\"alep-inci-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-name\"\u003eOlea Europaea Fruit Oil*\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-desc\"\u003eHuile d'olive biologique\u003c\/div\u003e\n \u003cspan class=\"alep-inci-badge\"\u003eBio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-inci-card\"\u003e\n \u003cdiv class=\"alep-inci-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-name\"\u003ePotassium Benzoate \u0026amp; Sorbate\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-desc\"\u003eConservateurs doux\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-inci-card alep-inci-star\"\u003e\n \u003cdiv class=\"alep-inci-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-name\"\u003eLaurus Nobilis Fruit Oil\u003c\/div\u003e\n \u003cdiv class=\"alep-inci-desc\"\u003eHuile de baie de laurier\u003c\/div\u003e\n \u003cspan class=\"alep-inci-badge\"\u003eSignature\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"alep-inci-legend\"\u003e*Ingrédients issus de l'agriculture biologique • **Transformés à partir d'ingrédients biologiques\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eCertifications \u0026amp; engagements\u003c\/h2\u003e\n \u003cdiv class=\"alep-certif-grid\"\u003e\n \u003cdiv class=\"alep-certif-card\"\u003e\n \u003cdiv class=\"alep-certif-icon\"\u003e🏅\u003c\/div\u003e\n \u003cdiv class=\"alep-certif-label\"\u003eCosmebio\u003c\/div\u003e\n \u003cp\u003eCertification bio officielle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-certif-card\"\u003e\n \u003cdiv class=\"alep-certif-icon\"\u003e🌍\u003c\/div\u003e\n \u003cdiv class=\"alep-certif-label\"\u003eÉco-responsable\u003c\/div\u003e\n \u003cp\u003eFabrication respectueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-certif-card\"\u003e\n \u003cdiv class=\"alep-certif-icon\"\u003e🚫\u003c\/div\u003e\n \u003cdiv class=\"alep-certif-label\"\u003eSans controversé\u003c\/div\u003e\n \u003cp\u003eFormule clean \u0026amp; sûre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-certif-card\"\u003e\n \u003cdiv class=\"alep-certif-icon\"\u003e🏺\u003c\/div\u003e\n \u003cdiv class=\"alep-certif-label\"\u003eChaudron\u003c\/div\u003e\n \u003cp\u003eMéthode traditionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"alep-info-grid\"\u003e\n \u003cdiv class=\"alep-info-item\"\u003e\n \u003cspan class=\"alep-info-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"alep-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"alep-info-value\"\u003e1 litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-info-item\"\u003e\n \u003cspan class=\"alep-info-icon\"\u003e🏛️\u003c\/span\u003e\n \u003cspan class=\"alep-info-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"alep-info-value\"\u003eTradition d'Alep\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-info-item\"\u003e\n \u003cspan class=\"alep-info-icon\"\u003e📅\u003c\/span\u003e\n \u003cspan class=\"alep-info-label\"\u003eAprès ouverture\u003c\/span\u003e\n \u003cspan class=\"alep-info-value\"\u003e6 mois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alep-info-item\"\u003e\n \u003cspan class=\"alep-info-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cspan class=\"alep-info-label\"\u003eConservation\u003c\/span\u003e\n \u003cspan class=\"alep-info-value\"\u003eÀ l'abri chaleur\/humidité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\"\u003e\n \u003cdiv class=\"alep-warning-box\"\u003e\n \u003cdiv class=\"alep-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"alep-warning-content\"\u003e\n \u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eUsage externe uniquement\u003c\/li\u003e\n \u003cli\u003eÉviter le contact avec les yeux\u003c\/li\u003e\n \u003cli\u003eEn cas de projection oculaire, rincer immédiatement\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"alep-cta-box\"\u003e\n \u003cdiv class=\"alep-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"alep-cta-content\"\u003e\n \u003cdiv class=\"alep-cta-icon\"\u003e🌿\u003c\/div\u003e\n \u003cp\u003eOffrez à votre peau le soin ancestral qu'elle mérite. Avec ce savon d'Alep liquide bio Emma Noël, retrouvez la pureté d'une tradition millénaire adaptée à votre quotidien moderne.\u003c\/p\u003e\n \u003cdiv class=\"alep-cta-badges\"\u003e\n \u003cspan\u003e🏺 Cuit au chaudron\u003c\/span\u003e\n \u003cspan\u003e🌱 Bio certifié\u003c\/span\u003e\n \u003cspan\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --alep-cream: #FAF8F5;\n --alep-white: #ffffff;\n --alep-primary: #2D5016;\n --alep-primary-dark: #1E3A0F;\n --alep-primary-light: #E8F0E2;\n --alep-secondary: #8B7355;\n --alep-secondary-light: #F5F0EA;\n --alep-accent: #C4A574;\n --alep-accent-light: #FBF7F0;\n --alep-text: #1a1a1a;\n --alep-text-light: #5a5a5a;\n --alep-border: #e0e0e0;\n --alep-shadow: 0 4px 24px rgba(45,80,22,.08);\n --alep-shadow-lg: 0 12px 48px rgba(45,80,22,.15);\n --alep-radius: 20px;\n --alep-radius-sm: 12px;\n}\n\n.alep-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alep-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--alep-text);\n line-height: 1.6;\n}\n\n.alep-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.alep-hero {\n position: relative;\n background: linear-gradient(135deg, #2D5016 0%, #3D6B1E 40%, #8B7355 100%);\n border-radius: var(--alep-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(ellipse at 20% 80%, rgba(196,165,116,.15) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.alep-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alep-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.alep-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(--alep-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alep-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.alep-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.alep-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.alep-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 2vw, 18px);\n margin: 0;\n font-weight: 500;\n}\n\n\/* === SECTIONS === *\/\n.alep-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.alep-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--alep-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.alep-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(--alep-primary), var(--alep-accent));\n border-radius: 2px;\n}\n\n\/* === INTRO BOX === *\/\n.alep-intro-box {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--alep-shadow);\n text-align: center;\n border-left: 5px solid var(--alep-primary);\n}\n\n.alep-intro-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.alep-intro-box p {\n font-size: clamp(16px, 2vw, 18px);\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.8;\n}\n\n.alep-intro-box strong {\n color: var(--alep-primary-dark);\n}\n\n\/* === GRILLES \u0026 CARDS === *\/\n.alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.alep-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alep-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--alep-shadow-lg);\n border-color: var(--alep-primary);\n}\n\n.alep-card-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n}\n\n.alep-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.alep-card p {\n font-size: 15px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPARISON === *\/\n.alep-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.alep-vs-card {\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-vs-bad {\n background: linear-gradient(135deg, #FFF5F5 0%, #FEE2E2 100%);\n border: 2px solid #FECACA;\n}\n\n.alep-vs-good {\n background: linear-gradient(135deg, var(--alep-primary-light) 0%, #D4EDDA 100%);\n border: 2px solid var(--alep-primary);\n}\n\n.alep-vs-header {\n font-size: 18px;\n font-weight: 800;\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n border-bottom: 2px dashed currentColor;\n}\n\n.alep-vs-bad .alep-vs-header {\n color: #B91C1C;\n border-color: #FECACA;\n}\n\n.alep-vs-good .alep-vs-header {\n color: var(--alep-primary-dark);\n border-color: var(--alep-primary);\n}\n\n.alep-vs-card ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.alep-vs-card li {\n padding: .5rem 0;\n font-size: 15px;\n color: var(--alep-text);\n position: relative;\n padding-left: 1.5rem;\n}\n\n.alep-vs-bad li::before {\n content: '✗';\n position: absolute;\n left: 0;\n color: #B91C1C;\n font-weight: bold;\n}\n\n.alep-vs-good li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--alep-primary);\n font-weight: bold;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.alep-highlight-box {\n background: linear-gradient(135deg, var(--alep-secondary-light) 0%, var(--alep-accent-light) 100%);\n border-radius: var(--alep-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--alep-shadow);\n position: relative;\n overflow: hidden;\n}\n\n.alep-laurel-deco {\n position: absolute;\n top: -20px;\n right: -20px;\n font-size: 120px;\n opacity: .1;\n transform: rotate(15deg);\n}\n\n.alep-highlight-content {\n position: relative;\n z-index: 1;\n}\n\n.alep-highlight-content p {\n font-size: clamp(16px, 2vw, 18px);\n color: var(--alep-text);\n margin: 0 0 2rem 0;\n line-height: 1.8;\n}\n\n.alep-highlight-content strong {\n color: var(--alep-primary-dark);\n}\n\n.alep-highlight-stats {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 2rem;\n}\n\n.alep-stat {\n text-align: center;\n}\n\n.alep-stat-number {\n display: block;\n font-size: clamp(32px, 5vw, 42px);\n font-weight: 900;\n color: var(--alep-primary-dark);\n line-height: 1;\n}\n\n.alep-stat-label {\n display: block;\n font-size: 14px;\n color: var(--alep-secondary);\n font-weight: 600;\n margin-top: .25rem;\n}\n\n\/* === STEPS === *\/\n.alep-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.alep-step {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n transition: all .3s ease;\n}\n\n.alep-step:hover {\n transform: translateX(8px);\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-step-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 100%);\n color: white;\n font-size: 24px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px rgba(45,80,22,.3);\n}\n\n.alep-step-content h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.alep-step-content p {\n font-size: 15px;\n color: var(--alep-text-light);\n margin: 0;\n}\n\n.alep-usages {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.alep-usage-tag {\n background: var(--alep-primary-light);\n color: var(--alep-primary-dark);\n padding: 10px 20px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n border: 2px solid var(--alep-primary);\n}\n\n\/* === INCI === *\/\n.alep-inci-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.alep-inci-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--alep-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n position: relative;\n}\n\n.alep-inci-card:hover {\n transform: translateY(-4px);\n border-color: var(--alep-border);\n}\n\n.alep-inci-bio {\n background: linear-gradient(135deg, var(--alep-primary-light) 0%, #E8F5E9 100%);\n border-color: var(--alep-primary);\n}\n\n.alep-inci-star {\n background: linear-gradient(135deg, var(--alep-accent-light) 0%, #FFF8E1 100%);\n border-color: var(--alep-accent);\n}\n\n.alep-inci-icon {\n font-size: 28px;\n margin-bottom: .5rem;\n}\n\n.alep-inci-name {\n font-size: 13px;\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin-bottom: .25rem;\n}\n\n.alep-inci-desc {\n font-size: 12px;\n color: var(--alep-text-light);\n}\n\n.alep-inci-badge {\n position: absolute;\n top: -8px;\n right: -8px;\n background: var(--alep-primary);\n color: white;\n font-size: 10px;\n font-weight: 700;\n padding: 4px 8px;\n border-radius: 999px;\n}\n\n.alep-inci-star .alep-inci-badge {\n background: var(--alep-accent);\n color: var(--alep-primary-dark);\n}\n\n.alep-inci-legend {\n text-align: center;\n font-size: 13px;\n color: var(--alep-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === CERTIFICATIONS === *\/\n.alep-certif-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.alep-certif-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--alep-shadow);\n border: 2px solid var(--alep-border);\n transition: all .3s ease;\n}\n\n.alep-certif-card:hover {\n border-color: var(--alep-primary);\n transform: translateY(-4px);\n}\n\n.alep-certif-icon {\n font-size: 36px;\n margin-bottom: .75rem;\n}\n\n.alep-certif-label {\n font-size: 16px;\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin-bottom: .5rem;\n}\n\n.alep-certif-card p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n}\n\n\/* === INFO GRID === *\/\n.alep-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.alep-info-item {\n background: var(--alep-white);\n border-radius: var(--alep-radius-sm);\n padding: 1.25rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n box-shadow: var(--alep-shadow);\n}\n\n.alep-info-icon {\n font-size: 28px;\n}\n\n.alep-info-label {\n font-size: 12px;\n color: var(--alep-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n display: block;\n}\n\n.alep-info-value {\n font-size: 16px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n}\n\n\/* === WARNING === *\/\n.alep-warning-box {\n background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);\n border: 2px solid #F59E0B;\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.alep-warning-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.alep-warning-content h3 {\n font-size: 18px;\n font-weight: 800;\n color: #B45309;\n margin: 0 0 1rem 0;\n}\n\n.alep-warning-content ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.alep-warning-content li {\n padding: .4rem 0;\n font-size: 14px;\n color: #92400E;\n position: relative;\n padding-left: 1.25rem;\n}\n\n.alep-warning-content li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: #F59E0B;\n font-weight: bold;\n}\n\n\/* === CTA BOX === *\/\n.alep-cta-box {\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 100%);\n border-radius: var(--alep-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.alep-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(ellipse at 30% 70%, rgba(196,165,116,.2) 0%, transparent 50%),\n radial-gradient(ellipse at 70% 30%, rgba(255,255,255,.1) 0%, transparent 40%);\n}\n\n.alep-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.alep-cta-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.alep-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 1.5rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.alep-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.alep-cta-badges span {\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n color: white;\n padding: 8px 16px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 600;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .alep-grid,\n .alep-comparison,\n .alep-certif-grid,\n .alep-info-grid {\n grid-template-columns: 1fr;\n }\n \n .alep-inci-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .alep-step {\n flex-direction: column;\n text-align: center;\n }\n \n .alep-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .alep-highlight-stats {\n flex-direction: column;\n gap: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .alep-card,\n .alep-vs-card,\n .alep-step,\n .alep-inci-card,\n .alep-certif-card {\n animation: alepFadeInUp .6s ease backwards;\n }\n \n .alep-card:nth-child(1), .alep-vs-card:nth-child(1), .alep-step:nth-child(1) { animation-delay: .1s; }\n .alep-card:nth-child(2), .alep-vs-card:nth-child(2), .alep-step:nth-child(2) { animation-delay: .2s; }\n .alep-card:nth-child(3), .alep-step:nth-child(3) { animation-delay: .3s; }\n .alep-card:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes alepFadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .alep-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .alep-premium {\n --alep-text: #000000;\n --alep-text-light: #333333;\n }\n \n .alep-card,\n .alep-inci-card,\n .alep-certif-card {\n border: 2px solid var(--alep-text);\n }\n}\n\u003c\/style\u003e","brand":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":56372594606457,"sku":"NBAIEMM0050","price":16.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Savonalepbioliquideemmanoel_11zon.jpg?v=1766057735"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/emma-noel.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}